@w100n/documents 0.16.3 → 0.17.0

package/dist/index.js

@@ -5,6 +5,9 @@ import {
   matches,
   readable
 } from "./chunk-2CA3HQTI.js";
+import {
+  findNote
+} from "./chunk-FFXAOK4A.js";
 import {
   useLoad
 } from "./chunk-QDH7EZAF.js";
@@ -14,7 +17,7 @@ import {
 } from "./chunk-TDP6OJET.js";
 import {
   texts
-} from "./chunk-VNXZVOPN.js";
+} from "./chunk-B7C6NBBQ.js";
 import {
   escape,
   readDocx,
@@ -870,7 +873,7 @@ function SlidesView({ html, name, rights, language = "en", theme = "light", base
   };
   const fit = (box, pad = 0) => box.w > pad && box.h > pad ? Math.min((box.w - pad) / deck.width, (box.h - pad) / deck.height) : 0.5;
   const byKey = (a, b) => deck.slides[a].key < deck.slides[b].key ? -1 : 1;
-  const around = (i) => [i - 1, i, i + 1].filter((k) => k >= 0 && k < count).sort(byKey);
+  const around2 = (i) => [i - 1, i, i + 1].filter((k) => k >= 0 && k < count).sort(byKey);
   const caption = (i) => `${t.slide} ${i + 1}${deck.slides[i].title ? `: ${deck.slides[i].title}` : ""}`;
   const post = (id, msg) => frames.current.get(id)?.contentWindow?.postMessage(msg, "*");
   const frame = (id, page, scale, title, hidden = false, still = false) => /* @__PURE__ */ jsx("span", { className: "w100n-slides-frame", "data-hidden": hidden || void 0, style: { width: Math.round(deck.width * scale), height: Math.round(deck.height * scale) }, children: /* @__PURE__ */ jsx(
@@ -1209,7 +1212,7 @@ function SlidesView({ html, name, rights, language = "en", theme = "light", base
         s.key
       )) }) }),
       /* @__PURE__ */ jsxs("div", { className: "w100n-slides-main", children: [
-        /* @__PURE__ */ jsx("div", { ref: stageRef, className: "w100n-slides-stage", style: { "--w100n-ratio": `${deck.width} / ${deck.height}` }, children: around(index).map((i) => {
+        /* @__PURE__ */ jsx("div", { ref: stageRef, className: "w100n-slides-stage", style: { "--w100n-ratio": `${deck.width} / ${deck.height}` }, children: around2(index).map((i) => {
           const id = `m:${deck.slides[i].key}:${epoch}`;
           return frame(id, frozen(deck.slides[i], id, "edit"), fit(stageBox, 32), caption(i), i !== index);
         }) }),
@@ -1236,7 +1239,7 @@ function SlidesView({ html, name, rights, language = "en", theme = "light", base
           back();
         },
         children: [
-          around(nav.at).map((i) => {
+          around2(nav.at).map((i) => {
             const id = `p:${deck.slides[i].key}:${epoch}`;
             return frame(id, frozen(deck.slides[i], id, "present"), fit(showBox), caption(i), i !== nav.at, true);
           }),
@@ -2409,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-RNHXPYJX.js"));
-var SheetView = lazy(() => import("./SheetView-KXFUAILH.js"));
+var TextEditor = lazy(() => import("./TextEditor-X2GSL4QM.js"));
+var SheetView = lazy(() => import("./SheetView-SBLAFGTL.js"));
 var icons = { docx: FileText, markdown: FileType, pdf: Files, sheet: FileSpreadsheet, slides: Presentation };
 var read = { view: true, comment: false, edit: false };
 var quiet = () => {
@@ -2514,27 +2517,29 @@ function DocumentOverlay({ source, name, mimeType, info, download, actions, onCl
 }
 
 // src/DocumentsWorkspace.tsx
-import { lazy as lazy2, Suspense as Suspense2, useEffect as useEffect6, useLayoutEffect as useLayoutEffect3, useRef as useRef6, useState as useState9 } from "react";
+import { lazy as lazy2, Suspense as Suspense2, useEffect as useEffect6, useLayoutEffect as useLayoutEffect3, useRef as useRef6, useState as useState11 } from "react";
 import { flushSync } from "react-dom";
 import {
   Bookmark,
   Check as Check2,
-  ChevronDown as ChevronDown2,
-  ChevronRight as ChevronRight2,
+  ChevronDown as ChevronDown3,
+  ChevronRight as ChevronRight3,
   Copy as Copy3,
   Download as Download3,
   ExternalLink as ExternalLink2,
   FileDiff,
   FileDown,
   Link as Link2,
+  Link2 as Link22,
   Pencil,
   Send,
   Trash2 as Trash24,
   FilePlus,
-  FileSpreadsheet as FileSpreadsheet3,
-  FileText as FileText3,
-  FileType as FileType3,
-  Files as Files2,
+  FileSpreadsheet as FileSpreadsheet4,
+  FileText as FileText4,
+  FileType as FileType6,
+  Files as Files3,
+  FolderTree,
   History,
   Info,
   LayoutGrid,
@@ -2545,19 +2550,196 @@ import {
   PanelLeftOpen,
   PanelRightClose,
   PanelRightOpen,
-  Plus as Plus4,
-  Presentation as Presentation3,
+  Plus as Plus5,
+  Presentation as Presentation4,
   RotateCcw as RotateCcw2,
-  Search as Search2,
+  Search as Search3,
   Share2,
   Signature,
   Upload,
   X as X6
 } from "lucide-react";
 
+// src/Backlinks.tsx
+import { FileType as FileType2 } from "lucide-react";
+import { Fragment as Fragment5, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var wikis = /\[\[([^[\]\n|]+?)(?:\|([^[\]\n]+?))?\]\]/g;
+var around = (text, from, to) => ({
+  before: text.slice(Math.max(0, from - 70), from).replace(/^\S*\s/, "").replace(/\s+/g, " "),
+  hit: text.slice(from, to),
+  after: text.slice(to, to + 90).replace(/\s\S*$/, "").replace(/\s+/g, " ")
+});
+function mentions(current, notes, texts2) {
+  const name = current.name.replace(/\.(md|markdown)$/i, "");
+  const plain = new RegExp(`(^|[^\\p{L}\\p{N}])(${name.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")})(?![\\p{L}\\p{N}])`, "iu");
+  const linked = [];
+  const unlinked = [];
+  for (const item of notes) {
+    if (item.id === current.id) continue;
+    const text = texts2.get(item.id);
+    if (!text) continue;
+    let link = null;
+    for (const m2 of text.matchAll(wikis)) {
+      if (findNote(notes, m2[1])?.id !== current.id) continue;
+      link = { item, ...around(text, m2.index, m2.index + m2[0].length), hit: m2[2] ?? m2[1] };
+      break;
+    }
+    if (link) {
+      linked.push(link);
+      continue;
+    }
+    const bare3 = text.replace(wikis, (m2) => " ".repeat(m2.length));
+    const m = plain.exec(bare3);
+    if (m) unlinked.push({ item, ...around(text, m.index + m[1].length, m.index + m[0].length) });
+  }
+  return { linked, unlinked };
+}
+function Backlinks({ host, current, notes, t, onOpen }) {
+  const others = notes.filter((item) => item.id !== current.id);
+  const found = useLoad(async (signal) => {
+    const texts2 = /* @__PURE__ */ new Map();
+    const queue = [...others];
+    const reader = new TextDecoder();
+    await Promise.all(Array.from({ length: 6 }, async () => {
+      for (let item = queue.shift(); item; item = queue.shift()) {
+        try {
+          texts2.set(item.id, reader.decode(await host.content(item.id, null, { signal })));
+        } catch {
+          if (signal.aborted) return;
+        }
+      }
+    }));
+    return mentions(current, notes, texts2);
+  }, [host, current.id, current.name, others.map((item) => `${item.id}:${item.updatedAt}`).join()]);
+  if (found.loading && !found.data) return /* @__PURE__ */ jsx6("p", { className: "w100n-docs-muted", children: t.loading });
+  if (found.error) return /* @__PURE__ */ jsx6("p", { className: "w100n-docs-muted", children: t.failed });
+  const { linked, unlinked } = found.data;
+  const card = (m) => /* @__PURE__ */ jsxs6("button", { type: "button", className: "w100n-links-card", onClick: () => onOpen(m.item), children: [
+    /* @__PURE__ */ jsxs6("b", { children: [
+      /* @__PURE__ */ jsx6(FileType2, { "aria-hidden": true }),
+      m.item.name.replace(/\.(md|markdown)$/i, "")
+    ] }),
+    /* @__PURE__ */ jsxs6("small", { children: [
+      "\u2026",
+      m.before,
+      /* @__PURE__ */ jsx6("mark", { children: m.hit }),
+      m.after,
+      "\u2026"
+    ] }),
+    m.item.folder && /* @__PURE__ */ jsx6("small", { className: "w100n-links-folder", children: m.item.folder })
+  ] }, m.item.id);
+  return /* @__PURE__ */ jsxs6("div", { className: "w100n-links", children: [
+    /* @__PURE__ */ jsxs6("p", { className: "w100n-docs-caption", children: [
+      t.linked,
+      /* @__PURE__ */ jsx6("span", { children: linked.length })
+    ] }),
+    linked.length ? linked.map(card) : /* @__PURE__ */ jsx6("p", { className: "w100n-docs-muted", children: t.noBacklinks }),
+    unlinked.length > 0 && /* @__PURE__ */ jsxs6(Fragment5, { children: [
+      /* @__PURE__ */ jsxs6("p", { className: "w100n-docs-caption", children: [
+        t.unlinked,
+        /* @__PURE__ */ jsx6("span", { children: unlinked.length })
+      ] }),
+      unlinked.map(card)
+    ] })
+  ] });
+}
+
+// src/Jump.tsx
+import { useState as useState6 } from "react";
+import { Command, FileType as FileType3, Plus as Plus2, Search as Search2 } from "lucide-react";
+import { Fragment as Fragment6, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var bare2 = (name) => name.replace(/\.(md|markdown)$/i, "");
+function rank(item, q) {
+  const name = bare2(item.name).toLowerCase();
+  if (!q) return 2;
+  if (name.startsWith(q)) return 0;
+  if (name.split(/[\s_.-]+/).some((w) => w.startsWith(q))) return 1;
+  if (name.includes(q)) return 2;
+  let at = 0;
+  for (const ch of q) {
+    at = name.indexOf(ch, at) + 1;
+    if (!at) return -1;
+  }
+  return 3;
+}
+var lit = (text, q) => {
+  const at = q ? text.toLowerCase().indexOf(q) : -1;
+  return at < 0 ? text : /* @__PURE__ */ jsxs7(Fragment6, { children: [
+    text.slice(0, at),
+    /* @__PURE__ */ jsx7("mark", { children: text.slice(at, at + q.length) }),
+    text.slice(at + q.length)
+  ] });
+};
+function Jump({ mode, items, actions, t, place, onOpen, onCreate, onClose }) {
+  const [query, setQuery] = useState6("");
+  const [at, setAt] = useState6(0);
+  const q = query.trim().toLowerCase();
+  const found = mode === "open" ? items.map((item) => ({ item, r: rank(item, q) })).filter((x) => x.r >= 0).sort((a, b) => a.r - b.r || bare2(a.item.name).localeCompare(bare2(b.item.name))).slice(0, 30).map((x) => x.item) : [];
+  const doing = mode === "run" ? actions.filter((a) => !q || a.label.toLowerCase().includes(q)) : [];
+  const make2 = mode === "open" && onCreate && query.trim() && !found.some((item) => bare2(item.name).toLowerCase() === q);
+  const total = found.length + doing.length + (make2 ? 1 : 0);
+  const pick = Math.min(at, Math.max(0, total - 1));
+  const go = (i) => {
+    onClose();
+    if (i < found.length) onOpen(found[i]);
+    else if (mode === "run") doing[i]?.run();
+    else if (make2) onCreate(query.trim());
+  };
+  return /* @__PURE__ */ jsx7("div", { className: "w100n-jump-back", onPointerDown: (e) => {
+    if (e.target === e.currentTarget) onClose();
+  }, children: /* @__PURE__ */ jsxs7("div", { className: "w100n-jump", role: "dialog", "aria-modal": true, "aria-label": mode === "open" ? t.openNote : t.commands, children: [
+    /* @__PURE__ */ jsxs7("label", { className: "w100n-jump-field", children: [
+      mode === "open" ? /* @__PURE__ */ jsx7(Search2, { "aria-hidden": true }) : /* @__PURE__ */ jsx7(Command, { "aria-hidden": true }),
+      /* @__PURE__ */ jsx7(
+        "input",
+        {
+          autoFocus: true,
+          value: query,
+          placeholder: mode === "open" ? t.findNote : t.commands,
+          "aria-label": mode === "open" ? t.findNote : t.commands,
+          onChange: (e) => {
+            setQuery(e.target.value);
+            setAt(0);
+          },
+          onKeyDown: (e) => {
+            if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+              e.preventDefault();
+              if (total) setAt((pick + (e.key === "ArrowDown" ? 1 : total - 1)) % total);
+            } else if (e.key === "Enter") {
+              e.preventDefault();
+              if (total) go(pick);
+            } else if (e.key === "Escape") {
+              e.stopPropagation();
+              onClose();
+            }
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs7("div", { className: "w100n-jump-list", role: "listbox", "aria-label": mode === "open" ? t.openNote : t.commands, children: [
+      found.map((item, i) => /* @__PURE__ */ jsxs7("button", { type: "button", role: "option", "aria-selected": i === pick, onPointerMove: () => setAt(i), onClick: () => go(i), children: [
+        /* @__PURE__ */ jsx7(FileType3, { "aria-hidden": true }),
+        /* @__PURE__ */ jsx7("span", { children: lit(bare2(item.name), q) }),
+        /* @__PURE__ */ jsx7("small", { children: place(item) })
+      ] }, item.id)),
+      doing.map((a, i) => /* @__PURE__ */ jsxs7("button", { type: "button", role: "option", "aria-selected": i === pick, onPointerMove: () => setAt(i), onClick: () => go(i), children: [
+        /* @__PURE__ */ jsx7(a.icon, { "aria-hidden": true }),
+        /* @__PURE__ */ jsx7("span", { children: lit(a.label, q) }),
+        a.keys && /* @__PURE__ */ jsx7("kbd", { children: a.keys })
+      ] }, a.id)),
+      make2 && /* @__PURE__ */ jsxs7("button", { type: "button", role: "option", "aria-selected": pick === found.length, onPointerMove: () => setAt(found.length), onClick: () => go(found.length), children: [
+        /* @__PURE__ */ jsx7(Plus2, { "aria-hidden": true }),
+        /* @__PURE__ */ jsx7("span", { children: t.createNote.replace("{name}", query.trim()) })
+      ] }),
+      !total && /* @__PURE__ */ jsx7("p", { className: "w100n-docs-muted", children: t.noNote })
+    ] }),
+    /* @__PURE__ */ jsx7("p", { className: "w100n-jump-keys", children: mode === "open" ? t.keysOpen : t.keysRun })
+  ] }) });
+}
+
 // src/NewDocument.tsx
-import { Check, FileSpreadsheet as FileSpreadsheet2, FileText as FileText2, FileType as FileType2, Plus as Plus2, Presentation as Presentation2, X as X5 } from "lucide-react";
-import { useId as useId3, useState as useState6 } from "react";
+import { Check, FileSpreadsheet as FileSpreadsheet2, FileText as FileText2, FileType as FileType4, Plus as Plus3, Presentation as Presentation2, X as X5 } from "lucide-react";
+import { useId as useId3, useState as useState7 } from "react";
 
 // src/blank.ts
 import { strToU8, zipSync } from "fflate";
@@ -2680,19 +2862,19 @@ function blank2(kind, name, template = "blank") {
 }
 
 // src/NewDocument.tsx
-import { Fragment as Fragment5, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var icons2 = { docx: FileText2, markdown: FileType2, sheet: FileSpreadsheet2, slides: Presentation2 };
+import { Fragment as Fragment7, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var icons2 = { docx: FileText2, markdown: FileType4, sheet: FileSpreadsheet2, slides: Presentation2 };
 var shaped = ["blank", "letter", "contract", "notes", "invoice", "report"];
 function NewDocument({ host, t, onClose, onMade }) {
   const id = useId3();
-  const [kind, setKind] = useState6("docx");
-  const [template, setTemplate] = useState6("blank");
-  const [name, setName] = useState6("");
-  const [team, setTeam] = useState6(null);
+  const [kind, setKind] = useState7("docx");
+  const [template, setTemplate] = useState7("blank");
+  const [name, setName] = useState7("");
+  const [team, setTeam] = useState7(null);
   const shared = useLoad((signal) => host.templates ? host.templates({ signal }) : Promise.resolve([]), [host]);
   const ours = (shared.data ?? []).filter((item) => item.kind === kind);
   const stem = (file) => file.replace(/\.[^.]+$/, "");
-  const [state, setState] = useState6("idle");
+  const [state, setState] = useState7("idle");
   useRestore(true);
   const choices = kind === "docx" || kind === "markdown" ? shaped : ["blank"];
   const make2 = async () => {
@@ -2706,77 +2888,77 @@ function NewDocument({ host, t, onClose, onMade }) {
       setState("failed");
     }
   };
-  return /* @__PURE__ */ jsx6("div", { className: "w100n-pdf-back", onKeyDown: (e) => {
+  return /* @__PURE__ */ jsx8("div", { className: "w100n-pdf-back", onKeyDown: (e) => {
     if (e.key === "Escape") {
       e.stopPropagation();
       onClose();
     }
-  }, children: /* @__PURE__ */ jsxs6("form", { className: "w100n-pdf-dialog w100n-new", role: "dialog", "aria-modal": true, "aria-labelledby": `${id}t`, onSubmit: (e) => {
+  }, children: /* @__PURE__ */ jsxs8("form", { className: "w100n-pdf-dialog w100n-new", role: "dialog", "aria-modal": true, "aria-labelledby": `${id}t`, onSubmit: (e) => {
     e.preventDefault();
     void make2();
   }, children: [
-    /* @__PURE__ */ jsxs6("div", { className: "w100n-new-head", children: [
-      /* @__PURE__ */ jsx6("span", { className: "w100n-new-tile", children: /* @__PURE__ */ jsx6(Plus2, { "aria-hidden": true }) }),
-      /* @__PURE__ */ jsx6("b", { id: `${id}t`, className: "w100n-pdf-dialog-title", children: t.newTitle }),
-      /* @__PURE__ */ jsx6("button", { type: "button", className: "w100n-docs-close", onClick: onClose, "aria-label": t.close, title: t.close, children: /* @__PURE__ */ jsx6(X5, { "aria-hidden": true }) })
+    /* @__PURE__ */ jsxs8("div", { className: "w100n-new-head", children: [
+      /* @__PURE__ */ jsx8("span", { className: "w100n-new-tile", children: /* @__PURE__ */ jsx8(Plus3, { "aria-hidden": true }) }),
+      /* @__PURE__ */ jsx8("b", { id: `${id}t`, className: "w100n-pdf-dialog-title", children: t.newTitle }),
+      /* @__PURE__ */ jsx8("button", { type: "button", className: "w100n-docs-close", onClick: onClose, "aria-label": t.close, title: t.close, children: /* @__PURE__ */ jsx8(X5, { "aria-hidden": true }) })
     ] }),
-    /* @__PURE__ */ jsx6("div", { role: "radiogroup", "aria-label": t.kind, className: "w100n-new-kinds", children: Object.keys(icons2).map((item) => {
+    /* @__PURE__ */ jsx8("div", { role: "radiogroup", "aria-label": t.kind, className: "w100n-new-kinds", children: Object.keys(icons2).map((item) => {
       const Icon = icons2[item];
-      return /* @__PURE__ */ jsxs6("button", { type: "button", role: "radio", "aria-checked": kind === item, "data-kind": item, onClick: () => {
+      return /* @__PURE__ */ jsxs8("button", { type: "button", role: "radio", "aria-checked": kind === item, "data-kind": item, onClick: () => {
         setKind(item);
         setTeam(null);
         if (item === "sheet" || item === "slides") setTemplate("blank");
       }, children: [
-        /* @__PURE__ */ jsx6("span", { className: "w100n-docs-tile", "data-kind": item, children: /* @__PURE__ */ jsx6(Icon, { "aria-hidden": true }) }),
-        /* @__PURE__ */ jsxs6("span", { children: [
-          /* @__PURE__ */ jsx6("b", { children: t.newKinds[item] }),
-          /* @__PURE__ */ jsx6("small", { children: t.kindHints[item] })
+        /* @__PURE__ */ jsx8("span", { className: "w100n-docs-tile", "data-kind": item, children: /* @__PURE__ */ jsx8(Icon, { "aria-hidden": true }) }),
+        /* @__PURE__ */ jsxs8("span", { children: [
+          /* @__PURE__ */ jsx8("b", { children: t.newKinds[item] }),
+          /* @__PURE__ */ jsx8("small", { children: t.kindHints[item] })
         ] })
       ] }, item);
     }) }),
-    /* @__PURE__ */ jsx6("p", { className: "w100n-docs-caption", children: t.startFrom }),
-    /* @__PURE__ */ jsx6("div", { role: "radiogroup", "aria-label": t.startFrom, className: "w100n-new-templates", children: choices.map((item) => /* @__PURE__ */ jsxs6("button", { type: "button", role: "radio", "aria-checked": !team && template === item, onClick: () => {
+    /* @__PURE__ */ jsx8("p", { className: "w100n-docs-caption", children: t.startFrom }),
+    /* @__PURE__ */ jsx8("div", { role: "radiogroup", "aria-label": t.startFrom, className: "w100n-new-templates", children: choices.map((item) => /* @__PURE__ */ jsxs8("button", { type: "button", role: "radio", "aria-checked": !team && template === item, onClick: () => {
       setTeam(null);
       setTemplate(item);
     }, children: [
-      /* @__PURE__ */ jsx6("span", { className: "w100n-new-sheet", "data-blank": item === "blank", children: item === "blank" ? /* @__PURE__ */ jsx6(Plus2, { "aria-hidden": true }) : /* @__PURE__ */ jsxs6(Fragment5, { children: [
-        /* @__PURE__ */ jsx6("i", { "data-head": true }),
-        /* @__PURE__ */ jsx6("i", {}),
-        /* @__PURE__ */ jsx6("i", {}),
-        /* @__PURE__ */ jsx6("i", { "data-accent": true }),
-        /* @__PURE__ */ jsx6("i", {}),
-        /* @__PURE__ */ jsx6("i", {})
+      /* @__PURE__ */ jsx8("span", { className: "w100n-new-sheet", "data-blank": item === "blank", children: item === "blank" ? /* @__PURE__ */ jsx8(Plus3, { "aria-hidden": true }) : /* @__PURE__ */ jsxs8(Fragment7, { children: [
+        /* @__PURE__ */ jsx8("i", { "data-head": true }),
+        /* @__PURE__ */ jsx8("i", {}),
+        /* @__PURE__ */ jsx8("i", {}),
+        /* @__PURE__ */ jsx8("i", { "data-accent": true }),
+        /* @__PURE__ */ jsx8("i", {}),
+        /* @__PURE__ */ jsx8("i", {})
       ] }) }),
-      /* @__PURE__ */ jsx6("span", { children: t.templates[item] })
+      /* @__PURE__ */ jsx8("span", { children: t.templates[item] })
     ] }, item)) }),
-    ours.length > 0 && /* @__PURE__ */ jsxs6(Fragment5, { children: [
-      /* @__PURE__ */ jsx6("p", { className: "w100n-docs-caption", children: t.teamTemplates }),
-      /* @__PURE__ */ jsx6("div", { role: "radiogroup", "aria-label": t.teamTemplates, className: "w100n-new-templates", children: ours.map((item) => /* @__PURE__ */ jsxs6("button", { type: "button", role: "radio", "aria-checked": team?.id === item.id, onClick: () => setTeam(item), children: [
-        /* @__PURE__ */ jsxs6("span", { className: "w100n-new-sheet", children: [
-          /* @__PURE__ */ jsx6("i", { "data-head": true }),
-          /* @__PURE__ */ jsx6("i", {}),
-          /* @__PURE__ */ jsx6("i", { "data-accent": true }),
-          /* @__PURE__ */ jsx6("i", {}),
-          /* @__PURE__ */ jsx6("i", {})
+    ours.length > 0 && /* @__PURE__ */ jsxs8(Fragment7, { children: [
+      /* @__PURE__ */ jsx8("p", { className: "w100n-docs-caption", children: t.teamTemplates }),
+      /* @__PURE__ */ jsx8("div", { role: "radiogroup", "aria-label": t.teamTemplates, className: "w100n-new-templates", children: ours.map((item) => /* @__PURE__ */ jsxs8("button", { type: "button", role: "radio", "aria-checked": team?.id === item.id, onClick: () => setTeam(item), children: [
+        /* @__PURE__ */ jsxs8("span", { className: "w100n-new-sheet", children: [
+          /* @__PURE__ */ jsx8("i", { "data-head": true }),
+          /* @__PURE__ */ jsx8("i", {}),
+          /* @__PURE__ */ jsx8("i", { "data-accent": true }),
+          /* @__PURE__ */ jsx8("i", {}),
+          /* @__PURE__ */ jsx8("i", {})
         ] }),
-        /* @__PURE__ */ jsx6("span", { title: item.name, children: stem(item.name) })
+        /* @__PURE__ */ jsx8("span", { title: item.name, children: stem(item.name) })
       ] }, item.id)) })
     ] }),
-    /* @__PURE__ */ jsxs6("div", { className: "w100n-new-fields", children: [
-      /* @__PURE__ */ jsxs6("label", { children: [
-        /* @__PURE__ */ jsx6("span", { className: "w100n-docs-caption", children: t.name }),
-        /* @__PURE__ */ jsx6("input", { className: "w100n-docs-field", autoFocus: true, value: name, onChange: (e) => setName(e.target.value), placeholder: team ? stem(team.name) : template === "blank" ? t.untitled : t.templates[template] })
+    /* @__PURE__ */ jsxs8("div", { className: "w100n-new-fields", children: [
+      /* @__PURE__ */ jsxs8("label", { children: [
+        /* @__PURE__ */ jsx8("span", { className: "w100n-docs-caption", children: t.name }),
+        /* @__PURE__ */ jsx8("input", { className: "w100n-docs-field", autoFocus: true, value: name, onChange: (e) => setName(e.target.value), placeholder: team ? stem(team.name) : template === "blank" ? t.untitled : t.templates[template] })
       ] }),
-      host.createIn && /* @__PURE__ */ jsxs6("div", { children: [
-        /* @__PURE__ */ jsx6("span", { className: "w100n-docs-caption", children: t.savesTo }),
-        /* @__PURE__ */ jsx6("span", { className: "w100n-docs-field w100n-new-place", children: host.createIn })
+      host.createIn && /* @__PURE__ */ jsxs8("div", { children: [
+        /* @__PURE__ */ jsx8("span", { className: "w100n-docs-caption", children: t.savesTo }),
+        /* @__PURE__ */ jsx8("span", { className: "w100n-docs-field w100n-new-place", children: host.createIn })
       ] })
     ] }),
-    state === "failed" && /* @__PURE__ */ jsx6("p", { className: "w100n-docs-muted", role: "alert", children: t.makeFailed }),
-    /* @__PURE__ */ jsxs6("div", { className: "w100n-pdf-dialog-end", children: [
-      /* @__PURE__ */ jsx6("button", { type: "button", className: "w100n-pdf-link", onClick: onClose, children: t.cancel }),
-      /* @__PURE__ */ jsxs6("button", { type: "submit", className: "w100n-docs-action", disabled: state === "busy", children: [
-        /* @__PURE__ */ jsx6(Check, { "aria-hidden": true }),
+    state === "failed" && /* @__PURE__ */ jsx8("p", { className: "w100n-docs-muted", role: "alert", children: t.makeFailed }),
+    /* @__PURE__ */ jsxs8("div", { className: "w100n-pdf-dialog-end", children: [
+      /* @__PURE__ */ jsx8("button", { type: "button", className: "w100n-pdf-link", onClick: onClose, children: t.cancel }),
+      /* @__PURE__ */ jsxs8("button", { type: "submit", className: "w100n-docs-action", disabled: state === "busy", children: [
+        /* @__PURE__ */ jsx8(Check, { "aria-hidden": true }),
         state === "busy" ? t.making : t.make
       ] })
     ] })
@@ -2784,9 +2966,9 @@ function NewDocument({ host, t, onClose, onMade }) {
 }
 
 // src/Sharing.tsx
-import { useState as useState7 } from "react";
-import { Ban, CalendarDays, Clock, Copy as Copy2, Download as Download2, Eye, Link, Lock, MessageSquarePlus, Plus as Plus3, Users } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useState as useState8 } from "react";
+import { Ban, CalendarDays, Clock, Copy as Copy2, Download as Download2, Eye, Link, Lock, MessageSquarePlus, Plus as Plus4, Users } from "lucide-react";
+import { Fragment as Fragment8, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var blank3 = { id: null, comment: false, download: false, askName: true, works: "30", day: "", password: false, secret: "", had: false };
 var local = (iso) => {
   const at = new Date(iso);
@@ -2794,9 +2976,9 @@ var local = (iso) => {
 };
 function Sharing({ host, doc, t, language, team }) {
   const links = useLoad((signal) => host.links(doc.id, { signal }), [host, doc.id]);
-  const [form, setForm] = useState7(null);
-  const [state, setState] = useState7("idle");
-  const [copied, setCopied] = useState7(null);
+  const [form, setForm] = useState8(null);
+  const [state, setState] = useState8("idle");
+  const [copied, setCopied] = useState8(null);
   const text = doc.kind === "docx" || doc.kind === "markdown";
   const rules = new Intl.PluralRules(language);
   const count = (n, forms) => `${n} ${forms[rules.select(n)] ?? forms.other}`;
@@ -2858,31 +3040,31 @@ function Sharing({ host, doc, t, language, team }) {
       setCopied(null);
     }
   };
-  if (form) return /* @__PURE__ */ jsxs7("div", { className: "w100n-share", children: [
-    /* @__PURE__ */ jsxs7("p", { className: "w100n-docs-caption", children: [
-      /* @__PURE__ */ jsx7(Link, { "aria-hidden": true }),
+  if (form) return /* @__PURE__ */ jsxs9("div", { className: "w100n-share", children: [
+    /* @__PURE__ */ jsxs9("p", { className: "w100n-docs-caption", children: [
+      /* @__PURE__ */ jsx9(Link, { "aria-hidden": true }),
       form.id ? t.changeLink : t.newLink
     ] }),
-    text && /* @__PURE__ */ jsxs7("div", { className: "w100n-share-field", children: [
-      /* @__PURE__ */ jsx7("span", { children: t.guestsCan }),
-      /* @__PURE__ */ jsxs7("div", { className: "w100n-docs-chips", children: [
-        /* @__PURE__ */ jsxs7("button", { type: "button", "aria-pressed": !form.comment, onClick: () => setForm({ ...form, comment: false }), children: [
-          /* @__PURE__ */ jsx7(Eye, { "aria-hidden": true }),
+    text && /* @__PURE__ */ jsxs9("div", { className: "w100n-share-field", children: [
+      /* @__PURE__ */ jsx9("span", { children: t.guestsCan }),
+      /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-chips", children: [
+        /* @__PURE__ */ jsxs9("button", { type: "button", "aria-pressed": !form.comment, onClick: () => setForm({ ...form, comment: false }), children: [
+          /* @__PURE__ */ jsx9(Eye, { "aria-hidden": true }),
           t.canRead
         ] }),
-        /* @__PURE__ */ jsxs7("button", { type: "button", "aria-pressed": form.comment, onClick: () => setForm({ ...form, comment: true }), children: [
-          /* @__PURE__ */ jsx7(MessageSquarePlus, { "aria-hidden": true }),
+        /* @__PURE__ */ jsxs9("button", { type: "button", "aria-pressed": form.comment, onClick: () => setForm({ ...form, comment: true }), children: [
+          /* @__PURE__ */ jsx9(MessageSquarePlus, { "aria-hidden": true }),
           t.canComment
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs7("div", { className: "w100n-share-field", children: [
-      /* @__PURE__ */ jsx7("span", { children: t.linkWorks }),
-      /* @__PURE__ */ jsx7("div", { className: "w100n-docs-chips", children: [["7", t.days7], ["30", t.days30], ["off", t.untilTurnOff], ["day", t.pickDay]].map(([key, label]) => /* @__PURE__ */ jsxs7("button", { type: "button", "aria-pressed": form.works === key, onClick: () => setForm({ ...form, works: key }), children: [
-        key === "day" && /* @__PURE__ */ jsx7(CalendarDays, { "aria-hidden": true }),
+    /* @__PURE__ */ jsxs9("div", { className: "w100n-share-field", children: [
+      /* @__PURE__ */ jsx9("span", { children: t.linkWorks }),
+      /* @__PURE__ */ jsx9("div", { className: "w100n-docs-chips", children: [["7", t.days7], ["30", t.days30], ["off", t.untilTurnOff], ["day", t.pickDay]].map(([key, label]) => /* @__PURE__ */ jsxs9("button", { type: "button", "aria-pressed": form.works === key, onClick: () => setForm({ ...form, works: key }), children: [
+        key === "day" && /* @__PURE__ */ jsx9(CalendarDays, { "aria-hidden": true }),
         label
       ] }, key)) }),
-      form.works === "day" && /* @__PURE__ */ jsx7(
+      form.works === "day" && /* @__PURE__ */ jsx9(
         "input",
         {
           type: "date",
@@ -2894,14 +3076,14 @@ function Sharing({ host, doc, t, language, team }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs7("label", { className: "w100n-share-toggle", children: [
-      /* @__PURE__ */ jsx7("input", { type: "checkbox", checked: form.password, onChange: (e) => setForm({ ...form, password: e.target.checked }) }),
-      /* @__PURE__ */ jsxs7("span", { children: [
-        /* @__PURE__ */ jsx7("b", { children: t.passwordOn }),
-        /* @__PURE__ */ jsx7("small", { children: t.passwordHint })
+    /* @__PURE__ */ jsxs9("label", { className: "w100n-share-toggle", children: [
+      /* @__PURE__ */ jsx9("input", { type: "checkbox", checked: form.password, onChange: (e) => setForm({ ...form, password: e.target.checked }) }),
+      /* @__PURE__ */ jsxs9("span", { children: [
+        /* @__PURE__ */ jsx9("b", { children: t.passwordOn }),
+        /* @__PURE__ */ jsx9("small", { children: t.passwordHint })
       ] })
     ] }),
-    form.password && /* @__PURE__ */ jsx7(
+    form.password && /* @__PURE__ */ jsx9(
       "input",
       {
         type: "password",
@@ -2913,120 +3095,120 @@ function Sharing({ host, doc, t, language, team }) {
         onChange: (e) => setForm({ ...form, secret: e.target.value })
       }
     ),
-    /* @__PURE__ */ jsxs7("label", { className: "w100n-share-toggle", children: [
-      /* @__PURE__ */ jsx7("input", { type: "checkbox", checked: form.download, onChange: (e) => setForm({ ...form, download: e.target.checked }) }),
-      /* @__PURE__ */ jsxs7("span", { children: [
-        /* @__PURE__ */ jsx7("b", { children: t.downloadFile }),
-        /* @__PURE__ */ jsx7("small", { children: t.downloadHint })
+    /* @__PURE__ */ jsxs9("label", { className: "w100n-share-toggle", children: [
+      /* @__PURE__ */ jsx9("input", { type: "checkbox", checked: form.download, onChange: (e) => setForm({ ...form, download: e.target.checked }) }),
+      /* @__PURE__ */ jsxs9("span", { children: [
+        /* @__PURE__ */ jsx9("b", { children: t.downloadFile }),
+        /* @__PURE__ */ jsx9("small", { children: t.downloadHint })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs7("label", { className: "w100n-share-toggle", children: [
-      /* @__PURE__ */ jsx7("input", { type: "checkbox", checked: form.askName, onChange: (e) => setForm({ ...form, askName: e.target.checked }) }),
-      /* @__PURE__ */ jsxs7("span", { children: [
-        /* @__PURE__ */ jsx7("b", { children: t.askName }),
-        /* @__PURE__ */ jsx7("small", { children: t.askNameHint })
+    /* @__PURE__ */ jsxs9("label", { className: "w100n-share-toggle", children: [
+      /* @__PURE__ */ jsx9("input", { type: "checkbox", checked: form.askName, onChange: (e) => setForm({ ...form, askName: e.target.checked }) }),
+      /* @__PURE__ */ jsxs9("span", { children: [
+        /* @__PURE__ */ jsx9("b", { children: t.askName }),
+        /* @__PURE__ */ jsx9("small", { children: t.askNameHint })
       ] })
     ] }),
-    /* @__PURE__ */ jsx7("p", { className: "w100n-docs-muted", children: t.lastSaved }),
-    state === "failed" && /* @__PURE__ */ jsx7("p", { className: "w100n-docs-muted", role: "alert", children: t.shareFailed }),
-    /* @__PURE__ */ jsxs7("span", { className: "w100n-pdf-dialog-end", children: [
-      /* @__PURE__ */ jsx7("button", { type: "button", className: "w100n-pdf-link", onClick: () => {
+    /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", children: t.lastSaved }),
+    state === "failed" && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", role: "alert", children: t.shareFailed }),
+    /* @__PURE__ */ jsxs9("span", { className: "w100n-pdf-dialog-end", children: [
+      /* @__PURE__ */ jsx9("button", { type: "button", className: "w100n-pdf-link", onClick: () => {
         setForm(null);
         setState("idle");
       }, children: t.cancel }),
-      /* @__PURE__ */ jsxs7("button", { type: "button", className: "w100n-docs-action", disabled: !ready || state === "busy", onClick: () => void submit(), children: [
-        /* @__PURE__ */ jsx7(Link, { "aria-hidden": true }),
+      /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", disabled: !ready || state === "busy", onClick: () => void submit(), children: [
+        /* @__PURE__ */ jsx9(Link, { "aria-hidden": true }),
         form.id ? t.saveLink : t.makeLink
       ] })
     ] })
   ] });
   const on = links.data ?? [];
-  return /* @__PURE__ */ jsxs7("div", { className: "w100n-share", children: [
-    /* @__PURE__ */ jsxs7("p", { className: "w100n-docs-caption", children: [
-      /* @__PURE__ */ jsx7(Link, { "aria-hidden": true }),
+  return /* @__PURE__ */ jsxs9("div", { className: "w100n-share", children: [
+    /* @__PURE__ */ jsxs9("p", { className: "w100n-docs-caption", children: [
+      /* @__PURE__ */ jsx9(Link, { "aria-hidden": true }),
       t.guestLinks,
-      on.length > 0 && /* @__PURE__ */ jsx7("span", { children: on.filter((l) => !l.ended).length })
+      on.length > 0 && /* @__PURE__ */ jsx9("span", { children: on.filter((l) => !l.ended).length })
     ] }),
-    links.error && /* @__PURE__ */ jsxs7("div", { className: "w100n-docs-note", children: [
+    links.error && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-note", children: [
       t.failed,
-      /* @__PURE__ */ jsx7("button", { type: "button", onClick: links.retry, children: t.retry })
+      /* @__PURE__ */ jsx9("button", { type: "button", onClick: links.retry, children: t.retry })
     ] }),
-    links.data && !on.length && /* @__PURE__ */ jsx7("p", { className: "w100n-docs-muted", children: t.noLinks }),
-    state === "failed" && /* @__PURE__ */ jsx7("p", { className: "w100n-docs-muted", role: "alert", children: t.shareFailed }),
-    on.map((l) => /* @__PURE__ */ jsxs7("article", { className: "w100n-share-link", "data-ended": l.ended, children: [
-      /* @__PURE__ */ jsxs7("header", { children: [
-        /* @__PURE__ */ jsx7("span", { className: "w100n-share-tile", "data-tone": l.comment ? "amber" : "blue", children: l.comment ? /* @__PURE__ */ jsx7(MessageSquarePlus, { "aria-hidden": true }) : /* @__PURE__ */ jsx7(Eye, { "aria-hidden": true }) }),
-        /* @__PURE__ */ jsxs7("span", { children: [
-          /* @__PURE__ */ jsx7("b", { children: l.comment ? t.commentLink : t.viewLink }),
-          /* @__PURE__ */ jsxs7("small", { children: [
+    links.data && !on.length && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", children: t.noLinks }),
+    state === "failed" && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", role: "alert", children: t.shareFailed }),
+    on.map((l) => /* @__PURE__ */ jsxs9("article", { className: "w100n-share-link", "data-ended": l.ended, children: [
+      /* @__PURE__ */ jsxs9("header", { children: [
+        /* @__PURE__ */ jsx9("span", { className: "w100n-share-tile", "data-tone": l.comment ? "amber" : "blue", children: l.comment ? /* @__PURE__ */ jsx9(MessageSquarePlus, { "aria-hidden": true }) : /* @__PURE__ */ jsx9(Eye, { "aria-hidden": true }) }),
+        /* @__PURE__ */ jsxs9("span", { children: [
+          /* @__PURE__ */ jsx9("b", { children: l.comment ? t.commentLink : t.viewLink }),
+          /* @__PURE__ */ jsxs9("small", { children: [
             t.madeBy.replace("{name}", l.createdBy.name),
             " \xB7 ",
             day(l.createdAt)
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs7("div", { className: "w100n-share-chips", children: [
-        /* @__PURE__ */ jsxs7("span", { children: [
-          /* @__PURE__ */ jsx7(Clock, { "aria-hidden": true }),
+      /* @__PURE__ */ jsxs9("div", { className: "w100n-share-chips", children: [
+        /* @__PURE__ */ jsxs9("span", { children: [
+          /* @__PURE__ */ jsx9(Clock, { "aria-hidden": true }),
           l.ended ? t.linkEnded : l.endsAt ? t.endsOn.replace("{date}", day(l.endsAt)) : t.untilOff
         ] }),
-        l.download && /* @__PURE__ */ jsxs7("span", { children: [
-          /* @__PURE__ */ jsx7(Download2, { "aria-hidden": true }),
+        l.download && /* @__PURE__ */ jsxs9("span", { children: [
+          /* @__PURE__ */ jsx9(Download2, { "aria-hidden": true }),
           t.downloadOn
         ] }),
-        l.password && /* @__PURE__ */ jsxs7("span", { children: [
-          /* @__PURE__ */ jsx7(Lock, { "aria-hidden": true }),
+        l.password && /* @__PURE__ */ jsxs9("span", { children: [
+          /* @__PURE__ */ jsx9(Lock, { "aria-hidden": true }),
           t.passwordOn
         ] }),
-        /* @__PURE__ */ jsxs7("span", { children: [
-          /* @__PURE__ */ jsx7(Eye, { "aria-hidden": true }),
+        /* @__PURE__ */ jsxs9("span", { children: [
+          /* @__PURE__ */ jsx9(Eye, { "aria-hidden": true }),
           count(l.guests.reduce((n, g) => n + g.opens, 0), t.openForms)
         ] })
       ] }),
-      /* @__PURE__ */ jsxs7("div", { className: "w100n-share-url", children: [
-        /* @__PURE__ */ jsx7("span", { children: l.url.replace(/^https?:\/\//, "") }),
-        /* @__PURE__ */ jsxs7("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", onClick: () => void copy(l), children: [
-          /* @__PURE__ */ jsx7(Copy2, { "aria-hidden": true }),
+      /* @__PURE__ */ jsxs9("div", { className: "w100n-share-url", children: [
+        /* @__PURE__ */ jsx9("span", { children: l.url.replace(/^https?:\/\//, "") }),
+        /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", onClick: () => void copy(l), children: [
+          /* @__PURE__ */ jsx9(Copy2, { "aria-hidden": true }),
           copied === l.id ? t.copied : t.copy
         ] })
       ] }),
-      l.guests.length > 0 && /* @__PURE__ */ jsx7("div", { className: "w100n-share-who", children: l.guests.map((g, i) => /* @__PURE__ */ jsxs7("div", { children: [
-        /* @__PURE__ */ jsx7("span", { className: "w100n-text-face", "aria-hidden": true, children: (g.name || "?").slice(0, 1).toUpperCase() }),
-        /* @__PURE__ */ jsx7("b", { children: g.name || t.unnamed }),
-        /* @__PURE__ */ jsxs7("small", { children: [
+      l.guests.length > 0 && /* @__PURE__ */ jsx9("div", { className: "w100n-share-who", children: l.guests.map((g, i) => /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx9("span", { className: "w100n-text-face", "aria-hidden": true, children: (g.name || "?").slice(0, 1).toUpperCase() }),
+        /* @__PURE__ */ jsx9("b", { children: g.name || t.unnamed }),
+        /* @__PURE__ */ jsxs9("small", { children: [
           g.comments ? count(g.comments, t.commentForms) : count(g.opens, t.openForms),
           " \xB7 ",
           ago(g.lastAt)
         ] })
       ] }, i)) }),
-      /* @__PURE__ */ jsxs7("div", { className: "w100n-share-tools", children: [
-        /* @__PURE__ */ jsxs7("button", { type: "button", className: "w100n-docs-action", "data-tone": "slate", disabled: state === "busy", onClick: () => edit(l), children: [
-          /* @__PURE__ */ jsx7(Clock, { "aria-hidden": true }),
+      /* @__PURE__ */ jsxs9("div", { className: "w100n-share-tools", children: [
+        /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", "data-tone": "slate", disabled: state === "busy", onClick: () => edit(l), children: [
+          /* @__PURE__ */ jsx9(Clock, { "aria-hidden": true }),
           t.changeLink
         ] }),
-        /* @__PURE__ */ jsxs7("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", disabled: state === "busy", onClick: () => void off(l), children: [
-          /* @__PURE__ */ jsx7(Ban, { "aria-hidden": true }),
+        /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", disabled: state === "busy", onClick: () => void off(l), children: [
+          /* @__PURE__ */ jsx9(Ban, { "aria-hidden": true }),
           t.turnOff
         ] })
       ] })
     ] }, l.id)),
-    /* @__PURE__ */ jsxs7("button", { type: "button", className: "w100n-docs-action w100n-share-new", onClick: () => {
+    /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action w100n-share-new", onClick: () => {
       setState("idle");
       setForm(blank3);
     }, children: [
-      /* @__PURE__ */ jsx7(Plus3, { "aria-hidden": true }),
+      /* @__PURE__ */ jsx9(Plus4, { "aria-hidden": true }),
       t.newLink
     ] }),
-    team && /* @__PURE__ */ jsxs7(Fragment6, { children: [
-      /* @__PURE__ */ jsxs7("p", { className: "w100n-docs-caption", children: [
-        /* @__PURE__ */ jsx7(Users, { "aria-hidden": true }),
+    team && /* @__PURE__ */ jsxs9(Fragment8, { children: [
+      /* @__PURE__ */ jsxs9("p", { className: "w100n-docs-caption", children: [
+        /* @__PURE__ */ jsx9(Users, { "aria-hidden": true }),
         t.inTeam
       ] }),
-      /* @__PURE__ */ jsxs7("div", { className: "w100n-share-team", children: [
-        /* @__PURE__ */ jsx7("span", { className: "w100n-share-tile", children: /* @__PURE__ */ jsx7(Users, { "aria-hidden": true }) }),
-        /* @__PURE__ */ jsxs7("span", { children: [
-          /* @__PURE__ */ jsx7("b", { children: t.peopleOf.replace("{space}", team) }),
-          /* @__PURE__ */ jsx7("small", { children: t.teamHint })
+      /* @__PURE__ */ jsxs9("div", { className: "w100n-share-team", children: [
+        /* @__PURE__ */ jsx9("span", { className: "w100n-share-tile", children: /* @__PURE__ */ jsx9(Users, { "aria-hidden": true }) }),
+        /* @__PURE__ */ jsxs9("span", { children: [
+          /* @__PURE__ */ jsx9("b", { children: t.peopleOf.replace("{space}", team) }),
+          /* @__PURE__ */ jsx9("small", { children: t.teamHint })
         ] })
       ] })
     ] })
@@ -3034,7 +3216,7 @@ function Sharing({ host, doc, t, language, team }) {
 }
 
 // src/Thumb.tsx
-import { useEffect as useEffect5, useRef as useRef5, useState as useState8 } from "react";
+import { useEffect as useEffect5, useRef as useRef5, useState as useState9 } from "react";
 
 // src/preview.ts
 var cache = /* @__PURE__ */ new Map();
@@ -3087,11 +3269,11 @@ function preview(host, doc) {
 }
 
 // src/Thumb.tsx
-import { Fragment as Fragment7, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 function Thumb({ host, item, label }) {
   const box = useRef5(null);
-  const [seen, setSeen] = useState8(false);
-  const [shot, setShot] = useState8(null);
+  const [seen, setSeen] = useState9(false);
+  const [shot, setShot] = useState9(null);
   useEffect5(() => {
     if (item.thumbnailUrl || item.excerpt || typeof IntersectionObserver === "undefined") return;
     const watch = new IntersectionObserver((entries) => {
@@ -3113,45 +3295,134 @@ 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__ */ jsxs8("span", { ref: box, className: "w100n-docs-thumb", "data-kind": item.kind, children: [
-    image ? /* @__PURE__ */ jsx8("img", { src: image, alt: "" }) : /* @__PURE__ */ jsx8("span", { className: "w100n-docs-paper", "aria-hidden": true, children: lines.length ? /* @__PURE__ */ jsxs8(Fragment7, { children: [
-      /* @__PURE__ */ jsx8("b", { children: lines[0] }),
+  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] }),
       lines.slice(1, 14).join(" ")
-    ] }) : /* @__PURE__ */ jsxs8(Fragment7, { children: [
-      /* @__PURE__ */ jsx8("i", {}),
-      /* @__PURE__ */ jsx8("i", {}),
-      /* @__PURE__ */ jsx8("i", {}),
-      /* @__PURE__ */ jsx8("i", {}),
-      /* @__PURE__ */ jsx8("i", {})
+    ] }) : /* @__PURE__ */ jsxs10(Fragment9, { children: [
+      /* @__PURE__ */ jsx10("i", {}),
+      /* @__PURE__ */ jsx10("i", {}),
+      /* @__PURE__ */ jsx10("i", {}),
+      /* @__PURE__ */ jsx10("i", {}),
+      /* @__PURE__ */ jsx10("i", {})
     ] }) }),
-    /* @__PURE__ */ jsx8("span", { className: "w100n-docs-kind", "data-kind": item.kind, children: label })
+    label && /* @__PURE__ */ jsx10("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 };
+function grow(items, names2, bySpace, other) {
+  const root = { key: "", name: "", folders: [], files: [], count: 0 };
+  for (const item of items) {
+    const path = [...bySpace ? [names2.get(item.spaceId) ?? other] : [], ...(item.folder ?? "").split("/").filter(Boolean)];
+    let at = root;
+    at.count++;
+    for (const part of path) {
+      const key = `${at.key}/${part}`;
+      let next = at.folders.find((f) => f.key === key);
+      if (!next) at.folders.push(next = { key, name: part, folders: [], files: [], count: 0 });
+      next.count++;
+      at = next;
+    }
+    at.files.push(item);
+  }
+  const sort = (b) => {
+    b.folders.sort((x, y) => x.name.localeCompare(y.name));
+    b.files.sort((x, y) => x.name.localeCompare(y.name));
+    b.folders.forEach(sort);
+  };
+  sort(root);
+  return root;
+}
+var remembered = () => {
+  try {
+    return new Set(JSON.parse(localStorage.getItem("w100n-docs-closed") ?? "[]"));
+  } catch {
+    return /* @__PURE__ */ new Set();
+  }
+};
+function Tree({ items, names: names2, bySpace, current, t, onOpen, onMenu, onWarm }) {
+  const [closed, setClosed] = useState10(remembered);
+  const flip = (key) => {
+    const next = new Set(closed);
+    if (!next.delete(key)) next.add(key);
+    setClosed(next);
+    localStorage.setItem("w100n-docs-closed", JSON.stringify([...next]));
+  };
+  const branch = (b, depth) => /* @__PURE__ */ jsxs11(Fragment10, { children: [
+    b.folders.map((f) => {
+      const open = !closed.has(f.key);
+      return /* @__PURE__ */ jsxs11("div", { role: "group", "aria-label": f.name, children: [
+        /* @__PURE__ */ jsxs11("button", { type: "button", className: "w100n-tree-row", "aria-expanded": open, style: { paddingLeft: 8 + depth * 16 }, onClick: () => flip(f.key), 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 }),
+          /* @__PURE__ */ jsx11("small", { children: f.count })
+        ] }),
+        open && branch(f, depth + 1)
+      ] }, f.key);
+    }),
+    b.files.map((item) => {
+      const Icon = icons3[item.kind];
+      return /* @__PURE__ */ jsxs11(
+        "button",
+        {
+          type: "button",
+          className: "w100n-tree-row",
+          "aria-current": item.id === current,
+          title: item.name,
+          style: { paddingLeft: 24 + depth * 16 },
+          onClick: () => onOpen(item),
+          onPointerEnter: () => onWarm(item),
+          onPointerLeave: () => onWarm(null),
+          onContextMenu: (e) => {
+            e.preventDefault();
+            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] })
+          ]
+        },
+        item.id
+      );
+    })
   ] });
+  return /* @__PURE__ */ jsx11("nav", { className: "w100n-tree", "aria-label": t.tree, children: branch(grow(items, names2, bySpace, t.elsewhere), 0) });
 }
 
 // src/DocumentsWorkspace.tsx
-import { Fragment as Fragment8, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
-var TextEditor2 = lazy2(() => import("./TextEditor-RNHXPYJX.js"));
-var SheetView2 = lazy2(() => import("./SheetView-KXFUAILH.js"));
-var Compare = lazy2(() => import("./Compare-M57FG4R3.js"));
-var icons3 = { docx: FileText3, markdown: FileType3, pdf: Files2, sheet: FileSpreadsheet3, slides: Presentation3 };
+import { Fragment as Fragment11, jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+var TextEditor2 = lazy2(() => import("./TextEditor-X2GSL4QM.js"));
+var SheetView2 = lazy2(() => import("./SheetView-SBLAFGTL.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] = useState9({ spaceId: null, documentId: null });
+  const [own, setOwn] = useState11({ spaceId: null, documentId: null });
   const here = place ?? own;
   const go = (next) => {
     setOwn(next);
     onPlace?.(next);
   };
-  const [query, setQuery] = useState9("");
-  const [picked, setPicked] = useState9([]);
-  const [typing, setTyping] = useState9(false);
-  const [menusAt, setMenusAt] = useState9(null);
-  const [renaming, setRenaming] = useState9(null);
-  const [renamed, setRenamed] = useState9("idle");
-  const [statusAt, setStatusAt] = useState9(null);
-  const [listOpen, setListOpen] = useState9(true);
-  const [panelOpen, setPanelOpen] = useState9(true);
-  const [narrow, setNarrow] = useState9(false);
+  const [query, setQuery] = useState11("");
+  const [picked, setPicked] = useState11([]);
+  const [typing, setTyping] = useState11(false);
+  const [menusAt, setMenusAt] = useState11(null);
+  const [renaming, setRenaming] = useState11(null);
+  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);
+  const [narrow, setNarrow] = useState11(false);
   const body = useRef6(null);
   const listButton = useRef6(null);
   const panelButton = useRef6(null);
@@ -3176,8 +3447,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     watch.observe(el);
     return () => watch.disconnect();
   }, [here.documentId]);
-  const [picking, setPicking] = useState9(false);
-  const [adding, setAdding] = useState9(false);
+  const [picking, setPicking] = useState11(false);
+  const [adding, setAdding] = useState11(false);
   useEffect6(() => {
     if (!adding) return;
     const close = (e) => {
@@ -3202,9 +3473,9 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     document.addEventListener("pointerdown", close);
     return () => document.removeEventListener("pointerdown", close);
   }, [picking]);
-  const [menu, setMenu] = useState9(null);
-  const [naming, setNaming] = useState9(null);
-  const [notice, setNotice] = useState9(null);
+  const [menu, setMenu] = useState11(null);
+  const [naming, setNaming] = useState11(null);
+  const [notice, setNotice] = useState11(null);
   const early = useRef6(/* @__PURE__ */ new Map());
   const hover = useRef6(0);
   useEffect6(() => {
@@ -3223,21 +3494,21 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       window.removeEventListener("scroll", close, true);
     };
   }, [menu]);
-  const [tab, setTab] = useState9("outline");
-  const [outline, setOutline] = useState9([]);
-  const [reading, setReading] = useState9(null);
-  const [hunt, setHunt] = useState9("");
-  const [fold, setFold] = useState9({});
-  const [version, setVersion] = useState9({ documentId: null, id: null });
+  const [tab, setTab] = useState11("outline");
+  const [outline, setOutline] = useState11([]);
+  const [reading, setReading] = useState11(null);
+  const [hunt, setHunt] = useState11("");
+  const [fold, setFold] = useState11({});
+  const [version, setVersion] = useState11({ documentId: null, id: null });
   const versionId = version.documentId === here.documentId ? version.id : null;
-  const [comparing, setComparing] = useState9(false);
-  const [restoring, setRestoring] = useState9("idle");
-  const [exporting, setExporting] = useState9("idle");
-  const [copying, setCopying] = useState9("idle");
-  const [kept, setKept] = useState9(null);
-  const [box, setBox] = useState9(null);
-  const [making, setMaking] = useState9(false);
-  const [sending, setSending] = useState9("idle");
+  const [comparing, setComparing] = useState11(false);
+  const [restoring, setRestoring] = useState11("idle");
+  const [exporting, setExporting] = useState11("idle");
+  const [copying, setCopying] = useState11("idle");
+  const [kept, setKept] = useState11(null);
+  const [box, setBox] = useState11(null);
+  const [making, setMaking] = useState11(false);
+  const [sending, setSending] = useState11("idle");
   const upload = useRef6(null);
   const spaces = useLoad((signal) => host.spaces({ signal }), [host]);
   const single = spaces.data?.length === 1 ? spaces.data[0].id : null;
@@ -3302,9 +3573,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__ */ jsxs9("div", { className: "w100n-docs-note", children: [
+  const failed = (retry) => /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-note", children: [
     t.failed,
-    /* @__PURE__ */ jsx9("button", { type: "button", onClick: retry, children: t.retry })
+    /* @__PURE__ */ jsx12("button", { type: "button", onClick: retry, children: t.retry })
   ] });
   const { ask, dialog } = useUnsaved(guard, t);
   const side = (which, open2) => {
@@ -3316,12 +3587,21 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     if (which === "list") (open2 ? listClose : listButton).current?.focus();
     else (open2 ? panel.current?.querySelector('[aria-selected="true"]') : panelButton.current)?.focus();
   };
+  const leave = (then) => {
+    const save = doc.data?.kind === "markdown" ? guard.current : null;
+    if (!save) return ask(then);
+    void save().then((ok) => {
+      if (!ok) return ask(then);
+      guard.current = null;
+      then();
+    });
+  };
   const open = (item) => {
     if (item.id === here.documentId) {
       if (narrow) setListOpen(false);
       return;
     }
-    ask(() => {
+    leave(() => {
       setOutline([]);
       setHunt("");
       setFold({});
@@ -3408,8 +3688,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     clearTimeout(hover.current);
     hover.current = window.setTimeout(() => {
       if (item.id === here.documentId) return;
-      if (item.kind === "docx" || item.kind === "markdown") void import("./TextEditor-RNHXPYJX.js");
-      if (item.kind === "sheet") void import("./SheetView-KXFUAILH.js");
+      if (item.kind === "docx" || item.kind === "markdown") void import("./TextEditor-X2GSL4QM.js");
+      if (item.kind === "sheet") void import("./SheetView-SBLAFGTL.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) };
@@ -3478,8 +3758,64 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       setSending("failed");
     }
   };
-  let stage = /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-empty", children: [
-    /* @__PURE__ */ jsx9(FileText3, { "aria-hidden": true }),
+  const notes = doc.data?.kind === "markdown" ? all.filter((item) => item.kind === "markdown" && item.spaceId === doc.data.spaceId) : [];
+  const note = async (name, show) => {
+    try {
+      const made = await host.create({ name: `${name}.md`, bytes: new TextEncoder().encode("").buffer, mimeType: "text/markdown", near: here.documentId ?? void 0 });
+      list.retry();
+      if (show) opened(made);
+      return made.id;
+    } catch {
+      setNotice(t.actionFailed);
+      return null;
+    }
+  };
+  const wiki = doc.data?.kind === "markdown" ? {
+    notes: notes.map(({ id, name, folder: folder2 }) => ({ id, name, folder: folder2 })),
+    open: (id) => {
+      const item = all.find((x) => x.id === id);
+      if (item) open(item);
+    },
+    create: host.create ? (name) => note(name, false) : void 0
+  } : void 0;
+  const panelOn = (next) => {
+    setTab(next);
+    side("panel", true);
+  };
+  const current = doc.data && all.find((item) => item.id === doc.data.id);
+  const commands = [
+    ...host.create ? [{ id: "new", label: t.newNote, icon: FilePlus, keys: "\u2318N", run: () => void note(t.untitled, true) }] : [],
+    { id: "open", label: t.openNote, icon: Search3, keys: "\u2318O", run: () => setJump("open") },
+    { id: "search", label: t.searchAll, icon: Search3, run: () => {
+      side("list", true);
+      requestAnimationFrame(() => finder.current?.focus());
+    } },
+    ...doc.data ? [
+      { id: "outline", label: t.showOutline, icon: ListTree, run: () => panelOn("outline") },
+      ...doc.data.kind === "markdown" ? [{ id: "links", label: t.showLinks, icon: Link22, run: () => panelOn("links") }] : [],
+      { id: "versions", label: t.showVersions, icon: History, run: () => panelOn("versions") },
+      ...text && host.comments ? [{ id: "comments", label: t.showComments, icon: MessagesSquare, run: () => panelOn("comments") }] : [],
+      ...host.send && !doc.data.id.includes(":") ? [{ id: "send", label: t.sendChat, icon: Send, run: () => host.send(doc.data.id) }] : [],
+      ...host.rename && doc.data.rights.edit ? [{ id: "rename", label: t.rename, icon: Pencil, run: () => setRenaming(doc.data.name.replace(/\.[^.]+$/, "")) }] : [],
+      ...host.remove && current ? [{ id: "trash", label: t.trash, icon: Trash24, run: () => void drop2(current) }] : []
+    ] : []
+  ];
+  useEffect6(() => {
+    const press = (e) => {
+      if (!(e.metaKey || e.ctrlKey) || e.altKey || e.shiftKey) return;
+      const key = e.key.toLowerCase();
+      if (key === "o" || key === "p" && doc.data?.kind !== "docx" && doc.data?.kind !== "pdf" || key === "n" && host.create && doc.data?.kind === "markdown") {
+        e.preventDefault();
+        e.stopPropagation();
+        if (key === "n") void note(t.untitled, true);
+        else setJump(key === "o" ? "open" : "run");
+      }
+    };
+    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 }),
     t.pick
   ] });
   if (here.documentId) {
@@ -3487,9 +3823,9 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       doc.retry();
       content.retry();
     });
-    else if (!doc.data || !content.data) stage = /* @__PURE__ */ jsx9("div", { className: "w100n-docs-empty", children: t.loading });
-    else if (comparing && versionId && (doc.data.kind === "markdown" || doc.data.kind === "docx")) stage = /* @__PURE__ */ jsx9(Suspense2, { fallback: /* @__PURE__ */ jsx9("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx9(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__ */ jsx9(Suspense2, { fallback: /* @__PURE__ */ jsx9("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx9(
+    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(
       TextEditor2,
       {
         kind: doc.data.kind,
@@ -3510,6 +3846,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
         slot: tab === "comments" && panelOpen ? box : null,
         head: docbar ? { menus: menusAt, status: statusAt } : void 0,
         guard,
+        wiki: versionId ? void 0 : wiki,
         file: versionId ? void 0 : {
           formats: host.exportAs ? doc.data.exports ?? [] : [],
           download: (f) => void exportAs(doc.data, f),
@@ -3525,7 +3862,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       },
       doc.data.id
     ) });
-    else if (doc.data.kind === "pdf") stage = /* @__PURE__ */ jsx9(
+    else if (doc.data.kind === "pdf") stage = /* @__PURE__ */ jsx12(
       PdfView,
       {
         bytes: content.data,
@@ -3547,7 +3884,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       },
       `${doc.data.id}:${versionId ?? ""}`
     );
-    else if (doc.data.kind === "slides") stage = /* @__PURE__ */ jsx9(
+    else if (doc.data.kind === "slides") stage = /* @__PURE__ */ jsx12(
       SlidesView,
       {
         html: new TextDecoder().decode(content.data),
@@ -3557,8 +3894,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
         theme,
         onOutline: setOutline,
         guard,
-        onSaveRequest: host.save && !versionId ? async (bytes, note) => {
-          await host.save(doc.data.id, bytes, note);
+        onSaveRequest: host.save && !versionId ? async (bytes, note2) => {
+          await host.save(doc.data.id, bytes, note2);
           versions.retry();
           doc.retry();
           list.retry();
@@ -3566,7 +3903,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       },
       doc.data.id
     );
-    else if (doc.data.kind === "sheet") stage = /* @__PURE__ */ jsx9(Suspense2, { fallback: /* @__PURE__ */ jsx9("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx9(
+    else if (doc.data.kind === "sheet") stage = /* @__PURE__ */ jsx12(Suspense2, { fallback: /* @__PURE__ */ jsx12("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx12(
       SheetView2,
       {
         bytes: content.data,
@@ -3584,8 +3921,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
           doc.retry();
           list.retry();
         },
-        onSaveRequest: versionId || !host.save ? void 0 : async (bytes, note) => {
-          await host.save(doc.data.id, bytes, note);
+        onSaveRequest: versionId || !host.save ? void 0 : async (bytes, note2) => {
+          await host.save(doc.data.id, bytes, note2);
           versions.retry();
           doc.retry();
           list.retry();
@@ -3593,9 +3930,9 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       },
       `${doc.data.id}:${versionId ?? ""}`
     ) });
-    else stage = /* @__PURE__ */ jsx9("div", { className: "w100n-docs-empty", children: t.unsupported });
+    else stage = /* @__PURE__ */ jsx12("div", { className: "w100n-docs-empty", children: t.unsupported });
   }
-  const Kind = doc.data ? icons3[doc.data.kind] : FileText3;
+  const Kind = doc.data ? icons4[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: [] });
@@ -3608,12 +3945,17 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
   const hit = (h) => words.every((w) => h.text.toLocaleLowerCase().includes(w));
   const reach = (h) => h.go ? h.go() : document.getElementById(h.id)?.scrollIntoView({ behavior: "smooth", block: "start" });
   const crumbs = doc.data ? [names2.get(doc.data.spaceId), doc.data.folder].filter(Boolean) : space ? [space.name] : [];
-  const panelTabs = [["outline", ListTree, t.outline], ["versions", History, t.versions], ["details", Info, t.details]];
+  const panelTabs = [
+    ["outline", ListTree, t.outline],
+    ...doc.data?.kind === "markdown" ? [["links", Link22, t.links]] : [],
+    ["versions", History, t.versions],
+    ["details", Info, t.details]
+  ];
   if (pdf && host.signatures) panelTabs.push(["signatures", Signature, t.signatures]);
   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__ */ jsx9(
+  const listToggle = /* @__PURE__ */ jsx12(
     "button",
     {
       ref: listButton,
@@ -3623,10 +3965,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__ */ jsx9(PanelLeftClose, { "aria-hidden": true }) : /* @__PURE__ */ jsx9(PanelLeftOpen, { "aria-hidden": true })
+      children: listOpen ? /* @__PURE__ */ jsx12(PanelLeftClose, { "aria-hidden": true }) : /* @__PURE__ */ jsx12(PanelLeftOpen, { "aria-hidden": true })
     }
   );
-  const panelToggle = doc.data && /* @__PURE__ */ jsx9(
+  const panelToggle = doc.data && /* @__PURE__ */ jsx12(
     "button",
     {
       ref: panelButton,
@@ -3636,16 +3978,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__ */ jsx9(PanelRightClose, { "aria-hidden": true }) : /* @__PURE__ */ jsx9(PanelRightOpen, { "aria-hidden": true })
+      children: panelOpen ? /* @__PURE__ */ jsx12(PanelRightClose, { "aria-hidden": true }) : /* @__PURE__ */ jsx12(PanelRightOpen, { "aria-hidden": true })
     }
   );
-  return /* @__PURE__ */ jsxs9("div", { className: "w100n-docs", "data-theme": theme, children: [
-    /* @__PURE__ */ jsxs9("header", { className: "w100n-docs-bar", children: [
-      start && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-start w100n-docs-slot", children: slot(start) }),
+  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) }),
       narrow && listToggle,
-      /* @__PURE__ */ jsx9("span", { className: "w100n-docs-tile", "data-kind": doc.data?.kind, children: /* @__PURE__ */ jsx9(Kind, { "aria-hidden": true }) }),
-      /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-heading", children: [
-        renaming !== null && doc.data ? /* @__PURE__ */ jsx9(
+      /* @__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(
           "input",
           {
             className: "w100n-docs-title w100n-docs-rename",
@@ -3663,7 +4005,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
               }
             }
           }
-        ) : /* @__PURE__ */ jsx9(
+        ) : /* @__PURE__ */ jsx12(
           "strong",
           {
             className: "w100n-docs-title",
@@ -3672,31 +4014,31 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
             children: doc.data?.name ?? t.documents
           }
         ),
-        docbar ? /* @__PURE__ */ jsx9("div", { ref: setMenusAt, className: "w100n-docs-menus" }) : crumbs.length > 0 ? /* @__PURE__ */ jsx9("span", { className: "w100n-docs-crumbs", children: crumbs.map((item, i) => /* @__PURE__ */ jsxs9("span", { children: [
-          i > 0 && /* @__PURE__ */ jsx9(ChevronRight2, { "aria-hidden": true }),
+        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 }),
           item
-        ] }, i)) }) : /* @__PURE__ */ jsx9("span", { className: "w100n-docs-hint", children: t.hint })
+        ] }, i)) }) : /* @__PURE__ */ jsx12("span", { className: "w100n-docs-hint", children: t.hint })
       ] }),
-      versionId && /* @__PURE__ */ jsx9("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__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", "aria-pressed": comparing, onClick: () => setComparing(!comparing), children: [
-        /* @__PURE__ */ jsx9(FileDiff, { "aria-hidden": true }),
+      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 }),
         comparing ? t.hideChanges : t.showChanges
       ] }),
-      versionId && here.documentId && host.restore && doc.data?.rights.edit && /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", disabled: restoring === "busy", onClick: () => void restore(here.documentId, versionId), children: [
-        /* @__PURE__ */ jsx9(RotateCcw2, { "aria-hidden": true }),
+      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 }),
         t.restore
       ] }),
-      restoring === "failed" && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-muted", children: t.restoreFailed }),
-      doc.data?.convert && host.copyAs && !versionId && /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", "data-tone": "green", disabled: copying === "busy", onClick: () => void copyAs(doc.data), children: [
-        /* @__PURE__ */ jsx9(FileSpreadsheet3, { "aria-hidden": true }),
+      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 }),
         t.copyAs
       ] }),
-      copying === "failed" && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-muted", children: t.copyFailed }),
-      kept?.id === here.documentId && kept.state === "done" && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-muted", role: "status", children: t.templateSaved }),
-      kept?.id === here.documentId && kept.state === "failed" && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-muted", role: "alert", children: t.templateFailed }),
-      renamed === "failed" && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-muted", children: t.renameFailed }),
-      docbar && /* @__PURE__ */ jsx9("span", { ref: setStatusAt, className: "w100n-docs-status" }),
-      host.send && doc.data && !versionId && !doc.data.id.includes(":") && /* @__PURE__ */ jsxs9(
+      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(
         "button",
         {
           type: "button",
@@ -3706,146 +4048,167 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
           title: t.sendChat,
           onClick: () => host.send(doc.data.id),
           children: [
-            /* @__PURE__ */ jsx9(Send, { "aria-hidden": true }),
-            /* @__PURE__ */ jsx9("span", { children: t.sendChat })
+            /* @__PURE__ */ jsx12(Send, { "aria-hidden": true }),
+            /* @__PURE__ */ jsx12("span", { children: t.sendChat })
           ]
         }
       ),
-      sharing && /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", "aria-label": t.share, title: t.share, onClick: () => {
+      sharing && /* @__PURE__ */ jsxs12("button", { type: "button", className: "w100n-docs-action", "aria-label": t.share, title: t.share, onClick: () => {
         setTab("sharing");
         side("panel", true);
       }, children: [
-        /* @__PURE__ */ jsx9(Share2, { "aria-hidden": true }),
-        /* @__PURE__ */ jsx9("span", { children: t.share })
+        /* @__PURE__ */ jsx12(Share2, { "aria-hidden": true }),
+        /* @__PURE__ */ jsx12("span", { children: t.share })
       ] }),
       doc.data && !versionId && actions?.(doc.data),
       narrow && panelToggle,
-      end && /* @__PURE__ */ jsx9("div", { className: "w100n-docs-end w100n-docs-slot", children: slot(end) })
+      end && /* @__PURE__ */ jsx12("div", { className: "w100n-docs-end w100n-docs-slot", children: slot(end) })
     ] }),
-    /* @__PURE__ */ jsxs9("div", { ref: body, className: "w100n-docs-body", children: [
-      listOpen && /* @__PURE__ */ jsxs9("aside", { className: "w100n-docs-side w100n-docs-list", "aria-label": t.documents, children: [
-        /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-head", children: [
-          /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-row", children: [
-            /* @__PURE__ */ jsxs9("p", { className: "w100n-docs-caption", children: [
-              /* @__PURE__ */ jsx9(Files2, { "aria-hidden": true }),
+    /* @__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 }),
               t.documents,
-              /* @__PURE__ */ jsx9("span", { children: all.length })
+              /* @__PURE__ */ jsx12("span", { children: all.length })
             ] }),
-            host.create && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-new", onKeyDown: (e) => {
+            host.create && /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-new", onKeyDown: (e) => {
               if (e.key === "Escape" && adding) {
                 e.stopPropagation();
                 setAdding(false);
               }
             }, children: [
-              /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", "aria-haspopup": "menu", "aria-expanded": adding, disabled: sending === "busy", onClick: () => setAdding(!adding), children: [
-                /* @__PURE__ */ jsx9(Plus4, { "aria-hidden": true }),
-                /* @__PURE__ */ jsx9("span", { children: sending === "busy" ? t.uploading : t.create }),
-                /* @__PURE__ */ jsx9(ChevronDown2, { "aria-hidden": true })
+              /* @__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 })
               ] }),
-              adding && /* @__PURE__ */ jsxs9("div", { role: "menu", className: "w100n-docs-menu", children: [
-                /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => {
+              adding && /* @__PURE__ */ jsxs12("div", { role: "menu", className: "w100n-docs-menu", children: [
+                /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => {
                   setAdding(false);
                   setMaking(true);
                 }, children: [
-                  /* @__PURE__ */ jsx9("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx9(FilePlus, { "aria-hidden": true }) }),
-                  /* @__PURE__ */ jsx9("b", { children: t.newTitle })
+                  /* @__PURE__ */ jsx12("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx12(FilePlus, { "aria-hidden": true }) }),
+                  /* @__PURE__ */ jsx12("b", { children: t.newTitle })
                 ] }),
-                /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => {
+                /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => {
                   setAdding(false);
                   upload.current.click();
                 }, children: [
-                  /* @__PURE__ */ jsx9("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx9(Upload, { "aria-hidden": true }) }),
-                  /* @__PURE__ */ jsx9("b", { children: t.uploadFile })
+                  /* @__PURE__ */ jsx12("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx12(Upload, { "aria-hidden": true }) }),
+                  /* @__PURE__ */ jsx12("b", { children: t.uploadFile })
                 ] })
               ] }),
-              /* @__PURE__ */ jsx9("input", { ref: upload, type: "file", hidden: true, "aria-label": t.uploadFile, accept: ".docx,.md,.markdown,.pdf,.xlsx,.csv,.html,.htm", onChange: (e) => {
+              /* @__PURE__ */ jsx12("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__ */ jsx9("button", { ref: listClose, type: "button", className: "w100n-docs-close", onClick: () => side("list", false), "aria-label": t.closeList, title: t.closeList, children: /* @__PURE__ */ jsx9(X6, { "aria-hidden": true }) })
+            /* @__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 }) })
           ] }),
-          (spaces.data?.length ?? 0) > 1 && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-picker", onKeyDown: (e) => {
+          (spaces.data?.length ?? 0) > 1 && /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-picker", onKeyDown: (e) => {
             if (e.key !== "Escape" || !picking) return;
             e.stopPropagation();
             setPicking(false);
             e.currentTarget.querySelector("button").focus();
           }, children: [
-            /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-field", "aria-haspopup": "listbox", "aria-expanded": picking, onClick: () => setPicking(!picking), children: [
-              space ? /* @__PURE__ */ jsx9("span", { className: "w100n-docs-dot", style: { background: space.color ?? void 0 } }) : /* @__PURE__ */ jsx9("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx9(LayoutGrid, { "aria-hidden": true }) }),
-              /* @__PURE__ */ jsx9("b", { children: space?.name ?? t.allProjects }),
-              !space && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-count", children: all.length }),
-              /* @__PURE__ */ jsx9(ChevronDown2, { "aria-hidden": true })
+            /* @__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 })
             ] }),
-            picking && /* @__PURE__ */ jsxs9("div", { role: "listbox", className: "w100n-docs-menu", children: [
-              /* @__PURE__ */ jsxs9("button", { type: "button", role: "option", "aria-selected": !spaceId, onClick: () => pick(null), children: [
-                /* @__PURE__ */ jsx9("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx9(LayoutGrid, { "aria-hidden": true }) }),
-                /* @__PURE__ */ jsx9("b", { children: t.allProjects }),
-                !spaceId && /* @__PURE__ */ jsx9(Check2, { "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 })
               ] }),
-              groups.map((group) => /* @__PURE__ */ jsxs9("div", { role: "group", "aria-label": group || void 0, children: [
-                group && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-menu-caption", children: group }),
-                (spaces.data ?? []).filter((item) => (item.group ?? "") === group).map((item) => /* @__PURE__ */ jsxs9("button", { type: "button", role: "option", "aria-selected": item.id === spaceId, onClick: () => pick(item.id), children: [
-                  /* @__PURE__ */ jsx9("span", { className: "w100n-docs-dot", style: { background: item.color ?? void 0 } }),
-                  /* @__PURE__ */ jsx9("b", { children: item.name }),
-                  !spaceId && counts.get(item.id) ? /* @__PURE__ */ jsx9("span", { className: "w100n-docs-count", children: counts.get(item.id) }) : null,
-                  item.id === spaceId && /* @__PURE__ */ jsx9(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 })
                 ] }, item.id))
               ] }, group))
             ] })
           ] }),
-          /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-filters", children: [
-            /* @__PURE__ */ jsxs9("label", { className: "w100n-docs-field w100n-docs-search", children: [
-              /* @__PURE__ */ jsx9(Search2, { "aria-hidden": true }),
-              /* @__PURE__ */ jsx9("input", { value: query, onChange: (event) => setQuery(event.target.value), placeholder: t.search, "aria-label": t.search })
+          /* @__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" })
             ] }),
-            present.length > 1 && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-types", onKeyDown: (e) => {
+            present.length > 1 && /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-types", onKeyDown: (e) => {
               if (e.key !== "Escape" || !typing) return;
               e.stopPropagation();
               setTyping(false);
               e.currentTarget.querySelector("button").focus();
             }, children: [
-              /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-field", "aria-haspopup": "listbox", "aria-expanded": typing, "data-on": picked.length > 0, onClick: () => setTyping(!typing), children: [
-                /* @__PURE__ */ jsx9(ListFilter, { "aria-hidden": true }),
-                /* @__PURE__ */ jsx9("b", { children: t.typeFilter }),
-                picked.length > 0 && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-badge", children: picked.length }),
-                /* @__PURE__ */ jsx9(ChevronDown2, { "aria-hidden": true })
+              /* @__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 })
               ] }),
-              typing && /* @__PURE__ */ jsxs9("div", { role: "listbox", "aria-multiselectable": true, "aria-label": t.kind, className: "w100n-docs-menu", children: [
+              typing && /* @__PURE__ */ jsxs12("div", { role: "listbox", "aria-multiselectable": true, "aria-label": t.kind, className: "w100n-docs-menu", children: [
                 present.map((item) => {
-                  const Icon = icons3[item];
+                  const Icon = icons4[item];
                   const on = picked.includes(item);
-                  return /* @__PURE__ */ jsxs9("button", { type: "button", role: "option", "aria-selected": on, onClick: () => setPicked(on ? picked.filter((k) => k !== item) : [...picked, item]), children: [
-                    /* @__PURE__ */ jsx9("span", { className: "w100n-docs-box", children: on && /* @__PURE__ */ jsx9(Check2, { "aria-hidden": true }) }),
-                    /* @__PURE__ */ jsx9("span", { className: "w100n-docs-tile", "data-kind": item, children: /* @__PURE__ */ jsx9(Icon, { "aria-hidden": true }) }),
-                    /* @__PURE__ */ jsx9("b", { children: t.kinds[item] }),
-                    /* @__PURE__ */ jsx9("span", { className: "w100n-docs-count", children: all.filter((doc2) => doc2.kind === item).length })
+                  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 })
                   ] }, item);
                 }),
-                /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-menu-foot", children: [
-                  /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => setPicked(present), children: t.selectAll }),
-                  /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => setPicked([]), children: t.clearPick })
+                /* @__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 })
                 ] })
               ] })
             ] })
           ] }),
-          picked.length > 0 && /* @__PURE__ */ jsx9("div", { className: "w100n-docs-chips", role: "group", "aria-label": t.kind, children: picked.map((item) => /* @__PURE__ */ jsxs9("button", { type: "button", "aria-pressed": true, "aria-label": `${t.clearPick}: ${t.kinds[item]}`, onClick: () => setPicked(picked.filter((k) => k !== item)), children: [
+          /* @__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: [
             t.kinds[item],
-            /* @__PURE__ */ jsx9(X6, { "aria-hidden": true })
+            /* @__PURE__ */ jsx12(X6, { "aria-hidden": true })
           ] }, item)) })
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-cards", children: [
-          sending === "failed" && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", role: "alert", children: t.uploadFailed }),
+        /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-cards", children: [
+          sending === "failed" && /* @__PURE__ */ jsx12("p", { className: "w100n-docs-muted", role: "alert", children: t.uploadFailed }),
           list.error && failed(list.retry),
-          list.loading && !list.data && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", children: t.loading }),
-          notice && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", role: "status", children: notice }),
-          list.data && !shown.length && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", children: all.length ? t.nothing : t.empty }),
-          folders.map((folder2) => /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-folder", role: "group", "aria-label": folder2 || t.loose, children: [
-            folders.length > 1 && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-group", children: folder2 || t.loose }),
-            /* @__PURE__ */ jsx9("div", { className: "w100n-docs-grid", children: shown.filter((item) => !spaceId || (item.folder ?? "") === folder2).map((item) => naming?.id === item.id ? /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-card", children: [
-              /* @__PURE__ */ jsx9(Thumb, { host, item, label: t.kinds[item.kind] }),
-              /* @__PURE__ */ jsx9("span", { className: "w100n-docs-card-text", children: /* @__PURE__ */ jsx9(
+          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(
+            Tree,
+            {
+              items: shown,
+              names: names2,
+              bySpace: !spaceId,
+              current: here.documentId,
+              t,
+              onOpen: open,
+              onMenu: (item, e) => setMenu({ item, x: Math.min(e.clientX, innerWidth - 290), y: Math.min(e.clientY, innerHeight - 440), sure: false }),
+              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",
@@ -3864,7 +4227,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
                   }
                 }
               ) })
-            ] }, item.id) : /* @__PURE__ */ jsxs9(
+            ] }, item.id) : /* @__PURE__ */ jsxs12(
               "button",
               {
                 type: "button",
@@ -3879,11 +4242,11 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
                   setMenu({ item, x: Math.min(e.clientX, innerWidth - 290), y: Math.min(e.clientY, innerHeight - 440), sure: false });
                 },
                 children: [
-                  /* @__PURE__ */ jsx9(Thumb, { host, item, label: t.kinds[item.kind] }),
-                  /* @__PURE__ */ jsxs9("span", { className: "w100n-docs-card-text", children: [
-                    /* @__PURE__ */ jsx9("b", { children: item.name }),
-                    /* @__PURE__ */ jsx9("small", { children: [!spaceId && names2.get(item.spaceId), ago(item.updatedAt)].filter(Boolean).join(" \xB7 ") }),
-                    inside.get(item.id) && /* @__PURE__ */ jsx9("small", { className: "w100n-docs-hit", children: inside.get(item.id).split(/[«»]/).map((part, i) => i % 2 ? /* @__PURE__ */ jsx9("mark", { children: part }, i) : part) })
+                  /* @__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) })
                   ] })
                 ]
               },
@@ -3893,31 +4256,31 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
         ] })
       ] }),
       !narrow && !listOpen && listToggle,
-      /* @__PURE__ */ jsxs9("main", { className: "w100n-docs-stage", children: [
+      /* @__PURE__ */ jsxs12("main", { className: "w100n-docs-stage", children: [
         !narrow && !panelOpen && panelToggle,
-        /* @__PURE__ */ jsx9("div", { className: "w100n-docs-bare", children: stage })
+        /* @__PURE__ */ jsx12("div", { className: "w100n-docs-bare", children: stage })
       ] }),
-      doc.data && panelOpen && /* @__PURE__ */ jsxs9("aside", { ref: panel, className: "w100n-docs-side w100n-docs-panel", "aria-label": t.details, children: [
-        /* @__PURE__ */ jsx9("div", { className: "w100n-docs-head", children: /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-row", children: [
-          /* @__PURE__ */ jsx9("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__ */ jsxs9("button", { type: "button", role: "tab", "aria-selected": tab === key, tabIndex: tab === key ? 0 : -1, "aria-label": label, title: label, onClick: () => setTab(key), children: [
-            /* @__PURE__ */ jsx9(Icon, { "aria-hidden": true }),
-            (panelTabs.length < 4 || tab === key && panelTabs.length < 5) && /* @__PURE__ */ jsx9("span", { children: label })
+      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 })
           ] }, key)) }),
-          /* @__PURE__ */ jsx9("button", { type: "button", className: "w100n-docs-close", onClick: () => side("panel", false), "aria-label": t.closePanel, title: t.closePanel, children: /* @__PURE__ */ jsx9(X6, { "aria-hidden": true }) })
+          /* @__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__ */ jsxs9("div", { className: "w100n-docs-panel-body", role: "tabpanel", "aria-label": panelTabs.find(([key]) => key === tab)?.[2], children: [
-          tab === "outline" && (outline.length ? /* @__PURE__ */ jsxs9("nav", { className: "w100n-docs-outline", "aria-label": t.outline, children: [
-            now && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-reading", children: [
-              /* @__PURE__ */ jsx9("span", { children: /* @__PURE__ */ jsx9("i", { style: { width: `${Math.round(now.progress * 100)}%` } }) }),
-              /* @__PURE__ */ jsxs9("small", { children: [
+        /* @__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: [
                 Math.round(now.progress * 100),
                 "% ",
                 t.read
               ] })
             ] }),
-            outline.length > 8 && /* @__PURE__ */ jsxs9("label", { className: "w100n-docs-field w100n-docs-search", children: [
-              /* @__PURE__ */ jsx9(Search2, { "aria-hidden": true }),
-              /* @__PURE__ */ jsx9("input", { value: hunt, onChange: (e) => setHunt(e.target.value), placeholder: t.findHeading, "aria-label": t.findHeading })
+            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 })
             ] }),
             chapters.map((c, i) => {
               const subs = words.length ? c.subs.filter(hit) : c.subs;
@@ -3925,13 +4288,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__ */ jsxs9("div", { className: "w100n-docs-chapter", "data-state": reached < 0 ? void 0 : i < reached ? "done" : i === reached ? "now" : void 0, children: [
-                /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-chapter-row", children: [
-                  /* @__PURE__ */ jsxs9("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__ */ jsx9("span", { className: "w100n-docs-chapter-num", children: named ? named[1] : /* @__PURE__ */ jsx9(Bookmark, { "aria-hidden": true }) }),
-                    /* @__PURE__ */ jsx9("b", { children: named ? named[2] : c.head.text })
+              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 })
                   ] }),
-                  c.subs.length > 0 && /* @__PURE__ */ jsxs9(
+                  c.subs.length > 0 && /* @__PURE__ */ jsxs12(
                     "button",
                     {
                       type: "button",
@@ -3941,13 +4304,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__ */ jsx9("small", { children: c.subs.length }),
-                        opened2 ? /* @__PURE__ */ jsx9(ChevronDown2, { "aria-hidden": true }) : /* @__PURE__ */ jsx9(ChevronRight2, { "aria-hidden": true })
+                        /* @__PURE__ */ jsx12("small", { children: c.subs.length }),
+                        opened2 ? /* @__PURE__ */ jsx12(ChevronDown3, { "aria-hidden": true }) : /* @__PURE__ */ jsx12(ChevronRight3, { "aria-hidden": true })
                       ]
                     }
                   )
                 ] }),
-                opened2 && subs.length > 0 && /* @__PURE__ */ jsx9("div", { className: "w100n-docs-sections", children: subs.map((s) => /* @__PURE__ */ jsxs9(
+                opened2 && subs.length > 0 && /* @__PURE__ */ jsx12("div", { className: "w100n-docs-sections", children: subs.map((s) => /* @__PURE__ */ jsxs12(
                   "button",
                   {
                     type: "button",
@@ -3956,7 +4319,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__ */ jsx9("i", { "aria-hidden": true }),
+                      /* @__PURE__ */ jsx12("i", { "aria-hidden": true }),
                       s.text
                     ]
                   },
@@ -3964,46 +4327,47 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
                 )) })
               ] }, c.head.id);
             })
-          ] }) : /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", children: t.noOutline })),
-          tab === "versions" && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-versions", children: [
+          ] }) : /* @__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: [
             versions.error && failed(versions.retry),
-            (versions.data ?? []).map((item) => /* @__PURE__ */ jsxs9(
+            (versions.data ?? []).map((item) => /* @__PURE__ */ jsxs12(
               "button",
               {
                 type: "button",
                 "aria-pressed": (versionId ?? "current") === item.id || !versionId && item.current,
                 onClick: () => view(item.current ? null : item.id),
                 children: [
-                  /* @__PURE__ */ jsxs9("b", { children: [
+                  /* @__PURE__ */ jsxs12("b", { children: [
                     date(item.createdAt),
-                    item.current && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-badge", children: t.current })
+                    item.current && /* @__PURE__ */ jsx12("span", { className: "w100n-docs-badge", children: t.current })
                   ] }),
-                  /* @__PURE__ */ jsx9("small", { children: [item.author?.name, size(item.size), item.note].filter(Boolean).join(" \xB7 ") })
+                  /* @__PURE__ */ jsx12("small", { children: [item.author?.name, size(item.size), item.note].filter(Boolean).join(" \xB7 ") })
                 ]
               },
               item.id
             ))
           ] }),
-          tab === "details" && /* @__PURE__ */ jsxs9("dl", { className: "w100n-docs-details", children: [
-            /* @__PURE__ */ jsx9("dt", { children: t.kind }),
-            /* @__PURE__ */ jsx9("dd", { children: t.kinds[doc.data.kind] }),
-            /* @__PURE__ */ jsx9("dt", { children: t.size }),
-            /* @__PURE__ */ jsx9("dd", { children: size(doc.data.size) }),
-            /* @__PURE__ */ jsx9("dt", { children: t.updated }),
-            /* @__PURE__ */ jsx9("dd", { children: date(doc.data.updatedAt) }),
-            doc.data.updatedBy && /* @__PURE__ */ jsxs9(Fragment8, { children: [
-              /* @__PURE__ */ jsx9("dt", { children: t.by }),
-              /* @__PURE__ */ jsx9("dd", { children: doc.data.updatedBy.name })
+          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 })
             ] }),
-            /* @__PURE__ */ jsx9("dt", { children: t.rights }),
-            /* @__PURE__ */ jsx9("dd", { children: [doc.data.rights.view && t.view, doc.data.rights.comment && t.comment, doc.data.rights.edit && t.edit].filter(Boolean).join(", ") })
+            /* @__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(", ") })
           ] }),
-          tab === "details" && host.exportAs && !!doc.data.exports?.length && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-about", children: [
-            /* @__PURE__ */ jsxs9("p", { className: "w100n-docs-caption", children: [
-              /* @__PURE__ */ jsx9(FileDown, { "aria-hidden": true }),
+          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 }),
               t.exportAs
             ] }),
-            /* @__PURE__ */ jsx9("div", { className: "w100n-docs-chips", children: doc.data.exports.map((format) => /* @__PURE__ */ jsxs9(
+            /* @__PURE__ */ jsx12("div", { className: "w100n-docs-chips", children: doc.data.exports.map((format) => /* @__PURE__ */ jsxs12(
               "button",
               {
                 type: "button",
@@ -4011,22 +4375,22 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
                 disabled: exporting === "busy",
                 onClick: () => void exportAs(doc.data, format),
                 children: [
-                  /* @__PURE__ */ jsx9(FileDown, { "aria-hidden": true }),
+                  /* @__PURE__ */ jsx12(FileDown, { "aria-hidden": true }),
                   format.toUpperCase()
                 ]
               },
               format
             )) }),
-            exporting === "failed" && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", children: t.exportFailed })
+            exporting === "failed" && /* @__PURE__ */ jsx12("p", { className: "w100n-docs-muted", children: t.exportFailed })
           ] }),
-          tab === "comments" && /* @__PURE__ */ jsx9("div", { ref: setBox }),
-          tab === "sharing" && sharing && /* @__PURE__ */ jsx9(Sharing, { host, doc: doc.data, t, language, team: names2.get(doc.data.spaceId) }),
-          tab === "signatures" && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-versions", children: [
+          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: [
             signatures.error && failed(signatures.retry),
-            signatures.data?.length === 0 && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", children: t.noSignatures }),
+            signatures.data?.length === 0 && /* @__PURE__ */ jsx12("p", { className: "w100n-docs-muted", children: t.noSignatures }),
             (signatures.data ?? []).map((entry) => {
               const signed = versions.data?.find((v) => v.id === entry.versionId);
-              return /* @__PURE__ */ jsxs9(
+              return /* @__PURE__ */ jsxs12(
                 "button",
                 {
                   type: "button",
@@ -4034,15 +4398,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__ */ jsxs9("b", { children: [
+                    /* @__PURE__ */ jsxs12("b", { children: [
                       entry.signer.name,
-                      /* @__PURE__ */ jsxs9("span", { className: "w100n-docs-badge", children: [
+                      /* @__PURE__ */ jsxs12("span", { className: "w100n-docs-badge", children: [
                         t.page,
                         " ",
                         entry.page
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsx9("small", { children: [date(entry.signedAt), t.methods[entry.method], signed && (signed.current ? t.current : `${t.version} ${date(signed.createdAt)}`)].filter(Boolean).join(" \xB7 ") })
+                    /* @__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 ") })
                   ]
                 },
                 entry.id
@@ -4053,85 +4417,98 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
         ] })
       ] })
     ] }),
-    making && /* @__PURE__ */ jsx9(NewDocument, { host, t, onClose: () => setMaking(false), onMade: (made) => {
+    jump && /* @__PURE__ */ jsx12(
+      Jump,
+      {
+        mode: jump,
+        items: all,
+        actions: commands,
+        t,
+        onClose: () => setJump(null),
+        onOpen: open,
+        onCreate: host.create ? (name) => void note(name, true) : void 0,
+        place: (item) => [!spaceId && names2.get(item.spaceId), item.folder].filter(Boolean).join(" / ")
+      }
+    ),
+    making && /* @__PURE__ */ jsx12(NewDocument, { host, t, onClose: () => setMaking(false), onMade: (made) => {
       setMaking(false);
       opened(made);
     } }),
-    menu && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.fileActions, style: { left: menu.x, top: menu.y }, children: [
-      /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-context-head", children: [
-        /* @__PURE__ */ jsx9("b", { children: menu.item.name }),
-        /* @__PURE__ */ jsx9("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__ */ jsx9("small", { children: [t.createdOn.replace("{when}", date(menu.item.createdAt)), menu.item.createdBy?.name].filter(Boolean).join(" \xB7 ") }),
-        /* @__PURE__ */ jsx9("small", { children: [t.updatedOn.replace("{when}", ago(menu.item.updatedAt)), menu.item.updatedBy?.name].filter(Boolean).join(" \xB7 ") })
+    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.sure ? /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-context-ask", children: [
-        /* @__PURE__ */ jsx9("p", { children: t.trashAsk.replace("{name}", menu.item.name) }),
-        /* @__PURE__ */ jsxs9("span", { className: "w100n-pdf-dialog-end", children: [
-          /* @__PURE__ */ jsx9("button", { type: "button", className: "w100n-pdf-link", onClick: () => setMenu({ ...menu, sure: false }), children: t.cancel }),
-          /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", onClick: () => void drop2(menu.item), children: [
-            /* @__PURE__ */ jsx9(Trash24, { "aria-hidden": true }),
+      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 }),
             t.trash
           ] })
         ] })
-      ] }) : /* @__PURE__ */ jsxs9(Fragment8, { children: [
-        /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => {
+      ] }) : /* @__PURE__ */ jsxs12(Fragment11, { children: [
+        /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => {
           setMenu(null);
           open(menu.item);
         }, children: [
-          /* @__PURE__ */ jsx9(FileText3, { "aria-hidden": true }),
+          /* @__PURE__ */ jsx12(FileText4, { "aria-hidden": true }),
           t.openFile
         ] }),
-        host.href && /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => {
+        host.href && /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => {
           setMenu(null);
           window.open(host.href(menu.item.id), "_blank", "noopener");
         }, children: [
-          /* @__PURE__ */ jsx9(ExternalLink2, { "aria-hidden": true }),
+          /* @__PURE__ */ jsx12(ExternalLink2, { "aria-hidden": true }),
           t.openTab
         ] }),
-        host.href && /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => void act(() => navigator.clipboard.writeText(host.href(menu.item.id)), t.linkCopied), children: [
-          /* @__PURE__ */ jsx9(Link2, { "aria-hidden": true }),
+        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 }),
           t.copyLink
         ] }),
-        host.send && /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => {
+        host.send && /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => {
           setMenu(null);
           host.send(menu.item.id);
         }, children: [
-          /* @__PURE__ */ jsx9(Send, { "aria-hidden": true }),
+          /* @__PURE__ */ jsx12(Send, { "aria-hidden": true }),
           t.sendChat
         ] }),
-        /* @__PURE__ */ jsx9("hr", {}),
-        host.rename && /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => {
+        /* @__PURE__ */ jsx12("hr", {}),
+        host.rename && /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => {
           setMenu(null);
           setNaming({ id: menu.item.id, text: menu.item.name.replace(/\.[^.]+$/, "") });
         }, children: [
-          /* @__PURE__ */ jsx9(Pencil, { "aria-hidden": true }),
+          /* @__PURE__ */ jsx12(Pencil, { "aria-hidden": true }),
           t.rename
         ] }),
-        host.create && /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => void act(async () => copy(await host.document(menu.item.id))), children: [
-          /* @__PURE__ */ jsx9(Copy3, { "aria-hidden": true }),
+        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 }),
           t.makeCopy
         ] }),
-        /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => void act(() => fetchFile(menu.item)), children: [
-          /* @__PURE__ */ jsx9(Download3, { "aria-hidden": true }),
+        /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => void act(() => fetchFile(menu.item)), children: [
+          /* @__PURE__ */ jsx12(Download3, { "aria-hidden": true }),
           t.download
         ] }),
-        host.saveTemplate && /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => void act(() => host.saveTemplate(menu.item.id), t.templateSaved), children: [
-          /* @__PURE__ */ jsx9(Bookmark, { "aria-hidden": true }),
+        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 }),
           t.saveTemplate
         ] }),
-        /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => {
+        /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => {
           setMenu(null);
           open(menu.item);
           setTab("details");
           side("panel", true);
         }, children: [
-          /* @__PURE__ */ jsx9(Info, { "aria-hidden": true }),
+          /* @__PURE__ */ jsx12(Info, { "aria-hidden": true }),
           t.details
         ] }),
-        host.remove && /* @__PURE__ */ jsxs9(Fragment8, { children: [
-          /* @__PURE__ */ jsx9("hr", {}),
-          /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", "data-tone": "red", onClick: () => setMenu({ ...menu, sure: true }), children: [
-            /* @__PURE__ */ jsx9(Trash24, { "aria-hidden": true }),
+        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 }),
             t.trash
           ] })
         ] })
@@ -4141,13 +4518,23 @@ 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";
+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: "" } }) });
+}
+
 // src/GuestDocument.tsx
-import { lazy as lazy3, Suspense as Suspense3, useRef as useRef7, useState as useState10 } from "react";
-import { Ban as Ban2, Download as Download4, Eye as Eye2, FileDown as FileDown2, FileSpreadsheet as FileSpreadsheet4, FileText as FileText4, FileType as FileType4, Files as Files3, Lock as Lock2, Presentation as Presentation4, UserRound } from "lucide-react";
-import { Fragment as Fragment9, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
-var TextEditor3 = lazy3(() => import("./TextEditor-RNHXPYJX.js"));
-var SheetView3 = lazy3(() => import("./SheetView-KXFUAILH.js"));
-var icons4 = { docx: FileText4, markdown: FileType4, pdf: Files3, sheet: FileSpreadsheet4, slides: Presentation4 };
+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-X2GSL4QM.js"));
+var SheetView3 = lazy3(() => import("./SheetView-SBLAFGTL.js"));
+var icons5 = { docx: FileText5, markdown: FileType7, pdf: Files4, sheet: FileSpreadsheet5, slides: Presentation5 };
 var GuestRefused = class extends Error {
   constructor(reason, file = "", sharedBy = "") {
     super(reason);
@@ -4156,7 +4543,7 @@ var GuestRefused = class extends Error {
     this.sharedBy = sharedBy;
   }
 };
-var remembered = () => {
+var remembered2 = () => {
   try {
     return localStorage.getItem("w100n-guest-name") ?? "";
   } catch {
@@ -4172,14 +4559,14 @@ var remember = (name) => {
 };
 function GuestDocument({ host, language = "en", theme = "light", brand }) {
   const t = texts[language];
-  const [ask, setAsk] = useState10(() => ({ name: remembered() || void 0 }));
-  const [typed, setTyped] = useState10("");
-  const [name, setName] = useState10(remembered);
+  const [ask, setAsk] = useState13(() => ({ name: remembered2() || void 0 }));
+  const [typed, setTyped] = useState13("");
+  const [name, setName] = useState13(remembered2);
   const named = useRef7(name);
-  const [slot, setSlot] = useState10(null);
-  const [saving, setSaving] = useState10("idle");
+  const [slot, setSlot] = useState13(null);
+  const [saving, setSaving] = useState13("idle");
   const opened = useLoad((signal) => host.open(ask, { signal }), [host, ask]);
-  const [notes] = useState10(() => ({
+  const [notes] = useState13(() => ({
     me: { id: "", name: "" },
     spaces: async () => [],
     documents: async () => [],
@@ -4205,18 +4592,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 ? icons4[kind2] : FileText4;
-    return /* @__PURE__ */ jsxs10("header", { className: "w100n-docs-bar w100n-guest-bar", children: [
-      brand && /* @__PURE__ */ jsx10("span", { className: "w100n-guest-brand", children: brand }),
-      file2 && /* @__PURE__ */ jsxs10(Fragment9, { children: [
-        /* @__PURE__ */ jsx10("span", { className: "w100n-docs-tile", "data-kind": kind2, children: /* @__PURE__ */ jsx10(Kind, { "aria-hidden": true }) }),
-        /* @__PURE__ */ jsxs10("div", { className: "w100n-docs-heading", children: [
-          /* @__PURE__ */ jsx10("strong", { className: "w100n-docs-title", children: file2.name }),
-          file2.sharedBy && /* @__PURE__ */ jsx10("span", { className: "w100n-docs-crumbs", children: t.sharedBy.replace("{name}", file2.sharedBy) })
+    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) })
         ] }),
-        badge && /* @__PURE__ */ jsx10("span", { className: "w100n-docs-badge", "data-kind": kind2, children: badge }),
-        file2.download && /* @__PURE__ */ jsxs10("div", { className: "w100n-docs-end", children: [
-          (kind2 === "docx" || kind2 === "markdown" || kind2 === "sheet" || kind2 === "slides") && /* @__PURE__ */ jsxs10(
+        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(
             "button",
             {
               type: "button",
@@ -4227,25 +4614,25 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
               "aria-label": t.pdfCopy,
               title: t.pdfCopy,
               children: [
-                /* @__PURE__ */ jsx10(FileDown2, { "aria-hidden": true }),
-                /* @__PURE__ */ jsx10("span", { children: t.pdfCopy })
+                /* @__PURE__ */ jsx14(FileDown2, { "aria-hidden": true }),
+                /* @__PURE__ */ jsx14("span", { children: t.pdfCopy })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs10("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__ */ jsx10(Download4, { "aria-hidden": true }),
-            /* @__PURE__ */ jsx10("span", { children: t.download })
+          /* @__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 })
           ] })
         ] })
       ] })
     ] });
   };
-  const gate = (tone, Icon, title, body, form) => /* @__PURE__ */ jsxs10("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+  const gate = (tone, Icon, title, body, form) => /* @__PURE__ */ jsxs13("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(null, null),
-    /* @__PURE__ */ jsx10("div", { className: "w100n-guest-gate", children: /* @__PURE__ */ jsxs10("div", { className: "w100n-guest-card", children: [
-      /* @__PURE__ */ jsx10("span", { className: "w100n-share-tile", "data-tone": tone, children: /* @__PURE__ */ jsx10(Icon, { "aria-hidden": true }) }),
-      /* @__PURE__ */ jsx10("h2", { children: title }),
-      /* @__PURE__ */ jsx10("p", { children: body }),
+    /* @__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 }),
       form
     ] }) })
   ] });
@@ -4261,7 +4648,7 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
         password ? Lock2 : UserRound,
         refused.file || t.documents,
         shared + (password ? t.passwordAsk : t.nameAsk),
-        /* @__PURE__ */ jsxs10("form", { className: "w100n-guest-form", onSubmit: (e) => {
+        /* @__PURE__ */ jsxs13("form", { className: "w100n-guest-form", onSubmit: (e) => {
           e.preventDefault();
           if (!typed.trim()) return;
           if (password) setAsk({ ...ask, password: typed });
@@ -4271,7 +4658,7 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
           }
           setTyped("");
         }, children: [
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx14(
             "input",
             {
               className: "w100n-share-input",
@@ -4284,21 +4671,21 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
               onChange: (e) => setTyped(e.target.value)
             }
           ),
-          refused.reason === "wrong" && /* @__PURE__ */ jsx10("p", { className: "w100n-docs-muted", role: "alert", children: t.wrongPassword }),
-          /* @__PURE__ */ jsxs10("button", { type: "submit", className: "w100n-docs-action", disabled: !typed.trim(), children: [
-            /* @__PURE__ */ jsx10(Eye2, { "aria-hidden": true }),
+          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 }),
             t.openDoc
           ] })
         ] })
       );
     }
     if (refused?.reason === "busy") return gate("slate", Ban2, t.failed, t.tooMany);
-    return gate("slate", Ban2, t.failed, "", /* @__PURE__ */ jsx10("button", { type: "button", className: "w100n-docs-action", onClick: opened.retry, children: t.retry }));
+    return gate("slate", Ban2, t.failed, "", /* @__PURE__ */ jsx14("button", { type: "button", className: "w100n-docs-action", onClick: opened.retry, children: t.retry }));
   }
   const file = opened.data;
-  if (!file) return /* @__PURE__ */ jsxs10("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+  if (!file) return /* @__PURE__ */ jsxs13("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(null, null),
-    /* @__PURE__ */ jsx10("div", { className: "w100n-docs-empty", children: t.loading })
+    /* @__PURE__ */ jsx14("div", { className: "w100n-docs-empty", children: t.loading })
   ] });
   const kind = kindOf(file.name, file.mimeType);
   const text = kind === "docx" || kind === "markdown";
@@ -4306,23 +4693,23 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
   const rights = { view: true, comment: talk, edit: false };
   const quiet2 = () => {
   };
-  let stage = /* @__PURE__ */ jsx10("div", { className: "w100n-docs-empty", children: t.unsupported });
-  if (text) stage = /* @__PURE__ */ jsx10(Suspense3, { fallback: /* @__PURE__ */ jsx10("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx10(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__ */ jsx10(PdfView, { bytes: file.bytes, t, language, worker: host.pdfWorker, rights, documentId: file.id, onOutline: quiet2 });
-  else if (kind === "slides") stage = /* @__PURE__ */ jsx10(SlidesView, { html: new TextDecoder().decode(file.bytes), name: file.name, rights, language, theme, onOutline: quiet2 });
-  else if (kind === "sheet") stage = /* @__PURE__ */ jsx10(Suspense3, { fallback: /* @__PURE__ */ jsx10("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx10(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__ */ jsxs10("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+  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: [
     top(file, talk ? t.badgeComment : t.badgeRead),
-    saving === "failed" && /* @__PURE__ */ jsx10("p", { className: "w100n-docs-muted w100n-guest-note", role: "alert", children: t.exportFailed }),
-    /* @__PURE__ */ jsxs10("div", { className: "w100n-docs-body w100n-guest-body", children: [
-      /* @__PURE__ */ jsx10("main", { className: "w100n-docs-stage", children: /* @__PURE__ */ jsx10("div", { className: "w100n-docs-bare", children: stage }) }),
-      talk && /* @__PURE__ */ jsx10("aside", { className: "w100n-docs-side w100n-docs-panel w100n-guest-panel", "aria-label": t.comments, children: /* @__PURE__ */ jsxs10("div", { className: "w100n-docs-panel-body", children: [
-        /* @__PURE__ */ jsxs10("label", { className: "w100n-share-field", children: [
-          /* @__PURE__ */ jsx10("span", { children: t.yourName }),
-          /* @__PURE__ */ jsx10("input", { className: "w100n-share-input", value: name, autoComplete: "name", placeholder: t.yourName, onChange: (e) => typeName(e.target.value) })
+    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) })
         ] }),
-        /* @__PURE__ */ jsx10("p", { className: "w100n-docs-muted", children: name.trim() ? t.nameHint : t.nameNeeded }),
-        /* @__PURE__ */ jsx10("div", { ref: setSlot })
+        /* @__PURE__ */ jsx14("p", { className: "w100n-docs-muted", children: name.trim() ? t.nameHint : t.nameNeeded }),
+        /* @__PURE__ */ jsx14("div", { ref: setSlot })
       ] }) })
     ] })
   ] });
@@ -4330,6 +4717,7 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
 export {
   DocumentOverlay,
   DocumentsWorkspace,
+  FilePreview,
   GuestDocument,
   GuestRefused,
   SlidesView,