Spaces:

ruidiao
/

QuoteSearch

Running

App Files Files Community

ruidiao commited on Oct 19

Commit

3409b6b

1 Parent(s): d635592

Upload 3 files

Browse files

Files changed (2) hide show

index.html +14 -2
main.js +10 -9

index.html CHANGED Viewed

@@ -3,7 +3,18 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Client-Side Quote Search</title>
     <script src="https://cdn.tailwindcss.com"></script>
 </head>
 <body class="bg-gray-100 flex items-center justify-center min-h-screen">
@@ -26,7 +37,8 @@
                     <button id="delete-data-button" class="bg-red-500 text-white px-3 py-1 rounded-lg text-sm hover:bg-red-600 focus:outline-none focus:ring-2 focus:ring-red-500">Delete Cached Data</button>
                 </div>
             </div>
-            <h1 class="text-3xl font-bold text-center text-gray-800 mb-4">Client-Side Quote Search</h1>
             <div id="data-info" class="text-center text-gray-600 mb-2"></div>
             <div id="status" class="text-center text-gray-600 mb-4"></div>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Quote Search — Client-side, Offline</title>
+    <meta name="description" content="Quote Search: Fast, private quote search that runs entirely in your browser. Embeddings-based, client-side, and offline-capable for secure local usage.">
+    <meta name="keywords" content="quote search, client-side search, offline search, embeddings, privacy, local model, quotes">
+    <meta name="author" content="Rui Diao">
+    <!-- Open Graph / Facebook -->
+    <meta property="og:title" content="Quote Search — Client-side, Offline">
+    <meta property="og:description" content="Fast, private quote search that runs in your browser. No data leaves your device.">
+    <meta property="og:type" content="website">
+    <!-- Twitter -->
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="Quote Search — Client-side, Offline">
+    <meta name="twitter:description" content="Fast, private quote search that runs in your browser. No data leaves your device.">
     <script src="https://cdn.tailwindcss.com"></script>
 </head>
 <body class="bg-gray-100 flex items-center justify-center min-h-screen">
                     <button id="delete-data-button" class="bg-red-500 text-white px-3 py-1 rounded-lg text-sm hover:bg-red-600 focus:outline-none focus:ring-2 focus:ring-red-500">Delete Cached Data</button>
                 </div>
             </div>
+            <h1 class="text-3xl font-bold text-center text-gray-800 mb-2">Quote Search</h1>
+            <p class="text-center text-sm text-gray-600 mb-4">Runs locally in your browser — Private &amp; Offline</p>
             <div id="data-info" class="text-center text-gray-600 mb-2"></div>
             <div id="status" class="text-center text-gray-600 mb-4"></div>

main.js CHANGED Viewed

@@ -65,15 +65,16 @@ worker.onmessage = (event) => {
             searchButton.disabled = false; // Ensure button is enabled
             // Render message with an inline info icon that has an accessible tooltip
             const sizeMB = formatBytesToMB(payload.size);
-            const tooltip = `This download contains the local model and pre-built index (~${sizeMB} MB). It enables fast, private, offline-capable searches entirely in your browser. It's a one-time download and you can delete the files anytime to free space.`;
-            statusDiv.innerHTML = `Download <strong>~${sizeMB} MB</strong> once for fast, private searches — deletable anytime.` +
-                ` <span class="inline-block ml-2 align-middle cursor-help" role="img" aria-label="More info" title="${tooltip}">
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-gray-500" style="vertical-align:middle;">
-                        <circle cx="12" cy="12" r="10"></circle>
-                        <line x1="12" y1="8" x2="12" y2="12"></line>
-                        <circle cx="12" cy="16" r="1"></circle>
-                    </svg>
-                </span>`;
         }
     } else if (type === 'dataDeleted') {
         // Show confirmation message briefly and then reload the page so the UI and worker state fully reset

             searchButton.disabled = false; // Ensure button is enabled
             // Render message with an inline info icon that has an accessible tooltip
             const sizeMB = formatBytesToMB(payload.size);
+            const exactSize = (payload.size / (1024 * 1024)).toFixed(2);
+            const tooltip = `Exact download size: ${exactSize} MB. Contains the local model + pre-built index for offline, client-side searches. Estimated download time depends on your connection.`;
+            // Friendly, non-scary message with accessible tooltip
+            statusDiv.innerHTML = `Heads‑up: one‑time download <strong>~${Math.round(sizeMB)} MB</strong> to enable fast, private searches in your browser. Runs locally — delete anytime.` +
+                ` <button class="inline-block ml-2 align-middle text-gray-500" aria-label="More info" title="${tooltip}">` +
+                `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" style="vertical-align:middle;">
+                    <circle cx="12" cy="12" r="10"></circle>
+                    <line x1="12" y1="8" x2="12" y2="12"></line>
+                    <circle cx="12" cy="16" r="1"></circle>
+                </svg></button>`;
         }
     } else if (type === 'dataDeleted') {
         // Show confirmation message briefly and then reload the page so the UI and worker state fully reset