@w100n/documents 0.18.0 → 0.19.0

package/dist/index.js

@@ -2412,8 +2412,8 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
 
 // src/DocumentOverlay.tsx
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var TextEditor = lazy(() => import("./TextEditor-CYS4U5XA.js"));
-var SheetView = lazy(() => import("./SheetView-43JDIP7D.js"));
+var TextEditor = lazy(() => import("./TextEditor-Z4KSBLBV.js"));
+var SheetView = lazy(() => import("./SheetView-PUSRW7W2.js"));
 var icons = { docx: FileText, markdown: FileType, pdf: Files, sheet: FileSpreadsheet, slides: Presentation };
 var read = { view: true, comment: false, edit: false };
 var quiet = () => {
@@ -2537,12 +2537,10 @@ import {
   FilePlus,
   FileSpreadsheet as FileSpreadsheet4,
   FileText as FileText4,
-  FileType as FileType6,
-  Files as Files3,
+  Files as Files2,
   Folder as Folder2,
   FolderInput,
   FolderPlus,
-  FolderTree,
   History,
   Info,
   LayoutGrid,
@@ -2554,7 +2552,6 @@ import {
   PanelRightClose,
   PanelRightOpen,
   Plus as Plus5,
-  Presentation as Presentation4,
   RotateCcw as RotateCcw2,
   Search as Search3,
   Share2,
@@ -3218,6 +3215,19 @@ function Sharing({ host, doc, t, language, team }) {
   ] });
 }
 
+// src/PreviewCard.tsx
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+function PreviewCard({ thumb, icon, title, lines }) {
+  return /* @__PURE__ */ jsxs10("div", { className: "w100n-card", children: [
+    /* @__PURE__ */ jsx10("div", { className: "w100n-card-thumb", children: thumb }),
+    /* @__PURE__ */ jsxs10("div", { className: "w100n-card-title", children: [
+      icon,
+      /* @__PURE__ */ jsx10("b", { children: title })
+    ] }),
+    lines.filter(Boolean).map((line, i) => /* @__PURE__ */ jsx10("small", { children: line }, i))
+  ] });
+}
+
 // src/Thumb.tsx
 import { useEffect as useEffect5, useRef as useRef5, useState as useState9 } from "react";
 
@@ -3272,7 +3282,7 @@ function preview(host, doc) {
 }
 
 // src/Thumb.tsx
