@gmickel/gno 0.28.2 → 0.29.1

package/src/serve/public/pages/DocView.tsx

@@ -97,6 +97,13 @@ interface CreateEditableCopyResponse {
   note?: string;
 }
 
+interface RenameDocResponse {
+  success: boolean;
+  uri: string;
+  path: string;
+  relPath: string;
+}
+
 interface UpdateDocResponse {
   success: boolean;
   docId: string;
@@ -219,6 +226,10 @@ export default function DocView({ navigate }: PageProps) {
   const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
   const [deleting, setDeleting] = useState(false);
   const [deleteError, setDeleteError] = useState<string | null>(null);
+  const [renameDialogOpen, setRenameDialogOpen] = useState(false);
+  const [renaming, setRenaming] = useState(false);
+  const [renameError, setRenameError] = useState<string | null>(null);
+  const [renameValue, setRenameValue] = useState("");
   const [showRawView, setShowRawView] = useState(false);
   const [creatingCopy, setCreatingCopy] = useState(false);
   const [copyError, setCopyError] = useState<string | null>(null);
@@ -364,7 +375,10 @@ export default function DocView({ navigate }: PageProps) {
     setCopyError(null);
     const { data, error: err } = await apiFetch<CreateEditableCopyResponse>(
       `/api/docs/${encodeURIComponent(doc.docid)}/editable-copy`,
-      { method: "POST" }
+      {
+        method: "POST",
+        body: JSON.stringify({ uri: doc.uri }),
+      }
     );
     setCreatingCopy(false);
 
@@ -391,10 +405,10 @@ export default function DocView({ navigate }: PageProps) {
     setDeleting(true);
     setDeleteError(null);
 
-    const { error: err } = await apiFetch(
-      `/api/docs/${encodeURIComponent(doc.docid)}/deactivate`,
-      { method: "POST" }
-    );
+    const endpoint = doc.capabilities.editable
+      ? `/api/docs/${encodeURIComponent(doc.docid)}/trash?uri=${encodeURIComponent(doc.uri)}`
+      : `/api/docs/${encodeURIComponent(doc.docid)}/deactivate?uri=${encodeURIComponent(doc.uri)}`;
+    const { error: err } = await apiFetch(endpoint, { method: "POST" });
 
     setDeleting(false);
 
@@ -407,6 +421,55 @@ export default function DocView({ navigate }: PageProps) {
     navigate(-1);
   };
 
+  const handleStartRename = useCallback(() => {
+    if (!doc) {
+      return;
+    }
+    const filename = doc.relPath.split("/").pop() ?? doc.relPath;
+    setRenameValue(filename);
+    setRenameError(null);
+    setRenameDialogOpen(true);
+  }, [doc]);
+
+  const handleRename = useCallback(async () => {
+    if (!doc) {
+      return;
+    }
+    setRenaming(true);
+    setRenameError(null);
+    const { data, error: err } = await apiFetch<RenameDocResponse>(
+      `/api/docs/${encodeURIComponent(doc.docid)}/rename`,
+      {
+        method: "POST",
+        body: JSON.stringify({ name: renameValue, uri: doc.uri }),
+      }
+    );
+    setRenaming(false);
+
+    if (err) {
+      setRenameError(err);
+      return;
+    }
+
+    setRenameDialogOpen(false);
+    if (data?.uri) {
+      navigate(`/doc?uri=${encodeURIComponent(data.uri)}`);
+    }
+  }, [doc, navigate, renameValue]);
+
+  const handleReveal = useCallback(async () => {
+    if (!doc) {
+      return;
+    }
+    const { error: err } = await apiFetch(
+      `/api/docs/${encodeURIComponent(doc.docid)}/reveal?uri=${encodeURIComponent(doc.uri)}`,
+      { method: "POST" }
+    );
+    if (err) {
+      setDeleteError(err);
+    }
+  }, [doc]);
+
   // Start editing tags
   const handleStartEditTags = useCallback(() => {
     if (doc) {
@@ -440,6 +503,7 @@ export default function DocView({ navigate }: PageProps) {
           tags: editedTags,
           expectedSourceHash: doc.source.sourceHash,
           expectedModifiedAt: doc.source.modifiedAt,
+          uri: doc.uri,
         }),
       }
     );
@@ -512,10 +576,21 @@ export default function DocView({ navigate }: PageProps) {
               <Separator className="h-6" orientation="vertical" />
               <div className="flex items-center gap-2">
                 {doc.capabilities.editable ? (
-                  <Button className="gap-1.5" onClick={handleEdit} size="sm">
-                    <PencilIcon className="size-4" />
-                    Edit
-                  </Button>
+                  <>
+                    <Button className="gap-1.5" onClick={handleEdit} size="sm">
+                      <PencilIcon className="size-4" />
+                      Edit
+                    </Button>
+                    <Button
+                      className="gap-1.5"
+                      onClick={handleStartRename}
+                      size="sm"
+                      variant="outline"
+                    >
+                      <TextIcon className="size-4" />
+                      Rename
+                    </Button>
+                  </>
                 ) : (
                   <>
                     {doc.capabilities.canCreateEditableCopy && (
@@ -536,19 +611,45 @@ export default function DocView({ navigate }: PageProps) {
                       </Button>
                     )}
                     {doc.source.absPath && (
-                      <Button asChild size="sm" variant="outline">
-                        <a
-                          href={`file://${doc.source.absPath}`}
-                          rel="noopener noreferrer"
-                          target="_blank"
+                      <>
+                        <Button
+                          className="gap-1.5"
+                          onClick={() => {
+                            void handleReveal();
+                          }}
+                          size="sm"
+                          variant="outline"
                         >
-                          <SquareArrowOutUpRightIcon className="mr-1.5 size-4" />
-                          Open original
-                        </a>
-                      </Button>
+                          <FolderOpen className="size-4" />
+                          Reveal
+                        </Button>
+                        <Button asChild size="sm" variant="outline">
+                          <a
+                            href={`file://${doc.source.absPath}`}
+                            rel="noopener noreferrer"
+                            target="_blank"
+                          >
+                            <SquareArrowOutUpRightIcon className="mr-1.5 size-4" />
+                            Open original
+                          </a>
+                        </Button>
+                      </>
                     )}
                   </>
                 )}
+                {doc.capabilities.editable && doc.source.absPath && (
+                  <Button
+                    className="gap-1.5"
+                    onClick={() => {
+                      void handleReveal();
+                    }}
+                    size="sm"
+                    variant="outline"
+                  >
+                    <FolderOpen className="size-4" />
+                    Reveal
+                  </Button>
+                )}
                 <Button
                   className="gap-1.5 text-muted-foreground hover:text-destructive"
                   onClick={() => setDeleteDialogOpen(true)}
@@ -943,23 +1044,42 @@ export default function DocView({ navigate }: PageProps) {
           <DialogHeader>
             <DialogTitle className="flex items-center gap-2">
               <TrashIcon className="size-5 text-destructive" />
-              Remove from index?
+              {doc?.capabilities.editable
+                ? "Move to Trash?"
+                : "Remove from index?"}
             </DialogTitle>
             <DialogDescription className="space-y-3 pt-2">
-              <span className="block">
-                This will remove <strong>
-                  "{doc?.title || doc?.relPath}"
-                </strong>{" "}
-                from the GNO search index.
-              </span>
-              <span className="flex items-start gap-2 rounded-lg border border-amber-500/30 bg-amber-500/10 p-3 text-amber-500">
-                <AlertTriangleIcon className="mt-0.5 size-4 shrink-0" />
-                <span className="text-sm">
-                  The file will NOT be deleted from disk. It may be re-indexed
-                  on next sync unless you add it to the collection's exclude
-                  pattern.
-                </span>
-              </span>
+              {doc?.capabilities.editable ? (
+                <>
+                  <span className="block">
+                    This will move{" "}
+                    <strong>"{doc?.title || doc?.relPath}"</strong> to your
+                    system Trash and remove it from the current index.
+                  </span>
+                  <span className="flex items-start gap-2 rounded-lg border border-amber-500/30 bg-amber-500/10 p-3 text-amber-500">
+                    <AlertTriangleIcon className="mt-0.5 size-4 shrink-0" />
+                    <span className="text-sm">
+                      This is reversible through Trash. GNO will stop showing
+                      the file after the current collection refresh.
+                    </span>
+                  </span>
+                </>
+              ) : (
+                <>
+                  <span className="block">
+                    This will remove{" "}
+                    <strong>"{doc?.title || doc?.relPath}"</strong> from the GNO
+                    search index.
+                  </span>
+                  <span className="flex items-start gap-2 rounded-lg border border-amber-500/30 bg-amber-500/10 p-3 text-amber-500">
+                    <AlertTriangleIcon className="mt-0.5 size-4 shrink-0" />
+                    <span className="text-sm">
+                      The source file stays on disk. It may be re-indexed on the
+                      next sync unless you exclude it.
+                    </span>
+                  </span>
+                </>
+              )}
             </DialogDescription>
           </DialogHeader>
 
@@ -984,7 +1104,45 @@ export default function DocView({ navigate }: PageProps) {
               {deleting && (
                 <Loader2Icon className="mr-1.5 size-4 animate-spin" />
               )}
-              Remove from index
+              {doc?.capabilities.editable
+                ? "Move to Trash"
+                : "Remove from index"}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+
+      <Dialog onOpenChange={setRenameDialogOpen} open={renameDialogOpen}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>Rename document</DialogTitle>
+            <DialogDescription>
+              Rename the file on disk inside its current folder. This does not
+              move it to another collection yet.
+            </DialogDescription>
+          </DialogHeader>
+          <input
+            className="w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm"
+            onChange={(event) => setRenameValue(event.target.value)}
+            value={renameValue}
+          />
+          {renameError && (
+            <div className="rounded-lg bg-destructive/10 p-3 text-destructive text-sm">
+              {renameError}
+            </div>
+          )}
+          <DialogFooter className="gap-2 sm:gap-0">
+            <Button
+              onClick={() => setRenameDialogOpen(false)}
+              variant="outline"
+            >
+              Cancel
+            </Button>
+            <Button disabled={renaming} onClick={() => void handleRename()}>
+              {renaming && (
+                <Loader2Icon className="mr-1.5 size-4 animate-spin" />
+              )}
+              Rename
             </Button>
           </DialogFooter>
         </DialogContent>

package/src/serve/public/pages/DocumentEditor.tsx

@@ -15,6 +15,7 @@ import {
   BookOpenIcon,
   CheckIcon,
   CloudIcon,
+  HistoryIcon,
   EyeIcon,
   EyeOffIcon,
   HomeIcon,
@@ -63,7 +64,9 @@ import { buildEditDeepLink, parseDocumentDeepLink } from "../lib/deep-links";
 import { waitForDocumentAvailability } from "../lib/document-availability";
 import {
   appendLocalHistory,
+  loadLocalHistory,
   loadLatestLocalHistory,
+  type LocalHistoryEntry,
 } from "../lib/local-history";
 import { getActiveWikiLinkQuery } from "../lib/wiki-link";
 
@@ -193,7 +196,9 @@ export default function DocumentEditor({ navigate }: PageProps) {
   const [externalChangeNotice, setExternalChangeNotice] = useState<
     string | null
   >(null);
-  const [hasLocalSnapshot, setHasLocalSnapshot] = useState(false);
+  const [historyEntries, setHistoryEntries] = useState<LocalHistoryEntry[]>([]);
+  const [historyDialogOpen, setHistoryDialogOpen] = useState(false);
+  const [selectedHistoryIndex, setSelectedHistoryIndex] = useState(0);
 
   const [showPreview, setShowPreview] = useState(true);
   const [syncScroll, setSyncScroll] = useState(true);
@@ -220,9 +225,20 @@ export default function DocumentEditor({ navigate }: PageProps) {
   const latestDocEvent = useDocEvents();
 
   const hasUnsavedChanges = content !== originalContent;
+  const hasLocalSnapshot = historyEntries.length > 0;
   const parsedContent = useMemo(() => parseFrontmatter(content), [content]);
   const hasFrontmatter = Object.keys(parsedContent.data).length > 0;
 
+  const refreshHistoryEntries = useCallback((docId: string) => {
+    const next = loadLocalHistory(docId);
+    setHistoryEntries(next);
+    if (next.length === 0) {
+      setSelectedHistoryIndex(0);
+      return;
+    }
+    setSelectedHistoryIndex((current) => Math.min(current, next.length - 1));
+  }, []);
+
   // Reset ignore flags when sync is toggled to prevent stale state
   useEffect(() => {
     ignoreNextEditorScroll.current = false;
@@ -304,6 +320,7 @@ export default function DocumentEditor({ navigate }: PageProps) {
             content: contentToSave,
             expectedSourceHash: doc.source.sourceHash,
             expectedModifiedAt: doc.source.modifiedAt,
+            uri: doc.uri,
           }),
         }
       );
@@ -315,7 +332,7 @@ export default function DocumentEditor({ navigate }: PageProps) {
         ignoreDocEventsUntilRef.current = Date.now() + 5_000;
         if (originalContent !== contentToSave) {
           appendLocalHistory(doc.docid, originalContent);
-          setHasLocalSnapshot(true);
+          refreshHistoryEntries(doc.docid);
         }
         setSaveStatus("saved");
         setOriginalContent(contentToSave);
@@ -346,7 +363,10 @@ export default function DocumentEditor({ navigate }: PageProps) {
     setCopyError(null);
     const { data, error: err } = await apiFetch<CreateEditableCopyResponse>(
       `/api/docs/${encodeURIComponent(doc.docid)}/editable-copy`,
-      { method: "POST" }
+      {
+        method: "POST",
+        body: JSON.stringify({ uri: doc.uri }),
+      }
     );
     setCreatingCopy(false);
 
@@ -497,6 +517,7 @@ export default function DocumentEditor({ navigate }: PageProps) {
           content,
           expectedSourceHash: doc.source.sourceHash,
           expectedModifiedAt: doc.source.modifiedAt,
+          uri: doc.uri,
         }),
       }
     );
@@ -510,7 +531,7 @@ export default function DocumentEditor({ navigate }: PageProps) {
     ignoreDocEventsUntilRef.current = Date.now() + 5_000;
     if (originalContent !== content) {
       appendLocalHistory(doc.docid, originalContent);
-      setHasLocalSnapshot(true);
+      refreshHistoryEntries(doc.docid);
     }
     setSaveStatus("saved");
     setOriginalContent(content);
@@ -549,7 +570,7 @@ export default function DocumentEditor({ navigate }: PageProps) {
           const docContent = data.content ?? "";
           setContent(docContent);
           setOriginalContent(docContent);
-          setHasLocalSnapshot(Boolean(loadLatestLocalHistory(data.docid)));
+          refreshHistoryEntries(data.docid);
           // Ensure CodeMirror reflects content after async load
           requestAnimationFrame(() => {
             editorRef.current?.setValue(docContent);
@@ -593,6 +614,18 @@ export default function DocumentEditor({ navigate }: PageProps) {
     setSaveStatus("unsaved");
   }, [doc]);
 
+  const selectedHistoryEntry = historyEntries[selectedHistoryIndex] ?? null;
+
+  const restoreSelectedHistory = useCallback(() => {
+    if (!selectedHistoryEntry) {
+      return;
+    }
+    setContent(selectedHistoryEntry.content);
+    editorRef.current?.setValue(selectedHistoryEntry.content);
+    setSaveStatus("unsaved");
+    setHistoryDialogOpen(false);
+  }, [selectedHistoryEntry]);
+
   // Keyboard shortcuts
   useEffect(() => {
     const handleKeyDown = (e: KeyboardEvent) => {
@@ -988,6 +1021,15 @@ export default function DocumentEditor({ navigate }: PageProps) {
           )}
 
           {/* Save button */}
+          <Button
+            disabled={!hasLocalSnapshot}
+            onClick={() => setHistoryDialogOpen(true)}
+            size="sm"
+            variant="outline"
+          >
+            <HistoryIcon className="mr-1.5 size-4" />
+            History
+          </Button>
           <Button
             disabled={!hasUnsavedChanges || saveStatus === "saving"}
             onClick={handleForceSave}
@@ -1060,6 +1102,86 @@ export default function DocumentEditor({ navigate }: PageProps) {
         )}
       </div>
 
+      <Dialog onOpenChange={setHistoryDialogOpen} open={historyDialogOpen}>
+        <DialogContent className="max-w-3xl">
+          <DialogHeader>
+            <DialogTitle>Local history</DialogTitle>
+            <DialogDescription>
+              Restore a recent local snapshot captured before an in-app save.
+            </DialogDescription>
+          </DialogHeader>
+          <div className="grid gap-4 md:grid-cols-[220px_1fr]">
+            <div className="space-y-2">
+              {historyEntries.length === 0 ? (
+                <p className="text-muted-foreground text-sm">
+                  No local snapshots yet.
+                </p>
+              ) : (
+                historyEntries.map((entry, index) => (
+                  <Button
+                    className="h-auto w-full justify-start px-3 py-2 text-left"
+                    key={entry.savedAt}
+                    onClick={() => setSelectedHistoryIndex(index)}
+                    variant={
+                      index === selectedHistoryIndex ? "secondary" : "ghost"
+                    }
+                  >
+                    <div>
+                      <div className="font-medium">
+                        {formatTime(new Date(entry.savedAt))}
+                      </div>
+                      <div className="line-clamp-2 text-muted-foreground text-xs">
+                        {entry.content.slice(0, 80) || "(empty)"}
+                      </div>
+                    </div>
+                  </Button>
+                ))
+              )}
+            </div>
+            <div className="rounded-lg border border-border/60 bg-background/70 p-4">
+              {selectedHistoryEntry ? (
+                <div className="space-y-3">
+                  <p className="text-muted-foreground text-sm">
+                    Snapshot from{" "}
+                    {new Date(selectedHistoryEntry.savedAt).toLocaleString(
+                      "en-US",
+                      {
+                        year: "numeric",
+                        month: "short",
+                        day: "numeric",
+                        hour: "2-digit",
+                        minute: "2-digit",
+                      }
+                    )}
+                  </p>
+                  <pre className="max-h-[320px] overflow-auto whitespace-pre-wrap rounded-md bg-muted/40 p-3 text-sm">
+                    {selectedHistoryEntry.content || "(empty)"}
+                  </pre>
+                </div>
+              ) : (
+                <p className="text-muted-foreground text-sm">
+                  Select a snapshot to preview it.
+                </p>
+              )}
+            </div>
+          </div>
+          <DialogFooter className="gap-2 sm:gap-0">
+            <Button
+              onClick={() => setHistoryDialogOpen(false)}
+              variant="outline"
+            >
+              Close
+            </Button>
+            <Button
+              disabled={!selectedHistoryEntry}
+              onClick={restoreSelectedHistory}
+            >
+              Restore selected snapshot
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+
       <WikiLinkAutocomplete
         activeIndex={wikiLinkActiveIndex}
         docs={wikiLinkDocs}

package/src/serve/public/pages/Search.tsx

@@ -2,6 +2,7 @@ import {
   ArrowLeft,
   ChevronDown,
   FileText,
+  HomeIcon,
   Search as SearchIcon,
   SlidersHorizontal,
   XIcon,
@@ -159,7 +160,7 @@ export default function Search({ navigate }: PageProps) {
   const [searched, setSearched] = useState(false);
   const [capabilities, setCapabilities] = useState<Capabilities | null>(null);
   const [collections, setCollections] = useState<Collection[]>([]);
-  const [activePreset, setActivePreset] = useState("slim");
+  const [activePreset, setActivePreset] = useState("slim-tuned");
 
   const [showAdvanced, setShowAdvanced] = useState(
     Boolean(
@@ -437,6 +438,7 @@ export default function Search({ navigate }: PageProps) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [
     activeTags,
+    activePreset,
     author,
     candidateLimit,
     category,
@@ -517,6 +519,15 @@ export default function Search({ navigate }: PageProps) {
       <header className="glass sticky top-0 z-10 border-border/50 border-b">
         <div className="flex flex-wrap items-center justify-between gap-4 px-8 py-4">
           <div className="flex items-center gap-4">
+            <Button
+              className="gap-2 text-primary"
+              onClick={() => navigate("/")}
+              size="sm"
+              variant="ghost"
+            >
+              <HomeIcon className="size-4" />
+              GNO
+            </Button>
             <Button
               className="gap-2"
               onClick={() => navigate(-1)}