fix progress bar

wasm-demo.js

@@ -310,14 +310,9 @@ async function pollTaskStatus(currentTaskId, currentUid) {
             userMessage = 'Processing your request...';
             showComputing = true;
             
-            // Start progress bar when processing actually begins
+            // Progress bar and timer are already started in btnSend.onclick
+            // Just ensure they're visible
             show('progressContainer', true);
-            if (!window.taskStartTime) {
-                window.taskStartTime = performance.now(); // Set start time when processing begins
-            }
-            if (!progressTimer) {
-                progressTimer = setInterval(updateProgressBar, 1000);
-            }
         } else if (statusData.status === 'success' || statusData.status === 'completed') {
             userMessage = 'Processing complete!';
             // Set progress to 100% and clear timer
@@ -396,7 +391,7 @@ async function getTaskResult(currentTaskId, currentUid, taskName) {
         encServerResult = new Uint8Array(resultArrayBuffer);
 
         console.log(`[Main] Received encrypted result: ${encServerResult.length} bytes`);
-        const duration = ((performance.now() - window.taskStartTime) / 1000).toFixed(1);
+        const duration = window.taskStartTime ? ((performance.now() - window.taskStartTime) / 1000).toFixed(1) : 'N/A';
         $('srvStatus').textContent = `✓ Complete! (${duration}s)`;
         enable('btnDecrypt');
 
@@ -428,11 +423,12 @@ $('btnSend').onclick = async () => {
     show('encIcon', false);
     show('spin', true);
     show('processingNote', true);
-    show('progressContainer', false); // Hide initially, show when processing starts
+    show('progressContainer', true); // Always show progress bar
     $('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
     
     // Clear any existing progress timer
     if (progressTimer) {
@@ -464,6 +460,11 @@ $('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');
@@ -471,7 +472,7 @@ $('btnSend').onclick = async () => {
         });
 
     } catch (e) {
-        const duration = ((performance.now() - window.taskStartTime) / 1000).toFixed(2);
+        const duration = window.taskStartTime ? ((performance.now() - window.taskStartTime) / 1000).toFixed(2) : 'N/A';
         console.error(`[Main] Task submission failed after ${duration}s:`, e);
         $('srvStatus').textContent = 'Failed to submit request. Please try again.';
         show('spin', false);