@meaningfully/ui 0.0.6 → 0.0.8

package/dist/App.svelte

@@ -11,12 +11,14 @@
 
   interface Props {
     api: MeaningfullyAPI;
-    basePath: string;
+    basepath: string;
   }
-  let { api, basePath }: Props = $props();
+  let { api, basepath }: Props = $props();
   
-  let basepath = $state(basePath || '');
-  console.log("basepath App", basepath);
+  // basepath must not be blank;
+  // unclear if it needs a trailing slash when using a subpath.
+  let basepath_app = $state(basepath || '/');
+  console.log(`basepath App "${basepath_app}" (prop: "${basepath}")`);
   let url = $state('');
   // Ensure $state returns Settings | null
   let settings = $state<Settings | null>(null);
@@ -45,7 +47,7 @@
 
 <!-- <img alt="logo" class="logo" src={electronLogo} /> -->
 
-<Router url={url} basepath={basepath}>
+<Router url={url} basepath={basepath_app}>
   <Link to="/">
     <h1 class="text-2xl font-bold">
       Meaningfully

package/dist/App.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { MeaningfullyAPI } from './types.js';
 interface Props {
     api: MeaningfullyAPI;
-    basePath: string;
+    basepath: string;
 }
 declare const App: import("svelte").Component<Props, {}, "">;
 type App = ReturnType<typeof App>;

package/dist/components/CsvUpload.svelte

@@ -69,8 +69,10 @@
 </script>
 
 <div class="bg-white p-6 rounded-lg shadow space-y-6 text-black mb-10" data-testid="upload-a-spreadsheet">
-  <h2 class="text-xl font-semibold">Upload A Spreadsheet</h2>
+  <h2 class="text-xl font-semibold mb-[2px]">Upload a Spreadsheet</h2>
   
+  <p class="text-gray-700 text-[10px]">CSVs up to 10,000 rows work great. Those with more than 10,000 rows may be slow or could fail. Modify the CSV beforehand to ensure the CSV has exactly one header row.</p>
+
   <label class="block">
     <span class="sr-only">Choose CSV file</span>
     <input

package/dist/components/DatabaseConfig.svelte

@@ -143,11 +143,12 @@
           [selectedTextColumn]: result.text
         }));
       } else {
-        error = 'Preview generation failed';
+        error = previewResponse.message || 'Preview generation failed'; // fastify responses don't throw
+
         console.error('Preview generation failed:', previewResponse);
       }
     } catch (e: any) {
-      error = e.message;
+      error = e.message; // electron errors throw
     } finally {
       generatingPreview = false;
     }
@@ -188,9 +189,9 @@
       if (uploadResponse.success) {
         navigate("/search/" + uploadResponse.documentSetId);
       } else {
-        error = 'Upload failed';
+        error = uploadResponse.message || 'Upload failed'; // fastify responses don't throw
       }
-    } catch (e: any) {
+    } catch (e: any) {                                     // in Electron, errors throw
       error = e.message;
     } finally {
       uploading = false;

package/dist/components/ExistingDatabases.svelte

@@ -35,7 +35,7 @@
       totalDocuments = result.total;
       totalPages = Math.ceil(totalDocuments / pageSize);
     } catch (e) {
-      error = e instanceof Error ? e.message : 'Failed to load document sets';
+      error = e instanceof Error ? e.message : 'Failed to load list of spreadsheets';
     } finally {
       loading = false;
     }
@@ -48,7 +48,7 @@
         await api.deleteDocumentSet(documentSetId);
         await loadDocumentSets(currentPage);
       } catch (e) {
-        error = e instanceof Error ? e.message : 'Failed to delete document set';
+        error = e instanceof Error ? e.message : 'Failed to delete spreadsheet';
       }
     }
   }