-import { Fragment as Fragment9, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 function Thumb({ host, item, label }) {
   const box = useRef5(null);
   const [seen, setSeen] = useState9(false);
@@ -3298,26 +3308,26 @@ function Thumb({ host, item, label }) {
   const text = item.excerpt ?? shot?.text ?? "";
   const lines = text.split("\n").filter((line) => !line.trim().startsWith("```")).map((line) => line.replace(/^#+\s*/, "").replace(/[*_`>|]/g, "").trim()).filter(Boolean);
   const image = item.thumbnailUrl ?? shot?.image;
-  return /* @__PURE__ */ jsxs10("span", { ref: box, className: "w100n-docs-thumb", "data-kind": item.kind, children: [
-    image ? /* @__PURE__ */ jsx10("img", { src: image, alt: "" }) : /* @__PURE__ */ jsx10("span", { className: "w100n-docs-paper", "aria-hidden": true, children: lines.length ? /* @__PURE__ */ jsxs10(Fragment9, { children: [
-      /* @__PURE__ */ jsx10("b", { children: lines[0] }),
+  return /* @__PURE__ */ jsxs11("span", { ref: box, className: "w100n-docs-thumb", "data-kind": item.kind, children: [
+    image ? /* @__PURE__ */ jsx11("img", { src: image, alt: "" }) : /* @__PURE__ */ jsx11("span", { className: "w100n-docs-paper", "aria-hidden": true, children: lines.length ? /* @__PURE__ */ jsxs11(Fragment9, { children: [
+      /* @__PURE__ */ jsx11("b", { children: lines[0] }),
       lines.slice(1, 14).join(" ")
-    ] }) : /* @__PURE__ */ jsxs10(Fragment9, { children: [
-      /* @__PURE__ */ jsx10("i", {}),
-      /* @__PURE__ */ jsx10("i", {}),
-      /* @__PURE__ */ jsx10("i", {}),
-      /* @__PURE__ */ jsx10("i", {}),
-      /* @__PURE__ */ jsx10("i", {})
+    ] }) : /* @__PURE__ */ jsxs11(Fragment9, { children: [
+      /* @__PURE__ */ jsx11("i", {}),
+      /* @__PURE__ */ jsx11("i", {}),
+      /* @__PURE__ */ jsx11("i", {}),
+      /* @__PURE__ */ jsx11("i", {}),
+      /* @__PURE__ */ jsx11("i", {})
     ] }) }),
-    label && /* @__PURE__ */ jsx10("span", { className: "w100n-docs-kind", "data-kind": item.kind, children: label })
+    label && /* @__PURE__ */ jsx11("span", { className: "w100n-docs-kind", "data-kind": item.kind, children: label })
   ] });
 }
 
 // src/Tree.tsx
 import { useState as useState10 } from "react";
-import { ChevronDown as ChevronDown2, ChevronRight as ChevronRight2, FileSpreadsheet as FileSpreadsheet3, FileText as FileText3, FileType as FileType5, Files as Files2, Folder, Presentation as Presentation3 } from "lucide-react";
-import { Fragment as Fragment10, jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
-var icons3 = { docx: FileText3, markdown: FileType5, pdf: Files2, sheet: FileSpreadsheet3, slides: Presentation3 };
+import { ChevronDown as ChevronDown2, ChevronRight as ChevronRight2, File, FileSpreadsheet as FileSpreadsheet3, FileText as FileText3, FileType as FileType5, Folder, Presentation as Presentation3 } from "lucide-react";
+import { Fragment as Fragment10, jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+var icons3 = { docx: FileText3, markdown: FileType5, pdf: File, sheet: FileSpreadsheet3, slides: Presentation3 };
 var dragged = "application/x-w100n-document";
 function grow(items, folders, names2, spaceId, other) {
   const root = { key: "", name: "", at: spaceId ? { spaceId, folder: "" } : null, folders: [], files: [], count: 0 };
@@ -3358,7 +3368,7 @@ var remembered = () => {
     return /* @__PURE__ */ new Set();
   }
 };
-function Tree({ items, folders, names: names2, spaceId, current, t, edit, onOpen, onMenu, onFolderMenu, onMove, onEdit, onEditDone, onWarm }) {
+function Tree({ items, folders, names: names2, spaceId, current, t, edit, hits, onOpen, onMenu, onFolderMenu, onMove, onEdit, onEditDone, onWarm }) {
   const [closed, setClosed] = useState10(remembered);
   const [over, setOver] = useState10(null);
   const flip = (key) => {
@@ -3367,7 +3377,7 @@ function Tree({ items, folders, names: names2, spaceId, current, t, edit, onOpen
     setClosed(next);
     localStorage.setItem("w100n-docs-closed", JSON.stringify([...next]));
   };
-  const field = (pad, label) => /* @__PURE__ */ jsx11(
+  const field = (pad, label) => /* @__PURE__ */ jsx12(
     "input",
     {
       className: "w100n-tree-row w100n-tree-input",
@@ -3404,12 +3414,12 @@ function Tree({ items, folders, names: names2, spaceId, current, t, edit, onOpen
       onMove(id, b.at);
     }
   } : {};
-  const branch = (b, depth) => /* @__PURE__ */ jsxs11(Fragment10, { children: [
+  const branch = (b, depth) => /* @__PURE__ */ jsxs12(Fragment10, { children: [
     edit?.key === `new:${b.key}` && field(24 + depth * 16, t.folderName),
     b.folders.map((f) => {
       const open = !closed.has(f.key) || edit?.key === `new:${f.key}`;
-      return /* @__PURE__ */ jsxs11("div", { role: "group", "aria-label": f.name, "data-over": over === f.key || void 0, ...target(f), children: [
-        edit?.key === `dir:${f.key}` ? field(24 + depth * 16, t.renameFolder) : /* @__PURE__ */ jsxs11(
+      return /* @__PURE__ */ jsxs12("div", { role: "group", "aria-label": f.name, "data-over": over === f.key || void 0, ...target(f), children: [
+        edit?.key === `dir:${f.key}` ? field(24 + depth * 16, t.renameFolder) : /* @__PURE__ */ jsxs12(
           "button",
           {
             type: "button",
@@ -3423,10 +3433,10 @@ function Tree({ items, folders, names: names2, spaceId, current, t, edit, onOpen
               onFolderMenu(f.at, f.key, e);
             } : void 0,
             children: [
-              open ? /* @__PURE__ */ jsx11(ChevronDown2, { "aria-hidden": true, className: "w100n-tree-fold" }) : /* @__PURE__ */ jsx11(ChevronRight2, { "aria-hidden": true, className: "w100n-tree-fold" }),
-              /* @__PURE__ */ jsx11(Folder, { "aria-hidden": true }),
-              /* @__PURE__ */ jsx11("span", { children: f.name }),
-              f.count > 0 && /* @__PURE__ */ jsx11("small", { children: f.count })
+              open ? /* @__PURE__ */ jsx12(ChevronDown2, { "aria-hidden": true, className: "w100n-tree-fold" }) : /* @__PURE__ */ jsx12(ChevronRight2, { "aria-hidden": true, className: "w100n-tree-fold" }),
+              /* @__PURE__ */ jsx12(Folder, { "aria-hidden": true }),
+              /* @__PURE__ */ jsx12("span", { children: f.name }),
+              f.count > 0 && /* @__PURE__ */ jsx12("small", { children: f.count })
             ]
           }
         ),
@@ -3435,8 +3445,9 @@ function Tree({ items, folders, names: names2, spaceId, current, t, edit, onOpen
     }),
     b.files.map((item) => {
       const Icon = icons3[item.kind];
-      if (edit?.key === `file:${item.id}`) return /* @__PURE__ */ jsx11("div", { children: field(24 + depth * 16, t.rename) }, item.id);
-      return /* @__PURE__ */ jsxs11(
+      if (edit?.key === `file:${item.id}`) return /* @__PURE__ */ jsx12("div", { children: field(24 + depth * 16, t.rename) }, item.id);
+      const hit = hits?.get(item.id);
+      const row = /* @__PURE__ */ jsxs12(
         "button",
         {
           type: "button",
@@ -3450,7 +3461,7 @@ function Tree({ items, folders, names: names2, spaceId, current, t, edit, onOpen
             e.dataTransfer.effectAllowed = "move";
           },
           onClick: () => onOpen(item),
-          onPointerEnter: () => onWarm(item),
+          onPointerEnter: (e) => onWarm(item, e.pointerType === "mouse" ? e.currentTarget.getBoundingClientRect() : void 0),
           onPointerLeave: () => onWarm(null),
           onContextMenu: (e) => {
             e.preventDefault();
@@ -3458,17 +3469,21 @@ function Tree({ items, folders, names: names2, spaceId, current, t, edit, onOpen
             onMenu(item, e);
           },
           children: [
-            /* @__PURE__ */ jsx11(Icon, { "aria-hidden": true }),
-            /* @__PURE__ */ jsx11("span", { children: item.name.replace(/\.[^.]+$/, "") }),
-            item.kind !== "markdown" && /* @__PURE__ */ jsx11("small", { className: "w100n-tree-kind", children: t.kinds[item.kind] })
+            /* @__PURE__ */ jsx12(Icon, { "aria-hidden": true, "data-kind": item.kind }),
+            /* @__PURE__ */ jsx12("span", { children: item.name.replace(/\.[^.]+$/, "") }),
+            item.kind !== "markdown" && /* @__PURE__ */ jsx12("small", { className: "w100n-tree-kind", children: t.kinds[item.kind] })
           ]
         },
         item.id
       );
+      return hit ? /* @__PURE__ */ jsxs12("div", { children: [
+        row,
+        /* @__PURE__ */ jsx12("small", { className: "w100n-tree-hit", style: { paddingLeft: 46 + depth * 16 }, children: hit.split(/[«»]/).map((part, i) => i % 2 ? /* @__PURE__ */ jsx12("mark", { children: part }, i) : part) })
+      ] }, item.id) : row;
     })
   ] });
   const root = grow(items, folders, names2, spaceId, t.elsewhere);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "nav",
     {
       className: "w100n-tree",
@@ -3485,11 +3500,10 @@ function Tree({ items, folders, names: names2, spaceId, current, t, edit, onOpen
 }
 
 // src/DocumentsWorkspace.tsx
-import { Fragment as Fragment11, jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
-var TextEditor2 = lazy2(() => import("./TextEditor-CYS4U5XA.js"));
-var SheetView2 = lazy2(() => import("./SheetView-43JDIP7D.js"));
+import { Fragment as Fragment11, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+var TextEditor2 = lazy2(() => import("./TextEditor-Z4KSBLBV.js"));
+var SheetView2 = lazy2(() => import("./SheetView-PUSRW7W2.js"));
 var Compare = lazy2(() => import("./Compare-RHAUAKUJ.js"));
-var icons4 = { docx: FileText4, markdown: FileType6, pdf: Files3, sheet: FileSpreadsheet4, slides: Presentation4 };
 function DocumentsWorkspace({ host, language = "en", theme = "light", place, onPlace, start, end, aside, actions }) {
   const t = texts[language];
   const [own, setOwn] = useState11({ spaceId: null, documentId: null });
@@ -3506,7 +3520,6 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
   const [renamed, setRenamed] = useState11("idle");
   const [statusAt, setStatusAt] = useState11(null);
   const [listOpen, setListOpen] = useState11(true);
-  const [shape2, setShape] = useState11(() => typeof localStorage !== "undefined" && localStorage.getItem("w100n-docs-view") === "tree" ? "tree" : "cards");
   const [jump, setJump] = useState11(null);
   const finder = useRef6(null);
   const [panelOpen, setPanelOpen] = useState11(true);
@@ -3564,10 +3577,19 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
   const [menu, setMenu] = useState11(null);
   const [spot2, setSpot] = useState11(null);
   const [edit, setEdit] = useState11(null);
-  const [naming, setNaming] = useState11(null);
+  const popup = useRef6(null);
+  useLayoutEffect3(() => {
+    const el = popup.current;
+    const at = menu ?? spot2;
+    if (!el || !at) return;
+    el.style.top = `${Math.max(8, Math.min(at.y, innerHeight - el.offsetHeight - 8))}px`;
+    el.style.left = `${Math.max(8, Math.min(at.x, innerWidth - el.offsetWidth - 8))}px`;
+  }, [menu, spot2]);
   const [notice, setNotice] = useState11(null);
   const early = useRef6(/* @__PURE__ */ new Map());
   const hover = useRef6(0);
+  const peeking = useRef6(0);
+  const [peek, setPeek] = useState11(null);
   useEffect6(() => {
     if (!menu && !spot2) return;
     const close = (e) => {
@@ -3655,7 +3677,6 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
   const inside = new Map((deep.data ?? []).map((hit2) => [hit2.id, hit2.excerpt]));
   const shown = all.filter((item) => matches(item, query, picked) || inside.has(item.id) && matches(item, "", picked));
   const present = kinds.filter((item) => all.some((doc2) => doc2.kind === item));
-  const folders = spaceId ? [.../* @__PURE__ */ new Set(["", ...shown.map((item) => item.folder ?? "")])].filter((folder2) => shown.some((item) => (item.folder ?? "") === folder2)) : [""];
   const names2 = new Map((spaces.data ?? []).map((item) => [item.id, item.name]));
   const counts = /* @__PURE__ */ new Map();
   for (const item of all) counts.set(item.spaceId, (counts.get(item.spaceId) ?? 0) + 1);
@@ -3670,9 +3691,9 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     return new Intl.DateTimeFormat(language, { day: "numeric", month: "short", year: "numeric" }).format(new Date(iso));
   };
   const size = (bytes) => bytes < 1024 ? `${bytes} B` : bytes < 1048576 ? `${(bytes / 1024).toFixed(0)} KB` : `${(bytes / 1048576).toFixed(1)} MB`;
-  const failed = (retry) => /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-note", children: [
+  const failed = (retry) => /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-note", children: [
     t.failed,
-    /* @__PURE__ */ jsx12("button", { type: "button", onClick: retry, children: t.retry })
+    /* @__PURE__ */ jsx13("button", { type: "button", onClick: retry, children: t.retry })
   ] });
   const { ask, dialog } = useUnsaved(guard, t);
   const side = (which, open2) => {
@@ -3781,12 +3802,14 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       setKept({ id: file.id, state: "failed" });
     }
   };
-  const warm = (item) => {
+  const warm = (item, at) => {
+    clearTimeout(peeking.current);
+    if (at) peeking.current = window.setTimeout(() => setPeek({ item, x: Math.min(at.right + 8, innerWidth - 300), y: Math.min(at.top, innerHeight - 300) }), 500);
     clearTimeout(hover.current);
     hover.current = window.setTimeout(() => {
       if (item.id === here.documentId) return;
-      if (item.kind === "docx" || item.kind === "markdown") void import("./TextEditor-CYS4U5XA.js");
-      if (item.kind === "sheet") void import("./SheetView-43JDIP7D.js");
+      if (item.kind === "docx" || item.kind === "markdown") void import("./TextEditor-Z4KSBLBV.js");
+      if (item.kind === "sheet") void import("./SheetView-PUSRW7W2.js");
       const kept2 = early.current.get(item.id);
       if (kept2 && Date.now() - kept2.at < 15e3 || item.size > 5e6) return;
       const next = { at: Date.now(), doc: host.document(item.id), bytes: host.content(item.id, null) };
@@ -3797,6 +3820,15 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       early.current.set(item.id, next);
     }, 150);
   };
+  const card = (item) => {
+    const Icon = icons3[item.kind];
+    return /* @__PURE__ */ jsx13(PreviewCard, { thumb: /* @__PURE__ */ jsx13(Thumb, { host, item, label: t.kinds[item.kind] }), icon: /* @__PURE__ */ jsx13(Icon, { "aria-hidden": true, "data-kind": item.kind }), title: item.name, lines: [
+      [t.kinds[item.kind], size(item.size), names2.get(item.spaceId), item.folder].filter(Boolean).join(" \xB7 "),
+      item.createdAt && [t.createdOn.replace("{when}", date(item.createdAt)), item.createdBy?.name].filter(Boolean).join(" \xB7 "),
+      [t.updatedOn.replace("{when}", ago(item.updatedAt)), item.updatedBy?.name].filter(Boolean).join(" \xB7 "),
+      inside.get(item.id)?.split(/[«»]/).map((part, i) => i % 2 ? /* @__PURE__ */ jsx13("mark", { children: part }, i) : part)
+    ] });
+  };
   const act = async (run2, done) => {
     setMenu(null);
     setSpot(null);
@@ -3815,7 +3847,6 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     setTimeout(() => URL.revokeObjectURL(url), 1e3);
   };
   const retitle = async (item, draft) => {
-    setNaming(null);
     const ext = /\.[^.]+$/.exec(item.name)?.[0] ?? "";
     const name = draft.trim() && (/\.[^.\s]+$/.test(draft.trim()) ? draft.trim() : draft.trim() + ext);
     if (!name || name === item.name) return;
@@ -3927,8 +3958,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     window.addEventListener("keydown", press, true);
     return () => window.removeEventListener("keydown", press, true);
   });
-  let stage = /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-empty", children: [
-    /* @__PURE__ */ jsx12(FileText4, { "aria-hidden": true }),
+  let stage = /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-empty", children: [
+    /* @__PURE__ */ jsx13(FileText4, { "aria-hidden": true }),
     t.pick
   ] });
   if (here.documentId) {
@@ -3936,9 +3967,9 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       doc.retry();
       content.retry();
     });
-    else if (!doc.data || !content.data) stage = /* @__PURE__ */ jsx12("div", { className: "w100n-docs-empty", children: t.loading });
-    else if (comparing && versionId && (doc.data.kind === "markdown" || doc.data.kind === "docx")) stage = /* @__PURE__ */ jsx12(Suspense2, { fallback: /* @__PURE__ */ jsx12("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx12(Compare, { host, documentId: doc.data.id, kind: doc.data.kind, older: content.data, t }, versionId) });
-    else if (doc.data.kind === "markdown" || doc.data.kind === "docx") stage = /* @__PURE__ */ jsx12(Suspense2, { fallback: /* @__PURE__ */ jsx12("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx12(
+    else if (!doc.data || !content.data) stage = /* @__PURE__ */ jsx13("div", { className: "w100n-docs-empty", children: t.loading });
+    else if (comparing && versionId && (doc.data.kind === "markdown" || doc.data.kind === "docx")) stage = /* @__PURE__ */ jsx13(Suspense2, { fallback: /* @__PURE__ */ jsx13("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx13(Compare, { host, documentId: doc.data.id, kind: doc.data.kind, older: content.data, t }, versionId) });
+    else if (doc.data.kind === "markdown" || doc.data.kind === "docx") stage = /* @__PURE__ */ jsx13(Suspense2, { fallback: /* @__PURE__ */ jsx13("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx13(
       TextEditor2,
       {
         kind: doc.data.kind,
@@ -3975,7 +4006,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       },
       doc.data.id
     ) });
-    else if (doc.data.kind === "pdf") stage = /* @__PURE__ */ jsx12(
+    else if (doc.data.kind === "pdf") stage = /* @__PURE__ */ jsx13(
       PdfView,
       {
         bytes: content.data,
@@ -3997,7 +4028,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       },
       `${doc.data.id}:${versionId ?? ""}`
     );
-    else if (doc.data.kind === "slides") stage = /* @__PURE__ */ jsx12(
+    else if (doc.data.kind === "slides") stage = /* @__PURE__ */ jsx13(
       SlidesView,
       {
         html: new TextDecoder().decode(content.data),
@@ -4016,7 +4047,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       },
       doc.data.id
     );
-    else if (doc.data.kind === "sheet") stage = /* @__PURE__ */ jsx12(Suspense2, { fallback: /* @__PURE__ */ jsx12("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx12(
+    else if (doc.data.kind === "sheet") stage = /* @__PURE__ */ jsx13(Suspense2, { fallback: /* @__PURE__ */ jsx13("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx13(
       SheetView2,
       {
         bytes: content.data,
@@ -4043,9 +4074,9 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       },
       `${doc.data.id}:${versionId ?? ""}`
     ) });
-    else stage = /* @__PURE__ */ jsx12("div", { className: "w100n-docs-empty", children: t.unsupported });
+    else stage = /* @__PURE__ */ jsx13("div", { className: "w100n-docs-empty", children: t.unsupported });
   }
-  const Kind = doc.data ? icons4[doc.data.kind] : FileText4;
+  const Kind = doc.data ? icons3[doc.data.kind] : FileText4;
   const top = Math.min(...outline.map((h) => h.level));
   const chapters = outline.reduce((all2, h) => {
     if (h.level === top || !all2.length) all2.push({ head: h, subs: [] });
@@ -4068,7 +4099,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
   if (text && host.comments && !versionId) panelTabs.push(["comments", MessagesSquare, t.comments]);
   const sharing = !!host.links && !!doc.data?.rights.edit && !versionId;
   if (sharing) panelTabs.push(["sharing", Share2, t.sharing]);
-  const listToggle = /* @__PURE__ */ jsx12(
+  const listToggle = /* @__PURE__ */ jsx13(
     "button",
     {
       ref: listButton,
@@ -4078,10 +4109,10 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       onClick: () => side("list", !listOpen),
       "aria-label": listOpen ? t.closeList : t.openList,
       title: listOpen ? t.closeList : t.openList,
-      children: listOpen ? /* @__PURE__ */ jsx12(PanelLeftClose, { "aria-hidden": true }) : /* @__PURE__ */ jsx12(PanelLeftOpen, { "aria-hidden": true })
+      children: listOpen ? /* @__PURE__ */ jsx13(PanelLeftClose, { "aria-hidden": true }) : /* @__PURE__ */ jsx13(PanelLeftOpen, { "aria-hidden": true })
     }
   );
-  const panelToggle = doc.data && /* @__PURE__ */ jsx12(
+  const panelToggle = doc.data && /* @__PURE__ */ jsx13(
     "button",
     {
       ref: panelButton,
@@ -4091,16 +4122,16 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       onClick: () => side("panel", !panelOpen),
       "aria-label": panelOpen ? t.closePanel : t.openPanel,
       title: panelOpen ? t.closePanel : t.openPanel,
-      children: panelOpen ? /* @__PURE__ */ jsx12(PanelRightClose, { "aria-hidden": true }) : /* @__PURE__ */ jsx12(PanelRightOpen, { "aria-hidden": true })
+      children: panelOpen ? /* @__PURE__ */ jsx13(PanelRightClose, { "aria-hidden": true }) : /* @__PURE__ */ jsx13(PanelRightOpen, { "aria-hidden": true })
     }
   );
-  return /* @__PURE__ */ jsxs12("div", { className: "w100n-docs", "data-theme": theme, children: [
-    /* @__PURE__ */ jsxs12("header", { className: "w100n-docs-bar", children: [
-      start && /* @__PURE__ */ jsx12("span", { className: "w100n-docs-start w100n-docs-slot", children: slot(start) }),
+  return /* @__PURE__ */ jsxs13("div", { className: "w100n-docs", "data-theme": theme, children: [
+    /* @__PURE__ */ jsxs13("header", { className: "w100n-docs-bar", children: [
+      start && /* @__PURE__ */ jsx13("span", { className: "w100n-docs-start w100n-docs-slot", children: slot(start) }),
       narrow && listToggle,
-      /* @__PURE__ */ jsx12("span", { className: "w100n-docs-tile", "data-kind": doc.data?.kind, children: /* @__PURE__ */ jsx12(Kind, { "aria-hidden": true }) }),
-      /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-heading", children: [
-        renaming !== null && doc.data ? /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13("span", { className: "w100n-docs-tile", "data-kind": doc.data?.kind, children: /* @__PURE__ */ jsx13(Kind, { "aria-hidden": true }) }),
+      /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-heading", children: [
+        renaming !== null && doc.data ? /* @__PURE__ */ jsx13(
           "input",
           {
             className: "w100n-docs-title w100n-docs-rename",
@@ -4118,7 +4149,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
               }
             }
           }
-        ) : /* @__PURE__ */ jsx12(
+        ) : /* @__PURE__ */ jsx13(
           "strong",
           {
             className: "w100n-docs-title",
@@ -4127,184 +4158,171 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
             children: doc.data?.name ?? t.documents
           }
         ),
-        docbar ? /* @__PURE__ */ jsx12("div", { ref: setMenusAt, className: "w100n-docs-menus" }) : crumbs.length > 0 ? /* @__PURE__ */ jsx12("span", { className: "w100n-docs-crumbs", children: crumbs.map((item, i) => /* @__PURE__ */ jsxs12("span", { children: [
-          i > 0 && /* @__PURE__ */ jsx12(ChevronRight3, { "aria-hidden": true }),
+        docbar ? /* @__PURE__ */ jsx13("div", { ref: setMenusAt, className: "w100n-docs-menus" }) : crumbs.length > 0 ? /* @__PURE__ */ jsx13("span", { className: "w100n-docs-crumbs", children: crumbs.map((item, i) => /* @__PURE__ */ jsxs13("span", { children: [
+          i > 0 && /* @__PURE__ */ jsx13(ChevronRight3, { "aria-hidden": true }),
           item
-        ] }, i)) }) : /* @__PURE__ */ jsx12("span", { className: "w100n-docs-hint", children: t.hint })
+        ] }, i)) }) : /* @__PURE__ */ jsx13("span", { className: "w100n-docs-hint", children: t.hint })
       ] }),
-      versionId && /* @__PURE__ */ jsx12("span", { className: "w100n-docs-badge", children: versions.data?.find((v) => v.id === versionId) && date(versions.data.find((v) => v.id === versionId).createdAt) }),
-      versionId && text && /* @__PURE__ */ jsxs12("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", "aria-pressed": comparing, onClick: () => setComparing(!comparing), children: [
-        /* @__PURE__ */ jsx12(FileDiff, { "aria-hidden": true }),
+      versionId && /* @__PURE__ */ jsx13("span", { className: "w100n-docs-badge", children: versions.data?.find((v) => v.id === versionId) && date(versions.data.find((v) => v.id === versionId).createdAt) }),
+      versionId && text && /* @__PURE__ */ jsxs13("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", "aria-pressed": comparing, onClick: () => setComparing(!comparing), children: [
+        /* @__PURE__ */ jsx13(FileDiff, { "aria-hidden": true }),
         comparing ? t.hideChanges : t.showChanges
       ] }),
-      versionId && here.documentId && host.restore && doc.data?.rights.edit && /* @__PURE__ */ jsxs12("button", { type: "button", className: "w100n-docs-action", disabled: restoring === "busy", onClick: () => void restore(here.documentId, versionId), children: [
-        /* @__PURE__ */ jsx12(RotateCcw2, { "aria-hidden": true }),
+      versionId && here.documentId && host.restore && doc.data?.rights.edit && /* @__PURE__ */ jsxs13("button", { type: "button", className: "w100n-docs-action", disabled: restoring === "busy", onClick: () => void restore(here.documentId, versionId), children: [
+        /* @__PURE__ */ jsx13(RotateCcw2, { "aria-hidden": true }),
         t.restore
       ] }),
-      restoring === "failed" && /* @__PURE__ */ jsx12("span", { className: "w100n-docs-muted", children: t.restoreFailed }),
-      doc.data?.convert && host.copyAs && !versionId && /* @__PURE__ */ jsxs12("button", { type: "button", className: "w100n-docs-action", "data-tone": "green", disabled: copying === "busy", onClick: () => void copyAs(doc.data), children: [
-        /* @__PURE__ */ jsx12(FileSpreadsheet4, { "aria-hidden": true }),
+      restoring === "failed" && /* @__PURE__ */ jsx13("span", { className: "w100n-docs-muted", children: t.restoreFailed }),
+      doc.data?.convert && host.copyAs && !versionId && /* @__PURE__ */ jsxs13("button", { type: "button", className: "w100n-docs-action", "data-tone": "green", disabled: copying === "busy", onClick: () => void copyAs(doc.data), children: [
+        /* @__PURE__ */ jsx13(FileSpreadsheet4, { "aria-hidden": true }),
         t.copyAs
       ] }),
-      copying === "failed" && /* @__PURE__ */ jsx12("span", { className: "w100n-docs-muted", children: t.copyFailed }),
-      kept?.id === here.documentId && kept.state === "done" && /* @__PURE__ */ jsx12("span", { className: "w100n-docs-muted", role: "status", children: t.templateSaved }),
-      kept?.id === here.documentId && kept.state === "failed" && /* @__PURE__ */ jsx12("span", { className: "w100n-docs-muted", role: "alert", children: t.templateFailed }),
-      renamed === "failed" && /* @__PURE__ */ jsx12("span", { className: "w100n-docs-muted", children: t.renameFailed }),
-      docbar && /* @__PURE__ */ jsx12("span", { ref: setStatusAt, className: "w100n-docs-status" }),
-      host.send && doc.data && !versionId && !doc.data.id.includes(":") && /* @__PURE__ */ jsxs12(
+      copying === "failed" && /* @__PURE__ */ jsx13("span", { className: "w100n-docs-muted", children: t.copyFailed }),
+      kept?.id === here.documentId && kept.state === "done" && /* @__PURE__ */ jsx13("span", { className: "w100n-docs-muted", role: "status", children: t.templateSaved }),
+      kept?.id === here.documentId && kept.state === "failed" && /* @__PURE__ */ jsx13("span", { className: "w100n-docs-muted", role: "alert", children: t.templateFailed }),
+      renamed === "failed" && /* @__PURE__ */ jsx13("span", { className: "w100n-docs-muted", children: t.renameFailed }),
+      docbar && /* @__PURE__ */ jsx13("span", { ref: setStatusAt, className: "w100n-docs-status" }),
+      host.send && doc.data && !versionId && !doc.data.id.includes(":") && /* @__PURE__ */ jsx13(
         "button",
         {
           type: "button",
-          className: "w100n-docs-action",
+          className: "w100n-docs-action w100n-docs-square",
           "data-tone": "blue",
           "aria-label": t.sendChat,
           title: t.sendChat,
           onClick: () => host.send(doc.data.id),
-          children: [
-            /* @__PURE__ */ jsx12(Send, { "aria-hidden": true }),
-            /* @__PURE__ */ jsx12("span", { children: t.sendChat })
-          ]
+          children: /* @__PURE__ */ jsx13(Send, { "aria-hidden": true })
         }
       ),
-      sharing && /* @__PURE__ */ jsxs12("button", { type: "button", className: "w100n-docs-action", "aria-label": t.share, title: t.share, onClick: () => {
+      sharing && /* @__PURE__ */ jsx13("button", { type: "button", className: "w100n-docs-action w100n-docs-square", "aria-label": t.share, title: t.share, onClick: () => {
         setTab("sharing");
         side("panel", true);
-      }, children: [
-        /* @__PURE__ */ jsx12(Share2, { "aria-hidden": true }),
-        /* @__PURE__ */ jsx12("span", { children: t.share })
-      ] }),
+      }, children: /* @__PURE__ */ jsx13(Share2, { "aria-hidden": true }) }),
       doc.data && !versionId && actions?.(doc.data),
       narrow && panelToggle,
-      end && /* @__PURE__ */ jsx12("div", { className: "w100n-docs-end w100n-docs-slot", children: slot(end) })
+      end && /* @__PURE__ */ jsx13("div", { className: "w100n-docs-end w100n-docs-slot", children: slot(end) })
     ] }),
-    /* @__PURE__ */ jsxs12("div", { ref: body, className: "w100n-docs-body", children: [
-      listOpen && /* @__PURE__ */ jsxs12("aside", { className: "w100n-docs-side w100n-docs-list", "aria-label": t.documents, children: [
-        /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-head", children: [
-          /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-row", children: [
-            /* @__PURE__ */ jsxs12("p", { className: "w100n-docs-caption", children: [
-              /* @__PURE__ */ jsx12(Files3, { "aria-hidden": true }),
+    /* @__PURE__ */ jsxs13("div", { ref: body, className: "w100n-docs-body", children: [
+      listOpen && /* @__PURE__ */ jsxs13("aside", { className: "w100n-docs-side w100n-docs-list", "aria-label": t.documents, children: [
+        /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-head", children: [
+          /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-row", children: [
+            /* @__PURE__ */ jsxs13("p", { className: "w100n-docs-caption", children: [
+              /* @__PURE__ */ jsx13(Files2, { "aria-hidden": true }),
               t.documents,
-              /* @__PURE__ */ jsx12("span", { children: all.length })
+              /* @__PURE__ */ jsx13("span", { children: all.length })
             ] }),
-            host.create && /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-new", onKeyDown: (e) => {
+            host.create && /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-new", onKeyDown: (e) => {
               if (e.key === "Escape" && adding) {
                 e.stopPropagation();
                 setAdding(false);
               }
             }, children: [
-              /* @__PURE__ */ jsxs12("button", { type: "button", className: "w100n-docs-action", "aria-haspopup": "menu", "aria-expanded": adding, disabled: sending === "busy", onClick: () => setAdding(!adding), children: [
-                /* @__PURE__ */ jsx12(Plus5, { "aria-hidden": true }),
-                /* @__PURE__ */ jsx12("span", { children: sending === "busy" ? t.uploading : t.create }),
-                /* @__PURE__ */ jsx12(ChevronDown3, { "aria-hidden": true })
+              /* @__PURE__ */ jsxs13("button", { type: "button", className: "w100n-docs-action", "aria-haspopup": "menu", "aria-expanded": adding, disabled: sending === "busy", onClick: () => setAdding(!adding), children: [
+                /* @__PURE__ */ jsx13(Plus5, { "aria-hidden": true }),
+                /* @__PURE__ */ jsx13("span", { children: sending === "busy" ? t.uploading : t.create }),
+                /* @__PURE__ */ jsx13(ChevronDown3, { "aria-hidden": true })
               ] }),
-              adding && /* @__PURE__ */ jsxs12("div", { role: "menu", className: "w100n-docs-menu", children: [
-                /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => {
+              adding && /* @__PURE__ */ jsxs13("div", { role: "menu", className: "w100n-docs-menu", children: [
+                /* @__PURE__ */ jsxs13("button", { type: "button", role: "menuitem", onClick: () => {
                   setAdding(false);
                   setMaking(true);
                 }, children: [
-                  /* @__PURE__ */ jsx12("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx12(FilePlus, { "aria-hidden": true }) }),
-                  /* @__PURE__ */ jsx12("b", { children: t.newTitle })
+                  /* @__PURE__ */ jsx13("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx13(FilePlus, { "aria-hidden": true }) }),
+                  /* @__PURE__ */ jsx13("b", { children: t.newTitle })
                 ] }),
-                /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => {
+                /* @__PURE__ */ jsxs13("button", { type: "button", role: "menuitem", onClick: () => {
                   setAdding(false);
                   upload.current.click();
                 }, children: [
-                  /* @__PURE__ */ jsx12("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx12(Upload, { "aria-hidden": true }) }),
-                  /* @__PURE__ */ jsx12("b", { children: t.uploadFile })
+                  /* @__PURE__ */ jsx13("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx13(Upload, { "aria-hidden": true }) }),
+                  /* @__PURE__ */ jsx13("b", { children: t.uploadFile })
                 ] })
               ] }),
-              /* @__PURE__ */ jsx12("input", { ref: upload, type: "file", hidden: true, "aria-label": t.uploadFile, accept: ".docx,.md,.markdown,.pdf,.xlsx,.csv,.html,.htm", onChange: (e) => {
+              /* @__PURE__ */ jsx13("input", { ref: upload, type: "file", hidden: true, "aria-label": t.uploadFile, accept: ".docx,.md,.markdown,.pdf,.xlsx,.csv,.html,.htm", onChange: (e) => {
                 const file = e.target.files?.[0];
                 e.target.value = "";
                 if (file) void send(file);
               } })
             ] }),
-            /* @__PURE__ */ jsx12("button", { ref: listClose, type: "button", className: "w100n-docs-close", onClick: () => side("list", false), "aria-label": t.closeList, title: t.closeList, children: /* @__PURE__ */ jsx12(X6, { "aria-hidden": true }) })
+            /* @__PURE__ */ jsx13("button", { ref: listClose, type: "button", className: "w100n-docs-close", onClick: () => side("list", false), "aria-label": t.closeList, title: t.closeList, children: /* @__PURE__ */ jsx13(X6, { "aria-hidden": true }) })
           ] }),
-          (spaces.data?.length ?? 0) > 1 && /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-picker", onKeyDown: (e) => {
+          (spaces.data?.length ?? 0) > 1 && /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-picker", onKeyDown: (e) => {
             if (e.key !== "Escape" || !picking) return;
             e.stopPropagation();
             setPicking(false);
             e.currentTarget.querySelector("button").focus();
           }, children: [
-            /* @__PURE__ */ jsxs12("button", { type: "button", className: "w100n-docs-field", "aria-haspopup": "listbox", "aria-expanded": picking, onClick: () => setPicking(!picking), children: [
-              space ? /* @__PURE__ */ jsx12("span", { className: "w100n-docs-dot", style: { background: space.color ?? void 0 } }) : /* @__PURE__ */ jsx12("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx12(LayoutGrid, { "aria-hidden": true }) }),
-              /* @__PURE__ */ jsx12("b", { children: space?.name ?? t.allProjects }),
-              !space && /* @__PURE__ */ jsx12("span", { className: "w100n-docs-count", children: all.length }),
-              /* @__PURE__ */ jsx12(ChevronDown3, { "aria-hidden": true })
+            /* @__PURE__ */ jsxs13("button", { type: "button", className: "w100n-docs-field", "aria-haspopup": "listbox", "aria-expanded": picking, onClick: () => setPicking(!picking), children: [
+              space ? /* @__PURE__ */ jsx13("span", { className: "w100n-docs-dot", style: { background: space.color ?? void 0 } }) : /* @__PURE__ */ jsx13("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx13(LayoutGrid, { "aria-hidden": true }) }),
+              /* @__PURE__ */ jsx13("b", { children: space?.name ?? t.allProjects }),
+              !space && /* @__PURE__ */ jsx13("span", { className: "w100n-docs-count", children: all.length }),
+              /* @__PURE__ */ jsx13(ChevronDown3, { "aria-hidden": true })
             ] }),
-            picking && /* @__PURE__ */ jsxs12("div", { role: "listbox", className: "w100n-docs-menu", children: [
-              /* @__PURE__ */ jsxs12("button", { type: "button", role: "option", "aria-selected": !spaceId, onClick: () => pick(null), children: [
-                /* @__PURE__ */ jsx12("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx12(LayoutGrid, { "aria-hidden": true }) }),
-                /* @__PURE__ */ jsx12("b", { children: t.allProjects }),
-                !spaceId && /* @__PURE__ */ jsx12(Check2, { "aria-hidden": true })
+            picking && /* @__PURE__ */ jsxs13("div", { role: "listbox", className: "w100n-docs-menu", children: [
+              /* @__PURE__ */ jsxs13("button", { type: "button", role: "option", "aria-selected": !spaceId, onClick: () => pick(null), children: [
+                /* @__PURE__ */ jsx13("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx13(LayoutGrid, { "aria-hidden": true }) }),
+                /* @__PURE__ */ jsx13("b", { children: t.allProjects }),
+                !spaceId && /* @__PURE__ */ jsx13(Check2, { "aria-hidden": true })
               ] }),
-              groups.map((group) => /* @__PURE__ */ jsxs12("div", { role: "group", "aria-label": group || void 0, children: [
-                group && /* @__PURE__ */ jsx12("p", { className: "w100n-docs-menu-caption", children: group }),
-                (spaces.data ?? []).filter((item) => (item.group ?? "") === group).map((item) => /* @__PURE__ */ jsxs12("button", { type: "button", role: "option", "aria-selected": item.id === spaceId, onClick: () => pick(item.id), children: [
-                  /* @__PURE__ */ jsx12("span", { className: "w100n-docs-dot", style: { background: item.color ?? void 0 } }),
-                  /* @__PURE__ */ jsx12("b", { children: item.name }),
-                  !spaceId && counts.get(item.id) ? /* @__PURE__ */ jsx12("span", { className: "w100n-docs-count", children: counts.get(item.id) }) : null,
-                  item.id === spaceId && /* @__PURE__ */ jsx12(Check2, { "aria-hidden": true })
+              groups.map((group) => /* @__PURE__ */ jsxs13("div", { role: "group", "aria-label": group || void 0, children: [
+                group && /* @__PURE__ */ jsx13("p", { className: "w100n-docs-menu-caption", children: group }),
+                (spaces.data ?? []).filter((item) => (item.group ?? "") === group).map((item) => /* @__PURE__ */ jsxs13("button", { type: "button", role: "option", "aria-selected": item.id === spaceId, onClick: () => pick(item.id), children: [
+                  /* @__PURE__ */ jsx13("span", { className: "w100n-docs-dot", style: { background: item.color ?? void 0 } }),
+                  /* @__PURE__ */ jsx13("b", { children: item.name }),
+                  !spaceId && counts.get(item.id) ? /* @__PURE__ */ jsx13("span", { className: "w100n-docs-count", children: counts.get(item.id) }) : null,
+                  item.id === spaceId && /* @__PURE__ */ jsx13(Check2, { "aria-hidden": true })
                 ] }, item.id))
               ] }, group))
             ] })
           ] }),
-          /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-filters", children: [
-            /* @__PURE__ */ jsxs12("label", { className: "w100n-docs-field w100n-docs-search", children: [
-              /* @__PURE__ */ jsx12(Search3, { "aria-hidden": true }),
-              /* @__PURE__ */ jsx12("input", { ref: finder, value: query, onChange: (event) => setQuery(event.target.value), placeholder: t.search, "aria-label": t.search }),
-              /* @__PURE__ */ jsx12("kbd", { children: "\u2318O" })
+          /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-filters", children: [
+            /* @__PURE__ */ jsxs13("label", { className: "w100n-docs-field w100n-docs-search", children: [
+              /* @__PURE__ */ jsx13(Search3, { "aria-hidden": true }),
+              /* @__PURE__ */ jsx13("input", { ref: finder, value: query, onChange: (event) => setQuery(event.target.value), placeholder: t.search, "aria-label": t.search }),
+              /* @__PURE__ */ jsx13("kbd", { children: "\u2318O" })
             ] }),
-            present.length > 1 && /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-types", onKeyDown: (e) => {
+            present.length > 1 && /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-types", onKeyDown: (e) => {
               if (e.key !== "Escape" || !typing) return;
               e.stopPropagation();
               setTyping(false);
               e.currentTarget.querySelector("button").focus();
             }, children: [
-              /* @__PURE__ */ jsxs12("button", { type: "button", className: "w100n-docs-field", "aria-haspopup": "listbox", "aria-expanded": typing, "data-on": picked.length > 0, onClick: () => setTyping(!typing), children: [
-                /* @__PURE__ */ jsx12(ListFilter, { "aria-hidden": true }),
-                /* @__PURE__ */ jsx12("b", { children: t.typeFilter }),
-                picked.length > 0 && /* @__PURE__ */ jsx12("span", { className: "w100n-docs-badge", children: picked.length }),
-                /* @__PURE__ */ jsx12(ChevronDown3, { "aria-hidden": true })
+              /* @__PURE__ */ jsxs13("button", { type: "button", className: "w100n-docs-field", "aria-haspopup": "listbox", "aria-expanded": typing, "data-on": picked.length > 0, onClick: () => setTyping(!typing), children: [
+                /* @__PURE__ */ jsx13(ListFilter, { "aria-hidden": true }),
+                /* @__PURE__ */ jsx13("b", { children: t.typeFilter }),
+                picked.length > 0 && /* @__PURE__ */ jsx13("span", { className: "w100n-docs-badge", children: picked.length }),
+                /* @__PURE__ */ jsx13(ChevronDown3, { "aria-hidden": true })
               ] }),
-              typing && /* @__PURE__ */ jsxs12("div", { role: "listbox", "aria-multiselectable": true, "aria-label": t.kind, className: "w100n-docs-menu", children: [
+              typing && /* @__PURE__ */ jsxs13("div", { role: "listbox", "aria-multiselectable": true, "aria-label": t.kind, className: "w100n-docs-menu", children: [
                 present.map((item) => {
-                  const Icon = icons4[item];
+                  const Icon = icons3[item];
                   const on = picked.includes(item);
-                  return /* @__PURE__ */ jsxs12("button", { type: "button", role: "option", "aria-selected": on, onClick: () => setPicked(on ? picked.filter((k) => k !== item) : [...picked, item]), children: [
-                    /* @__PURE__ */ jsx12("span", { className: "w100n-docs-box", children: on && /* @__PURE__ */ jsx12(Check2, { "aria-hidden": true }) }),
-                    /* @__PURE__ */ jsx12("span", { className: "w100n-docs-tile", "data-kind": item, children: /* @__PURE__ */ jsx12(Icon, { "aria-hidden": true }) }),
-                    /* @__PURE__ */ jsx12("b", { children: t.kinds[item] }),
-                    /* @__PURE__ */ jsx12("span", { className: "w100n-docs-count", children: all.filter((doc2) => doc2.kind === item).length })
+                  return /* @__PURE__ */ jsxs13("button", { type: "button", role: "option", "aria-selected": on, onClick: () => setPicked(on ? picked.filter((k) => k !== item) : [...picked, item]), children: [
+                    /* @__PURE__ */ jsx13("span", { className: "w100n-docs-box", children: on && /* @__PURE__ */ jsx13(Check2, { "aria-hidden": true }) }),
+                    /* @__PURE__ */ jsx13("span", { className: "w100n-docs-tile", "data-kind": item, children: /* @__PURE__ */ jsx13(Icon, { "aria-hidden": true }) }),
+                    /* @__PURE__ */ jsx13("b", { children: t.kinds[item] }),
+                    /* @__PURE__ */ jsx13("span", { className: "w100n-docs-count", children: all.filter((doc2) => doc2.kind === item).length })
                   ] }, item);
                 }),
-                /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-menu-foot", children: [
-                  /* @__PURE__ */ jsx12("button", { type: "button", onClick: () => setPicked(present), children: t.selectAll }),
-                  /* @__PURE__ */ jsx12("button", { type: "button", onClick: () => setPicked([]), children: t.clearPick })
+                /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-menu-foot", children: [
+                  /* @__PURE__ */ jsx13("button", { type: "button", onClick: () => setPicked(present), children: t.selectAll }),
+                  /* @__PURE__ */ jsx13("button", { type: "button", onClick: () => setPicked([]), children: t.clearPick })
                 ] })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsx12("div", { className: "w100n-docs-shape", role: "radiogroup", "aria-label": t.tree, children: [["tree", FolderTree, t.tree], ["cards", LayoutGrid, t.cards]].map(([key, Icon, label]) => /* @__PURE__ */ jsxs12("button", { type: "button", role: "radio", "aria-checked": shape2 === key, onClick: () => {
-            setShape(key);
-            localStorage.setItem("w100n-docs-view", key);
-          }, children: [
-            /* @__PURE__ */ jsx12(Icon, { "aria-hidden": true }),
-            label
-          ] }, key)) }),
-          picked.length > 0 && /* @__PURE__ */ jsx12("div", { className: "w100n-docs-chips", role: "group", "aria-label": t.kind, children: picked.map((item) => /* @__PURE__ */ jsxs12("button", { type: "button", "aria-pressed": true, "aria-label": `${t.clearPick}: ${t.kinds[item]}`, onClick: () => setPicked(picked.filter((k) => k !== item)), children: [
+          picked.length > 0 && /* @__PURE__ */ jsx13("div", { className: "w100n-docs-chips", role: "group", "aria-label": t.kind, children: picked.map((item) => /* @__PURE__ */ jsxs13("button", { type: "button", "aria-pressed": true, "aria-label": `${t.clearPick}: ${t.kinds[item]}`, onClick: () => setPicked(picked.filter((k) => k !== item)), children: [
             t.kinds[item],
-            /* @__PURE__ */ jsx12(X6, { "aria-hidden": true })
+            /* @__PURE__ */ jsx13(X6, { "aria-hidden": true })
           ] }, item)) })
         ] }),
-        /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-cards", children: [
-          sending === "failed" && /* @__PURE__ */ jsx12("p", { className: "w100n-docs-muted", role: "alert", children: t.uploadFailed }),
+        /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-cards", children: [
+          sending === "failed" && /* @__PURE__ */ jsx13("p", { className: "w100n-docs-muted", role: "alert", children: t.uploadFailed }),
           list.error && failed(list.retry),
-          list.loading && !list.data && /* @__PURE__ */ jsx12("p", { className: "w100n-docs-muted", children: t.loading }),
-          notice && /* @__PURE__ */ jsx12("p", { className: "w100n-docs-muted", role: "status", children: notice }),
-          list.data && !shown.length && /* @__PURE__ */ jsx12("p", { className: "w100n-docs-muted", children: all.length ? t.nothing : t.empty }),
-          shape2 === "tree" && list.data && /* @__PURE__ */ jsx12(
+          list.loading && !list.data && /* @__PURE__ */ jsx13("p", { className: "w100n-docs-muted", children: t.loading }),
+          notice && /* @__PURE__ */ jsx13("p", { className: "w100n-docs-muted", role: "status", children: notice }),
+          list.data && !shown.length && /* @__PURE__ */ jsx13("p", { className: "w100n-docs-muted", children: all.length ? t.nothing : t.empty }),
+          list.data && /* @__PURE__ */ jsx13(
             Tree,
             {
               items: shown,
@@ -4314,11 +4332,13 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
               current: here.documentId,
               t,
               edit,
+              hits: query.trim() ? inside : void 0,
               onEdit: (text2) => setEdit(text2 === null ? null : edit && { ...edit, text: text2 }),
               onEditDone: commit,
               onOpen: open,
               onMenu: (item, e) => {
                 setSpot(null);
+                setPeek(null);
                 setMenu({ item, x: Math.min(e.clientX, innerWidth - 290), y: Math.min(e.clientY, innerHeight - 440), sure: false });
               },
               onFolderMenu: host.create || host.makeFolder ? (at, key, e) => {
@@ -4329,86 +4349,43 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
                 const item = all.find((x) => x.id === id);
                 if (item) moveTo(item, to);
               } : void 0,
-              onWarm: (item) => item ? warm(item) : clearTimeout(hover.current)
-            }
-          ),
-          shape2 === "cards" && folders.map((folder2) => /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-folder", role: "group", "aria-label": folder2 || t.loose, children: [
-            folders.length > 1 && /* @__PURE__ */ jsx12("p", { className: "w100n-docs-group", children: folder2 || t.loose }),
-            /* @__PURE__ */ jsx12("div", { className: "w100n-docs-grid", children: shown.filter((item) => !spaceId || (item.folder ?? "") === folder2).map((item) => naming?.id === item.id ? /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-card", children: [
-              /* @__PURE__ */ jsx12(Thumb, { host, item, label: t.kinds[item.kind] }),
-              /* @__PURE__ */ jsx12("span", { className: "w100n-docs-card-text", children: /* @__PURE__ */ jsx12(
-                "input",
-                {
-                  className: "w100n-docs-field",
-                  autoFocus: true,
-                  value: naming.text,
-                  "aria-label": t.rename,
-                  onFocus: (e) => e.currentTarget.select(),
-                  onChange: (e) => setNaming({ ...naming, text: e.target.value }),
-                  onBlur: () => void retitle(item, naming.text),
-                  onKeyDown: (e) => {
-                    if (e.key === "Enter") e.currentTarget.blur();
-                    if (e.key === "Escape") {
-                      e.stopPropagation();
-                      setNaming(null);
-                    }
-                  }
+              onWarm: (item, at) => {
+                if (item) warm(item, at);
+                else {
+                  clearTimeout(hover.current);
+                  setPeek(null);
                 }
-              ) })
-            ] }, item.id) : /* @__PURE__ */ jsxs12(
-              "button",
-              {
-                type: "button",
-                className: "w100n-docs-card",
-                "aria-current": item.id === here.documentId,
-                onClick: () => open(item),
-                title: item.name,
-                onPointerEnter: () => warm(item),
-                onPointerLeave: () => clearTimeout(hover.current),
-                onContextMenu: (e) => {
-                  e.preventDefault();
-                  setMenu({ item, x: Math.min(e.clientX, innerWidth - 290), y: Math.min(e.clientY, innerHeight - 440), sure: false });
-                },
-                children: [
-                  /* @__PURE__ */ jsx12(Thumb, { host, item, label: t.kinds[item.kind] }),
-                  /* @__PURE__ */ jsxs12("span", { className: "w100n-docs-card-text", children: [
-                    /* @__PURE__ */ jsx12("b", { children: item.name }),
-                    /* @__PURE__ */ jsx12("small", { children: [!spaceId && names2.get(item.spaceId), ago(item.updatedAt)].filter(Boolean).join(" \xB7 ") }),
-                    inside.get(item.id) && /* @__PURE__ */ jsx12("small", { className: "w100n-docs-hit", children: inside.get(item.id).split(/[«»]/).map((part, i) => i % 2 ? /* @__PURE__ */ jsx12("mark", { children: part }, i) : part) })
-                  ] })
-                ]
-              },
-              item.id
-            )) })
-          ] }, folder2))
+              }
+            }
+          )
         ] })
       ] }),
       !narrow && !listOpen && listToggle,
-      /* @__PURE__ */ jsxs12("main", { className: "w100n-docs-stage", children: [
+      /* @__PURE__ */ jsxs13("main", { className: "w100n-docs-stage", children: [
         !narrow && !panelOpen && panelToggle,
-        /* @__PURE__ */ jsx12("div", { className: "w100n-docs-bare", children: stage })
+        /* @__PURE__ */ jsx13("div", { className: "w100n-docs-bare", children: stage })
       ] }),
-      doc.data && panelOpen && /* @__PURE__ */ jsxs12("aside", { ref: panel, className: "w100n-docs-side w100n-docs-panel", "aria-label": t.details, children: [
-        /* @__PURE__ */ jsx12("div", { className: "w100n-docs-head", children: /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-row", children: [
-          /* @__PURE__ */ jsx12("div", { className: "w100n-docs-tabs", role: "tablist", "aria-label": t.details, "data-compact": panelTabs.length > 3, onKeyDown: rove, children: panelTabs.map(([key, Icon, label]) => /* @__PURE__ */ jsxs12("button", { type: "button", role: "tab", "aria-selected": tab === key, tabIndex: tab === key ? 0 : -1, "aria-label": label, title: label, onClick: () => setTab(key), children: [
-            /* @__PURE__ */ jsx12(Icon, { "aria-hidden": true }),
-            (panelTabs.length < 4 || tab === key && panelTabs.length < 5) && /* @__PURE__ */ jsx12("span", { children: label })
+      doc.data && panelOpen && /* @__PURE__ */ jsxs13("aside", { ref: panel, className: "w100n-docs-side w100n-docs-panel", "aria-label": t.details, children: [
+        /* @__PURE__ */ jsx13("div", { className: "w100n-docs-head", children: /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-row", children: [
+          /* @__PURE__ */ jsx13("div", { className: "w100n-docs-tabs", role: "tablist", "aria-label": t.details, "data-compact": panelTabs.length > 3, onKeyDown: rove, children: panelTabs.map(([key, Icon, label]) => /* @__PURE__ */ jsxs13("button", { type: "button", role: "tab", "aria-selected": tab === key, tabIndex: tab === key ? 0 : -1, "aria-label": label, title: label, onClick: () => setTab(key), children: [
+            /* @__PURE__ */ jsx13(Icon, { "aria-hidden": true }),
+            (panelTabs.length < 4 || tab === key && panelTabs.length < 5) && /* @__PURE__ */ jsx13("span", { children: label })
           ] }, key)) }),
-          /* @__PURE__ */ jsx12("button", { type: "button", className: "w100n-docs-close", onClick: () => side("panel", false), "aria-label": t.closePanel, title: t.closePanel, children: /* @__PURE__ */ jsx12(X6, { "aria-hidden": true }) })
+          /* @__PURE__ */ jsx13("button", { type: "button", className: "w100n-docs-close", onClick: () => side("panel", false), "aria-label": t.closePanel, title: t.closePanel, children: /* @__PURE__ */ jsx13(X6, { "aria-hidden": true }) })
         ] }) }),
-        /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-panel-body", role: "tabpanel", "aria-label": panelTabs.find(([key]) => key === tab)?.[2], children: [
-          tab === "outline" && (outline.length ? /* @__PURE__ */ jsxs12("nav", { className: "w100n-docs-outline", "aria-label": t.outline, children: [
-            now && /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-reading", children: [
-              /* @__PURE__ */ jsx12("span", { children: /* @__PURE__ */ jsx12("i", { style: { width: `${Math.round(now.progress * 100)}%` } }) }),
-              /* @__PURE__ */ jsxs12("small", { children: [
+        /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-panel-body", role: "tabpanel", "aria-label": panelTabs.find(([key]) => key === tab)?.[2], children: [
+          tab === "outline" && (outline.length ? /* @__PURE__ */ jsxs13("nav", { className: "w100n-docs-outline", "aria-label": t.outline, children: [
+            now && /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-reading", children: [
+              /* @__PURE__ */ jsx13("span", { children: /* @__PURE__ */ jsx13("i", { style: { width: `${Math.round(now.progress * 100)}%` } }) }),
+              /* @__PURE__ */ jsxs13("small", { children: [
                 Math.round(now.progress * 100),
                 "% ",
                 t.read
               ] })
             ] }),
-            outline.length > 8 && /* @__PURE__ */ jsxs12("label", { className: "w100n-docs-field w100n-docs-search", children: [
-              /* @__PURE__ */ jsx12(Search3, { "aria-hidden": true }),
-              /* @__PURE__ */ jsx12("input", { value: hunt, onChange: (e) => setHunt(e.target.value), placeholder: t.findHeading, "aria-label": t.findHeading })
+            outline.length > 8 && /* @__PURE__ */ jsxs13("label", { className: "w100n-docs-field w100n-docs-search", children: [
+              /* @__PURE__ */ jsx13(Search3, { "aria-hidden": true }),
+              /* @__PURE__ */ jsx13("input", { value: hunt, onChange: (e) => setHunt(e.target.value), placeholder: t.findHeading, "aria-label": t.findHeading })
             ] }),
             chapters.map((c, i) => {
               const subs = words.length ? c.subs.filter(hit) : c.subs;
@@ -4416,13 +4393,13 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
               const opened2 = words.length > 0 || (fold[c.head.id] ?? i === reached);
               const named = /^(\d+)[.)]?\s+(.+)$/.exec(c.head.text);
               const mark = c.subs.findIndex((s) => s.id === now?.id);
-              return /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-chapter", "data-state": reached < 0 ? void 0 : i < reached ? "done" : i === reached ? "now" : void 0, children: [
-                /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-chapter-row", children: [
-                  /* @__PURE__ */ jsxs12("button", { type: "button", className: "w100n-docs-chapter-go", "aria-label": c.head.text, "aria-current": now?.id === c.head.id ? "location" : void 0, onClick: () => reach(c.head), children: [
-                    /* @__PURE__ */ jsx12("span", { className: "w100n-docs-chapter-num", children: named ? named[1] : /* @__PURE__ */ jsx12(Bookmark, { "aria-hidden": true }) }),
-                    /* @__PURE__ */ jsx12("b", { children: named ? named[2] : c.head.text })
+              return /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-chapter", "data-state": reached < 0 ? void 0 : i < reached ? "done" : i === reached ? "now" : void 0, children: [
+                /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-chapter-row", children: [
+                  /* @__PURE__ */ jsxs13("button", { type: "button", className: "w100n-docs-chapter-go", "aria-label": c.head.text, "aria-current": now?.id === c.head.id ? "location" : void 0, onClick: () => reach(c.head), children: [
+                    /* @__PURE__ */ jsx13("span", { className: "w100n-docs-chapter-num", children: named ? named[1] : /* @__PURE__ */ jsx13(Bookmark, { "aria-hidden": true }) }),
+                    /* @__PURE__ */ jsx13("b", { children: named ? named[2] : c.head.text })
                   ] }),
-                  c.subs.length > 0 && /* @__PURE__ */ jsxs12(
+                  c.subs.length > 0 && /* @__PURE__ */ jsxs13(
                     "button",
                     {
                       type: "button",
@@ -4432,13 +4409,13 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
                       title: opened2 ? t.hideSections : t.showSections,
                       onClick: () => setFold({ ...fold, [c.head.id]: !opened2 }),
                       children: [
-                        /* @__PURE__ */ jsx12("small", { children: c.subs.length }),
-                        opened2 ? /* @__PURE__ */ jsx12(ChevronDown3, { "aria-hidden": true }) : /* @__PURE__ */ jsx12(ChevronRight3, { "aria-hidden": true })
+                        /* @__PURE__ */ jsx13("small", { children: c.subs.length }),
+                        opened2 ? /* @__PURE__ */ jsx13(ChevronDown3, { "aria-hidden": true }) : /* @__PURE__ */ jsx13(ChevronRight3, { "aria-hidden": true })
                       ]
                     }
                   )
                 ] }),
-                opened2 && subs.length > 0 && /* @__PURE__ */ jsx12("div", { className: "w100n-docs-sections", children: subs.map((s) => /* @__PURE__ */ jsxs12(
+                opened2 && subs.length > 0 && /* @__PURE__ */ jsx13("div", { className: "w100n-docs-sections", children: subs.map((s) => /* @__PURE__ */ jsxs13(
                   "button",
                   {
                     type: "button",
@@ -4447,7 +4424,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
                     "data-state": i < reached || i === reached && c.subs.indexOf(s) < mark ? "done" : void 0,
                     "aria-current": now?.id === s.id ? "location" : void 0,
                     children: [
-                      /* @__PURE__ */ jsx12("i", { "aria-hidden": true }),
+                      /* @__PURE__ */ jsx13("i", { "aria-hidden": true }),
                       s.text
                     ]
                   },
@@ -4455,47 +4432,47 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
                 )) })
               ] }, c.head.id);
             })
-          ] }) : /* @__PURE__ */ jsx12("p", { className: "w100n-docs-muted", children: t.noOutline })),
-          tab === "links" && doc.data.kind === "markdown" && /* @__PURE__ */ jsx12(Backlinks, { host, current: doc.data, notes, t, onOpen: open }),
-          tab === "versions" && /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-versions", children: [
+          ] }) : /* @__PURE__ */ jsx13("p", { className: "w100n-docs-muted", children: t.noOutline })),
+          tab === "links" && doc.data.kind === "markdown" && /* @__PURE__ */ jsx13(Backlinks, { host, current: doc.data, notes, t, onOpen: open }),
+          tab === "versions" && /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-versions", children: [
             versions.error && failed(versions.retry),
-            (versions.data ?? []).map((item) => /* @__PURE__ */ jsxs12(
+            (versions.data ?? []).map((item) => /* @__PURE__ */ jsxs13(
               "button",
               {
                 type: "button",
                 "aria-pressed": (versionId ?? "current") === item.id || !versionId && item.current,
                 onClick: () => view(item.current ? null : item.id),
                 children: [
-                  /* @__PURE__ */ jsxs12("b", { children: [
+                  /* @__PURE__ */ jsxs13("b", { children: [
                     date(item.createdAt),
-                    item.current && /* @__PURE__ */ jsx12("span", { className: "w100n-docs-badge", children: t.current })
+                    item.current && /* @__PURE__ */ jsx13("span", { className: "w100n-docs-badge", children: t.current })
                   ] }),
-                  /* @__PURE__ */ jsx12("small", { children: [item.author?.name, size(item.size), item.note].filter(Boolean).join(" \xB7 ") })
+                  /* @__PURE__ */ jsx13("small", { children: [item.author?.name, size(item.size), item.note].filter(Boolean).join(" \xB7 ") })
                 ]
               },
               item.id
             ))
           ] }),
-          tab === "details" && /* @__PURE__ */ jsxs12("dl", { className: "w100n-docs-details", children: [
-            /* @__PURE__ */ jsx12("dt", { children: t.kind }),
-            /* @__PURE__ */ jsx12("dd", { children: t.kinds[doc.data.kind] }),
-            /* @__PURE__ */ jsx12("dt", { children: t.size }),
-            /* @__PURE__ */ jsx12("dd", { children: size(doc.data.size) }),
-            /* @__PURE__ */ jsx12("dt", { children: t.updated }),
-            /* @__PURE__ */ jsx12("dd", { children: date(doc.data.updatedAt) }),
-            doc.data.updatedBy && /* @__PURE__ */ jsxs12(Fragment11, { children: [
-              /* @__PURE__ */ jsx12("dt", { children: t.by }),
-              /* @__PURE__ */ jsx12("dd", { children: doc.data.updatedBy.name })
+          tab === "details" && /* @__PURE__ */ jsxs13("dl", { className: "w100n-docs-details", children: [
+            /* @__PURE__ */ jsx13("dt", { children: t.kind }),
+            /* @__PURE__ */ jsx13("dd", { children: t.kinds[doc.data.kind] }),
+            /* @__PURE__ */ jsx13("dt", { children: t.size }),
+            /* @__PURE__ */ jsx13("dd", { children: size(doc.data.size) }),
+            /* @__PURE__ */ jsx13("dt", { children: t.updated }),
+            /* @__PURE__ */ jsx13("dd", { children: date(doc.data.updatedAt) }),
+            doc.data.updatedBy && /* @__PURE__ */ jsxs13(Fragment11, { children: [
+              /* @__PURE__ */ jsx13("dt", { children: t.by }),
+              /* @__PURE__ */ jsx13("dd", { children: doc.data.updatedBy.name })
             ] }),
-            /* @__PURE__ */ jsx12("dt", { children: t.rights }),
-            /* @__PURE__ */ jsx12("dd", { children: [doc.data.rights.view && t.view, doc.data.rights.comment && t.comment, doc.data.rights.edit && t.edit].filter(Boolean).join(", ") })
+            /* @__PURE__ */ jsx13("dt", { children: t.rights }),
+            /* @__PURE__ */ jsx13("dd", { children: [doc.data.rights.view && t.view, doc.data.rights.comment && t.comment, doc.data.rights.edit && t.edit].filter(Boolean).join(", ") })
           ] }),
-          tab === "details" && host.exportAs && !!doc.data.exports?.length && /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-about", children: [
-            /* @__PURE__ */ jsxs12("p", { className: "w100n-docs-caption", children: [
-              /* @__PURE__ */ jsx12(FileDown, { "aria-hidden": true }),
+          tab === "details" && host.exportAs && !!doc.data.exports?.length && /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-about", children: [
+            /* @__PURE__ */ jsxs13("p", { className: "w100n-docs-caption", children: [
+              /* @__PURE__ */ jsx13(FileDown, { "aria-hidden": true }),
               t.exportAs
             ] }),
-            /* @__PURE__ */ jsx12("div", { className: "w100n-docs-chips", children: doc.data.exports.map((format) => /* @__PURE__ */ jsxs12(
+            /* @__PURE__ */ jsx13("div", { className: "w100n-docs-chips", children: doc.data.exports.map((format) => /* @__PURE__ */ jsxs13(
               "button",
               {
                 type: "button",
@@ -4503,22 +4480,22 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
                 disabled: exporting === "busy",
                 onClick: () => void exportAs(doc.data, format),
                 children: [
-                  /* @__PURE__ */ jsx12(FileDown, { "aria-hidden": true }),
+                  /* @__PURE__ */ jsx13(FileDown, { "aria-hidden": true }),
                   format.toUpperCase()
                 ]
               },
               format
             )) }),
-            exporting === "failed" && /* @__PURE__ */ jsx12("p", { className: "w100n-docs-muted", children: t.exportFailed })
+            exporting === "failed" && /* @__PURE__ */ jsx13("p", { className: "w100n-docs-muted", children: t.exportFailed })
           ] }),
-          tab === "comments" && /* @__PURE__ */ jsx12("div", { ref: setBox }),
-          tab === "sharing" && sharing && /* @__PURE__ */ jsx12(Sharing, { host, doc: doc.data, t, language, team: names2.get(doc.data.spaceId) }),
-          tab === "signatures" && /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-versions", children: [
+          tab === "comments" && /* @__PURE__ */ jsx13("div", { ref: setBox }),
+          tab === "sharing" && sharing && /* @__PURE__ */ jsx13(Sharing, { host, doc: doc.data, t, language, team: names2.get(doc.data.spaceId) }),
+          tab === "signatures" && /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-versions", children: [
             signatures.error && failed(signatures.retry),
-            signatures.data?.length === 0 && /* @__PURE__ */ jsx12("p", { className: "w100n-docs-muted", children: t.noSignatures }),
+            signatures.data?.length === 0 && /* @__PURE__ */ jsx13("p", { className: "w100n-docs-muted", children: t.noSignatures }),
             (signatures.data ?? []).map((entry) => {
               const signed = versions.data?.find((v) => v.id === entry.versionId);
-              return /* @__PURE__ */ jsxs12(
+              return /* @__PURE__ */ jsxs13(
                 "button",
                 {
                   type: "button",
@@ -4526,15 +4503,15 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
                   "aria-pressed": !!signed && (versionId ?? versions.data?.find((v) => v.current)?.id) === signed.id,
                   onClick: () => view(signed.current ? null : signed.id),
                   children: [
-                    /* @__PURE__ */ jsxs12("b", { children: [
+                    /* @__PURE__ */ jsxs13("b", { children: [
                       entry.signer.name,
-                      /* @__PURE__ */ jsxs12("span", { className: "w100n-docs-badge", children: [
+                      /* @__PURE__ */ jsxs13("span", { className: "w100n-docs-badge", children: [
                         t.page,
                         " ",
                         entry.page
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsx12("small", { children: [date(entry.signedAt), t.methods[entry.method], signed && (signed.current ? t.current : `${t.version} ${date(signed.createdAt)}`)].filter(Boolean).join(" \xB7 ") })
+                    /* @__PURE__ */ jsx13("small", { children: [date(entry.signedAt), t.methods[entry.method], signed && (signed.current ? t.current : `${t.version} ${date(signed.createdAt)}`)].filter(Boolean).join(" \xB7 ") })
                   ]
                 },
                 entry.id
@@ -4545,7 +4522,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
         ] })
       ] })
     ] }),
-    jump && /* @__PURE__ */ jsx12(
+    jump && /* @__PURE__ */ jsx13(
       Jump,
       {
         mode: jump,
@@ -4558,18 +4535,14 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
         place: (item) => [!spaceId && names2.get(item.spaceId), item.folder].filter(Boolean).join(" / ")
       }
     ),
-    making && /* @__PURE__ */ jsx12(NewDocument, { host, t, onClose: () => setMaking(false), onMade: (made) => {
+    making && /* @__PURE__ */ jsx13(NewDocument, { host, t, onClose: () => setMaking(false), onMade: (made) => {
       setMaking(false);
       opened(made);
     } }),
-    menu && /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.fileActions, style: { left: menu.x, top: menu.y }, children: [
-      /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-context-head", children: [
-        /* @__PURE__ */ jsx12("b", { children: menu.item.name }),
-        /* @__PURE__ */ jsx12("small", { children: [t.kinds[menu.item.kind], size(menu.item.size), names2.get(menu.item.spaceId), menu.item.folder].filter(Boolean).join(" \xB7 ") }),
-        menu.item.createdAt && /* @__PURE__ */ jsx12("small", { children: [t.createdOn.replace("{when}", date(menu.item.createdAt)), menu.item.createdBy?.name].filter(Boolean).join(" \xB7 ") }),
-        /* @__PURE__ */ jsx12("small", { children: [t.updatedOn.replace("{when}", ago(menu.item.updatedAt)), menu.item.updatedBy?.name].filter(Boolean).join(" \xB7 ") })
-      ] }),
-      menu.moving ? /* @__PURE__ */ jsx12("div", { className: "w100n-docs-context-list", children: ["", ...dirs.data.get(menu.item.spaceId)].map((folder2) => /* @__PURE__ */ jsxs12(
+    peek && !menu && /* @__PURE__ */ jsx13("div", { className: "w100n-docs-peek", role: "tooltip", style: { left: peek.x, top: peek.y }, children: card(peek.item) }),
+    menu && /* @__PURE__ */ jsxs13("div", { ref: popup, className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.fileActions, style: { left: menu.x, top: menu.y }, children: [
+      /* @__PURE__ */ jsx13("div", { className: "w100n-docs-context-head", children: card(menu.item) }),
+      menu.moving ? /* @__PURE__ */ jsx13("div", { className: "w100n-docs-context-list", children: ["", ...dirs.data.get(menu.item.spaceId)].map((folder2) => /* @__PURE__ */ jsxs13(
         "button",
         {
           type: "button",
@@ -4578,100 +4551,99 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
           onClick: () => moveTo(menu.item, { spaceId: menu.item.spaceId, folder: folder2 }),
           style: { paddingLeft: 10 + 14 * (folder2 ? folder2.split("/").length : 0) },
           children: [
-            /* @__PURE__ */ jsx12(Folder2, { "aria-hidden": true }),
+            /* @__PURE__ */ jsx13(Folder2, { "aria-hidden": true }),
             folder2 ? folder2.split("/").pop() : names2.get(menu.item.spaceId) ?? t.topLevel
           ]
         },
         folder2
-      )) }) : menu.sure ? /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-context-ask", children: [
-        /* @__PURE__ */ jsx12("p", { children: t.trashAsk.replace("{name}", menu.item.name) }),
-        /* @__PURE__ */ jsxs12("span", { className: "w100n-pdf-dialog-end", children: [
-          /* @__PURE__ */ jsx12("button", { type: "button", className: "w100n-pdf-link", onClick: () => setMenu({ ...menu, sure: false }), children: t.cancel }),
-          /* @__PURE__ */ jsxs12("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", onClick: () => void drop2(menu.item), children: [
-            /* @__PURE__ */ jsx12(Trash24, { "aria-hidden": true }),
+      )) }) : menu.sure ? /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-context-ask", children: [
+        /* @__PURE__ */ jsx13("p", { children: t.trashAsk.replace("{name}", menu.item.name) }),
+        /* @__PURE__ */ jsxs13("span", { className: "w100n-pdf-dialog-end", children: [
+          /* @__PURE__ */ jsx13("button", { type: "button", className: "w100n-pdf-link", onClick: () => setMenu({ ...menu, sure: false }), children: t.cancel }),
+          /* @__PURE__ */ jsxs13("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", onClick: () => void drop2(menu.item), children: [
+            /* @__PURE__ */ jsx13(Trash24, { "aria-hidden": true }),
             t.trash
           ] })
         ] })
-      ] }) : /* @__PURE__ */ jsxs12(Fragment11, { children: [
-        /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => {
+      ] }) : /* @__PURE__ */ jsxs13(Fragment11, { children: [
+        /* @__PURE__ */ jsxs13("button", { type: "button", role: "menuitem", onClick: () => {
           setMenu(null);
           open(menu.item);
         }, children: [
-          /* @__PURE__ */ jsx12(FileText4, { "aria-hidden": true }),
+          /* @__PURE__ */ jsx13(FileText4, { "aria-hidden": true }),
           t.openFile
         ] }),
-        host.href && /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => {
+        host.href && /* @__PURE__ */ jsxs13("button", { type: "button", role: "menuitem", onClick: () => {
           setMenu(null);
           window.open(host.href(menu.item.id), "_blank", "noopener");
         }, children: [
-          /* @__PURE__ */ jsx12(ExternalLink2, { "aria-hidden": true }),
+          /* @__PURE__ */ jsx13(ExternalLink2, { "aria-hidden": true }),
           t.openTab
         ] }),
-        host.href && /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => void act(() => navigator.clipboard.writeText(host.href(menu.item.id)), t.linkCopied), children: [
-          /* @__PURE__ */ jsx12(Link2, { "aria-hidden": true }),
+        host.href && /* @__PURE__ */ jsxs13("button", { type: "button", role: "menuitem", onClick: () => void act(() => navigator.clipboard.writeText(host.href(menu.item.id)), t.linkCopied), children: [
+          /* @__PURE__ */ jsx13(Link2, { "aria-hidden": true }),
           t.copyLink
         ] }),
-        host.send && /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => {
+        host.send && /* @__PURE__ */ jsxs13("button", { type: "button", role: "menuitem", onClick: () => {
           setMenu(null);
           host.send(menu.item.id);
         }, children: [
-          /* @__PURE__ */ jsx12(Send, { "aria-hidden": true }),
+          /* @__PURE__ */ jsx13(Send, { "aria-hidden": true }),
           t.sendChat
         ] }),
-        /* @__PURE__ */ jsx12("hr", {}),
-        host.rename && /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => {
+        /* @__PURE__ */ jsx13("hr", {}),
+        host.rename && /* @__PURE__ */ jsxs13("button", { type: "button", role: "menuitem", onClick: () => {
           const item = menu.item;
           setMenu(null);
-          if (shape2 === "tree") setEdit({ key: `file:${item.id}`, text: item.name.replace(/\.[^.]+$/, ""), run: (text2) => retitle(item, text2) });
-          else setNaming({ id: item.id, text: item.name.replace(/\.[^.]+$/, "") });
+          setEdit({ key: `file:${item.id}`, text: item.name.replace(/\.[^.]+$/, ""), run: (text2) => retitle(item, text2) });
         }, children: [
-          /* @__PURE__ */ jsx12(Pencil, { "aria-hidden": true }),
+          /* @__PURE__ */ jsx13(Pencil, { "aria-hidden": true }),
           t.rename
         ] }),
-        host.move && dirs.data?.has(menu.item.spaceId) && /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", "aria-haspopup": "menu", onClick: () => setMenu({ ...menu, moving: true }), children: [
-          /* @__PURE__ */ jsx12(FolderInput, { "aria-hidden": true }),
+        host.move && dirs.data?.has(menu.item.spaceId) && /* @__PURE__ */ jsxs13("button", { type: "button", role: "menuitem", "aria-haspopup": "menu", onClick: () => setMenu({ ...menu, moving: true }), children: [
+          /* @__PURE__ */ jsx13(FolderInput, { "aria-hidden": true }),
           t.moveTo
         ] }),
-        host.create && /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => void act(async () => copy(await host.document(menu.item.id))), children: [
-          /* @__PURE__ */ jsx12(Copy3, { "aria-hidden": true }),
+        host.create && /* @__PURE__ */ jsxs13("button", { type: "button", role: "menuitem", onClick: () => void act(async () => copy(await host.document(menu.item.id))), children: [
+          /* @__PURE__ */ jsx13(Copy3, { "aria-hidden": true }),
           t.makeCopy
         ] }),
-        /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => void act(() => fetchFile(menu.item)), children: [
-          /* @__PURE__ */ jsx12(Download3, { "aria-hidden": true }),
+        /* @__PURE__ */ jsxs13("button", { type: "button", role: "menuitem", onClick: () => void act(() => fetchFile(menu.item)), children: [
+          /* @__PURE__ */ jsx13(Download3, { "aria-hidden": true }),
           t.download
         ] }),
-        host.saveTemplate && /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => void act(() => host.saveTemplate(menu.item.id), t.templateSaved), children: [
-          /* @__PURE__ */ jsx12(Bookmark, { "aria-hidden": true }),
+        host.saveTemplate && /* @__PURE__ */ jsxs13("button", { type: "button", role: "menuitem", onClick: () => void act(() => host.saveTemplate(menu.item.id), t.templateSaved), children: [
+          /* @__PURE__ */ jsx13(Bookmark, { "aria-hidden": true }),
           t.saveTemplate
         ] }),
-        /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => {
+        /* @__PURE__ */ jsxs13("button", { type: "button", role: "menuitem", onClick: () => {
           setMenu(null);
           open(menu.item);
           setTab("details");
           side("panel", true);
         }, children: [
-          /* @__PURE__ */ jsx12(Info, { "aria-hidden": true }),
+          /* @__PURE__ */ jsx13(Info, { "aria-hidden": true }),
           t.details
         ] }),
-        host.remove && /* @__PURE__ */ jsxs12(Fragment11, { children: [
-          /* @__PURE__ */ jsx12("hr", {}),
-          /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", "data-tone": "red", onClick: () => setMenu({ ...menu, sure: true }), children: [
-            /* @__PURE__ */ jsx12(Trash24, { "aria-hidden": true }),
+        host.remove && /* @__PURE__ */ jsxs13(Fragment11, { children: [
+          /* @__PURE__ */ jsx13("hr", {}),
+          /* @__PURE__ */ jsxs13("button", { type: "button", role: "menuitem", "data-tone": "red", onClick: () => setMenu({ ...menu, sure: true }), children: [
+            /* @__PURE__ */ jsx13(Trash24, { "aria-hidden": true }),
             t.trash
           ] })
         ] })
       ] })
     ] }),
-    spot2 && /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.folderActions, style: { left: spot2.x, top: spot2.y }, children: [
-      /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-context-head", children: [
-        /* @__PURE__ */ jsx12("b", { children: folderNamed(spot2.at) }),
-        spot2.at.folder && /* @__PURE__ */ jsx12("small", { children: [names2.get(spot2.at.spaceId), ...spot2.at.folder.split("/").slice(0, -1)].filter(Boolean).join(" / ") })
+    spot2 && /* @__PURE__ */ jsxs13("div", { ref: popup, className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.folderActions, style: { left: spot2.x, top: spot2.y }, children: [
+      /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-context-head", children: [
+        /* @__PURE__ */ jsx13("b", { children: folderNamed(spot2.at) }),
+        spot2.at.folder && /* @__PURE__ */ jsx13("small", { children: [names2.get(spot2.at.spaceId), ...spot2.at.folder.split("/").slice(0, -1)].filter(Boolean).join(" / ") })
       ] }),
-      spot2.sure ? /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-context-ask", children: [
-        /* @__PURE__ */ jsx12("p", { children: t.folderTrashAsk.replace("{name}", folderNamed(spot2.at)) }),
-        /* @__PURE__ */ jsxs12("span", { className: "w100n-pdf-dialog-end", children: [
-          /* @__PURE__ */ jsx12("button", { type: "button", className: "w100n-pdf-link", onClick: () => setSpot({ ...spot2, sure: false }), children: t.cancel }),
-          /* @__PURE__ */ jsxs12("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", onClick: () => {
+      spot2.sure ? /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-context-ask", children: [
+        /* @__PURE__ */ jsx13("p", { children: t.folderTrashAsk.replace("{name}", folderNamed(spot2.at)) }),
+        /* @__PURE__ */ jsxs13("span", { className: "w100n-pdf-dialog-end", children: [
+          /* @__PURE__ */ jsx13("button", { type: "button", className: "w100n-pdf-link", onClick: () => setSpot({ ...spot2, sure: false }), children: t.cancel }),
+          /* @__PURE__ */ jsxs13("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", onClick: () => {
             const at = spot2.at;
             const inside2 = doc.data && doc.data.spaceId === at.spaceId && `${doc.data.folder ?? ""}/`.startsWith(`${at.folder}/`);
             void act(() => host.removeFolder(at), t.trashed).then(() => {
@@ -4679,42 +4651,42 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
               if (inside2) go({ spaceId: here.spaceId, documentId: null });
             });
           }, children: [
-            /* @__PURE__ */ jsx12(Trash24, { "aria-hidden": true }),
+            /* @__PURE__ */ jsx13(Trash24, { "aria-hidden": true }),
             t.trash
           ] })
         ] })
-      ] }) : /* @__PURE__ */ jsxs12(Fragment11, { children: [
-        host.create && /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => {
+      ] }) : /* @__PURE__ */ jsxs13(Fragment11, { children: [
+        host.create && /* @__PURE__ */ jsxs13("button", { type: "button", role: "menuitem", onClick: () => {
           const at = spot2.at;
           setSpot(null);
           void note(t.untitled, true, at);
         }, children: [
-          /* @__PURE__ */ jsx12(FilePlus, { "aria-hidden": true }),
+          /* @__PURE__ */ jsx13(FilePlus, { "aria-hidden": true }),
           t.newNoteHere
         ] }),
-        host.makeFolder && /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => {
+        host.makeFolder && /* @__PURE__ */ jsxs13("button", { type: "button", role: "menuitem", onClick: () => {
           const at = spot2.at;
           setSpot(null);
           setEdit({ key: `new:${spot2.key}`, text: t.newFolder, run: (name) => act(() => host.makeFolder(at, name)).then(refresh) });
         }, children: [
-          /* @__PURE__ */ jsx12(FolderPlus, { "aria-hidden": true }),
+          /* @__PURE__ */ jsx13(FolderPlus, { "aria-hidden": true }),
           t.newFolder
         ] }),
-        spot2.at.folder && host.renameFolder && /* @__PURE__ */ jsxs12(Fragment11, { children: [
-          /* @__PURE__ */ jsx12("hr", {}),
-          /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => {
+        spot2.at.folder && host.renameFolder && /* @__PURE__ */ jsxs13(Fragment11, { children: [
+          /* @__PURE__ */ jsx13("hr", {}),
+          /* @__PURE__ */ jsxs13("button", { type: "button", role: "menuitem", onClick: () => {
             const at = spot2.at;
             setSpot(null);
             setEdit({ key: `dir:${spot2.key}`, text: folderNamed(at), run: (name) => name === folderNamed(at) ? Promise.resolve() : act(() => host.renameFolder(at, name)).then(refresh) });
           }, children: [
-            /* @__PURE__ */ jsx12(Pencil, { "aria-hidden": true }),
+            /* @__PURE__ */ jsx13(Pencil, { "aria-hidden": true }),
             t.renameFolder
           ] })
         ] }),
-        spot2.at.folder && host.removeFolder && /* @__PURE__ */ jsxs12(Fragment11, { children: [
-          /* @__PURE__ */ jsx12("hr", {}),
-          /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", "data-tone": "red", onClick: () => setSpot({ ...spot2, sure: true }), children: [
-            /* @__PURE__ */ jsx12(Trash24, { "aria-hidden": true }),
+        spot2.at.folder && host.removeFolder && /* @__PURE__ */ jsxs13(Fragment11, { children: [
+          /* @__PURE__ */ jsx13("hr", {}),
+          /* @__PURE__ */ jsxs13("button", { type: "button", role: "menuitem", "data-tone": "red", onClick: () => setSpot({ ...spot2, sure: true }), children: [
+            /* @__PURE__ */ jsx13(Trash24, { "aria-hidden": true }),
             t.trashFolder
           ] })
         ] })
@@ -4726,21 +4698,21 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
 
 // src/FilePreview.tsx
 import { useState as useState12 } from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function FilePreview({ url, name, mimeType, size = 0, bytes, pdfWorker }) {
   const [source] = useState12(() => ({ pdfWorker, content: () => bytes ? bytes(url) : fetch(url, { credentials: "include" }).then((res) => res.ok ? res.arrayBuffer() : Promise.reject(new Error(String(res.status)))) }));
   const kind = kindOf(name, mimeType);
   if (!kind) return null;
-  return /* @__PURE__ */ jsx13("span", { className: "w100n-preview", children: /* @__PURE__ */ jsx13(Thumb, { host: source, item: { id: url.split("?")[0], spaceId: "", name, kind, size, updatedAt: "" } }) });
+  return /* @__PURE__ */ jsx14("span", { className: "w100n-preview", children: /* @__PURE__ */ jsx14(Thumb, { host: source, item: { id: url.split("?")[0], spaceId: "", name, kind, size, updatedAt: "" } }) });
 }
 
 // src/GuestDocument.tsx
 import { lazy as lazy3, Suspense as Suspense3, useRef as useRef7, useState as useState13 } from "react";
-import { Ban as Ban2, Download as Download4, Eye as Eye2, FileDown as FileDown2, FileSpreadsheet as FileSpreadsheet5, FileText as FileText5, FileType as FileType7, Files as Files4, Lock as Lock2, Presentation as Presentation5, UserRound } from "lucide-react";
-import { Fragment as Fragment12, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
-var TextEditor3 = lazy3(() => import("./TextEditor-CYS4U5XA.js"));
-var SheetView3 = lazy3(() => import("./SheetView-43JDIP7D.js"));
-var icons5 = { docx: FileText5, markdown: FileType7, pdf: Files4, sheet: FileSpreadsheet5, slides: Presentation5 };
+import { Ban as Ban2, Download as Download4, Eye as Eye2, FileDown as FileDown2, FileSpreadsheet as FileSpreadsheet5, FileText as FileText5, FileType as FileType6, Files as Files3, Lock as Lock2, Presentation as Presentation4, UserRound } from "lucide-react";
+import { Fragment as Fragment12, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+var TextEditor3 = lazy3(() => import("./TextEditor-Z4KSBLBV.js"));
+var SheetView3 = lazy3(() => import("./SheetView-PUSRW7W2.js"));
+var icons4 = { docx: FileText5, markdown: FileType6, pdf: Files3, sheet: FileSpreadsheet5, slides: Presentation4 };
 var GuestRefused = class extends Error {
   constructor(reason, file = "", sharedBy = "") {
     super(reason);
@@ -4798,18 +4770,18 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
   };
   const top = (file2, badge) => {
     const kind2 = file2 ? kindOf(file2.name, file2.mimeType) : null;
-    const Kind = kind2 ? icons5[kind2] : FileText5;
-    return /* @__PURE__ */ jsxs13("header", { className: "w100n-docs-bar w100n-guest-bar", children: [
-      brand && /* @__PURE__ */ jsx14("span", { className: "w100n-guest-brand", children: brand }),
-      file2 && /* @__PURE__ */ jsxs13(Fragment12, { children: [
-        /* @__PURE__ */ jsx14("span", { className: "w100n-docs-tile", "data-kind": kind2, children: /* @__PURE__ */ jsx14(Kind, { "aria-hidden": true }) }),
-        /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-heading", children: [
-          /* @__PURE__ */ jsx14("strong", { className: "w100n-docs-title", children: file2.name }),
-          file2.sharedBy && /* @__PURE__ */ jsx14("span", { className: "w100n-docs-crumbs", children: t.sharedBy.replace("{name}", file2.sharedBy) })
+    const Kind = kind2 ? icons4[kind2] : FileText5;
+    return /* @__PURE__ */ jsxs14("header", { className: "w100n-docs-bar w100n-guest-bar", children: [
+      brand && /* @__PURE__ */ jsx15("span", { className: "w100n-guest-brand", children: brand }),
+      file2 && /* @__PURE__ */ jsxs14(Fragment12, { children: [
+        /* @__PURE__ */ jsx15("span", { className: "w100n-docs-tile", "data-kind": kind2, children: /* @__PURE__ */ jsx15(Kind, { "aria-hidden": true }) }),
+        /* @__PURE__ */ jsxs14("div", { className: "w100n-docs-heading", children: [
+          /* @__PURE__ */ jsx15("strong", { className: "w100n-docs-title", children: file2.name }),
+          file2.sharedBy && /* @__PURE__ */ jsx15("span", { className: "w100n-docs-crumbs", children: t.sharedBy.replace("{name}", file2.sharedBy) })
         ] }),
-        badge && /* @__PURE__ */ jsx14("span", { className: "w100n-docs-badge", "data-kind": kind2, children: badge }),
-        file2.download && /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-end", children: [
-          (kind2 === "docx" || kind2 === "markdown" || kind2 === "sheet" || kind2 === "slides") && /* @__PURE__ */ jsxs13(
+        badge && /* @__PURE__ */ jsx15("span", { className: "w100n-docs-badge", "data-kind": kind2, children: badge }),
+        file2.download && /* @__PURE__ */ jsxs14("div", { className: "w100n-docs-end", children: [
+          (kind2 === "docx" || kind2 === "markdown" || kind2 === "sheet" || kind2 === "slides") && /* @__PURE__ */ jsxs14(
             "button",
             {
               type: "button",
@@ -4820,25 +4792,25 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
               "aria-label": t.pdfCopy,
               title: t.pdfCopy,
               children: [
-                /* @__PURE__ */ jsx14(FileDown2, { "aria-hidden": true }),
-                /* @__PURE__ */ jsx14("span", { children: t.pdfCopy })
+                /* @__PURE__ */ jsx15(FileDown2, { "aria-hidden": true }),
+                /* @__PURE__ */ jsx15("span", { children: t.pdfCopy })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs13("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", disabled: saving === "busy", onClick: () => void download("file"), "aria-label": t.download, title: t.download, children: [
-            /* @__PURE__ */ jsx14(Download4, { "aria-hidden": true }),
-            /* @__PURE__ */ jsx14("span", { children: t.download })
+          /* @__PURE__ */ jsxs14("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", disabled: saving === "busy", onClick: () => void download("file"), "aria-label": t.download, title: t.download, children: [
+            /* @__PURE__ */ jsx15(Download4, { "aria-hidden": true }),
+            /* @__PURE__ */ jsx15("span", { children: t.download })
           ] })
         ] })
       ] })
     ] });
   };
-  const gate = (tone, Icon, title, body, form) => /* @__PURE__ */ jsxs13("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+  const gate = (tone, Icon, title, body, form) => /* @__PURE__ */ jsxs14("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(null, null),
-    /* @__PURE__ */ jsx14("div", { className: "w100n-guest-gate", children: /* @__PURE__ */ jsxs13("div", { className: "w100n-guest-card", children: [
-      /* @__PURE__ */ jsx14("span", { className: "w100n-share-tile", "data-tone": tone, children: /* @__PURE__ */ jsx14(Icon, { "aria-hidden": true }) }),
-      /* @__PURE__ */ jsx14("h2", { children: title }),
-      /* @__PURE__ */ jsx14("p", { children: body }),
+    /* @__PURE__ */ jsx15("div", { className: "w100n-guest-gate", children: /* @__PURE__ */ jsxs14("div", { className: "w100n-guest-card", children: [
+      /* @__PURE__ */ jsx15("span", { className: "w100n-share-tile", "data-tone": tone, children: /* @__PURE__ */ jsx15(Icon, { "aria-hidden": true }) }),
+      /* @__PURE__ */ jsx15("h2", { children: title }),
+      /* @__PURE__ */ jsx15("p", { children: body }),
       form
     ] }) })
   ] });
@@ -4854,7 +4826,7 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
         password ? Lock2 : UserRound,
         refused.file || t.documents,
         shared + (password ? t.passwordAsk : t.nameAsk),
-        /* @__PURE__ */ jsxs13("form", { className: "w100n-guest-form", onSubmit: (e) => {
+        /* @__PURE__ */ jsxs14("form", { className: "w100n-guest-form", onSubmit: (e) => {
           e.preventDefault();
           if (!typed.trim()) return;
           if (password) setAsk({ ...ask, password: typed });
@@ -4864,7 +4836,7 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
           }
           setTyped("");
         }, children: [
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx15(
             "input",
             {
               className: "w100n-share-input",
@@ -4877,21 +4849,21 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
               onChange: (e) => setTyped(e.target.value)
             }
           ),
-          refused.reason === "wrong" && /* @__PURE__ */ jsx14("p", { className: "w100n-docs-muted", role: "alert", children: t.wrongPassword }),
-          /* @__PURE__ */ jsxs13("button", { type: "submit", className: "w100n-docs-action", disabled: !typed.trim(), children: [
-            /* @__PURE__ */ jsx14(Eye2, { "aria-hidden": true }),
+          refused.reason === "wrong" && /* @__PURE__ */ jsx15("p", { className: "w100n-docs-muted", role: "alert", children: t.wrongPassword }),
+          /* @__PURE__ */ jsxs14("button", { type: "submit", className: "w100n-docs-action", disabled: !typed.trim(), children: [
+            /* @__PURE__ */ jsx15(Eye2, { "aria-hidden": true }),
             t.openDoc
           ] })
         ] })
       );
     }
     if (refused?.reason === "busy") return gate("slate", Ban2, t.failed, t.tooMany);
-    return gate("slate", Ban2, t.failed, "", /* @__PURE__ */ jsx14("button", { type: "button", className: "w100n-docs-action", onClick: opened.retry, children: t.retry }));
+    return gate("slate", Ban2, t.failed, "", /* @__PURE__ */ jsx15("button", { type: "button", className: "w100n-docs-action", onClick: opened.retry, children: t.retry }));
   }
   const file = opened.data;
-  if (!file) return /* @__PURE__ */ jsxs13("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+  if (!file) return /* @__PURE__ */ jsxs14("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(null, null),
-    /* @__PURE__ */ jsx14("div", { className: "w100n-docs-empty", children: t.loading })
+    /* @__PURE__ */ jsx15("div", { className: "w100n-docs-empty", children: t.loading })
   ] });
   const kind = kindOf(file.name, file.mimeType);
   const text = kind === "docx" || kind === "markdown";
@@ -4899,23 +4871,23 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
   const rights = { view: true, comment: talk, edit: false };
   const quiet2 = () => {
   };
-  let stage = /* @__PURE__ */ jsx14("div", { className: "w100n-docs-empty", children: t.unsupported });
-  if (text) stage = /* @__PURE__ */ jsx14(Suspense3, { fallback: /* @__PURE__ */ jsx14("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx14(TextEditor3, { kind, bytes: file.bytes, t, language, rights, host: talk ? notes : void 0, documentId: file.id, onOutline: quiet2, slot: talk ? slot : null }) });
-  else if (kind === "pdf") stage = /* @__PURE__ */ jsx14(PdfView, { bytes: file.bytes, t, language, worker: host.pdfWorker, rights, documentId: file.id, onOutline: quiet2 });
-  else if (kind === "slides") stage = /* @__PURE__ */ jsx14(SlidesView, { html: new TextDecoder().decode(file.bytes), name: file.name, rights, language, theme, onOutline: quiet2 });
-  else if (kind === "sheet") stage = /* @__PURE__ */ jsx14(Suspense3, { fallback: /* @__PURE__ */ jsx14("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx14(SheetView3, { bytes: file.bytes, name: file.name, kind: /\.csv$/i.test(file.name) || file.mimeType === "text/csv" ? "csv" : "xlsx", rights, language, theme, documentId: file.id }) });
-  return /* @__PURE__ */ jsxs13("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+  let stage = /* @__PURE__ */ jsx15("div", { className: "w100n-docs-empty", children: t.unsupported });
+  if (text) stage = /* @__PURE__ */ jsx15(Suspense3, { fallback: /* @__PURE__ */ jsx15("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx15(TextEditor3, { kind, bytes: file.bytes, t, language, rights, host: talk ? notes : void 0, documentId: file.id, onOutline: quiet2, slot: talk ? slot : null }) });
+  else if (kind === "pdf") stage = /* @__PURE__ */ jsx15(PdfView, { bytes: file.bytes, t, language, worker: host.pdfWorker, rights, documentId: file.id, onOutline: quiet2 });
+  else if (kind === "slides") stage = /* @__PURE__ */ jsx15(SlidesView, { html: new TextDecoder().decode(file.bytes), name: file.name, rights, language, theme, onOutline: quiet2 });
+  else if (kind === "sheet") stage = /* @__PURE__ */ jsx15(Suspense3, { fallback: /* @__PURE__ */ jsx15("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx15(SheetView3, { bytes: file.bytes, name: file.name, kind: /\.csv$/i.test(file.name) || file.mimeType === "text/csv" ? "csv" : "xlsx", rights, language, theme, documentId: file.id }) });
+  return /* @__PURE__ */ jsxs14("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(file, talk ? t.badgeComment : t.badgeRead),
-    saving === "failed" && /* @__PURE__ */ jsx14("p", { className: "w100n-docs-muted w100n-guest-note", role: "alert", children: t.exportFailed }),
-    /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-body w100n-guest-body", children: [
-      /* @__PURE__ */ jsx14("main", { className: "w100n-docs-stage", children: /* @__PURE__ */ jsx14("div", { className: "w100n-docs-bare", children: stage }) }),
-      talk && /* @__PURE__ */ jsx14("aside", { className: "w100n-docs-side w100n-docs-panel w100n-guest-panel", "aria-label": t.comments, children: /* @__PURE__ */ jsxs13("div", { className: "w100n-docs-panel-body", children: [
-        /* @__PURE__ */ jsxs13("label", { className: "w100n-share-field", children: [
-          /* @__PURE__ */ jsx14("span", { children: t.yourName }),
-          /* @__PURE__ */ jsx14("input", { className: "w100n-share-input", value: name, autoComplete: "name", placeholder: t.yourName, onChange: (e) => typeName(e.target.value) })
+    saving === "failed" && /* @__PURE__ */ jsx15("p", { className: "w100n-docs-muted w100n-guest-note", role: "alert", children: t.exportFailed }),
+    /* @__PURE__ */ jsxs14("div", { className: "w100n-docs-body w100n-guest-body", children: [
+      /* @__PURE__ */ jsx15("main", { className: "w100n-docs-stage", children: /* @__PURE__ */ jsx15("div", { className: "w100n-docs-bare", children: stage }) }),
+      talk && /* @__PURE__ */ jsx15("aside", { className: "w100n-docs-side w100n-docs-panel w100n-guest-panel", "aria-label": t.comments, children: /* @__PURE__ */ jsxs14("div", { className: "w100n-docs-panel-body", children: [
+        /* @__PURE__ */ jsxs14("label", { className: "w100n-share-field", children: [
+          /* @__PURE__ */ jsx15("span", { children: t.yourName }),
+          /* @__PURE__ */ jsx15("input", { className: "w100n-share-input", value: name, autoComplete: "name", placeholder: t.yourName, onChange: (e) => typeName(e.target.value) })
         ] }),
-        /* @__PURE__ */ jsx14("p", { className: "w100n-docs-muted", children: name.trim() ? t.nameHint : t.nameNeeded }),
-        /* @__PURE__ */ jsx14("div", { ref: setSlot })
+        /* @__PURE__ */ jsx15("p", { className: "w100n-docs-muted", children: name.trim() ? t.nameHint : t.nameNeeded }),
+        /* @__PURE__ */ jsx15("div", { ref: setSlot })
       ] }) })
     ] })
   ] });
@@ -4926,6 +4898,7 @@ export {
   FilePreview,
   GuestDocument,
   GuestRefused,
+  PreviewCard,
   SlidesView,
   kindOf,
   kinds,