fix progress bar

wasm-demo.js

@@ -310,9 +310,14 @@ async function pollTaskStatus(currentTaskId, currentUid) {
             userMessage = 'Processing your request...';
             showComputing = true;
             
-            // Progress bar and timer are already started in btnSend.onclick
-            // Just ensure they're visible
+            // Start progress bar when processing actually begins
             show('progressContainer', true);
+            if (!window.processingStartTime) {
+                window.processingStartTime = performance.now(); // Set processing start time
+            }
+            if (!progressTimer) {
+                progressTimer = setInterval(updateProgressBar, 1000);
+            }
         } else if (statusData.status === 'success' || statusData.status === 'completed') {
             userMessage = 'Processing complete!';
             // Set progress to 100% and clear timer
@@ -324,6 +329,7 @@ async function pollTaskStatus(currentTaskId, currentUid) {
         } else if (['failure', 'revoked', 'unknown', 'error'].includes(statusData.status.toLowerCase())) {
             userMessage = 'Task failed. Please try again.';
             // Clear timer on failure
+            window.processingStartTime = null;
             if (progressTimer) {
                 clearInterval(progressTimer);
                 progressTimer = null;
@@ -342,6 +348,7 @@ async function pollTaskStatus(currentTaskId, currentUid) {
             console.error('[Poll] Task failed or unrecoverable:', statusData);
             show('spin', false);
             show('progressContainer', false);
+            window.processingStartTime = null;
             if (progressTimer) {
                 clearInterval(progressTimer);
                 progressTimer = null;
@@ -360,6 +367,7 @@ async function pollTaskStatus(currentTaskId, currentUid) {
         $('srvStatus').textContent = 'Connection error. Please check your network.';
         show('spin', false);
         show('progressContainer', false);
+        window.processingStartTime = null;
         if (progressTimer) {
             clearInterval(progressTimer);
             progressTimer = null;
@@ -369,9 +377,9 @@ async function pollTaskStatus(currentTaskId, currentUid) {
 }
 
 function updateProgressBar() {
-    if (!window.taskStartTime || !window.expectedDuration) return;
+    if (!window.processingStartTime || !window.expectedDuration) return;
     
-    const elapsed = performance.now() - window.taskStartTime;
+    const elapsed = performance.now() - window.processingStartTime;
     const progress = Math.min((elapsed / window.expectedDuration) * 100, 95); // Cap at 95% until completion
     $('progressBar').style.width = `${progress}%`;
     console.log(`[Progress] ${progress.toFixed(1)}% (${(elapsed/1000).toFixed(1)}s / ${(window.expectedDuration/1000).toFixed(1)}s)`);
@@ -403,6 +411,7 @@ async function getTaskResult(currentTaskId, currentUid, taskName) {
         show('spin', false);
         show('progressContainer', false);
         $('srvComputing').hidden = true;
+        window.processingStartTime = null;
         if (progressTimer) {
             clearInterval(progressTimer);
             progressTimer = null;
@@ -423,12 +432,13 @@ $('btnSend').onclick = async () => {
     show('encIcon', false);
     show('spin', true);
     show('processingNote', true);
-    show('progressContainer', true); // Always show progress bar
+    show('progressContainer', false); // Hide initially, show when processing starts
     $('progressBar').style.width = '0%'; // Reset progress bar
     $('srvStatus').textContent = 'Sending encrypted data...';
     $('srvComputing').hidden = true;  // Ensure it's hidden initially
     window.expectedDuration = currentTokenCount * 30 * 1000; // Convert to milliseconds
-    window.taskStartTime = performance.now(); // Set start time when task is submitted
+    window.taskStartTime = performance.now(); // Set start time when task is submitted (for overall duration)
+    window.processingStartTime = null; // Will be set when processing actually begins
     
     // Clear any existing progress timer
     if (progressTimer) {
@@ -460,11 +470,6 @@ $('btnSend').onclick = async () => {
         console.log('[Main] Task submitted to server. Task ID:', taskId);
         $('srvStatus').textContent = 'Request submitted. Checking status...';
 
-        // Start progress bar timer immediately
-        if (!progressTimer) {
-            progressTimer = setInterval(updateProgressBar, 1000);
-        }
-
         pollTaskStatus(taskId, sessionUid).then(finalStatus => {
             if (finalStatus && (finalStatus.status === 'success' || finalStatus.status === 'completed')) {
                 getTaskResult(taskId, sessionUid, 'synthid');
@@ -478,6 +483,7 @@ $('btnSend').onclick = async () => {
         show('spin', false);
         show('progressContainer', false);
         $('srvComputing').hidden = true;
+        window.processingStartTime = null; // Reset processing start time
         if (progressTimer) {
             clearInterval(progressTimer);
             progressTimer = null;