@gmickel/gno 0.40.1 → 0.40.2

package/package.json

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

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

@@ -303,8 +303,9 @@ const ValueDisplay: FC<ValueDisplayProps> = ({ keyName, value }) => {
         <div className="flex flex-wrap gap-1.5">
           {normalizedValues.map((item, i) => (
             <Badge
-              className="rounded-full border border-primary/20 bg-primary/10 px-2 py-0.5 font-mono text-[11px] text-primary"
+              className="max-w-full overflow-hidden rounded-full border border-primary/20 bg-primary/10 px-2 py-0.5 font-mono text-[11px] text-primary whitespace-nowrap text-ellipsis"
               key={`${item}-${i}`}
+              title={String(item)}
               variant="outline"
             >
               {String(item)}
@@ -339,8 +340,9 @@ const ValueDisplay: FC<ValueDisplayProps> = ({ keyName, value }) => {
       <div className="flex flex-wrap gap-1.5">
         {normalizedValues.map((item, i) => (
           <Badge
-            className="font-mono text-xs"
+            className="max-w-full overflow-hidden font-mono text-xs whitespace-nowrap text-ellipsis"
             key={`${item}-${i}`}
+            title={String(item)}
             variant="secondary"
           >
             {String(item)}

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

@@ -250,14 +250,14 @@ function RelatedNoteItem({
       <Tooltip>
         <TooltipTrigger asChild>
           <div className="min-w-0 flex-1">
-            <span className="block break-words font-medium leading-tight whitespace-normal text-foreground/90 group-hover:text-foreground">
+            <span className="line-clamp-2 block break-all font-medium leading-tight text-foreground/90 group-hover:text-foreground">
               {doc.title || "Untitled"}
             </span>
             <SimilarityBar score={doc.score} />
           </div>
         </TooltipTrigger>
         <TooltipContent side="left" className="max-w-[300px]">
-          <p className="break-words">{doc.title || "Untitled"}</p>
+          <p className="break-all">{doc.title || "Untitled"}</p>
         </TooltipContent>
       </Tooltip>
     </button>

package/src/serve/public/components/editor/MarkdownPreview.tsx

@@ -41,9 +41,46 @@ export interface MarkdownPreviewProps {
     targetAnchor?: string;
     resolvedUri?: string;
   }>;
+  /** Current document URI for resolving note-relative assets */
+  docUri?: string;
 }
 
 const WIKI_LINK_REGEX = /\[\[([^\]|]+(?:\|[^\]]+)?)\]\]/g;
+const EXTERNAL_OR_APP_SCHEME_REGEX = /^(?:[a-z][a-z\d+.-]*:|\/\/)/i;
+const ABSOLUTE_FILESYSTEM_PATH_REGEX =
+  /^(?:\/(?:Users|home|var|tmp|private|Volumes)\/|[A-Za-z]:[\\/])/;
+
+function resolveMarkdownAssetSrc(
+  src: string | undefined,
+  docUri?: string
+): string | undefined {
+  if (!src) {
+    return src;
+  }
+
+  const trimmed = src.trim();
+  if (trimmed.length === 0) {
+    return trimmed;
+  }
+
+  if (EXTERNAL_OR_APP_SCHEME_REGEX.test(trimmed)) {
+    return trimmed;
+  }
+
+  if (ABSOLUTE_FILESYSTEM_PATH_REGEX.test(trimmed)) {
+    return `/api/doc-asset?path=${encodeURIComponent(trimmed)}`;
+  }
+
+  if (trimmed.startsWith("/")) {
+    return trimmed;
+  }
+
+  if (!docUri) {
+    return trimmed;
+  }
+
+  return `/api/doc-asset?uri=${encodeURIComponent(docUri)}&path=${encodeURIComponent(trimmed)}`;
+}
 
 function renderMarkdownWithWikiLinks(
   content: string,
@@ -364,6 +401,7 @@ const Image: FC<ComponentProps<"img"> & { node?: unknown }> = ({
   alt,
   className,
   node: _node,
+  src,
   ...props
 }) => (
   <img
@@ -372,6 +410,7 @@ const Image: FC<ComponentProps<"img"> & { node?: unknown }> = ({
       "my-4 max-w-full rounded-lg border border-border/40",
       className
     )}
+    src={src}
     {...props}
   />
 );
@@ -381,7 +420,13 @@ const Image: FC<ComponentProps<"img"> & { node?: unknown }> = ({
  * Sanitizes HTML to prevent XSS attacks.
  */
 export const MarkdownPreview = memo(
-  ({ content, className, collection, wikiLinks }: MarkdownPreviewProps) => {
+  ({
+    content,
+    className,
+    collection,
+    wikiLinks,
+    docUri,
+  }: MarkdownPreviewProps) => {
     if (!content) {
       return (
         <div className={cn("text-muted-foreground italic", className)}>
@@ -416,7 +461,17 @@ export const MarkdownPreview = memo(
       td: TableCell,
       th: TableHeaderCell,
       hr: Hr,
-      img: Image,
+      img: ({
+        node,
+        src,
+        ...props
+      }: ComponentProps<"img"> & { node?: unknown }) => (
+        <Image
+          {...props}
+          node={node}
+          src={resolveMarkdownAssetSrc(src, docUri)}
+        />
+      ),
     };
 
     return (

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

@@ -50,6 +50,11 @@ import {
 } from "../components/ui/dialog";
 import { Input } from "../components/ui/input";
 import { Separator } from "../components/ui/separator";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "../components/ui/tooltip";
 import { apiFetch } from "../hooks/use-api";
 import { useDocEvents } from "../hooks/use-doc-events";
 import {
@@ -904,7 +909,10 @@ export default function DocView({ navigate }: PageProps) {
 
   /** Left rail — metadata + outline */
   const renderDocumentFactsRail = () => (
-    <nav aria-label="Document facts" className="space-y-0">
+    <nav
+      aria-label="Document facts"
+      className="w-full min-w-0 max-w-full space-y-0 overflow-x-hidden"
+    >
       {/* Frontmatter + tags */}
       {(hasFrontmatter || showStandaloneTags) && (
         <>
@@ -1005,19 +1013,19 @@ export default function DocView({ navigate }: PageProps) {
             <div className="mb-2 font-mono text-[10px] text-muted-foreground/50 uppercase tracking-[0.15em]">
               Outline
             </div>
-            <div className="space-y-0.5">
+            <div className="w-full min-w-0 max-w-full space-y-0.5 overflow-x-hidden">
               {sections.map((section) => (
                 <div
-                  className={`flex items-center gap-1 rounded px-1 py-0.5 ${
+                  className={`group relative w-full min-w-0 max-w-full overflow-hidden rounded px-1 py-0.5 ${
                     activeSectionAnchor === section.anchor
                       ? "bg-primary/10 text-primary"
                       : "text-muted-foreground"
                   }`}
                   key={section.anchor}
-                  style={{ paddingLeft: `${section.level * 10}px` }}
+                  style={{ paddingLeft: `${section.level * 7}px` }}
                 >
                   <button
-                    className="flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded px-1 py-0.5 text-left text-xs transition-colors hover:bg-muted/20 hover:text-foreground"
+                    className="flex w-full min-w-0 max-w-full cursor-pointer items-start gap-2 overflow-hidden rounded px-1 py-0.5 pr-7 text-left text-xs transition-colors hover:bg-muted/20 hover:text-foreground"
                     onClick={() => {
                       setShowRawView(false);
                       requestAnimationFrame(() => {
@@ -1040,10 +1048,21 @@ export default function DocView({ navigate }: PageProps) {
                     type="button"
                   >
                     <ChevronRightIcon className="size-3 shrink-0" />
-                    <span className="truncate">{section.title}</span>
+                    <Tooltip>
+                      <TooltipTrigger asChild>
+                        <div className="min-w-0 max-w-full flex-1 overflow-hidden">
+                          <span className="line-clamp-2 block break-words leading-snug">
+                            {section.title}
+                          </span>
+                        </div>
+                      </TooltipTrigger>
+                      <TooltipContent side="right" className="max-w-[320px]">
+                        <p className="break-words">{section.title}</p>
+                      </TooltipContent>
+                    </Tooltip>
                   </button>
                   <button
-                    className="cursor-pointer rounded p-1 transition-colors hover:bg-muted/20 hover:text-foreground"
+                    className="absolute top-1 right-1 cursor-pointer rounded p-1 opacity-0 transition-all hover:bg-muted/20 hover:text-foreground focus-visible:opacity-100 group-hover:opacity-100"
                     onClick={() => {
                       void navigator.clipboard.writeText(
                         `${window.location.origin}${buildDocDeepLink({
@@ -1394,9 +1413,17 @@ export default function DocView({ navigate }: PageProps) {
       <div className="mx-auto flex max-w-[1800px] gap-5 px-6 xl:px-8">
         {/* Left rail — metadata + outline */}
         {doc && (
-          <aside className="hidden w-[200px] shrink-0 border-border/15 border-r pr-2 py-6 lg:block">
-            <div className="sticky top-24 max-h-[calc(100vh-7rem)] overflow-y-auto pr-1">
-              {renderDocumentFactsRail()}
+          <aside
+            className="hidden min-w-0 flex-none border-border/15 border-r pr-2 pt-2 pb-6 lg:block"
+            style={{ width: 252, minWidth: 252, maxWidth: 252, flexBasis: 252 }}
+          >
+            <div
+              className="sticky min-w-0 max-w-full overflow-x-hidden overflow-y-auto pr-1"
+              style={{ top: 72, maxHeight: "calc(100vh - 5.5rem)" }}
+            >
+              <div className="min-w-0 max-w-full overflow-hidden">
+                {renderDocumentFactsRail()}
+              </div>
             </div>
           </aside>
         )}
@@ -1520,6 +1547,7 @@ export default function DocView({ navigate }: PageProps) {
                     <MarkdownPreview
                       collection={doc.collection}
                       content={parsedContent.body}
+                      docUri={doc.uri}
                       wikiLinks={resolvedWikiLinks}
                     />
                   </div>
@@ -1562,8 +1590,14 @@ export default function DocView({ navigate }: PageProps) {
 
         {/* Right rail — properties/path + relationships */}
         {doc && (
-          <aside className="hidden w-[250px] min-w-0 shrink-0 overflow-hidden border-border/15 border-l pl-2 pt-2 pb-6 lg:block">
-            <div className="sticky top-18 min-w-0 max-h-[calc(100vh-5.5rem)] space-y-1 overflow-y-auto overflow-x-hidden pr-1">
+          <aside
+            className="hidden min-w-0 flex-none overflow-hidden border-border/15 border-l pl-2 pt-2 pb-6 lg:block"
+            style={{ width: 250, minWidth: 250, maxWidth: 250, flexBasis: 250 }}
+          >
+            <div
+              className="sticky min-w-0 space-y-1 overflow-y-auto overflow-x-hidden pr-1"
+              style={{ top: 72, maxHeight: "calc(100vh - 5.5rem)" }}
+            >
               {renderPropertiesPathRail()}
               <BacklinksPanel
                 docId={doc.docid}

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

@@ -1138,7 +1138,7 @@ export default function DocumentEditor({ navigate }: PageProps) {
             ref={previewRef}
           >
             <div className="mx-auto max-w-3xl">
-              <MarkdownPreview content={parsedContent.body} />
+              <MarkdownPreview content={parsedContent.body} docUri={doc?.uri} />
             </div>
           </div>
         )}

package/src/serve/routes/api.ts

@@ -430,6 +430,24 @@ async function resolveAbsoluteDocPath(
   };
 }
 
+function isAbsoluteFilesystemPath(pathValue: string): boolean {
+  return /^(?:\/(?:Users|home|var|tmp|private|Volumes)\/|[A-Za-z]:[\\/])/.test(
+    pathValue
+  );
+}
+
+async function isPathWithinRoot(
+  root: string,
+  candidate: string
+): Promise<boolean> {
+  const nodePath = await import("node:path"); // no bun equivalent
+  const relative = nodePath.relative(root, candidate);
+  return (
+    relative === "" ||
+    (!relative.startsWith("..") && !nodePath.isAbsolute(relative))
+  );
+}
+
 async function listCollectionRelPaths(
   store: Pick<SqliteAdapter, "listDocuments">,
   collection: string
@@ -1445,6 +1463,98 @@ export async function handleDoc(
   });
 }
 
+/**
+ * GET /api/doc-asset
+ * Query params:
+ *   - path (required): relative to current doc, or absolute filesystem path
+ *   - uri (required for relative paths): current document uri
+ */
+export async function handleDocAsset(
+  store: SqliteAdapter,
+  config: Config,
+  url: URL
+): Promise<Response> {
+  const assetPath = url.searchParams.get("path")?.trim();
+  if (!assetPath) {
+    return errorResponse("VALIDATION", "Missing path parameter");
+  }
+
+  let resolvedPath: string | null = null;
+
+  if (isAbsoluteFilesystemPath(assetPath)) {
+    for (const collection of config.collections) {
+      if (await isPathWithinRoot(collection.path, assetPath)) {
+        resolvedPath = assetPath;
+        break;
+      }
+    }
+
+    if (!resolvedPath) {
+      return errorResponse(
+        "FORBIDDEN",
+        "Absolute asset path is outside configured collections",
+        403
+      );
+    }
+  } else {
+    const uri = url.searchParams.get("uri");
+    if (!uri) {
+      return errorResponse(
+        "VALIDATION",
+        "uri is required for relative asset paths"
+      );
+    }
+
+    const docResult = await store.getDocumentByUri(uri);
+    if (!docResult.ok) {
+      return errorResponse("RUNTIME", docResult.error.message, 500);
+    }
+    if (!docResult.value) {
+      return errorResponse("NOT_FOUND", "Document not found", 404);
+    }
+
+    const resolvedDoc = await resolveAbsoluteDocPath(
+      config.collections,
+      docResult.value
+    );
+    if (!resolvedDoc) {
+      return errorResponse(
+        "NOT_FOUND",
+        "Document path could not be resolved",
+        404
+      );
+    }
+
+    const nodePath = await import("node:path"); // no bun equivalent
+    const candidate = nodePath.resolve(
+      nodePath.dirname(resolvedDoc.fullPath),
+      assetPath
+    );
+
+    if (!(await isPathWithinRoot(resolvedDoc.collection.path, candidate))) {
+      return errorResponse(
+        "FORBIDDEN",
+        "Asset path escapes collection root",
+        403
+      );
+    }
+
+    resolvedPath = candidate;
+  }
+
+  const file = Bun.file(resolvedPath);
+  if (!(await file.exists())) {
+    return errorResponse("NOT_FOUND", "Asset not found", 404);
+  }
+
+  return new Response(file, {
+    headers: {
+      "Cache-Control": "no-store",
+      "Content-Type": file.type || "application/octet-stream",
+    },
+  });
+}
+
 /**
  * GET /api/tags
  * Query params: collection, prefix
@@ -3796,6 +3906,10 @@ export async function routeApi(
     return handleDoc(store, config, url);
   }
 
+  if (path === "/api/doc-asset") {
+    return handleDocAsset(store, config, url);
+  }
+
   if (path === "/api/search" && req.method === "POST") {
     return handleSearch(store, req);
   }

package/src/serve/server.ts

@@ -27,6 +27,7 @@ import {
   handleDeactivateDoc,
   handleDeleteCollection,
   handleDoc,
+  handleDocAsset,
   handleDocSections,
   handleDocsAutocomplete,
   handleDocs,
@@ -423,6 +424,15 @@ export async function startServer(
             );
           },
         },
+        "/api/doc-asset": {
+          GET: async (req: Request) => {
+            const url = new URL(req.url);
+            return withSecurityHeaders(
+              await handleDocAsset(store, ctxHolder.config, url),
+              isDev
+            );
+          },
+        },
         "/api/events": {
           GET: () =>
             withSecurityHeaders(