@@ -87,7 +87,7 @@
   <div class="my-10 bg-white p-6 rounded-lg shadow space-y-6 text-black" data-testid="existing-spreadsheets">
     <h2 class="text-2xl font-bold">Existing Spreadsheets</h2>
     {#if documentSets.length === 0}
-      <p class="text-gray-500">No spreadsheets found. Upload one to get started.</p>
+      <p class="text-gray-500">No spreadsheets found. Upload a CSV to get started.</p>
     {:else}
       <div class="overflow-x-auto">
         <table class="min-w-full table-auto">
@@ -96,7 +96,7 @@
               <th class="px-4 py-2 text-left">Name</th>
               <th class="px-4 py-2 text-left">Upload Date</th>
               <th class="px-4 py-2 text-left">Documents</th>
-              <th class="px-4 py-2 text-left">Parameters</th>
+              <th class="px-4 py-2 text-left">Details and Settings</th>
               <th class="px-4 py-2 text-left"><span class="sr-only">Actions</span></th>
             </tr>
           </thead>
@@ -121,7 +121,7 @@
                 <td class="px-4 py-2">
                   {#if Object.keys(set.parameters).length > 0}
                     <details>
-                      <summary class="cursor-pointer text-sm text-blue-600">View Parameters</summary>
+                      <summary class="cursor-pointer text-sm text-blue-600">See Details</summary>
                       <pre class="mt-2 p-2 bg-gray-50 rounded text-sm">{JSON.stringify(set.parameters, null, 2)}</pre>
                     </details>
                   {:else}

package/dist/components/FrontPage.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
     import ExistingDatabases from './ExistingDatabases.svelte'
     import CsvUpload from './CsvUpload.svelte'
-  import type { MeaningfullyAPI } from '../types';
+    import type { MeaningfullyAPI } from '../types';
+    import { Link } from 'svelte-routing';
 
     interface Props {
       validApiKeysSet: boolean;
@@ -14,5 +15,7 @@
 <div class="container mx-auto px-4 space-y-8">
     <CsvUpload validApiKeysSet={validApiKeysSet} />
     <ExistingDatabases api={api} />
+    <div class="max-w-2xl mx-auto text-left leading-tight space-y-2">
+      Meaningfully is a semantic search tool for text data in spreadsheets. Search by the meaning of a sentence instead of keywords. <Link to="help" class="nav-link underline text-blue-600 hover:text-blue-800 visited:text-purple-600">Learn more</Link>.
+    </div>
 </div>
-  

package/dist/components/SearchPage.svelte

@@ -112,7 +112,7 @@
       <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
       </svg>
-      <span>Back to Document Sets</span>
+      <span>Back to Home</span>
     </button>
   </div>
 
@@ -131,19 +131,15 @@
     <div class="space-y-4 max-w-3xl">
       <!-- Search Input -->
       <div class="space-y-2">
-        <label for="search" class="block text-sm font-medium text-gray-700">
+        <label for="search" class="block text-sm font-medium text-gray-300">
           Semantic Search
         </label>
-        <p class="text-xs text-gray-500">
-          Imagine the perfect document that you hope might exist in your spreadsheet. Type it here. Meaningfully will find the real documents that mean 
-          about the same thing -- even if they have no keywords in common.
-        </p>
         <div class="flex space-x-4">
           <input
             id="search"
             type="text"
             bind:value={searchQuery}
-            placeholder={placeholderQuery}
+            placeholder={"... " + placeholderQuery}
             data-testid="search-bar"
             class="flex-1 px-4 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 placeholder-gray-400"
           />
@@ -156,13 +152,17 @@
             {loading ? 'Searching...' : 'Search'}
           </button>
         </div>
+        <p class="text-xs text-gray-500">
+          Need a hint? Imagine the perfect document that you hope might exist in your spreadsheet. Type it here. Meaningfully will find the real documents that mean 
+          about the same thing -- even if they have no keywords in common.
+        </p>
       </div>
 
       <!-- Metadata Filters -->
       {#if metadataColumns.length > 0}  
       <div class="space-y-2">
-        <p class="block text-sm font-medium text-gray-700">
-          Search only records that match...
+        <p class="block text-sm font-medium text-gray-300">
+          Use filters to search a subset of rows in your spreadsheet.
         </p>
         <div class="space-y-4">
           {#each metadataFilters as filter, index}
@@ -224,6 +224,8 @@
           originalDocumentClick={handleOriginalDocumentClick}
           />
       </div>
+    {:else}
+      <div class="text-gray-500">You won't find any results unless you search</div>
     {/if}
   {/if}
 </div>

package/package.json

@@ -1,12 +1,13 @@
 {
 	"name": "@meaningfully/ui",
-	"version": "0.0.6",
+	"version": "0.0.8",
 	"license": "MIT",
 	"description": "Svelte components for meaningfully semantic search",
 	"repo": "https://github.com/jeremybmerrill/meaningfully-ui",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",
+		"watch": "vite build --watch",
 		"preview": "vite preview",
 		"prepare": "svelte-kit sync && npm run build",
 		"prepack": "svelte-kit sync && svelte-package && publint",