chore: clean

index.html

@@ -361,9 +361,9 @@
   <!-- Hero -->
   <header class="hero" role="banner">
     <div class="hero-copy">
-      <h1>Private Watermark Detection - Check if your text is AI Generated</h1>
+      <h1>Private Watermark Detection - Check if your text contains watermarks</h1>
       <div class="explanation-text">
-        Private SynthID uses Google's SynthID technology to detect AI-generated text while preserving privacy through Fully Homomorphic Encryption (FHE). This means you can check if text was generated by AI without revealing the content to anyone. Learn more about <a href="https://deepmind.google/science/synthid/" target="_blank">SynthID</a> and <a href="https://www.zama.ai/" target="_blank">FHE applications</a>.
+        Private SynthID uses Google's SynthID technology to detect watermarks in AI-generated text while preserving privacy through Fully Homomorphic Encryption (FHE). This means you can check if text contains AI watermarks without revealing the content to anyone. Note that this only detects watermarked text - not all AI-generated text will be detected. Learn more about <a href="https://deepmind.google/science/synthid/" target="_blank">SynthID</a> and <a href="https://www.zama.ai/" target="_blank">FHE applications</a>.
       </div>
     </div>
 
@@ -393,7 +393,7 @@ sequenceDiagram
 
   <!-- Wizard Steps -->
   <main>
-    <h2 class="section-title">How it works</h2>
+    <h2 class="section-title">How watermark detection works</h2>
     <div class="cards-wrapper">
       <!-- 1 Keys -->
       <section class="card" aria-labelledby="step1">

style.css

@@ -1,28 +0,0 @@
-body {
-	padding: 2rem;
-	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
-}
-
-h1 {
-	font-size: 16px;
-	margin-top: 0;
-}
-
-p {
-	color: rgb(107, 114, 128);
-	font-size: 15px;
-	margin-bottom: 10px;
-	margin-top: 5px;
-}
-
-.card {
-	max-width: 620px;
-	margin: 0 auto;
-	padding: 16px;
-	border: 1px solid lightgray;
-	border-radius: 16px;
-}
-
-.card p:last-child {
-	margin-bottom: 0;
-}

wasm-demo.js

