From 8db84a753cd8dbd522146aa25e85bb454b032490 Mon Sep 17 00:00:00 2001
From: Siddharth Kumar Sah <siddharth123sk@gmail.com>
Date: Mon, 23 Mar 2026 09:49:20 +0800
Subject: [PATCH] fix: apply continuous progress bar to erase-object and OCR

Same fix as the hook: upload=0-15%, server processing=15-100%.
---
 apps/web/src/components/tools/erase-object-settings.tsx | 6 +++---
 apps/web/src/components/tools/ocr-settings.tsx          | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/components/tools/erase-object-settings.tsx b/apps/web/src/components/tools/erase-object-settings.tsx
index b288aa3f..15823a9f 100644
--- a/apps/web/src/components/tools/erase-object-settings.tsx
+++ b/apps/web/src/components/tools/erase-object-settings.tsx
@@ -50,7 +50,7 @@ export function EraseObjectSettings() {
         const data = JSON.parse(event.data);
         if (data.type === "single" && typeof data.percent === "number") {
           setProgressPhase("processing");
-          setProgressPercent(data.percent);
+          setProgressPercent(15 + (data.percent / 100) * 85);
           setProgressStage(data.stage);
         }
       } catch {}
@@ -65,12 +65,12 @@ export function EraseObjectSettings() {
     const xhr = new XMLHttpRequest();
     xhr.upload.onprogress = (e) => {
       if (e.lengthComputable) {
-        setProgressPercent((e.loaded / e.total) * 100);
+        setProgressPercent((e.loaded / e.total) * 15);
       }
     };
     xhr.upload.onload = () => {
       setProgressPhase("processing");
-      setProgressPercent(0);
+      setProgressPercent(15);
       setProgressStage("Starting...");
     };
     xhr.onload = () => {
diff --git a/apps/web/src/components/tools/ocr-settings.tsx b/apps/web/src/components/tools/ocr-settings.tsx
index e8e8836f..f5c0d3c1 100644
--- a/apps/web/src/components/tools/ocr-settings.tsx
+++ b/apps/web/src/components/tools/ocr-settings.tsx
@@ -58,7 +58,7 @@ export function OcrSettings() {
         const data = JSON.parse(event.data);
         if (data.type === "single" && typeof data.percent === "number") {
           setProgressPhase("processing");
-          setProgressPercent(data.percent);
+          setProgressPercent(15 + (data.percent / 100) * 85);
           setProgressStage(data.stage);
         }
       } catch {}
@@ -73,12 +73,12 @@ export function OcrSettings() {
     const xhr = new XMLHttpRequest();
     xhr.upload.onprogress = (e) => {
       if (e.lengthComputable) {
-        setProgressPercent((e.loaded / e.total) * 100);
+        setProgressPercent((e.loaded / e.total) * 15);
       }
     };
     xhr.upload.onload = () => {
       setProgressPhase("processing");
-      setProgressPercent(0);
+      setProgressPercent(15);
       setProgressStage("Starting...");
     };
     xhr.onload = () => {