@gmickel/gno 0.35.0 → 0.36.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gmickel/gno",
-  "version": "0.35.0",
+  "version": "0.36.0",
   "description": "Local semantic search for your documents. Index Markdown, PDF, and Office files with hybrid BM25 + vector search.",
   "keywords": [
     "embeddings",

package/src/serve/public/app.tsx

@@ -220,7 +220,8 @@ function AppContent({
 }
 
 function App() {
-  const initialLocation = window.location.pathname + window.location.search;
+  const initialLocation =
+    window.location.pathname + window.location.search + window.location.hash;
   const [workspace, setWorkspace] = useState<WorkspaceState>(() =>
     loadWorkspaceState(initialLocation)
   );
@@ -231,7 +232,8 @@ function App() {
   const location = activeTab?.location ?? "/";
 
   useEffect(() => {
-    const currentLocation = window.location.pathname + window.location.search;
+    const currentLocation =
+      window.location.pathname + window.location.search + window.location.hash;
     if (location !== currentLocation) {
       window.history.replaceState({}, "", location);
     }
@@ -242,7 +244,9 @@ function App() {
       setWorkspace((current) =>
         updateActiveTabLocation(
           current,
-          window.location.pathname + window.location.search
+          window.location.pathname +
+            window.location.search +
+            window.location.hash
         )
       );
     };

package/src/serve/public/components/BrowseDetailPane.tsx

@@ -43,6 +43,19 @@ export function BrowseDetailPane({
   selectedPath: string;
   total: number;
 }) {
+  const formatModified = (value?: string) => {
+    if (!value) return "—";
+    try {
+      return new Date(value).toLocaleDateString("en-US", {
+        month: "short",
+        day: "numeric",
+        year: "numeric",
+      });
+    } catch {
+      return value;
+    }
+  };
+
   if (docsLoading && docs.length === 0) {
     return (
       <div className="flex flex-col items-center justify-center gap-4 py-20">
@@ -107,7 +120,8 @@ export function BrowseDetailPane({
           <Table className="table-fixed">
             <TableHeader>
               <TableRow>
-                <TableHead className="w-[68%]">Document</TableHead>
+                <TableHead className="w-[56%]">Document</TableHead>
+                <TableHead className="w-[130px]">Modified</TableHead>
                 <TableHead className="w-[220px]">Collection</TableHead>
                 <TableHead className="w-[72px] text-right">Type</TableHead>
               </TableRow>
@@ -151,6 +165,9 @@ export function BrowseDetailPane({
                       <ChevronRight className="ml-auto size-4 shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100" />
                     </div>
                   </TableCell>
+                  <TableCell className="align-top whitespace-normal text-muted-foreground text-xs">
+                    {formatModified(doc.updatedAt)}
+                  </TableCell>
                   <TableCell className="align-top whitespace-normal">
                     <Badge
                       className="inline-flex min-h-[2.5rem] max-w-[180px] cursor-pointer items-center px-3 py-1 text-center whitespace-normal break-words font-mono text-xs leading-tight transition-colors hover:border-primary hover:text-primary"

package/src/serve/public/components/QuickSwitcher.tsx

@@ -158,7 +158,19 @@ export function QuickSwitcher({
     return () => clearTimeout(timer);
   }, [open, query]);
 
-  const recentItems = useMemo(() => recentDocs.slice(0, 6), [recentDocs]);
+  const recentItems = useMemo(() => {
+    const seenHref = new Set<string>();
+    const seenUri = new Set<string>();
+    return recentDocs
+      .filter((doc) => {
+        if (seenHref.has(doc.href) || seenUri.has(doc.uri)) return false;
+        seenHref.add(doc.href);
+        seenUri.add(doc.uri);
+        return true;
+      })
+      .slice(0, 6);
+  }, [recentDocs]);
+  const normalizedQuery = query.trim().toLowerCase();
   const favoriteDocItems = useMemo(
     () => favoriteDocs.slice(0, 6),
     [favoriteDocs]
@@ -167,12 +179,63 @@ export function QuickSwitcher({
     () => favoriteCollections.slice(0, 6),
     [favoriteCollections]
   );
+  const filteredRecentItems = useMemo(
+    () =>
+      recentItems.filter(
+        (item) =>
+          !normalizedQuery ||
+          item.label.toLowerCase().includes(normalizedQuery) ||
+          item.uri.toLowerCase().includes(normalizedQuery)
+      ),
+    [normalizedQuery, recentItems]
+  );
+  const filteredFavoriteDocItems = useMemo(
+    () =>
+      favoriteDocItems.filter(
+        (item) =>
+          !normalizedQuery ||
+          item.label.toLowerCase().includes(normalizedQuery) ||
+          item.uri.toLowerCase().includes(normalizedQuery)
+      ),
+    [favoriteDocItems, normalizedQuery]
+  );
+  const filteredFavoriteCollectionItems = useMemo(
+    () =>
+      favoriteCollectionItems.filter(
+        (item) =>
+          !normalizedQuery || item.label.toLowerCase().includes(normalizedQuery)
+      ),
+    [favoriteCollectionItems, normalizedQuery]
+  );
   const workspaceActions = useMemo(
     () => getWorkspaceActions({ location }),
     [location]
   );
+  const matchingWorkspaceActions = useMemo(
+    () =>
+      workspaceActions.filter((action) => {
+        if (
+          ["new-note", "new-note-in-context", "create-folder-here"].includes(
+            action.id
+          )
+        ) {
+          return true;
+        }
+        if (!normalizedQuery) {
+          return true;
+        }
+        const haystack = [
+          action.label,
+          action.description ?? "",
+          ...action.keywords,
+        ]
+          .join(" ")
+          .toLowerCase();
+        return haystack.includes(normalizedQuery);
+      }),
+    [normalizedQuery, workspaceActions]
+  );
   const exactResult = useMemo(() => {
-    const normalizedQuery = query.trim().toLowerCase();
     if (!normalizedQuery) {
       return null;
     }
@@ -191,7 +254,7 @@ export function QuickSwitcher({
         );
       }) ?? null
     );
-  }, [query, results]);
+  }, [normalizedQuery, results]);
 
   const openTarget = useCallback(
     (target: { uri: string; lineStart?: number; lineEnd?: number }) => {
@@ -234,12 +297,31 @@ export function QuickSwitcher({
         section.title.toLowerCase().includes(normalizedQuery)
     );
   }, [query, sections]);
+  const hasQuery = query.trim().length > 0;
+  const hasPriorityMatches =
+    filteredSections.length > 0 ||
+    results.length > 0 ||
+    filteredRecentItems.length > 0 ||
+    filteredFavoriteDocItems.length > 0 ||
+    filteredFavoriteCollectionItems.length > 0;
+  const commandKey = useMemo(
+    () =>
+      [
+        normalizedQuery || "__empty__",
+        filteredSections.map((section) => section.anchor).join(","),
+        results.map((result) => result.docid).join(","),
+        filteredRecentItems.map((item) => item.href).join(","),
+      ].join("|"),
+    [filteredRecentItems, filteredSections, normalizedQuery, results]
+  );
 
   return (
     <CommandDialog
+      commandKey={commandKey}
       description="Jump to notes, open recent documents, or create a new note."
       onOpenChange={onOpenChange}
       open={open}
+      shouldFilter={false}
       title="Quick Switcher"
     >
       <CommandInput
@@ -253,16 +335,87 @@ export function QuickSwitcher({
           {loading ? "Searching..." : "No matching documents."}
         </CommandEmpty>
 
-        {recentItems.length > 0 && !query.trim() && (
+        {hasQuery && filteredSections.length > 0 && (
+          <CommandGroup heading="Sections">
+            {filteredSections.map((section) => {
+              const target = parseDocumentDeepLink(
+                location.includes("?") ? `?${location.split("?")[1] ?? ""}` : ""
+              );
+              if (!target.uri) {
+                return null;
+              }
+              return (
+                <CommandItem
+                  key={section.anchor}
+                  onSelect={() => {
+                    navigate(
+                      `${buildDocDeepLink({
+                        uri: target.uri,
+                        view: "rendered",
+                      })}#${section.anchor}`
+                    );
+                    onOpenChange(false);
+                  }}
+                  value={`${section.title} section heading outline`}
+                >
+                  <SearchIcon />
+                  <span>{section.title}</span>
+                  <CommandShortcut>{`H${section.level}`}</CommandShortcut>
+                </CommandItem>
+              );
+            })}
+          </CommandGroup>
+        )}
+
+        {hasQuery && results.length > 0 && (
+          <CommandGroup heading="Documents">
+            {results.map((result) => (
+              <CommandItem
+                key={result.docid}
+                onSelect={() =>
+                  openTarget({
+                    uri: result.uri,
+                    lineStart: result.snippetRange?.startLine,
+                    lineEnd: result.snippetRange?.endLine,
+                  })
+                }
+                value={`${result.title ?? result.uri} ${result.uri}`}
+              >
+                {loading ? (
+                  <Loader2Icon className="animate-spin" />
+                ) : (
+                  <SearchIcon />
+                )}
+                <div className="min-w-0 flex-1">
+                  <div className="truncate">{result.title || result.uri}</div>
+                  <div className="truncate text-muted-foreground text-xs">
+                    {result.uri}
+                  </div>
+                </div>
+                {result.snippetRange && (
+                  <CommandShortcut>
+                    L{result.snippetRange.startLine}
+                    {result.snippetRange.endLine !==
+                    result.snippetRange.startLine
+                      ? `-${result.snippetRange.endLine}`
+                      : ""}
+                  </CommandShortcut>
+                )}
+              </CommandItem>
+            ))}
+          </CommandGroup>
+        )}
+
+        {!hasQuery && filteredRecentItems.length > 0 && (
           <CommandGroup heading="Recent">
-            {recentItems.map((item) => (
+            {filteredRecentItems.map((item) => (
               <CommandItem
                 key={item.href}
                 onSelect={() => {
                   navigate(item.href);
                   onOpenChange(false);
                 }}
-                value={item.label}
+                value={`recent-${item.href}-${item.label}`}
               >
                 <FileTextIcon />
                 <span>{item.label}</span>
@@ -272,34 +425,34 @@ export function QuickSwitcher({
           </CommandGroup>
         )}
 
-        {!query.trim() &&
-          (favoriteDocItems.length > 0 ||
-            favoriteCollectionItems.length > 0) && (
+        {!hasQuery &&
+          (filteredFavoriteDocItems.length > 0 ||
+            filteredFavoriteCollectionItems.length > 0) && (
             <>
               <CommandSeparator />
               <CommandGroup heading="Favorites">
-                {favoriteDocItems.map((item) => (
+                {filteredFavoriteDocItems.map((item) => (
                   <CommandItem
                     key={item.href}
                     onSelect={() => {
                       navigate(item.href);
                       onOpenChange(false);
                     }}
-                    value={`favorite-doc-${item.label}`}
+                    value={`favorite-doc-${item.href}`}
                   >
                     <StarIcon />
                     <span>{item.label}</span>
                     <CommandShortcut>Doc</CommandShortcut>
                   </CommandItem>
                 ))}
-                {favoriteCollectionItems.map((item) => (
+                {filteredFavoriteCollectionItems.map((item) => (
                   <CommandItem
                     key={item.href}
                     onSelect={() => {
                       navigate(item.href);
                       onOpenChange(false);
                     }}
-                    value={`favorite-collection-${item.label}`}
+                    value={`favorite-collection-${item.href}`}
                   >
                     <FolderIcon />
                     <span>{item.label}</span>
@@ -310,7 +463,58 @@ export function QuickSwitcher({
             </>
           )}
 
-        {showCreateAction && (
+        {!hasQuery && filteredSections.length > 0 && (
+          <CommandGroup heading="Sections">
+            {filteredSections.map((section) => {
+              const target = parseDocumentDeepLink(
+                location.includes("?") ? `?${location.split("?")[1] ?? ""}` : ""
+              );
+              if (!target.uri) {
+                return null;
+              }
+              return (
+                <CommandItem
+                  key={section.anchor}
+                  onSelect={() => {
+                    navigate(
+                      `${buildDocDeepLink({
+                        uri: target.uri,
+                        view: "rendered",
+                      })}#${section.anchor}`
+                    );
+                    onOpenChange(false);
+                  }}
+                  value={`${section.title} section heading outline`}
+                >
+                  <SearchIcon />
+                  <span>{section.title}</span>
+                  <CommandShortcut>{`H${section.level}`}</CommandShortcut>
+                </CommandItem>
+              );
+            })}
+          </CommandGroup>
+        )}
+
+        {hasQuery && filteredRecentItems.length > 0 && (
+          <CommandGroup heading="Recent">
+            {filteredRecentItems.map((item) => (
+              <CommandItem
+                key={item.href}
+                onSelect={() => {
+                  navigate(item.href);
+                  onOpenChange(false);
+                }}
+                value={`recent-${item.href}-${item.label}`}
+              >
+                <FileTextIcon />
+                <span>{item.label}</span>
+                <CommandShortcut>Recent</CommandShortcut>
+              </CommandItem>
+            ))}
+          </CommandGroup>
+        )}
+
+        {showCreateAction && (!hasQuery || !hasPriorityMatches) && (
           <>
             <CommandGroup heading="Actions">
               {exactResult && (
@@ -338,7 +542,7 @@ export function QuickSwitcher({
                 <span>Create new note</span>
                 <CommandShortcut>{query.trim()}</CommandShortcut>
               </CommandItem>
-              {workspaceActions
+              {matchingWorkspaceActions
                 .filter((action) =>
                   [
                     "new-note-in-context",
@@ -360,7 +564,12 @@ export function QuickSwitcher({
                         query.trim()
                       )
                     }
-                    value={`${action.label} ${action.keywords.join(" ")} ${query}`}
+                    value={`${
+                      action.id === "new-note-in-context" ||
+                      action.id === "new-note"
+                        ? `${action.label} ${action.keywords.join(" ")} ${query}`
+                        : `${action.label} ${action.keywords.join(" ")}`
+                    }`}
                   >
                     <FolderIcon />
                     <span>{action.label}</span>
@@ -377,7 +586,7 @@ export function QuickSwitcher({
         )}
 
         <CommandGroup heading="Go To">
-          {workspaceActions
+          {matchingWorkspaceActions
             .filter((action) => action.group === "Go To" && action.available)
             .map((action) => (
               <CommandItem
@@ -420,78 +629,7 @@ export function QuickSwitcher({
           </CommandGroup>
         )}
 
-        {filteredSections.length > 0 && (
-          <CommandGroup heading="Sections">
-            {filteredSections.map((section) => {
-              const target = parseDocumentDeepLink(
-                location.includes("?") ? `?${location.split("?")[1] ?? ""}` : ""
-              );
-              if (!target.uri) {
-                return null;
-              }
-              return (
-                <CommandItem
-                  key={section.anchor}
-                  onSelect={() => {
-                    navigate(
-                      `${buildDocDeepLink({
-                        uri: target.uri,
-                        view: "rendered",
-                      })}#${section.anchor}`
-                    );
-                    onOpenChange(false);
-                  }}
-                  value={`${section.title} section heading outline`}
-                >
-                  <SearchIcon />
-                  <span>{section.title}</span>
-                  <CommandShortcut>{`H${section.level}`}</CommandShortcut>
-                </CommandItem>
-              );
-            })}
-          </CommandGroup>
-        )}
-
         {!query.trim() && <CommandSeparator />}
-
-        {query.trim() && (
-          <CommandGroup heading="Documents">
-            {results.map((result) => (
-              <CommandItem
-                key={result.docid}
-                onSelect={() =>
-                  openTarget({
-                    uri: result.uri,
-                    lineStart: result.snippetRange?.startLine,
-                    lineEnd: result.snippetRange?.endLine,
-                  })
-                }
-                value={`${result.title ?? result.uri} ${result.uri}`}
-              >
-                {loading ? (
-                  <Loader2Icon className="animate-spin" />
-                ) : (
-                  <SearchIcon />
-                )}
-                <div className="min-w-0 flex-1">
-                  <div className="truncate">{result.title || result.uri}</div>
-                  <div className="truncate text-muted-foreground text-xs">
-                    {result.uri}
-                  </div>
-                </div>
-                {result.snippetRange && (
-                  <CommandShortcut>
-                    L{result.snippetRange.startLine}
-                    {result.snippetRange.endLine !==
-                    result.snippetRange.startLine
-                      ? `-${result.snippetRange.endLine}`
-                      : ""}
-                  </CommandShortcut>
-                )}
-              </CommandItem>
-            ))}
-          </CommandGroup>
-        )}
       </CommandList>
     </CommandDialog>
   );

package/src/serve/public/components/ui/command.tsx

@@ -22,6 +22,7 @@ function Command({
         "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
         className
       )}
+      cmdk-root=""
       data-slot="command"
       {...props}
     />
@@ -33,13 +34,17 @@ function CommandDialog({
   description = "Search for a command to run...",
   children,
   className,
+  commandKey,
   showCloseButton = true,
+  shouldFilter = true,
   ...props
 }: React.ComponentProps<typeof Dialog> & {
   title?: string;
   description?: string;
   className?: string;
+  commandKey?: React.Key;
   showCloseButton?: boolean;
+  shouldFilter?: boolean;
 }) {
   return (
     <Dialog {...props}>
@@ -48,10 +53,14 @@ function CommandDialog({
         <DialogDescription>{description}</DialogDescription>
       </DialogHeader>
       <DialogContent
-        className={cn("overflow-hidden p-0", className)}
+        className={cn("overflow-hidden border-none p-0 shadow-2xl", className)}
         showCloseButton={showCloseButton}
       >
-        <Command className="**:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
+        <Command
+          className="**:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-4 [&_[cmdk-input-wrapper]_svg]:w-4 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-1.5 [&_[cmdk-item]_svg]:h-4 [&_[cmdk-item]_svg]:w-4"
+          key={commandKey}
+          shouldFilter={shouldFilter}
+        >
           {children}
         </Command>
       </DialogContent>
@@ -65,16 +74,17 @@ function CommandInput({
 }: React.ComponentProps<typeof CommandPrimitive.Input>) {
   return (
     <div
-      className="flex h-11 items-center gap-2 rounded-t-md border-border/60 border-b bg-muted/10 px-3 focus-within:bg-background/80"
+      className="flex h-11 items-center gap-2 border-border/20 border-b bg-muted/10 px-3 ring-0 shadow-none outline-none focus-within:border-border/20 focus-within:bg-background/95 focus-within:ring-0 focus-within:shadow-none focus-within:outline-none"
       data-slot="command-input-wrapper"
     >
-      <SearchIcon className="size-4 shrink-0 opacity-50" />
+      <SearchIcon className="size-4 shrink-0 text-muted-foreground/50" />
       <CommandPrimitive.Input
         className={cn(
-          "flex h-10 w-full rounded-md border-none bg-transparent py-3 text-sm outline-none ring-0 placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50",
+          "appearance-none flex h-10 w-full rounded-none border-none bg-transparent px-0 py-3 text-sm placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
           className
         )}
         data-slot="command-input"
+        style={{ boxShadow: "none", outline: "none" }}
         {...props}
       />
     </div>
@@ -116,7 +126,7 @@ function CommandGroup({
   return (
     <CommandPrimitive.Group
       className={cn(
-        "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs",
+        "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-mono [&_[cmdk-group-heading]]:text-[10px] [&_[cmdk-group-heading]]:text-muted-foreground/60 [&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-[0.15em]",
         className
       )}
       data-slot="command-group"
@@ -131,7 +141,7 @@ function CommandSeparator({
 }: React.ComponentProps<typeof CommandPrimitive.Separator>) {
   return (
     <CommandPrimitive.Separator
-      className={cn("-mx-1 h-px bg-border", className)}
+      className={cn("-mx-1 h-px bg-border/20", className)}
       data-slot="command-separator"
       {...props}
     />
@@ -145,7 +155,7 @@ function CommandItem({
   return (
     <CommandPrimitive.Item
       className={cn(
-        "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm data-[disabled=true]:pointer-events-none data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
         className
       )}
       data-slot="command-item"
@@ -161,7 +171,7 @@ function CommandShortcut({
   return (
     <span
       className={cn(
-        "ml-auto text-muted-foreground text-xs tracking-widest",
+        "ml-auto font-mono text-[10px] text-muted-foreground/50 tabular-nums",
         className
       )}
       data-slot="command-shortcut"

package/src/serve/public/components/ui/dialog.tsx

@@ -58,7 +58,7 @@ function DialogContent({
       <DialogOverlay />
       <DialogPrimitive.Content
         className={cn(
-          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-[#0f1115] p-6 shadow-lg outline-none duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:max-w-lg",
+          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border/40 bg-[#0f1115] p-6 shadow-lg outline-none duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:max-w-lg",
           className
         )}
         data-slot="dialog-content"