@@ -177,20 +177,46 @@ async function pollTaskStatus(currentTaskId, currentUid) {
         if (!statusResponse.ok) {
             const errorText = await statusResponse.text();
             console.error(`[Poll] Error fetching status: ${statusResponse.status} ${errorText}`);
-            $('srvStatus').textContent = `Status check error: ${statusResponse.status}`;
+            $('srvStatus').textContent = `Error checking status`;
             show('spin', false);
             return null;
         }
 
         const statusData = await statusResponse.json();
         console.log('[Poll] Task status:', statusData);
-        $('srvStatus').textContent = `Status: ${statusData.status} - ${statusData.details}`;
+        
+        // Parse and display user-friendly status messages
+        let userMessage = '';
+        let showComputing = false;
+        
+        if (statusData.status === 'queued') {
+            // Extract position from details if available
+            const positionMatch = statusData.details?.match(/Position:\s*(\d+)\/(\d+)/);
+            if (positionMatch) {
+                const [, position, total] = positionMatch;
+                userMessage = `Waiting in queue (${position} of ${total})`;
+            } else {
+                userMessage = 'Waiting in queue...';
+            }
+        } else if (statusData.status === 'processing' || statusData.status === 'running') {
+            userMessage = 'Processing your request...';
+            showComputing = true;
+        } else if (statusData.status === 'success' || statusData.status === 'completed') {
+            userMessage = 'Processing complete!';
+        } else if (['failure', 'revoked', 'unknown', 'error'].includes(statusData.status.toLowerCase())) {
+            userMessage = 'Task failed. Please try again.';
+        } else {
+            // Fallback for any other status
+            userMessage = `Status: ${statusData.status}`;
+        }
+        
+        $('srvStatus').textContent = userMessage;
+        $('srvComputing').hidden = !showComputing;
 
         if (statusData.status === 'success' || statusData.status === 'completed') {
             return statusData;
         } else if (['failure', 'revoked', 'unknown', 'error'].includes(statusData.status.toLowerCase())) {
             console.error('[Poll] Task failed or unrecoverable:', statusData);
-            $('srvStatus').textContent = `Task failed: ${statusData.status}`;
             show('spin', false);
             return null;
         } else {
@@ -203,34 +229,35 @@ async function pollTaskStatus(currentTaskId, currentUid) {
         }
     } catch (e) {
         console.error('[Poll] Polling exception:', e);
-        $('srvStatus').textContent = `Polling error: ${e.message}`;
+        $('srvStatus').textContent = 'Connection error. Please check your network.';
         show('spin', false);
         return null;
     }
 }
 
 async function getTaskResult(currentTaskId, currentUid, taskName) {
-    $('srvStatus').textContent = 'Fetching result...';
+    $('srvStatus').textContent = 'Retrieving results...';
     try {
         const resultResponse = await fetch(`${SERVER}/get_task_result?task_name=${taskName}&task_id=${currentTaskId}&uid=${currentUid}`);
 
         if (!resultResponse.ok) {
             const errorText = await resultResponse.text();
-            throw new Error(`Server /get_task_result error: ${resultResponse.status} ${errorText}`);
+            throw new Error(`Failed to get results`);
         }
 
         const resultArrayBuffer = await resultResponse.arrayBuffer();
         encServerResult = new Uint8Array(resultArrayBuffer);
 
         console.log(`[Main] Received encrypted result: ${encServerResult.length} bytes`);
-        $('encResult').value = `(${encServerResult.length} B)`;
-        $('srvStatus').textContent = `✓ result received (${((performance.now() - window.taskStartTime) / 1000).toFixed(2)}s total)`;
+        $('encResult').value = `Encrypted result (${encServerResult.length} bytes)`;
+        const duration = ((performance.now() - window.taskStartTime) / 1000).toFixed(1);
+        $('srvStatus').textContent = `✓ Complete! (${duration}s)`;
         enable('btnDecrypt');
 
     } catch (e) {
-        const duration = window.taskStartTime ? ((performance.now() - window.taskStartTime) / 1000).toFixed(2) : 'N/A';
+        const duration = window.taskStartTime ? ((performance.now() - window.taskStartTime) / 1000).toFixed(1) : 'N/A';
         console.error(`[Main] /get_task_result failed after ${duration}s:`, e);
-        $('srvStatus').textContent = `Result fetch error: ${e.message} (${duration}s)`;
+        $('srvStatus').textContent = 'Failed to retrieve results. Please try again.';
     } finally {
         show('spin', false);
         $('srvComputing').hidden = true;
@@ -249,8 +276,8 @@ $('btnSend').onclick = async () => {
 
     show('encIcon', false);
     show('spin', true);
-    $('srvStatus').textContent = 'Submitting task…';
-    $('srvComputing').hidden = true;
+    $('srvStatus').textContent = 'Sending encrypted data...';
+    $('srvComputing').hidden = true;  // Ensure it's hidden initially
     window.taskStartTime = performance.now();
 
     try {
@@ -269,14 +296,13 @@ $('btnSend').onclick = async () => {
 
         if (!startTaskResponse.ok) {
             const errorText = await startTaskResponse.text();
-            throw new Error(`Server /start_task error: ${startTaskResponse.status} ${errorText}`);
+            throw new Error(`Server error: ${startTaskResponse.status}`);
         }
 
         const { task_id: newTaskId } = await startTaskResponse.json();
         taskId = newTaskId;
         console.log('[Main] Task submitted to server. Task ID:', taskId);
-        $('srvStatus').textContent = `Task submitted (ID: ${taskId.substring(0,8)}...). Polling status...`;
-        $('srvComputing').hidden = false;
+        $('srvStatus').textContent = 'Request submitted. Checking status...';
 
         pollTaskStatus(taskId, sessionUid).then(finalStatus => {
             if (finalStatus && (finalStatus.status === 'success' || finalStatus.status === 'completed')) {
@@ -287,7 +313,7 @@ $('btnSend').onclick = async () => {
     } catch (e) {
         const duration = ((performance.now() - window.taskStartTime) / 1000).toFixed(2);
         console.error(`[Main] Task submission failed after ${duration}s:`, e);
-        $('srvStatus').textContent = `Task submission error: ${e.message} (${duration}s)`;
+        $('srvStatus').textContent = 'Failed to submit request. Please try again.';
         show('spin', false);
         $('srvComputing').hidden = true;
     }