@w100n/documents 0.18.1 → 0.19.1

package/dist/index.cjs

@@ -3905,21 +3905,21 @@ var init_write = __esm({
           head2 = `<w:tbl>${tblPr}<w:tblGrid>${`<w:gridCol w:w="${Math.floor(this.textWidth() / cols)}"/>`.repeat(cols)}</w:tblGrid>`;
         }
         const width = Math.floor(this.textWidth() / cols);
-        const sized = [];
+        const sized2 = [];
         for (const r of layout2) for (const sl of r) {
           const own2 = sl.cell && value("colwidth", sl.cell.attrs?.colwidth);
           if (own2 && own2.length === sl.span) own2.forEach((w, k) => {
             var _a;
-            return sized[_a = sl.col + k] ?? (sized[_a] = w);
+            return sized2[_a = sl.col + k] ?? (sized2[_a] = w);
           });
         }
-        const known = sized.length === cols && sized.every(Boolean);
+        const known = sized2.length === cols && sized2.every(Boolean);
         const had = [...head2.matchAll(/<w:gridCol\b[^>]*\bw:w="(\d+)"/g)].map((m) => Math.floor(+m[1] / 15));
-        if (known && had.join() !== sized.join()) {
-          const list = sized.map((w) => `<w:gridCol w:w="${Math.round(w * 15)}"/>`).join("");
+        if (known && had.join() !== sized2.join()) {
+          const list = sized2.map((w) => `<w:gridCol w:w="${Math.round(w * 15)}"/>`).join("");
           head2 = head2.replace(/(<w:tblGrid\b[^>]*>)[\s\S]*?(<\/w:tblGrid>)/, `$1${list}$2`);
         }
-        const own = (col, span2) => known ? sized.slice(col, col + span2) : null;
+        const own = (col, span2) => known ? sized2.slice(col, col + span2) : null;
         const borders = value("borders", o.node.attrs?.borders);
         if (borders !== value("borders", b?.node.attrs?.borders)) {
           const line = (side2) => `<w:${side2} w:val="${borders === "none" ? "none" : "single"}" w:sz="4" w:space="0" w:color="${borders === "none" ? "auto" : "94A3B8"}"/>`;
@@ -3986,15 +3986,15 @@ var init_write = __esm({
         const el = src && kid(src.el, "w:tcPr");
         const xml = el ? s.slice(el.start, el.end) : "";
         const tcW = el && kid(el, "w:tcW");
-        const sized = own ? Math.round(own.reduce((a, w) => a + w, 0) * 15) : null;
-        const resized = sized !== null && !(tcW && attr(s, tcW, "w:type") === "dxa" && Math.abs(+(attr(s, tcW, "w:w") ?? 0) - sized) < 15);
+        const sized2 = own ? Math.round(own.reduce((a, w) => a + w, 0) * 15) : null;
+        const resized = sized2 !== null && !(tcW && attr(s, tcW, "w:type") === "dxa" && Math.abs(+(attr(s, tcW, "w:w") ?? 0) - sized2) < 15);
         const was = src?.node ? value("background", src.node.attrs?.background) : null;
         const painted = fill3 !== void 0 && fill3 !== was;
         if (!clone && src && src.span === span2 && src.vm === vm && !resized && !painted) return xml;
         const set = { "w:gridSpan": span2 > 1 ? `<w:gridSpan w:val="${span2}"/>` : null, "w:vMerge": vm === "restart" ? '<w:vMerge w:val="restart"/>' : vm ? "<w:vMerge/>" : null, "w:hMerge": null };
         if (clone) Object.assign(set, { "w:cellIns": null, "w:cellDel": null, "w:cellMerge": null, "w:tcPrChange": null });
         if (painted) set["w:shd"] = fill3 ? `<w:shd w:val="clear" w:color="auto" w:fill="${fill3.slice(1).toUpperCase()}"/>` : null;
-        if (resized) set["w:tcW"] = `<w:tcW w:w="${sized}" w:type="dxa"/>`;
+        if (resized) set["w:tcW"] = `<w:tcW w:w="${sized2}" w:type="dxa"/>`;
         else if (!tcW && !src) set["w:tcW"] = `<w:tcW w:w="${width * span2}" w:type="dxa"/>`;
         else if (tcW && src && src.span !== span2 && attr(xml, tcW, "w:type") === "dxa") set["w:tcW"] = `<w:tcW w:w="${Math.round(+(attr(xml, tcW, "w:w") ?? 0) * span2 / src.span)}" w:type="dxa"/>`;
         return rebuild(xml, "w:tcPr", TC, set);
@@ -4067,17 +4067,17 @@ function DocxView({ bytes, onOutline, failed }) {
     let live = true;
     let width = 0;
     const root = box2.current;
-    const fit = () => {
+    const fit2 = () => {
       const wrapper = root.querySelector(".w100n-docx-wrapper");
       if (wrapper && width) wrapper.style.zoom = String(Math.min(1, root.clientWidth / width));
     };
-    const watch = new ResizeObserver(fit);
+    const watch = new ResizeObserver(fit2);
     root.replaceChildren();
     setError(false);
     import("docx-preview").then(({ renderAsync }) => renderAsync(bytes, root, void 0, { inWrapper: true, className: "w100n-docx", ignoreLastRenderedPageBreak: true, renderAltChunks: false })).then(() => {
       if (!live) return;
       width = Math.max(0, ...[...root.querySelectorAll("section.w100n-docx")].map((page) => page.offsetWidth));
-      fit();
+      fit2();
       watch.observe(root);
       onOutline(collect(root, '[class*="heading"]', (el) => Number(/heading(\d)/i.exec(el.className)?.[1] ?? 1)));
     }).catch(() => {
@@ -4993,7 +4993,7 @@ var init_wiki = __esm({
 var version;
 var init_package = __esm({
   "package.json"() {
-    version = "0.18.1";
+    version = "0.19.1";
   }
 });
 
@@ -7746,6 +7746,9 @@ var init_text2 = __esm({
       loading: "Opening the sheet",
       failed: "This sheet could not be opened",
       retry: "Try again",
+      fontSize: "Font size",
+      smaller: "Smaller text",
+      bigger: "Bigger text",
       undo: "Undo",
       redo: "Redo",
       bold: "Bold",
@@ -7819,6 +7822,9 @@ var init_text2 = __esm({
       loading: "Otwieranie arkusza",
       failed: "Nie uda\u0142o si\u0119 otworzy\u0107 tego arkusza",
       retry: "Spr\xF3buj ponownie",
+      fontSize: "Rozmiar czcionki",
+      smaller: "Mniejszy tekst",
+      bigger: "Wi\u0119kszy tekst",
       undo: "Cofnij",
       redo: "Pon\xF3w",
       bold: "Pogrubienie",
@@ -7892,6 +7898,9 @@ var init_text2 = __esm({
       loading: "\u0412\u0456\u0434\u043A\u0440\u0438\u0432\u0430\u0454\u043C\u043E \u0442\u0430\u0431\u043B\u0438\u0446\u044E",
       failed: "\u041D\u0435 \u0432\u0434\u0430\u043B\u043E\u0441\u044F \u0432\u0456\u0434\u043A\u0440\u0438\u0442\u0438 \u0446\u044E \u0442\u0430\u0431\u043B\u0438\u0446\u044E",
       retry: "\u0421\u043F\u0440\u043E\u0431\u0443\u0432\u0430\u0442\u0438 \u0449\u0435",
+      fontSize: "\u0420\u043E\u0437\u043C\u0456\u0440 \u0448\u0440\u0438\u0444\u0442\u0443",
+      smaller: "\u041C\u0435\u043D\u0448\u0438\u0439 \u0442\u0435\u043A\u0441\u0442",
+      bigger: "\u0411\u0456\u043B\u044C\u0448\u0438\u0439 \u0442\u0435\u043A\u0441\u0442",
       undo: "\u0412\u0456\u0434\u043C\u0456\u043D\u0438\u0442\u0438",
       redo: "\u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u0438",
       bold: "\u0416\u0438\u0440\u043D\u0438\u0439",
@@ -8355,6 +8364,56 @@ var init_Mentions = __esm({
   }
 });
 
+// src/Swatches.tsx
+function Swatches({ current, none, onPick, onNone }) {
+  const chosen = current?.toLowerCase() ?? null;
+  const swatch = (c) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "button",
+    {
+      type: "button",
+      className: "w100n-swatch",
+      "aria-label": c,
+      "aria-pressed": chosen === c,
+      "data-light": light(c) || void 0,
+      style: { background: c },
+      onClick: () => onPick(c),
+      children: chosen === c && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Check, { "aria-hidden": true })
+    },
+    c
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-swatches", role: "group", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "w100n-swatches-none", "aria-pressed": !chosen, onClick: onNone, children: none }),
+    neutrals.map(swatch),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-swatches-gap" }),
+    [0, 1, 2].flatMap((tone) => hues.map((h) => swatch(h[tone])))
+  ] });
+}
+var import_lucide_react5, import_jsx_runtime7, neutrals, hues, light;
+var init_Swatches = __esm({
+  "src/Swatches.tsx"() {
+    "use strict";
+    import_lucide_react5 = require("lucide-react");
+    import_jsx_runtime7 = require("react/jsx-runtime");
+    neutrals = ["#000000", "#475569", "#94a3b8", "#e2e8f0", "#ffffff"];
+    hues = [
+      ["#fecaca", "#dc2626", "#991b1b"],
+      ["#fed7aa", "#ea580c", "#9a3412"],
+      ["#fde68a", "#d97706", "#92400e"],
+      ["#fef08a", "#ca8a04", "#854d0e"],
+      ["#bbf7d0", "#16a34a", "#166534"],
+      ["#99f6e4", "#0d9488", "#115e59"],
+      ["#bae6fd", "#0284c7", "#075985"],
+      ["#bfdbfe", "#2563eb", "#1e40af"],
+      ["#ddd6fe", "#7c3aed", "#5b21b6"],
+      ["#fbcfe8", "#db2777", "#9d174d"]
+    ];
+    light = (hex2) => {
+      const n = parseInt(hex2.slice(1), 16);
+      return ((n >> 16) * 299 + (n >> 8 & 255) * 587 + (n & 255) * 114) / 1e3 > 150;
+    };
+  }
+});
+
 // src/editor/TextEditor.tsx
 var TextEditor_exports = {};
 __export(TextEditor_exports, {
@@ -8690,8 +8749,8 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
   (0, import_react11.useEffect)(() => {
     if (editor && !editor.isDestroyed) editor.view.dispatch(editor.state.tr.setMeta("wiki", true));
   }, [editor, roster]);
-  if (source.error) return docx2 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w100n-docs-scroll", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DocxView, { bytes, onOutline, failed: t.failed }) }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w100n-docs-empty", children: t.failed });
-  if (!source.data || !editor || !state || live && !live.ready && !live.late && !live.denied) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w100n-docs-empty", children: t.loading });
+  if (source.error) return docx2 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w100n-docs-scroll", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DocxView, { bytes, onOutline, failed: t.failed }) }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w100n-docs-empty", children: t.failed });
+  if (!source.data || !editor || !state || live && !live.ready && !live.late && !live.denied) return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w100n-docs-empty", children: t.loading });
   const save2 = async (auto = false) => {
     if (live) {
       if (!can.edit || !live.ready || !live.online || !live.pending || saving === "busy") return false;
@@ -8866,11 +8925,11 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
   };
   const tool = (icon, label, run3, pressed, disabled) => {
     const Icon = icon;
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "aria-label": label, title: label, "aria-pressed": pressed, disabled, onClick: () => {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "aria-label": label, title: label, "aria-pressed": pressed, disabled, onClick: () => {
       run3();
-    }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { "aria-hidden": true }) });
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { "aria-hidden": true }) });
   };
-  const gap = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-pdf-gap" });
+  const gap = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-pdf-gap" });
   const known = source.data.styles;
   const named3 = (test) => {
     const name = known.find(test)?.name;
@@ -8889,28 +8948,28 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
   ];
   const margins = [[t.marginsNormal, [96, 96, 96, 96]], [t.marginsNarrow, [48, 48, 48, 48]], [t.marginsWide, [96, 192, 96, 192]]];
   const when = (iso) => new Intl.DateTimeFormat(language, { day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" }).format(new Date(iso));
-  const person = (c) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("header", { children: [
-    c.author.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { className: "w100n-text-face", src: c.author.avatarUrl, alt: "" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-text-face", "aria-hidden": true, children: c.author.name.slice(0, 1).toUpperCase() }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-who", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("b", { children: [
+  const person = (c) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("header", { children: [
+    c.author.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("img", { className: "w100n-text-face", src: c.author.avatarUrl, alt: "" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-text-face", "aria-hidden": true, children: c.author.name.slice(0, 1).toUpperCase() }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-who", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("b", { children: [
         c.author.name,
-        c.author.id.startsWith("guest:") && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-docs-badge", children: t.guest })
+        c.author.id.startsWith("guest:") && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-docs-badge", children: t.guest })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("small", { children: when(c.createdAt) })
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("small", { children: when(c.createdAt) })
     ] }),
-    drops(c) && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-own", onClick: (e) => e.stopPropagation(), children: [
-      mine(c) && host.editComment && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "aria-label": t.editComment, title: t.editComment, onClick: () => {
+    drops(c) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-own", onClick: (e) => e.stopPropagation(), children: [
+      mine(c) && host.editComment && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "aria-label": t.editComment, title: t.editComment, onClick: () => {
         setDropping(null);
         setEditing({ id: c.id, body: c.body });
-      }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Pencil, { "aria-hidden": true }) }),
-      host.deleteComment && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "data-tone": "red", "aria-label": t.delete, title: t.delete, onClick: () => {
+      }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Pencil, { "aria-hidden": true }) }),
+      host.deleteComment && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "data-tone": "red", "aria-label": t.delete, title: t.delete, onClick: () => {
         setEditing(null);
         setDropping(c.id);
-      }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Trash2, { "aria-hidden": true }) })
+      }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Trash2, { "aria-hidden": true }) })
     ] })
   ] });
-  const words3 = (c) => editing?.id === c.id ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w100n-text-reply w100n-text-edit", onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  const words3 = (c) => editing?.id === c.id ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w100n-text-reply w100n-text-edit", onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "textarea",
       {
         autoFocus: true,
@@ -8922,33 +8981,33 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-pdf-dialog-end", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => setEditing(null), children: t.cancel }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: !editing.body.trim() || editing.body.trim() === c.body || posting === "busy", onClick: () => void change(c.id, editing.body.trim()), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Save, { "aria-hidden": true }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-pdf-dialog-end", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => setEditing(null), children: t.cancel }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: !editing.body.trim() || editing.body.trim() === c.body || posting === "busy", onClick: () => void change(c.id, editing.body.trim()), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Save, { "aria-hidden": true }),
         t.save
       ] })
     ] })
-  ] }) : dropping === c.id ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w100n-text-confirm", role: "group", "aria-label": t.delete, onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: c.replyTo || !all.some((r) => r.replyTo === c.id) ? t.deleteAsk : t.deleteThread }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-pdf-dialog-end", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "w100n-pdf-link", autoFocus: true, onClick: () => setDropping(null), children: t.cancel }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", disabled: posting === "busy", onClick: () => void change(c.id, null), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Trash2, { "aria-hidden": true }),
+  ] }) : dropping === c.id ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w100n-text-confirm", role: "group", "aria-label": t.delete, onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { children: c.replyTo || !all.some((r) => r.replyTo === c.id) ? t.deleteAsk : t.deleteThread }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-pdf-dialog-end", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "w100n-pdf-link", autoFocus: true, onClick: () => setDropping(null), children: t.cancel }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", disabled: posting === "busy", onClick: () => void change(c.id, null), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Trash2, { "aria-hidden": true }),
         t.delete
       ] })
     ] })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: c.body });
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { children: c.body });
   const pick = (next) => setPop(pop === next ? null : next);
-  const swatches = (list, current, set, none) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-pop w100n-text-swatches", role: "group", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "w100n-text-none", onClick: () => {
+  const swatches = (list, current, set, none) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-pop w100n-text-swatches", role: "group", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "w100n-text-none", onClick: () => {
       set(null);
       setPop(null);
     }, children: none }),
-    list.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "aria-label": c, "aria-pressed": current === c, onClick: () => {
+    list.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "aria-label": c, "aria-pressed": current === c, onClick: () => {
       set(c);
       setPop(null);
-    }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("i", { style: { background: c } }) }, i))
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("i", { style: { background: c } }) }, i))
   ] });
   const mod = /Mac|iPhone|iPad/.test(navigator.platform) ? "\u2318" : "Ctrl+";
   const item = (label, run3, more2 = {}) => ({ label, run: run3, ...more2 });
@@ -8957,7 +9016,7 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
     editor.chain().focus().insertContentAt(at2, { type: "toc", attrs: { entries: JSON.stringify(entries(editor.state.doc, !docx2, at2 - 1)) } }).run();
   };
   const suggest2 = () => editor.view.dispatch(editor.state.tr.setMeta(suggesting, { on: !state.suggest, me: host?.me.name ?? "" }));
-  const aligns = [[import_lucide_react5.AlignLeft, t.alignLeft, "left"], [import_lucide_react5.AlignCenter, t.alignCenter, "center"], [import_lucide_react5.AlignRight, t.alignRight, "right"], [import_lucide_react5.AlignJustify, t.justify, "justify"]];
+  const aligns = [[import_lucide_react6.AlignLeft, t.alignLeft, "left"], [import_lucide_react6.AlignCenter, t.alignCenter, "center"], [import_lucide_react6.AlignRight, t.alignRight, "right"], [import_lucide_react6.AlignJustify, t.justify, "justify"]];
   const lines2 = [[1, t.single], [1.15, "1.15"], [1.5, "1.5"], [2, t.double]];
   const menus = [
     ["file", t.menuFile, [
@@ -9074,17 +9133,17 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       item(t.deleteColumn, () => editor.chain().focus().deleteColumn().run())
     ] : []
   ];
-  const rows = (list) => list.filter((x) => x !== false).filter((x, i, all2) => x !== "-" || i > 0 && all2[i - 1] !== "-" && i < all2.length - 1).map((x, i) => x === "-" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("hr", {}, i) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", role: x.on === void 0 ? "menuitem" : "menuitemcheckbox", "aria-checked": x.on, disabled: x.off, onClick: () => {
+  const rows = (list) => list.filter((x) => x !== false).filter((x, i, all2) => x !== "-" || i > 0 && all2[i - 1] !== "-" && i < all2.length - 1).map((x, i) => x === "-" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("hr", {}, i) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", role: x.on === void 0 ? "menuitem" : "menuitemcheckbox", "aria-checked": x.on, disabled: x.off, onClick: () => {
     setPop(null);
     x.run();
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Check, { "aria-hidden": true }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: x.label }),
-    x.keys && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("kbd", { children: x.keys })
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Check, { "aria-hidden": true }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: x.label }),
+    x.keys && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("kbd", { children: x.keys })
   ] }, i));
-  const menu = ([key2, label, list]) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-anchor", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "w100n-text-menu-button", "data-pop": true, "aria-haspopup": "menu", "aria-expanded": pop === key2, onClick: () => pick(key2), children: label }),
-    pop === key2 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-text-pop w100n-text-menu", role: "menu", "aria-label": label, children: rows(list) })
+  const menu = ([key2, label, list]) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-anchor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "w100n-text-menu-button", "data-pop": true, "aria-haspopup": "menu", "aria-expanded": pop === key2, onClick: () => pick(key2), children: label }),
+    pop === key2 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-text-pop w100n-text-menu", role: "menu", "aria-label": label, children: rows(list) })
   ] }, key2);
   const seek = (next) => {
     editor.view.dispatch(editor.state.tr.setMeta(searching, next));
@@ -9096,11 +9155,11 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
     }
   };
   const found = searching.getState(editor.state);
-  const finder = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-anchor", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "find", "aria-label": t.findReplace, title: t.findReplace, onClick: () => pick("find"), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Search, { "aria-hidden": true }) }),
-    pop === "find" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-pop w100n-text-find", role: "search", "aria-label": t.findReplace, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-docs-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  const finder = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-anchor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "find", "aria-label": t.findReplace, title: t.findReplace, onClick: () => pick("find"), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Search, { "aria-hidden": true }) }),
+    pop === "find" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-pop w100n-text-find", role: "search", "aria-label": t.findReplace, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-docs-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "input",
           {
             autoFocus: true,
@@ -9120,27 +9179,27 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-find-end", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("small", { "aria-live": "polite", children: query ? found?.hits.length ? `${(found.at ?? 0) + 1} / ${found.hits.length}` : t.noHits : "" }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "aria-label": t.previous, title: t.previous, disabled: !found?.hits.length, onClick: () => seek({ at: found.at - 1 }), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.ChevronUp, { "aria-hidden": true }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "aria-label": t.next, title: t.next, disabled: !found?.hits.length, onClick: () => seek({ at: found.at + 1 }), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.ChevronDown, { "aria-hidden": true }) })
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-find-end", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("small", { "aria-live": "polite", children: query ? found?.hits.length ? `${(found.at ?? 0) + 1} / ${found.hits.length}` : t.noHits : "" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "aria-label": t.previous, title: t.previous, disabled: !found?.hits.length, onClick: () => seek({ at: found.at - 1 }), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.ChevronUp, { "aria-hidden": true }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "aria-label": t.next, title: t.next, disabled: !found?.hits.length, onClick: () => seek({ at: found.at + 1 }), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.ChevronDown, { "aria-hidden": true }) })
         ] })
       ] }),
-      can.edit && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-docs-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { value: swap, placeholder: t.replaceWith, "aria-label": t.replaceWith, onChange: (e) => setSwap(e.target.value) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-find-end", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "w100n-pdf-link", disabled: !found?.hits.length, onClick: () => {
+      can.edit && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-docs-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { value: swap, placeholder: t.replaceWith, "aria-label": t.replaceWith, onChange: (e) => setSwap(e.target.value) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-find-end", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "w100n-pdf-link", disabled: !found?.hits.length, onClick: () => {
             replace(editor, swap, false);
             seek({});
           }, children: t.replaceOne }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "w100n-docs-action", disabled: !found?.hits.length, onClick: () => {
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "w100n-docs-action", disabled: !found?.hits.length, onClick: () => {
             replace(editor, swap, true);
             seek({});
           }, children: t.replaceAll })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "w100n-setup-check", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { type: "checkbox", checked: matchCase, onChange: (e) => {
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "w100n-setup-check", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "checkbox", checked: matchCase, onChange: (e) => {
           setMatchCase(e.target.checked);
           seek({ matchCase: e.target.checked, at: 0 });
         } }),
@@ -9165,47 +9224,47 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
     spacing(editor, { line: paint2.block.line, after: paint2.block.after });
     if (!paint2.keep) setPaint(null);
   };
-  const fontPicker = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-anchor", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "w100n-text-picker", "data-size": "mid", "data-pop": true, "aria-haspopup": "listbox", "aria-expanded": pop === "font", "aria-label": t.font, title: t.font, onClick: () => pick("font"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { fontFamily: state.font ?? void 0 }, children: state.font ?? t.defaultFont }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.ChevronDown, { "aria-hidden": true })
+  const fontPicker = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-anchor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "w100n-text-picker", "data-size": "mid", "data-pop": true, "aria-haspopup": "listbox", "aria-expanded": pop === "font", "aria-label": t.font, title: t.font, onClick: () => pick("font"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { fontFamily: state.font ?? void 0 }, children: state.font ?? t.defaultFont }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.ChevronDown, { "aria-hidden": true })
     ] }),
-    pop === "font" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-pop w100n-text-styles", role: "listbox", "aria-label": t.font, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", role: "option", "aria-selected": !state.font, onClick: () => {
+    pop === "font" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-pop w100n-text-styles", role: "listbox", "aria-label": t.font, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", role: "option", "aria-selected": !state.font, onClick: () => {
         editor.chain().focus().unsetFontFamily().run();
         setPop(null);
       }, children: t.defaultFont }),
-      faces.map((f) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", role: "option", "aria-selected": state.font === f, style: { fontFamily: f }, onClick: () => {
+      faces.map((f) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", role: "option", "aria-selected": state.font === f, style: { fontFamily: f }, onClick: () => {
         editor.chain().focus().setFontFamily(f).run();
         setPop(null);
       }, children: f }, f))
     ] })
   ] });
-  const sizePicker = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-anchor", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "w100n-text-picker", "data-size": "small", "data-pop": true, "aria-haspopup": "listbox", "aria-expanded": pop === "size", "aria-label": t.fontSize, title: t.fontSize, onClick: () => pick("size"), children: [
+  const sizePicker = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-anchor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "w100n-text-picker", "data-size": "small", "data-pop": true, "aria-haspopup": "listbox", "aria-expanded": pop === "size", "aria-label": t.fontSize, title: t.fontSize, onClick: () => pick("size"), children: [
       state.size ? parseFloat(state.size) : t.defaultFont,
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.ChevronDown, { "aria-hidden": true })
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.ChevronDown, { "aria-hidden": true })
     ] }),
-    pop === "size" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-pop w100n-text-styles", role: "listbox", "aria-label": t.fontSize, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", role: "option", "aria-selected": !state.size, onClick: () => {
+    pop === "size" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-pop w100n-text-styles", role: "listbox", "aria-label": t.fontSize, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", role: "option", "aria-selected": !state.size, onClick: () => {
         editor.chain().focus().unsetFontSize().run();
         setPop(null);
       }, children: t.defaultFont }),
-      sizes.map((n) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", role: "option", "aria-selected": state.size !== null && parseFloat(state.size) === n, onClick: () => {
+      sizes.map((n) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", role: "option", "aria-selected": state.size !== null && parseFloat(state.size) === n, onClick: () => {
         editor.chain().focus().setFontSize(`${n}pt`).run();
         setPop(null);
       }, children: n }, n))
     ] })
   ] });
-  const spacer = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-anchor", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "spacing", "aria-label": t.lineSpacing, title: t.lineSpacing, onClick: () => pick("spacing"), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.UnfoldVertical, { "aria-hidden": true }) }),
-    pop === "spacing" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-pop w100n-text-styles", role: "listbox", "aria-label": t.lineSpacing, children: [
-      lines2.map(([v, label]) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", role: "option", "aria-selected": state.line === v, onClick: () => {
+  const spacer = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-anchor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "spacing", "aria-label": t.lineSpacing, title: t.lineSpacing, onClick: () => pick("spacing"), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.UnfoldVertical, { "aria-hidden": true }) }),
+    pop === "spacing" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-pop w100n-text-styles", role: "listbox", "aria-label": t.lineSpacing, children: [
+      lines2.map(([v, label]) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", role: "option", "aria-selected": state.line === v, onClick: () => {
         spacing(editor, { line: v });
         setPop(null);
       }, children: label }, v)),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("hr", {}),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", role: "option", "aria-selected": false, onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("hr", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", role: "option", "aria-selected": false, onClick: () => {
         spacing(editor, { after: state.after === 0 ? 8 : 0 });
         setPop(null);
       }, children: state.after === 0 ? t.spaceAfter : t.noSpaceAfter })
@@ -9228,18 +9287,18 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
     setDraft2(null);
   };
   const zooms = [50, 75, 90, 100, 125, 150, 200];
-  const zoomer = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-anchor", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "w100n-text-picker", "data-size": "small", "data-pop": true, "aria-haspopup": "listbox", "aria-expanded": pop === "zoom", "aria-label": t.zoom, title: t.zoom, onClick: () => pick("zoom"), children: [
+  const zoomer = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-anchor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "w100n-text-picker", "data-size": "small", "data-pop": true, "aria-haspopup": "listbox", "aria-expanded": pop === "zoom", "aria-label": t.zoom, title: t.zoom, onClick: () => pick("zoom"), children: [
       percent,
       "%",
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.ChevronDown, { "aria-hidden": true })
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.ChevronDown, { "aria-hidden": true })
     ] }),
-    pop === "zoom" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-pop w100n-text-styles", role: "listbox", "aria-label": t.zoom, children: [
-      docx2 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", role: "option", "aria-selected": zoom === null, onClick: () => {
+    pop === "zoom" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-pop w100n-text-styles", role: "listbox", "aria-label": t.zoom, children: [
+      docx2 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", role: "option", "aria-selected": zoom === null, onClick: () => {
         setZoom(null);
         setPop(null);
       }, children: t.fitWidth }),
-      zooms.map((z) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", role: "option", "aria-selected": zoom === z, onClick: () => {
+      zooms.map((z) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", role: "option", "aria-selected": zoom === z, onClick: () => {
         setZoom(z);
         setPop(null);
       }, children: [
@@ -9248,10 +9307,10 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       ] }, z))
     ] })
   ] });
-  const Aligned = aligns.find(([, , value3]) => value3 === state.align)?.[0] ?? import_lucide_react5.AlignLeft;
-  const aligner = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-anchor", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "align", "aria-label": t.align, title: t.align, onClick: () => pick("align"), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Aligned, { "aria-hidden": true }) }),
-    pop === "align" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-text-pop", role: "group", "aria-label": t.align, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-text-tools", children: aligns.map(([icon, label, value3], i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react11.Fragment, { children: tool(icon, label, () => {
+  const Aligned = aligns.find(([, , value3]) => value3 === state.align)?.[0] ?? import_lucide_react6.AlignLeft;
+  const aligner = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-anchor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "align", "aria-label": t.align, title: t.align, onClick: () => pick("align"), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Aligned, { "aria-hidden": true }) }),
+    pop === "align" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-text-pop", role: "group", "aria-label": t.align, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-text-tools", children: aligns.map(([icon, label, value3], i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react11.Fragment, { children: tool(icon, label, () => {
       align2(editor, value3);
       setPop(null);
     }, state.align === value3) }, i)) }) })
@@ -9260,13 +9319,13 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
     localStorage.setItem("w100n-docs-more", more ? "" : "1");
     setMore(!more);
   };
-  const main = can.edit ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-anchor", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "w100n-text-picker", "data-size": "mid", "data-pop": true, "aria-haspopup": "listbox", "aria-expanded": pop === "style", "aria-label": t.paragraphStyle, title: t.paragraphStyle, onClick: () => pick("style"), children: [
+  const main = can.edit ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-anchor", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "w100n-text-picker", "data-size": "mid", "data-pop": true, "aria-haspopup": "listbox", "aria-expanded": pop === "style", "aria-label": t.paragraphStyle, title: t.paragraphStyle, onClick: () => pick("style"), children: [
         styles2.find(([key2]) => key2 === state.style)?.[1] ?? t.normal,
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.ChevronDown, { "aria-hidden": true })
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.ChevronDown, { "aria-hidden": true })
       ] }),
-      pop === "style" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-text-pop w100n-text-styles", role: "listbox", "aria-label": t.paragraphStyle, children: styles2.map(([key2, label, run3]) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      pop === "style" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-text-pop w100n-text-styles", role: "listbox", "aria-label": t.paragraphStyle, children: styles2.map(([key2, label, run3]) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         "button",
         {
           type: "button",
@@ -9283,52 +9342,58 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       )) })
     ] }),
     gap,
-    tool(import_lucide_react5.Bold, t.bold, () => editor.chain().focus().toggleBold().run(), state.bold),
-    tool(import_lucide_react5.Italic, t.italic, () => editor.chain().focus().toggleItalic().run(), state.italic),
-    docx2 ? tool(import_lucide_react5.Underline, t.underline, () => editor.chain().focus().toggleUnderline().run(), state.underline) : tool(import_lucide_react5.Strikethrough, t.strike, () => editor.chain().focus().toggleStrike().run(), state.strike),
-    !docx2 && tool(import_lucide_react5.Code, t.code, () => editor.chain().focus().toggleCode().run(), state.code),
-    docx2 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-anchor", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "color", "aria-label": t.textColour, title: t.textColour, onClick: () => pick("color"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Baseline, { "aria-hidden": true }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("i", { className: "w100n-text-bar", style: { background: state.color ?? "currentColor" } })
+    tool(import_lucide_react6.Bold, t.bold, () => editor.chain().focus().toggleBold().run(), state.bold),
+    tool(import_lucide_react6.Italic, t.italic, () => editor.chain().focus().toggleItalic().run(), state.italic),
+    docx2 ? tool(import_lucide_react6.Underline, t.underline, () => editor.chain().focus().toggleUnderline().run(), state.underline) : tool(import_lucide_react6.Strikethrough, t.strike, () => editor.chain().focus().toggleStrike().run(), state.strike),
+    !docx2 && tool(import_lucide_react6.Code, t.code, () => editor.chain().focus().toggleCode().run(), state.code),
+    docx2 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-anchor", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "color", "aria-label": t.textColour, title: t.textColour, onClick: () => pick("color"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Baseline, { "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("i", { className: "w100n-text-bar", style: { background: state.color ?? "currentColor" } })
       ] }),
-      pop === "color" && swatches(inks, state.color, (c) => c ? editor.chain().focus().setColor(c).run() : editor.chain().focus().unsetColor().run(), t.automatic)
+      pop === "color" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-text-pop", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Swatches, { current: state.color, none: t.automatic, onPick: (c) => {
+        editor.chain().focus().setColor(c).run();
+        setPop(null);
+      }, onNone: () => {
+        editor.chain().focus().unsetColor().run();
+        setPop(null);
+      } }) })
     ] }),
     gap,
     aligner,
-    tool(import_lucide_react5.List, t.bullets, () => editor.chain().focus().toggleBulletList().run(), state.bullets),
-    tool(import_lucide_react5.ListOrdered, t.numbers, () => editor.chain().focus().toggleOrderedList().run(), state.numbers),
-    !docx2 && tool(import_lucide_react5.ListChecks, t.tasks, () => editor.chain().focus().toggleTaskList().run(), state.tasks),
+    tool(import_lucide_react6.List, t.bullets, () => editor.chain().focus().toggleBulletList().run(), state.bullets),
+    tool(import_lucide_react6.ListOrdered, t.numbers, () => editor.chain().focus().toggleOrderedList().run(), state.numbers),
+    !docx2 && tool(import_lucide_react6.ListChecks, t.tasks, () => editor.chain().focus().toggleTaskList().run(), state.tasks),
     gap,
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-anchor", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "link", "aria-pressed": state.link, "aria-label": t.link, title: t.link, onClick: () => pop === "link" ? setPop(null) : linkUp(), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Link, { "aria-hidden": true }) }),
-      pop === "link" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-pop w100n-text-form", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { autoFocus: true, value: href, placeholder: t.linkAddress, "aria-label": t.linkAddress, onChange: (e) => setHref(e.target.value), onKeyDown: (e) => {
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-anchor", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "link", "aria-pressed": state.link, "aria-label": t.link, title: t.link, onClick: () => pop === "link" ? setPop(null) : linkUp(), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Link, { "aria-hidden": true }) }),
+      pop === "link" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-pop w100n-text-form", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { autoFocus: true, value: href, placeholder: t.linkAddress, "aria-label": t.linkAddress, onChange: (e) => setHref(e.target.value), onKeyDown: (e) => {
           if (e.key === "Enter") putLink();
         } }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-docs-row", children: [
-          state.link && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "w100n-pdf-link", onClick: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-docs-row", children: [
+          state.link && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "w100n-pdf-link", onClick: () => {
             editor.chain().focus().extendMarkRange("link").unsetLink().run();
             setPop(null);
           }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Link2Off, { "aria-hidden": true }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Link2Off, { "aria-hidden": true }),
             t.unlink
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: !href.trim(), onClick: putLink, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Link, { "aria-hidden": true }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: !href.trim(), onClick: putLink, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Link, { "aria-hidden": true }),
             t.apply
           ] })
         ] })
       ] })
     ] }),
-    can.comment && tool(import_lucide_react5.MessageSquarePlus, t.addComment, begin, void 0, state.empty),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-anchor", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "image", "aria-label": t.image, title: t.image, onClick: () => {
+    can.comment && tool(import_lucide_react6.MessageSquarePlus, t.addComment, begin, void 0, state.empty),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-anchor", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "image", "aria-label": t.image, title: t.image, onClick: () => {
         setHref("");
         pick("image");
-      }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.ImagePlus, { "aria-hidden": true }) }),
-      pop === "image" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-pop w100n-text-form", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.ImagePlus, { "aria-hidden": true }) }),
+      pop === "image" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-pop w100n-text-form", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "input",
           {
             autoFocus: true,
@@ -9344,10 +9409,10 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-docs-row", children: [
-          docx2 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "w100n-pdf-link", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-docs-row", children: [
+          docx2 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "w100n-pdf-link", children: [
             t.chooseFile,
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { type: "file", accept: "image/png,image/jpeg,image/gif", hidden: true, onChange: (e) => {
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "file", accept: "image/png,image/jpeg,image/gif", hidden: true, onChange: (e) => {
               const file2 = e.target.files?.[0];
               if (!file2) return;
               const reader = new FileReader();
@@ -9358,23 +9423,23 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
               reader.readAsDataURL(file2);
             } })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: !href.trim(), onClick: () => {
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: !href.trim(), onClick: () => {
             editor.chain().focus().setImage({ src: href.trim() }).run();
             setPop(null);
           }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.ImagePlus, { "aria-hidden": true }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.ImagePlus, { "aria-hidden": true }),
             t.put
           ] })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-anchor", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "table", "aria-label": t.table, title: t.table, onClick: () => pick("table"), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Table, { "aria-hidden": true }) }),
-      pop === "table" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-pop w100n-text-grid", role: "group", "aria-label": t.table, onPointerLeave: () => setGrid({ rows: 0, cols: 0 }), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: Array.from({ length: 48 }, (_, i) => {
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-anchor", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "table", "aria-label": t.table, title: t.table, onClick: () => pick("table"), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Table, { "aria-hidden": true }) }),
+      pop === "table" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-pop w100n-text-grid", role: "group", "aria-label": t.table, onPointerLeave: () => setGrid({ rows: 0, cols: 0 }), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: Array.from({ length: 48 }, (_, i) => {
           const rows2 = Math.floor(i / 8) + 1;
           const cols = i % 8 + 1;
-          return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             "button",
             {
               type: "button",
@@ -9389,89 +9454,95 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
             i
           );
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("small", { children: grid3.rows ? `${grid3.rows} \xD7 ${grid3.cols}` : t.table })
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("small", { children: grid3.rows ? `${grid3.rows} \xD7 ${grid3.cols}` : t.table })
       ] })
     ] }),
     gap,
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "aria-expanded": more, "aria-label": more ? t.fewerTools : t.moreTools, title: more ? t.fewerTools : t.moreTools, onClick: widen, children: more ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.ChevronDown, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.ChevronUp, { "aria-hidden": true }) })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "w100n-text-word", onClick: () => onPanel?.("outline"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.ListTree, { "aria-hidden": true }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "aria-expanded": more, "aria-label": more ? t.fewerTools : t.moreTools, title: more ? t.fewerTools : t.moreTools, onClick: widen, children: more ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.ChevronDown, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.ChevronUp, { "aria-hidden": true }) })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "w100n-text-word", onClick: () => onPanel?.("outline"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.ListTree, { "aria-hidden": true }),
       t.outline
     ] }),
-    can.comment && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-text-grow" }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: state.empty, onClick: begin, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.MessageSquarePlus, { "aria-hidden": true }),
+    can.comment && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-text-grow" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: state.empty, onClick: begin, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.MessageSquarePlus, { "aria-hidden": true }),
         t.addComment
       ] })
     ] }),
-    !!host?.comments && (can.comment || open.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "w100n-text-word", onClick: () => onPanel?.("comments"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.MessagesSquare, { "aria-hidden": true }),
+    !!host?.comments && (can.comment || open.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "w100n-text-word", onClick: () => onPanel?.("comments"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.MessagesSquare, { "aria-hidden": true }),
       t.comments,
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("b", { children: open.length })
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("b", { children: open.length })
     ] })
   ] });
-  const extra = can.edit && more && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    docx2 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+  const extra = can.edit && more && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+    docx2 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
       fontPicker,
       sizePicker,
       gap
     ] }),
-    docx2 && tool(import_lucide_react5.Strikethrough, t.strike, () => editor.chain().focus().toggleStrike().run(), state.strike),
-    docx2 && tool(import_lucide_react5.Superscript, t.superscript, () => editor.chain().focus().toggleMark("superscript").run(), state.sup),
-    docx2 && tool(import_lucide_react5.Subscript, t.subscript, () => editor.chain().focus().toggleMark("subscript").run(), state.sub),
-    docx2 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-anchor", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "mark", "aria-pressed": state.glow, "aria-label": t.highlight, title: t.highlight, onClick: () => pick("mark"), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Highlighter, { "aria-hidden": true }) }),
+    docx2 && tool(import_lucide_react6.Strikethrough, t.strike, () => editor.chain().focus().toggleStrike().run(), state.strike),
+    docx2 && tool(import_lucide_react6.Superscript, t.superscript, () => editor.chain().focus().toggleMark("superscript").run(), state.sup),
+    docx2 && tool(import_lucide_react6.Subscript, t.subscript, () => editor.chain().focus().toggleMark("subscript").run(), state.sub),
+    docx2 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-anchor", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "mark", "aria-pressed": state.glow, "aria-label": t.highlight, title: t.highlight, onClick: () => pick("mark"), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Highlighter, { "aria-hidden": true }) }),
       pop === "mark" && swatches(glows, null, (c) => c ? editor.chain().focus().setHighlight({ color: c }).run() : editor.chain().focus().unsetHighlight().run(), t.noColour)
     ] }),
-    docx2 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    docx2 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
       gap,
       spacer
     ] }),
-    tool(import_lucide_react5.ListIndentDecrease, t.outdent, () => indent(editor, -1)),
-    tool(import_lucide_react5.ListIndentIncrease, t.indent, () => indent(editor, 1)),
-    docx2 && tool(import_lucide_react5.ListChecks, t.tasks, () => editor.chain().focus().toggleTaskList().run(), state.tasks),
+    tool(import_lucide_react6.ListIndentDecrease, t.outdent, () => indent(editor, -1)),
+    tool(import_lucide_react6.ListIndentIncrease, t.indent, () => indent(editor, 1)),
+    docx2 && tool(import_lucide_react6.ListChecks, t.tasks, () => editor.chain().focus().toggleTaskList().run(), state.tasks),
     gap,
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "aria-label": t.painter, title: paint2 ? t.painterHint : t.painter, "aria-pressed": !!paint2, onClick: () => take(false), onDoubleClick: () => take(true), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.PaintRoller, { "aria-hidden": true }) }),
-    tool(import_lucide_react5.RemoveFormatting, t.clearFormat, () => clear(editor)),
-    docx2 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "aria-label": t.painter, title: paint2 ? t.painterHint : t.painter, "aria-pressed": !!paint2, onClick: () => take(false), onDoubleClick: () => take(true), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.PaintRoller, { "aria-hidden": true }) }),
+    tool(import_lucide_react6.RemoveFormatting, t.clearFormat, () => clear(editor)),
+    docx2 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
       gap,
-      tool(import_lucide_react5.FilePenLine, t.suggest, suggest2, state.suggest)
+      tool(import_lucide_react6.FilePenLine, t.suggest, suggest2, state.suggest)
     ] })
   ] });
-  const context = can.edit && (state.table ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    tool(import_lucide_react5.BetweenHorizontalStart, t.rowAbove, () => editor.chain().focus().addRowBefore().run()),
-    tool(import_lucide_react5.BetweenHorizontalEnd, t.rowBelow, () => editor.chain().focus().addRowAfter().run()),
-    tool(import_lucide_react5.BetweenVerticalStart, t.columnLeft, () => editor.chain().focus().addColumnBefore().run()),
-    tool(import_lucide_react5.BetweenVerticalEnd, t.columnRight, () => editor.chain().focus().addColumnAfter().run()),
-    tool(import_lucide_react5.PanelTop, t.headerRow, () => editor.chain().focus().toggleHeaderRow().run()),
-    docx2 && tool(import_lucide_react5.TableCellsMerge, t.mergeCells, () => editor.chain().focus().mergeOrSplit().run()),
-    docx2 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-anchor", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "fill", "aria-label": t.cellFill, title: t.cellFill, onClick: () => pick("fill"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.PaintBucket, { "aria-hidden": true }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("i", { className: "w100n-text-bar", style: { background: state.fill ?? "transparent" } })
+  const context = can.edit && (state.table ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+    tool(import_lucide_react6.BetweenHorizontalStart, t.rowAbove, () => editor.chain().focus().addRowBefore().run()),
+    tool(import_lucide_react6.BetweenHorizontalEnd, t.rowBelow, () => editor.chain().focus().addRowAfter().run()),
+    tool(import_lucide_react6.BetweenVerticalStart, t.columnLeft, () => editor.chain().focus().addColumnBefore().run()),
+    tool(import_lucide_react6.BetweenVerticalEnd, t.columnRight, () => editor.chain().focus().addColumnAfter().run()),
+    tool(import_lucide_react6.PanelTop, t.headerRow, () => editor.chain().focus().toggleHeaderRow().run()),
+    docx2 && tool(import_lucide_react6.TableCellsMerge, t.mergeCells, () => editor.chain().focus().mergeOrSplit().run()),
+    docx2 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-anchor", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "fill", "aria-label": t.cellFill, title: t.cellFill, onClick: () => pick("fill"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.PaintBucket, { "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("i", { className: "w100n-text-bar", style: { background: state.fill ?? "transparent" } })
       ] }),
-      pop === "fill" && swatches(glows, state.fill, (c) => editor.chain().focus().setCellAttribute("background", c).run(), t.noColour)
+      pop === "fill" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-text-pop", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Swatches, { current: state.fill, none: t.noColour, onPick: (c) => {
+        editor.chain().focus().setCellAttribute("background", c).run();
+        setPop(null);
+      }, onNone: () => {
+        editor.chain().focus().setCellAttribute("background", null).run();
+        setPop(null);
+      } }) })
     ] }),
-    docx2 && tool(import_lucide_react5.Grid3x3, t.tableBorders, () => editor.chain().focus().updateAttributes("table", { borders: state.bare ? null : "none" }).run(), !state.bare),
-    tool(import_lucide_react5.TableRowsSplit, t.deleteRow, () => editor.chain().focus().deleteRow().run()),
-    tool(import_lucide_react5.TableColumnsSplit, t.deleteColumn, () => editor.chain().focus().deleteColumn().run()),
-    tool(import_lucide_react5.Trash2, t.deleteTable, () => editor.chain().focus().deleteTable().run())
-  ] }) : state.img && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: [[import_lucide_react5.Image, t.wrapInline, "inline"], [import_lucide_react5.PanelLeft, t.wrapLeft, "left"], [import_lucide_react5.PanelRight, t.wrapRight, "right"]].map(([icon, label, value3]) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react11.Fragment, { children: tool(icon, label, () => editor.chain().focus().updateAttributes("image", { wrap: value3 === "inline" ? null : value3 }).run(), state.img === value3) }, value3)) }));
-  const status = (can.edit || live) && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-end", children: [
-    live && (live.ready ? !live.online : live.late || live.denied) && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-live", title: live.denied ? void 0 : t.offlineHint, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.WifiOff, { "aria-hidden": true }),
+    docx2 && tool(import_lucide_react6.Grid3x3, t.tableBorders, () => editor.chain().focus().updateAttributes("table", { borders: state.bare ? null : "none" }).run(), !state.bare),
+    tool(import_lucide_react6.TableRowsSplit, t.deleteRow, () => editor.chain().focus().deleteRow().run()),
+    tool(import_lucide_react6.TableColumnsSplit, t.deleteColumn, () => editor.chain().focus().deleteColumn().run()),
+    tool(import_lucide_react6.Trash2, t.deleteTable, () => editor.chain().focus().deleteTable().run())
+  ] }) : state.img && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: [[import_lucide_react6.Image, t.wrapInline, "inline"], [import_lucide_react6.PanelLeft, t.wrapLeft, "left"], [import_lucide_react6.PanelRight, t.wrapRight, "right"]].map(([icon, label, value3]) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react11.Fragment, { children: tool(icon, label, () => editor.chain().focus().updateAttributes("image", { wrap: value3 === "inline" ? null : value3 }).run(), state.img === value3) }, value3)) }));
+  const status = (can.edit || live) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-end", children: [
+    live && (live.ready ? !live.online : live.late || live.denied) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-live", title: live.denied ? void 0 : t.offlineHint, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.WifiOff, { "aria-hidden": true }),
       live.denied ? t.liveOff : t.offline
     ] }),
-    state.suggest && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-docs-badge", children: t.suggesting }),
-    can.edit && saving === "failed" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "w100n-text-saved", title: `${t.save} (${mod}S)`, onClick: () => void save2(), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.CloudAlert, { "aria-hidden": true }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: t.saveFailed })
+    state.suggest && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-docs-badge", children: t.suggesting }),
+    can.edit && saving === "failed" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "w100n-text-saved", title: `${t.save} (${mod}S)`, onClick: () => void save2(), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.CloudAlert, { "aria-hidden": true }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: t.saveFailed })
     ] }),
-    live && live.people.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-text-people", role: "group", "aria-label": t.people, children: live.people.map((p) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-text-face", title: p.me ? `${p.name} (${t.you})` : p.name, style: { "--face": p.color }, children: p.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: p.avatarUrl, alt: "" }) : p.name.split(/\s+/).map((w) => w[0]).join("").slice(0, 2).toUpperCase() }, p.id)) })
+    live && live.people.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-text-people", role: "group", "aria-label": t.people, children: live.people.map((p) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-text-face", title: p.me ? `${p.name} (${t.you})` : p.name, style: { "--face": p.color }, children: p.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("img", { src: p.avatarUrl, alt: "" }) : p.name.split(/\s+/).map((w) => w[0]).join("").slice(0, 2).toUpperCase() }, p.id)) })
   ] });
-  const menubar = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-text-menus", role: "menubar", "aria-label": t.textTools, children: menus.filter(([, , list]) => list.some((x) => x && x !== "-")).map(menu) });
+  const menubar = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-text-menus", role: "menubar", "aria-label": t.textTools, children: menus.filter(([, , list]) => list.some((x) => x && x !== "-")).map(menu) });
   const keep = (e) => {
     if (e.target.closest("button")) e.preventDefault();
   };
@@ -9509,15 +9580,15 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
     if (note) return wiki.open(note.id);
     if (wiki.create) void wiki.create(wikiName(target)).then((id) => id && wiki.open(id));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { ref: root, className: "w100n-text", "data-kind": kind, "data-docs-find": true, onKeyDown: keys2, children: [
-    head2 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-      head2.menus && (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w100n-text-ribbon w100n-text-docbar", onKeyDown: rove, onPointerDown: keep, children: menubar }), head2.menus),
-      head2.status && status && (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w100n-text-ribbon w100n-text-docbar", onPointerDown: keep, children: status }), head2.status)
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w100n-text-ribbon w100n-text-top", onKeyDown: rove, onPointerDown: keep, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { ref: root, className: "w100n-text", "data-kind": kind, "data-docs-find": true, onKeyDown: keys2, children: [
+    head2 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+      head2.menus && (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w100n-text-ribbon w100n-text-docbar", onKeyDown: rove, onPointerDown: keep, children: menubar }), head2.menus),
+      head2.status && status && (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w100n-text-ribbon w100n-text-docbar", onPointerDown: keep, children: status }), head2.status)
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w100n-text-ribbon w100n-text-top", onKeyDown: rove, onPointerDown: keep, children: [
       menubar,
       status
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref: scroller, className: "w100n-text-scroll", "data-paint": !!paint2, onMouseUp: lay, onPointerDown: (e) => {
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ref: scroller, className: "w100n-text-scroll", "data-paint": !!paint2, onMouseUp: lay, onPointerDown: (e) => {
       touch.current = e.pointerType === "touch";
     }, onContextMenu: (e) => {
       if (touch.current || e.shiftKey || pop === "context" || !e.target.closest(".ProseMirror")) return setPop(null);
@@ -9542,8 +9613,8 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       if (!id) return;
       setActive(id);
       onPanel?.("comments");
-    }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w100n-text-zoomed", style: { zoom: percent / 100 }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: docx2 ? `w100n-text-sheet${flow ? " is-flow" : ""}` : "w100n-docs-page w100n-text-column", style: sheet2, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react10.EditorContent, { editor }) }) }) }),
-    askSpot && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w100n-text-zoomed", style: { zoom: percent / 100 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: docx2 ? `w100n-text-sheet${flow ? " is-flow" : ""}` : "w100n-docs-page w100n-text-column", style: sheet2, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react10.EditorContent, { editor }) }) }) }),
+    askSpot && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
       "span",
       {
         className: "w100n-text-pop w100n-text-menu w100n-wiki-ask",
@@ -9552,61 +9623,61 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
         style: { left: Math.min(askSpot.left, innerWidth - 340), top: askSpot.bottom + 6 },
         onPointerDown: (e) => e.preventDefault(),
         children: [
-          options.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", role: "option", "aria-selected": i === Math.min(askAt, options.length - 1), onClick: () => void choose(option), children: "note" in option ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.FileText, { "aria-hidden": true }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("b", { children: option.note.name.replace(/\.(md|markdown)$/i, "") }),
-            option.note.folder && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("small", { children: option.note.folder })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Plus, { "aria-hidden": true }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("b", { children: t.wikiCreate.replace("{name}", option.make) }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("small", { children: t.wikiNew })
+          options.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", role: "option", "aria-selected": i === Math.min(askAt, options.length - 1), onClick: () => void choose(option), children: "note" in option ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.FileText, { "aria-hidden": true }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("b", { children: option.note.name.replace(/\.(md|markdown)$/i, "") }),
+            option.note.folder && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("small", { children: option.note.folder })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Plus, { "aria-hidden": true }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("b", { children: t.wikiCreate.replace("{name}", option.make) }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("small", { children: t.wikiNew })
           ] }) }, "note" in option ? option.note.id : "make")),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("small", { className: "w100n-text-hint", children: t.wikiKeys })
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("small", { className: "w100n-text-hint", children: t.wikiKeys })
         ]
       }
     ),
-    pop === "context" && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-pop w100n-text-menu w100n-text-context", role: "menu", "aria-label": t.textTools, style: { left: spot3.x, top: spot3.y }, onPointerDown: keep, children: [
+    pop === "context" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-pop w100n-text-menu w100n-text-context", role: "menu", "aria-label": t.textTools, style: { left: spot3.x, top: spot3.y }, onPointerDown: keep, children: [
       rows(near),
-      spell && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("small", { className: "w100n-text-hint", children: t.spellHint })
+      spell && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("small", { className: "w100n-text-hint", children: t.spellHint })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w100n-text-ribbon w100n-text-corner", "data-side": "left", onPointerDown: keep, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w100n-text-tools", role: "group", "aria-label": t.zoom, children: [
-      tool(import_lucide_react5.Minus, t.zoomOut, () => zoomBy(-10)),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w100n-text-ribbon w100n-text-corner", "data-side": "left", onPointerDown: keep, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w100n-text-tools", role: "group", "aria-label": t.zoom, children: [
+      tool(import_lucide_react6.Minus, t.zoomOut, () => zoomBy(-10)),
       zoomer,
-      tool(import_lucide_react5.Plus, t.zoomIn, () => zoomBy(10))
+      tool(import_lucide_react6.Plus, t.zoomIn, () => zoomBy(10))
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w100n-text-ribbon w100n-text-island", role: "toolbar", "aria-label": t.textTools, onKeyDown: rove, onPointerDown: keep, children: [
-      context && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w100n-text-tools", role: "group", "aria-label": state.table ? t.table : t.image, children: context }),
-      extra && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w100n-text-tools", role: "group", "aria-label": t.moreTools, children: extra }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w100n-text-tools", role: "group", "aria-label": t.textTools, children: main })
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w100n-text-ribbon w100n-text-island", role: "toolbar", "aria-label": t.textTools, onKeyDown: rove, onPointerDown: keep, children: [
+      context && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w100n-text-tools", role: "group", "aria-label": state.table ? t.table : t.image, children: context }),
+      extra && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w100n-text-tools", role: "group", "aria-label": t.moreTools, children: extra }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w100n-text-tools", role: "group", "aria-label": t.textTools, children: main })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w100n-text-ribbon w100n-text-corner", "data-side": "right", onPointerDown: keep, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w100n-text-tools", role: "group", "aria-label": t.findReplace, children: [
-      can.edit && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-        tool(import_lucide_react5.Undo2, t.undo, () => editor.chain().focus().undo().run(), void 0, !state.undo),
-        tool(import_lucide_react5.Redo2, t.redo, () => editor.chain().focus().redo().run(), void 0, !state.redo),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w100n-text-ribbon w100n-text-corner", "data-side": "right", onPointerDown: keep, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w100n-text-tools", role: "group", "aria-label": t.findReplace, children: [
+      can.edit && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+        tool(import_lucide_react6.Undo2, t.undo, () => editor.chain().focus().undo().run(), void 0, !state.undo),
+        tool(import_lucide_react6.Redo2, t.redo, () => editor.chain().focus().redo().run(), void 0, !state.redo),
         gap
       ] }),
       finder
     ] }) }),
-    dialog && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w100n-pdf-back", onKeyDown: (e) => {
+    dialog && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w100n-pdf-back", onKeyDown: (e) => {
       if (e.key === "Escape") {
         e.stopPropagation();
         setDialog(null);
       }
-    }, children: dialog.kind === "symbol" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w100n-pdf-dialog w100n-insert", role: "dialog", "aria-modal": true, "aria-label": t.symbols, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w100n-new-head", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-new-tile", "data-tone": "pink", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Omega, { "aria-hidden": true }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("b", { className: "w100n-pdf-dialog-title", children: t.symbols }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "w100n-docs-close", onClick: () => setDialog(null), "aria-label": t.close, title: t.close, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.X, { "aria-hidden": true }) })
+    }, children: dialog.kind === "symbol" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w100n-pdf-dialog w100n-insert", role: "dialog", "aria-modal": true, "aria-label": t.symbols, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w100n-new-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-new-tile", "data-tone": "pink", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Omega, { "aria-hidden": true }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("b", { className: "w100n-pdf-dialog-title", children: t.symbols }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "w100n-docs-close", onClick: () => setDialog(null), "aria-label": t.close, title: t.close, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.X, { "aria-hidden": true }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "w100n-docs-field w100n-docs-search", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Search, { "aria-hidden": true }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { autoFocus: true, value: dialog.query, placeholder: t.symbolSearch, "aria-label": t.symbolSearch, onChange: (e) => setDialog({ kind: "symbol", query: e.target.value }) })
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "w100n-docs-field w100n-docs-search", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Search, { "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { autoFocus: true, value: dialog.query, placeholder: t.symbolSearch, "aria-label": t.symbolSearch, onChange: (e) => setDialog({ kind: "symbol", query: e.target.value }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w100n-insert-grid", role: "group", "aria-label": t.symbols, children: symbols.filter(([ch, name]) => !dialog.query.trim() || name.includes(dialog.query.trim().toLowerCase()) || ch === dialog.query.trim()).map(([ch, name]) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "aria-label": name, title: name, onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w100n-insert-grid", role: "group", "aria-label": t.symbols, children: symbols.filter(([ch, name]) => !dialog.query.trim() || name.includes(dialog.query.trim().toLowerCase()) || ch === dialog.query.trim()).map(([ch, name]) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "aria-label": name, title: name, onClick: () => {
         editor.chain().focus().insertContent(ch).run();
         setDialog(null);
       }, children: ch }, ch)) })
-    ] }) : dialog.kind === "formula" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("form", { className: "w100n-pdf-dialog w100n-insert", role: "dialog", "aria-modal": true, "aria-label": t.formula, onSubmit: (e) => {
+    ] }) : dialog.kind === "formula" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("form", { className: "w100n-pdf-dialog w100n-insert", role: "dialog", "aria-modal": true, "aria-label": t.formula, onSubmit: (e) => {
       e.preventDefault();
       const latex = dialog.latex.trim();
       if (!latex) return;
@@ -9617,13 +9688,13 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       else editor.chain().focus().insertContent({ type: "math", attrs: { latex } }).run();
       setDialog(null);
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w100n-new-head", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-new-tile", "data-tone": "blue", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Sigma, { "aria-hidden": true }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("b", { className: "w100n-pdf-dialog-title", children: t.formula }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "w100n-docs-close", onClick: () => setDialog(null), "aria-label": t.close, title: t.close, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.X, { "aria-hidden": true }) })
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w100n-new-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-new-tile", "data-tone": "blue", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Sigma, { "aria-hidden": true }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("b", { className: "w100n-pdf-dialog-title", children: t.formula }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "w100n-docs-close", onClick: () => setDialog(null), "aria-label": t.close, title: t.close, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.X, { "aria-hidden": true }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { ref: field, autoFocus: true, className: "w100n-insert-latex", value: dialog.latex, "aria-label": t.formula, placeholder: "F = 900 + 12 \\\\cdot n", onChange: (e) => setDialog({ ...dialog, latex: e.target.value }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w100n-insert-tools", role: "group", "aria-label": t.formula, children: helpers.map(([label, code]) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { ref: field, autoFocus: true, className: "w100n-insert-latex", value: dialog.latex, "aria-label": t.formula, placeholder: "F = 900 + 12 \\\\cdot n", onChange: (e) => setDialog({ ...dialog, latex: e.target.value }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w100n-insert-tools", role: "group", "aria-label": t.formula, children: helpers.map(([label, code]) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", onClick: () => {
         const el = field.current;
         const at2 = el.selectionStart ?? dialog.latex.length;
         const latex = dialog.latex.slice(0, at2) + code + dialog.latex.slice(el.selectionEnd ?? at2);
@@ -9634,15 +9705,15 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
           el.setSelectionRange(caret, caret);
         });
       }, children: label }, label)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w100n-insert-preview", "aria-live": "polite", dangerouslySetInnerHTML: { __html: dialog.latex.trim() ? mathml(dialog.latex) : "" } }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-pdf-dialog-end", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => setDialog(null), children: t.cancel }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "submit", className: "w100n-docs-action", disabled: !dialog.latex.trim(), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Check, { "aria-hidden": true }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w100n-insert-preview", "aria-live": "polite", dangerouslySetInnerHTML: { __html: dialog.latex.trim() ? mathml(dialog.latex) : "" } }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-pdf-dialog-end", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => setDialog(null), children: t.cancel }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "submit", className: "w100n-docs-action", disabled: !dialog.latex.trim(), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Check, { "aria-hidden": true }),
           dialog.at !== null ? t.update : t.put
         ] })
       ] })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("form", { className: "w100n-pdf-dialog w100n-insert", role: "dialog", "aria-modal": true, "aria-label": t.footnote, onSubmit: (e) => {
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("form", { className: "w100n-pdf-dialog w100n-insert", role: "dialog", "aria-modal": true, "aria-label": t.footnote, onSubmit: (e) => {
       e.preventDefault();
       const text = dialog.text.trim();
       if (!text) return;
@@ -9659,12 +9730,12 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       }
       setDialog(null);
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w100n-new-head", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-new-tile", "data-tone": "violet", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Superscript, { "aria-hidden": true }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("b", { className: "w100n-pdf-dialog-title", children: t.footnote }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "w100n-docs-close", onClick: () => setDialog(null), "aria-label": t.close, title: t.close, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.X, { "aria-hidden": true }) })
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w100n-new-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-new-tile", "data-tone": "violet", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Superscript, { "aria-hidden": true }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("b", { className: "w100n-pdf-dialog-title", children: t.footnote }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "w100n-docs-close", onClick: () => setDialog(null), "aria-label": t.close, title: t.close, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.X, { "aria-hidden": true }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         "textarea",
         {
           autoFocus: true,
@@ -9678,40 +9749,40 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-pdf-dialog-end", children: [
-        dialog.at !== null && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-pdf-dialog-end", children: [
+        dialog.at !== null && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => {
           editor.chain().focus().deleteRange({ from: dialog.at, to: dialog.at + 1 }).run();
           setDialog(null);
         }, children: t.removeFootnote }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => setDialog(null), children: t.cancel }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "submit", className: "w100n-docs-action", disabled: !dialog.text.trim(), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Check, { "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => setDialog(null), children: t.cancel }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "submit", className: "w100n-docs-action", disabled: !dialog.text.trim(), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Check, { "aria-hidden": true }),
           dialog.at !== null ? t.update : t.put
         ] })
       ] })
     ] }) }),
-    draft2 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w100n-pdf-back", onKeyDown: (e) => {
+    draft2 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w100n-pdf-back", onKeyDown: (e) => {
       if (e.key === "Escape") {
         e.stopPropagation();
         setDraft2(null);
       }
-    }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("form", { className: "w100n-pdf-dialog w100n-setup", role: "dialog", "aria-modal": true, "aria-label": t.pageSetup, onSubmit: (e) => {
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("form", { className: "w100n-pdf-dialog w100n-setup", role: "dialog", "aria-modal": true, "aria-label": t.pageSetup, onSubmit: (e) => {
       e.preventDefault();
       applySetup();
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w100n-new-head", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-new-tile", "data-tone": "blue", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Ruler, { "aria-hidden": true }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("b", { className: "w100n-pdf-dialog-title", children: t.pageSetup }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "w100n-docs-close", onClick: () => setDraft2(null), "aria-label": t.close, title: t.close, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.X, { "aria-hidden": true }) })
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w100n-new-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-new-tile", "data-tone": "blue", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Ruler, { "aria-hidden": true }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("b", { className: "w100n-pdf-dialog-title", children: t.pageSetup }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "w100n-docs-close", onClick: () => setDraft2(null), "aria-label": t.close, title: t.close, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.X, { "aria-hidden": true }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "w100n-docs-caption", children: t.pageSize }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w100n-docs-chips", role: "group", "aria-label": t.pageSize, children: [["A4", a4], ["Letter", letter], ["Legal", legal]].map(([label, size2]) => {
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "w100n-docs-caption", children: t.pageSize }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w100n-docs-chips", role: "group", "aria-label": t.pageSize, children: [["A4", a4], ["Letter", letter], ["Legal", legal]].map(([label, size2]) => {
         const land = draft2.width > draft2.height;
         const on2 = Math.abs(Math.min(draft2.width, draft2.height) - size2.width) < 2 && Math.abs(Math.max(draft2.width, draft2.height) - size2.height) < 2;
-        return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "aria-pressed": on2, onClick: () => setDraft2({ ...draft2, width: land ? size2.height : size2.width, height: land ? size2.width : size2.height }), children: label }, label);
+        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "aria-pressed": on2, onClick: () => setDraft2({ ...draft2, width: land ? size2.height : size2.width, height: land ? size2.width : size2.height }), children: label }, label);
       }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "w100n-docs-caption", children: t.orientation }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w100n-docs-chips", role: "group", "aria-label": t.orientation, children: [[false, t.portrait], [true, t.landscape]].map(([land, label]) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "w100n-docs-caption", children: t.orientation }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w100n-docs-chips", role: "group", "aria-label": t.orientation, children: [[false, t.portrait], [true, t.landscape]].map(([land, label]) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         "button",
         {
           type: "button",
@@ -9723,11 +9794,11 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
         },
         label
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "w100n-docs-caption", children: t.marginsCm }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w100n-docs-chips", role: "group", "aria-label": t.margins, children: margins.map(([label, values]) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "aria-pressed": values.every((v, n) => Math.abs(cm(v) - draft2.margins[n]) < 0.05), onClick: () => setDraft2({ ...draft2, margins: values.map(cm) }), children: label }, label)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "w100n-setup-grid", children: [t.mTop, t.mRight, t.mBottom, t.mLeft].map((label, n) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "w100n-docs-caption", children: t.marginsCm }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w100n-docs-chips", role: "group", "aria-label": t.margins, children: margins.map(([label, values]) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "aria-pressed": values.every((v, n) => Math.abs(cm(v) - draft2.margins[n]) < 0.05), onClick: () => setDraft2({ ...draft2, margins: values.map(cm) }), children: label }, label)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w100n-setup-grid", children: [t.mTop, t.mRight, t.mBottom, t.mLeft].map((label, n) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "input",
           {
             className: "w100n-docs-field",
@@ -9740,111 +9811,111 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
           }
         )
       ] }, n)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "w100n-setup-line", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: t.headerText }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { className: "w100n-docs-field", value: draft2.header, onChange: (e) => setDraft2({ ...draft2, header: e.target.value }) })
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "w100n-setup-line", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: t.headerText }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { className: "w100n-docs-field", value: draft2.header, onChange: (e) => setDraft2({ ...draft2, header: e.target.value }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "w100n-setup-line", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: t.footerText }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { className: "w100n-docs-field", value: draft2.footer, onChange: (e) => setDraft2({ ...draft2, footer: e.target.value }) })
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "w100n-setup-line", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: t.footerText }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { className: "w100n-docs-field", value: draft2.footer, onChange: (e) => setDraft2({ ...draft2, footer: e.target.value }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "w100n-setup-check", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { type: "checkbox", checked: draft2.numbers, onChange: (e) => setDraft2({ ...draft2, numbers: e.target.checked }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "w100n-setup-check", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "checkbox", checked: draft2.numbers, onChange: (e) => setDraft2({ ...draft2, numbers: e.target.checked }) }),
         t.pageNumbers
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w100n-pdf-dialog-end", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => setDraft2(null), children: t.cancel }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "w100n-docs-action", onClick: applySetup, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Check, { "aria-hidden": true }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w100n-pdf-dialog-end", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => setDraft2(null), children: t.cancel }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "w100n-docs-action", onClick: applySetup, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Check, { "aria-hidden": true }),
           t.apply
         ] })
       ] })
     ] }) }),
-    slot && (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w100n-text-notes", children: [
-      draft && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w100n-text-card w100n-text-draft", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("blockquote", { children: draft.quote }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Mentions, { autoFocus: true, value: draft.body, placeholder: t.writeComment, label: t.writeComment, people, onChange: (body) => setDraft({ ...draft, body }), onSend: () => void post() }),
-        tagged(draft.body, people).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "w100n-setup-check", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { type: "checkbox", checked: draft.give, onChange: (e) => setDraft({ ...draft, give: e.target.checked }) }),
+    slot && (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w100n-text-notes", children: [
+      draft && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w100n-text-card w100n-text-draft", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("blockquote", { children: draft.quote }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Mentions, { autoFocus: true, value: draft.body, placeholder: t.writeComment, label: t.writeComment, people, onChange: (body) => setDraft({ ...draft, body }), onSend: () => void post() }),
+        tagged(draft.body, people).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "w100n-setup-check", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { type: "checkbox", checked: draft.give, onChange: (e) => setDraft({ ...draft, give: e.target.checked }) }),
           t.assignTo.replace("{name}", tagged(draft.body, people)[0].name)
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-pdf-dialog-end", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: drop2, children: t.cancel }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: !draft.body.trim() || posting === "busy", onClick: () => void post(), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.MessageSquarePlus, { "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-pdf-dialog-end", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: drop2, children: t.cancel }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: !draft.body.trim() || posting === "busy", onClick: () => void post(), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.MessageSquarePlus, { "aria-hidden": true }),
             t.post
           ] })
         ] })
       ] }),
-      suggested.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "w100n-docs-caption", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.FilePenLine, { "aria-hidden": true }),
+      suggested.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { className: "w100n-docs-caption", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.FilePenLine, { "aria-hidden": true }),
           t.suggestions,
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: suggested.length })
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: suggested.length })
         ] }),
-        suggested.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("article", { className: "w100n-text-card w100n-text-change", "data-kind": c.kind, onClick: () => jump(c.from), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("header", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-text-face", "aria-hidden": true, children: (c.author || "?").slice(0, 1).toUpperCase() }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-who", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("b", { children: c.author || t.someone }),
-              c.date && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("small", { children: when(c.date) })
+        suggested.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("article", { className: "w100n-text-card w100n-text-change", "data-kind": c.kind, onClick: () => jump(c.from), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("header", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-text-face", "aria-hidden": true, children: (c.author || "?").slice(0, 1).toUpperCase() }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-who", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("b", { children: c.author || t.someone }),
+              c.date && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("small", { children: when(c.date) })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { children: [
             c.kind === "insertion" ? t.added : t.removed,
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("q", { children: c.text })
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("q", { children: c.text })
           ] }),
-          can.edit && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-actions", onClick: (e) => e.stopPropagation(), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "green", onClick: () => decide(editor, true, c.id), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Check, { "aria-hidden": true }),
+          can.edit && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-actions", onClick: (e) => e.stopPropagation(), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "green", onClick: () => decide(editor, true, c.id), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Check, { "aria-hidden": true }),
               t.accept
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", onClick: () => decide(editor, false, c.id), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.X, { "aria-hidden": true }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", onClick: () => decide(editor, false, c.id), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.X, { "aria-hidden": true }),
               t.reject
             ] })
           ] })
         ] }, i))
       ] }),
-      posting === "failed" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.commentFailed }),
-      failed && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.changeFailed }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w100n-docs-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "w100n-docs-caption", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.MessagesSquare, { "aria-hidden": true }),
+      posting === "failed" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.commentFailed }),
+      failed && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.changeFailed }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w100n-docs-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { className: "w100n-docs-caption", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.MessagesSquare, { "aria-hidden": true }),
           t.comments,
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: open.length })
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: open.length })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-docs-chips", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "aria-pressed": resolved, onClick: () => setResolved(!resolved), children: t.showResolved }) })
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-docs-chips", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "aria-pressed": resolved, onClick: () => setResolved(!resolved), children: t.showResolved }) })
       ] }),
-      !threads.length && !draft && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "w100n-docs-muted", children: can.comment ? t.commentHint : t.noComments }),
-      threads.map((c) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("article", { className: "w100n-text-card", "aria-current": active === c.id, "data-resolved": c.resolved, onClick: () => show(c), children: [
+      !threads.length && !draft && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "w100n-docs-muted", children: can.comment ? t.commentHint : t.noComments }),
+      threads.map((c) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("article", { className: "w100n-text-card", "aria-current": active === c.id, "data-resolved": c.resolved, onClick: () => show(c), children: [
         person(c),
-        c.assignee && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-text-given", "data-me": c.assignee.id === host?.me.id, children: c.assignee.id === host?.me.id ? t.assignedYou : t.assignedTo.replace("{name}", c.assignee.name) }),
-        c.quote && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("blockquote", { children: c.quote }),
+        c.assignee && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-text-given", "data-me": c.assignee.id === host?.me.id, children: c.assignee.id === host?.me.id ? t.assignedYou : t.assignedTo.replace("{name}", c.assignee.name) }),
+        c.quote && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("blockquote", { children: c.quote }),
         words3(c),
-        all.filter((r) => r.replyTo === c.id).map((r) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w100n-text-reply", children: [
+        all.filter((r) => r.replyTo === c.id).map((r) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w100n-text-reply", children: [
           person(r),
           words3(r)
         ] }, r.id)),
-        reply?.id === c.id && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w100n-text-reply", onClick: (e) => e.stopPropagation(), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Mentions, { autoFocus: true, value: reply.body, placeholder: t.writeComment, label: t.reply, people, onChange: (body) => setReply({ ...reply, body }), onSend: () => void answer(c) }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-pdf-dialog-end", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => setReply(null), children: t.cancel }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: !reply.body.trim() || posting === "busy", onClick: () => void answer(c), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Reply, { "aria-hidden": true }),
+        reply?.id === c.id && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w100n-text-reply", onClick: (e) => e.stopPropagation(), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Mentions, { autoFocus: true, value: reply.body, placeholder: t.writeComment, label: t.reply, people, onChange: (body) => setReply({ ...reply, body }), onSend: () => void answer(c) }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-pdf-dialog-end", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => setReply(null), children: t.cancel }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: !reply.body.trim() || posting === "busy", onClick: () => void answer(c), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Reply, { "aria-hidden": true }),
               t.reply
             ] })
           ] })
         ] }),
-        can.comment && reply?.id !== c.id && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-actions", onClick: (e) => e.stopPropagation(), children: [
-          c.resolved && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-docs-badge", children: t.resolved }),
-          !c.resolved && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "w100n-docs-action", onClick: () => setReply({ id: c.id, body: "" }), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Reply, { "aria-hidden": true }),
+        can.comment && reply?.id !== c.id && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-actions", onClick: (e) => e.stopPropagation(), children: [
+          c.resolved && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-docs-badge", children: t.resolved }),
+          !c.resolved && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "w100n-docs-action", onClick: () => setReply({ id: c.id, body: "" }), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Reply, { "aria-hidden": true }),
             t.reply
           ] }),
-          host?.resolveComment && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "green", onClick: () => void settle2(c), children: [
-            c.resolved ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.RotateCcw, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Check, { "aria-hidden": true }),
+          host?.resolveComment && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "green", onClick: () => void settle2(c), children: [
+            c.resolved ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.RotateCcw, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Check, { "aria-hidden": true }),
             c.resolved ? t.reopen : t.resolve
           ] })
         ] })
@@ -9852,12 +9923,12 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
     ] }), slot)
   ] });
 }
-var import_react10, import_lucide_react5, import_react11, import_react_dom2, import_jsx_runtime7, legal, symbols, helpers, cm, inks, glows, faces, sizes, uid2;
+var import_react10, import_lucide_react6, import_react11, import_react_dom2, import_jsx_runtime8, legal, symbols, helpers, cm, glows, faces, sizes, uid2;
 var init_TextEditor = __esm({
   "src/editor/TextEditor.tsx"() {
     "use strict";
     import_react10 = require("@tiptap/react");
-    import_lucide_react5 = require("lucide-react");
+    import_lucide_react6 = require("lucide-react");
     import_react11 = require("react");
     import_react_dom2 = require("react-dom");
     init_docx();
@@ -9871,7 +9942,8 @@ var init_TextEditor = __esm({
     init_math();
     init_Mentions();
     init_pager();
-    import_jsx_runtime7 = require("react/jsx-runtime");
+    init_Swatches();
+    import_jsx_runtime8 = require("react/jsx-runtime");
     legal = { width: 816, height: 1344 };
     symbols = [
       ["\xA9", "copyright"],
@@ -9927,7 +9999,6 @@ var init_TextEditor = __esm({
     ];
     helpers = [["x\xB2", "^{2}"], ["x\u2099", "_{n}"], ["\u221Ax", "\\sqrt{}"], ["a/b", "\\frac{}{}"], ["\u2211", "\\sum_{}^{}"], ["\u222B", "\\int "], ["\u03C0", "\\pi "], ["\u2264", "\\le "], ["\u2265", "\\ge "], ["\u2260", "\\ne "], ["\xB1", "\\pm "], ["\xB7", "\\cdot "]];
     cm = (px2) => Math.round(px2 / 96 * 254) / 100;
-    inks = ["#0f172a", "#475569", "#dc2626", "#ea580c", "#ca8a04", "#16a34a", "#0891b2", "#2563eb", "#7c3aed", "#db2777"];
     glows = ["#fef08a", "#bbf7d0", "#bfdbfe", "#fbcfe8", "#fed7aa", "#ddd6fe"];
     faces = ["Arial", "Calibri", "Cambria", "Courier New", "Georgia", "Inter", "Roboto", "Times New Roman", "Verdana"];
     sizes = [8, 9, 10, 11, 12, 14, 16, 18, 20, 24, 28, 32, 36, 48, 72];
@@ -10088,7 +10159,7 @@ function bind(api, injector, doc, model, edit) {
     if (canon(now) === canon(empty)) m.delete(name);
     else m.set(name, now);
   };
-  const fit = (list, now) => {
+  const fit2 = (list, now) => {
     if (list.length > now.length) list.delete(now.length, list.length - now.length);
     else if (list.length < now.length) list.push(now.slice(list.length));
   };
@@ -10171,10 +10242,10 @@ function bind(api, injector, doc, model, edit) {
         return shift(cols, p.sourceRange.startColumn, count(p.sourceRange, false), p.targetRange.startColumn);
       case "sheet.mutation.set-worksheet-row-count":
         at2.delete(sid);
-        return fit(rows, l.rows);
+        return fit2(rows, l.rows);
       case "sheet.mutation.set-worksheet-column-count":
         at2.delete(sid);
-        return fit(cols, l.cols);
+        return fit2(cols, l.cols);
       case "sheet.mutation.set-worksheet-row-height":
       case "sheet.mutation.set-worksheet-row-is-auto-height":
       case "sheet.mutation.set-row-hidden":
@@ -10460,6 +10531,7 @@ var init_calm = __esm({
 var grid_exports = {};
 __export(grid_exports, {
   bolder: () => bolder,
+  fit: () => fit,
   grid: () => grid2,
   marks: () => marks
 });
@@ -10490,6 +10562,29 @@ function grid2(container, language, edit) {
     ]
   });
 }
+function fit(injector, unitId) {
+  const book = injector.get(import_core6.IUniverInstanceService).getUnit(unitId);
+  const skeletons = injector.get(import_preset_sheets_core.IRenderManagerService).getRenderUnitById(unitId)?.with(import_preset_sheets_core.SheetSkeletonManagerService);
+  if (!book || !skeletons) return;
+  const commands = injector.get(import_core6.ICommandService);
+  for (const sheet2 of book.getSheets()) {
+    const rows = /* @__PURE__ */ new Set();
+    sheet2.getCellMatrix().forValue((r, _, cell2) => {
+      if (book.getStyles().getStyleByCell(cell2)?.tb === import_core6.WrapStrategy.WRAP) rows.add(r);
+    });
+    if (!rows.size) continue;
+    const subUnitId = sheet2.getSheetId(), last2 = sheet2.getMaxColumns() - 1, all = [...rows];
+    const line = (r) => ({ startRow: r, endRow: r, startColumn: 0, endColumn: last2 });
+    const was = Object.fromEntries(all.map((r) => [r, sheet2.getConfig().rowData[r]?.ia ?? null]));
+    const stored2 = Object.fromEntries(all.map((r) => [r, sheet2.getRowHeight(r)]));
+    const auto = (list, info) => commands.syncExecuteCommand(import_preset_sheets_core.SetWorksheetRowIsAutoHeightMutation.id, { unitId, subUnitId, ranges: list.map(line), autoHeightInfo: info }, { onlyLocal: true });
+    auto(all, 1);
+    const grow2 = (skeletons.ensureSkeleton(subUnitId)?.calculateAutoHeightInRange(all.map(line)) ?? []).filter((x) => (x.autoHeight ?? 0) > stored2[x.row]);
+    const keep = all.filter((r) => !grow2.some((x) => x.row === r));
+    if (keep.length) auto(keep, was);
+    if (grow2.length) commands.syncExecuteCommand(import_preset_sheets_core.SetWorksheetRowAutoHeightMutation.id, { unitId, subUnitId, rowsAutoHeightInfo: grow2 }, { onlyLocal: true });
+  }
+}
 function marks({ univer, univerAPI: api }) {
   const service = univer.__getInjector().get(import_preset_sheets_core.IMarkSelectionService);
   let list = [];
@@ -10515,7 +10610,7 @@ function marks({ univer, univerAPI: api }) {
     }
   };
 }
-var import_lib, import_lib2, import_lib3, import_lib4, import_lib5, import_lib6, import_presets, import_preset_sheets_core, import_preset_sheets_data_validation, import_preset_sheets_filter, import_preset_sheets_find_replace, import_preset_sheets_note, import_preset_sheets_sort, import_en_US, import_pl_PL, import_en_US2, import_pl_PL2, import_en_US3, import_pl_PL3, import_en_US4, import_pl_PL4, import_en_US5, import_pl_PL5, import_en_US6, import_pl_PL6, draw;
+var import_lib, import_lib2, import_lib3, import_lib4, import_lib5, import_lib6, import_presets, import_core6, import_preset_sheets_core, import_preset_sheets_data_validation, import_preset_sheets_filter, import_preset_sheets_find_replace, import_preset_sheets_note, import_preset_sheets_sort, import_en_US, import_pl_PL, import_en_US2, import_pl_PL2, import_en_US3, import_pl_PL3, import_en_US4, import_pl_PL4, import_en_US5, import_pl_PL5, import_en_US6, import_pl_PL6, draw;
 var init_grid = __esm({
   "src/sheets/grid.ts"() {
     "use strict";
@@ -10526,6 +10621,7 @@ var init_grid = __esm({
     import_lib5 = require("@univerjs/preset-sheets-data-validation/lib/index.css");
     import_lib6 = require("@univerjs/preset-sheets-note/lib/index.css");
     import_presets = require("@univerjs/presets");
+    import_core6 = require("@univerjs/core");
     import_preset_sheets_core = require("@univerjs/preset-sheets-core");
     import_preset_sheets_data_validation = require("@univerjs/preset-sheets-data-validation");
     import_preset_sheets_filter = require("@univerjs/preset-sheets-filter");
@@ -10561,6 +10657,7 @@ __export(SheetView_exports, {
   decimals: () => decimals,
   default: () => SheetView_default,
   readSheet: () => readSheet,
+  sized: () => sized,
   writeSheet: () => writeSheet
 });
 function autoSum(r, numeric2) {
@@ -10591,6 +10688,7 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
   const [refusal, setRefusal] = (0, import_react12.useState)(null);
   const [pop, setPop] = (0, import_react12.useState)(null);
   const [look, setLook] = (0, import_react12.useState)(null);
+  const [size2, setSize] = (0, import_react12.useState)(null);
   const edit = rights.edit && !!onSaveRequest && (!room || !!shared && !room.readonly);
   const notes3 = !edit && rights.comment && !!onSaveRequest && !room;
   (0, import_react12.useEffect)(() => {
@@ -10614,7 +10712,7 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
     setDirty(false);
     const families = new Set([model.book.defaultStyle, ...Object.values(model.book.styles)].map((s) => typeof s === "object" ? s?.ff : null).filter(Boolean));
     const fonts = Promise.race([Promise.all([...families].flatMap((f) => ["", "bold ", "italic "].map((w) => document.fonts.load(`${w}11pt "${f}"`).catch(() => [])))), new Promise((r) => setTimeout(r, 800))]);
-    Promise.all([Promise.resolve().then(() => (init_grid(), grid_exports)), fonts]).then(([{ bolder: bolder2, grid: grid3, marks: marks2 }]) => {
+    Promise.all([Promise.resolve().then(() => (init_grid(), grid_exports)), fonts]).then(([{ bolder: bolder2, fit: fit2, grid: grid3, marks: marks2 }]) => {
       if (gone) return;
       shared?.doc.off("update", change);
       if (shared && moved) model = extras(shared.doc, build(shared.doc));
@@ -10627,6 +10725,7 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
       const unbold = bolder2(univer.__getInjector());
       if (model.active) wb.setActiveSheet(model.active);
       if (!edit) wb.setEditable(false);
+      const fitting = setTimeout(() => fit2(univer.__getInjector(), wb.getId()));
       const state = { api: api2, model, original: bytes, changes: 0 };
       const untrack = track2(api2, model, { view: true, comment: notes3, edit }, () => {
         state.changes++;
@@ -10654,7 +10753,7 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
           last2 = JSON.stringify(here);
           people.setLocalStateField("selection", here);
         }
-        setLook({ bl: s.bl === 1, it: s.it === 1, ul: !!s.ul?.s, st: !!s.st?.s, ht: s.ht ?? 0, tb: s.tb === 3, merged: range2.isMerged() || range2.isPartOfMerge(), n: s.n?.pattern ?? "General", cl: s.cl?.rgb ?? "", bg: s.bg?.rgb ?? "" });
+        setLook({ bl: s.bl === 1, it: s.it === 1, ul: !!s.ul?.s, st: !!s.st?.s, fs: s.fs ?? 11, ht: s.ht ?? 0, tb: s.tb === 3, merged: range2.isMerged() || range2.isPartOfMerge(), n: s.n?.pattern ?? "General", cl: s.cl?.rgb ?? "", bg: s.bg?.rgb ?? "" });
       };
       const later = () => {
         if (!frame) frame = requestAnimationFrame(refresh);
@@ -10670,6 +10769,7 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
         selection.dispose();
         commands.dispose();
         cancelAnimationFrame(frame);
+        clearTimeout(fitting);
         host2.hidden = true;
         setTimeout(() => {
           univer.dispose();
@@ -10763,15 +10863,15 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
       setPop(null);
     }
   };
-  const tool = (Icon, label, onClick, pressed) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "aria-label": label, title: label, "aria-pressed": pressed, disabled: phase !== "ready", onClick, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { "aria-hidden": true }) });
-  const gap = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-sheet-gap" });
-  const anchor = (key2, trigger, body) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-sheet-anchor", children: [
+  const tool = (Icon, label, onClick, pressed) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", "aria-label": label, title: label, "aria-pressed": pressed, disabled: phase !== "ready", onClick, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { "aria-hidden": true }) });
+  const gap = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "w100n-sheet-gap" });
+  const anchor = (key2, trigger, body) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "w100n-sheet-anchor", children: [
     trigger,
-    pop === key2 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-sheet-pop", role: "dialog", children: body })
+    pop === key2 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "w100n-sheet-pop", role: "dialog", children: body })
   ] });
-  const opener = (key2, Icon, label, bar) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", "aria-label": label, title: label, "aria-expanded": pop === key2, disabled: phase !== "ready", onClick: () => setPop(pop === key2 ? null : key2), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { "aria-hidden": true }),
-    bar !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("i", { className: "w100n-sheet-bar", style: { background: bar || "currentColor" } })
+  const opener = (key2, Icon, label, bar) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { type: "button", "aria-label": label, title: label, "aria-expanded": pop === key2, disabled: phase !== "ready", onClick: () => setPop(pop === key2 ? null : key2), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { "aria-hidden": true }),
+    bar !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("i", { className: "w100n-sheet-bar", style: { background: bar || "currentColor" } })
   ] });
   const currency = language === "pl" ? '#,##0.00 "z\u0142"' : language === "uk" ? '#,##0.00 "\u20B4"' : '"$"#,##0.00';
   const formats = [
@@ -10788,7 +10888,7 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
   const sum = () => {
     const r = range()?.getRange();
     const ws = sheet2();
-    const numeric2 = (row2, c) => ws?.getRange(row2, c).getCellData()?.t === import_core6.CellValueType.NUMBER;
+    const numeric2 = (row2, c) => ws?.getRange(row2, c).getCellData()?.t === import_core7.CellValueType.NUMBER;
     if (r && ws) for (const x of autoSum(r, numeric2)) ws.getRange(x.row, x.col).setValue({ f: x.f });
   };
   const shown = formats.find(([, p]) => p === look?.n)?.[0] ?? (look && look.n !== "General" ? look.n : t.general);
@@ -10803,22 +10903,18 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
     if (rows) ws.deleteRows(r.startRow, r.endRow - r.startRow + 1);
     else ws.deleteColumns(r.startColumn, r.endColumn - r.startColumn + 1);
   };
-  const swatches = (list, pick, none, reset, current) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-sheet-swatches", children: [
-    list.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", "aria-label": c, "aria-pressed": current.toLowerCase() === c, onClick: () => pick(c), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("i", { style: { background: c } }) }, i)),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "w100n-sheet-none", onClick: reset, children: none })
-  ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w100n-sheet", "data-theme": theme, onKeyDownCapture: keys2, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w100n-sheet-ribbon", role: "toolbar", "aria-label": t.tools, onKeyDown: rove, onPointerDown: (e) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "w100n-sheet", "data-theme": theme, onKeyDownCapture: keys2, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "w100n-sheet-ribbon", role: "toolbar", "aria-label": t.tools, onKeyDown: rove, onPointerDown: (e) => {
       if (e.target.closest("button")) e.preventDefault();
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w100n-sheet-tools", children: [
-        edit && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-          tool(import_lucide_react6.Undo2, t.undo, () => void api()?.undo()),
-          tool(import_lucide_react6.Redo2, t.redo, () => void api()?.redo()),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "w100n-sheet-tools", children: [
+        edit && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+          tool(import_lucide_react7.Undo2, t.undo, () => void api()?.undo()),
+          tool(import_lucide_react7.Redo2, t.redo, () => void api()?.redo()),
           gap,
           anchor(
             "format",
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
               "button",
               {
                 type: "button",
@@ -10829,12 +10925,12 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
                 disabled: phase !== "ready",
                 onClick: () => setPop(pop === "format" ? null : "format"),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: shown }),
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.ChevronDown, { "aria-hidden": true })
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: shown }),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react7.ChevronDown, { "aria-hidden": true })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-sheet-list", children: formats.map(([label, pattern], i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "w100n-sheet-list", children: formats.map(([label, pattern], i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
               "button",
               {
                 type: "button",
@@ -10845,123 +10941,139 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
                 },
                 children: [
                   label,
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("small", { children: pattern === "General" ? "" : pattern })
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("small", { children: pattern === "General" ? "" : pattern })
                 ]
               },
               i
             )) })
           ),
-          tool(import_lucide_react6.Euro, t.asCurrency, () => range()?.setNumberFormat('#,##0.00 "\u20AC"'), look?.n === '#,##0.00 "\u20AC"'),
-          tool(import_lucide_react6.Percent, t.asPercent, () => range()?.setNumberFormat("0.00%"), look?.n === "0.00%"),
-          tool(import_lucide_react6.DecimalsArrowLeft, t.fewerDecimals, () => places(-1)),
-          tool(import_lucide_react6.DecimalsArrowRight, t.moreDecimals, () => places(1)),
+          tool(import_lucide_react7.Euro, t.asCurrency, () => range()?.setNumberFormat('#,##0.00 "\u20AC"'), look?.n === '#,##0.00 "\u20AC"'),
+          tool(import_lucide_react7.Percent, t.asPercent, () => range()?.setNumberFormat("0.00%"), look?.n === "0.00%"),
+          tool(import_lucide_react7.DecimalsArrowLeft, t.fewerDecimals, () => places(-1)),
+          tool(import_lucide_react7.DecimalsArrowRight, t.moreDecimals, () => places(1)),
           gap,
-          tool(import_lucide_react6.Bold, t.bold, () => run3("sheet.command.set-range-bold"), look?.bl),
-          tool(import_lucide_react6.Italic, t.italic, () => run3("sheet.command.set-range-italic"), look?.it),
-          tool(import_lucide_react6.Underline, t.underline, () => run3("sheet.command.set-range-underline"), look?.ul),
-          tool(import_lucide_react6.Strikethrough, t.strike, () => run3("sheet.command.set-range-stroke"), look?.st),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "w100n-sheet-size", role: "group", "aria-label": t.fontSize, children: [
+            tool(import_lucide_react7.Minus, t.smaller, () => run3("sheet.command.set-range-fontsize", { value: sized((look?.fs ?? 11) - 1) })),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              "input",
+              {
+                "aria-label": t.fontSize,
+                inputMode: "numeric",
+                disabled: phase !== "ready",
+                value: size2 ?? look?.fs ?? 11,
+                onFocus: (e) => e.currentTarget.select(),
+                onChange: (e) => setSize(e.target.value.replace(/\D/g, "").slice(0, 3)),
+                onBlur: () => {
+                  const n = Number(size2);
+                  if (size2 !== null && n) run3("sheet.command.set-range-fontsize", { value: sized(n) });
+                  setSize(null);
+                },
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") e.currentTarget.blur();
+                  if (e.key === "Escape") {
+                    setSize(null);
+                    e.currentTarget.blur();
+                  }
+                }
+              }
+            ),
+            tool(import_lucide_react7.Plus, t.bigger, () => run3("sheet.command.set-range-fontsize", { value: sized((look?.fs ?? 11) + 1) }))
+          ] }),
+          gap,
+          tool(import_lucide_react7.Bold, t.bold, () => run3("sheet.command.set-range-bold"), look?.bl),
+          tool(import_lucide_react7.Italic, t.italic, () => run3("sheet.command.set-range-italic"), look?.it),
+          tool(import_lucide_react7.Underline, t.underline, () => run3("sheet.command.set-range-underline"), look?.ul),
+          tool(import_lucide_react7.Strikethrough, t.strike, () => run3("sheet.command.set-range-stroke"), look?.st),
           anchor(
             "text",
-            opener("text", import_lucide_react6.Baseline, t.textColour, look?.cl ?? ""),
-            swatches(
-              ["#0f172a", "#475569", "#dc2626", "#ea580c", "#ca8a04", "#16a34a", "#0891b2", "#2563eb", "#7c3aed", "#db2777"],
-              (c) => run3("sheet.command.set-range-text-color", { value: c }),
-              t.automatic,
-              () => run3("sheet.command.reset-range-text-color"),
-              look?.cl ?? ""
-            )
+            opener("text", import_lucide_react7.Baseline, t.textColour, look?.cl ?? ""),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Swatches, { current: look?.cl ?? null, none: t.automatic, onPick: (c) => run3("sheet.command.set-range-text-color", { value: c }), onNone: () => run3("sheet.command.reset-range-text-color") })
           ),
           anchor(
             "fill",
-            opener("fill", import_lucide_react6.PaintBucket, t.fill, look?.bg ?? ""),
-            swatches(
-              ["#fee2e2", "#ffedd5", "#fef9c3", "#dcfce7", "#cffafe", "#dbeafe", "#ede9fe", "#fce7f3", "#f1f5f9", "#cbd5e1"],
-              (c) => run3("sheet.command.set-background-color", { value: c }),
-              t.noFill,
-              () => run3("sheet.command.reset-background-color"),
-              look?.bg ?? ""
-            )
+            opener("fill", import_lucide_react7.PaintBucket, t.fill, look?.bg ?? ""),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Swatches, { current: look?.bg ?? null, none: t.noFill, onPick: (c) => run3("sheet.command.set-background-color", { value: c }), onNone: () => run3("sheet.command.reset-background-color") })
           ),
           anchor(
             "border",
-            opener("border", import_lucide_react6.Grid2x2, t.borders),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-sheet-list", children: [[import_lucide_react6.Grid2x2, t.borderAll, "all"], [import_lucide_react6.Square, t.borderOuter, "outside"], [import_lucide_react6.PanelBottom, t.borderBottom, "bottom"], [import_lucide_react6.SquareDashed, t.borderNone, "none"]].map(([Icon, label, type]) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", onClick: () => border(type), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { "aria-hidden": true }),
+            opener("border", import_lucide_react7.Grid2x2, t.borders),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "w100n-sheet-list", children: [[import_lucide_react7.Grid2x2, t.borderAll, "all"], [import_lucide_react7.Square, t.borderOuter, "outside"], [import_lucide_react7.PanelBottom, t.borderBottom, "bottom"], [import_lucide_react7.SquareDashed, t.borderNone, "none"]].map(([Icon, label, type]) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { type: "button", onClick: () => border(type), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { "aria-hidden": true }),
               label
             ] }, type)) })
           ),
           gap,
-          tool(import_lucide_react6.TextAlignStart, t.alignLeft, () => run3("sheet.command.set-horizontal-text-align", { value: 1 }), look?.ht === 1),
-          tool(import_lucide_react6.TextAlignCenter, t.alignCenter, () => run3("sheet.command.set-horizontal-text-align", { value: 2 }), look?.ht === 2),
-          tool(import_lucide_react6.TextAlignEnd, t.alignRight, () => run3("sheet.command.set-horizontal-text-align", { value: 3 }), look?.ht === 3),
-          tool(import_lucide_react6.TextWrap, t.wrap, () => run3("sheet.command.set-text-wrap", { value: look?.tb ? 1 : 3 }), look?.tb),
-          look?.merged ? tool(import_lucide_react6.TableCellsSplit, t.unmerge, () => run3("sheet.command.remove-worksheet-merge"), true) : tool(import_lucide_react6.TableCellsMerge, t.merge, () => run3("sheet.command.add-worksheet-merge-all")),
+          tool(import_lucide_react7.TextAlignStart, t.alignLeft, () => run3("sheet.command.set-horizontal-text-align", { value: 1 }), look?.ht === 1),
+          tool(import_lucide_react7.TextAlignCenter, t.alignCenter, () => run3("sheet.command.set-horizontal-text-align", { value: 2 }), look?.ht === 2),
+          tool(import_lucide_react7.TextAlignEnd, t.alignRight, () => run3("sheet.command.set-horizontal-text-align", { value: 3 }), look?.ht === 3),
+          tool(import_lucide_react7.TextWrap, t.wrap, () => run3("sheet.command.set-text-wrap", { value: look?.tb ? 1 : 3 }), look?.tb),
+          look?.merged ? tool(import_lucide_react7.TableCellsSplit, t.unmerge, () => run3("sheet.command.remove-worksheet-merge"), true) : tool(import_lucide_react7.TableCellsMerge, t.merge, () => run3("sheet.command.add-worksheet-merge-all")),
           gap,
-          tool(import_lucide_react6.BetweenHorizontalStart, t.rowAbove, () => run3("sheet.command.insert-row-before")),
-          tool(import_lucide_react6.BetweenHorizontalEnd, t.rowBelow, () => run3("sheet.command.insert-row-after")),
-          tool(import_lucide_react6.BetweenVerticalStart, t.columnLeft, () => run3("sheet.command.insert-col-before")),
-          tool(import_lucide_react6.BetweenVerticalEnd, t.columnRight, () => run3("sheet.command.insert-col-after")),
-          tool(import_lucide_react6.TableRowsSplit, t.deleteRows, () => lines2(true)),
-          tool(import_lucide_react6.TableColumnsSplit, t.deleteColumns, () => lines2(false)),
+          tool(import_lucide_react7.BetweenHorizontalStart, t.rowAbove, () => run3("sheet.command.insert-row-before")),
+          tool(import_lucide_react7.BetweenHorizontalEnd, t.rowBelow, () => run3("sheet.command.insert-row-after")),
+          tool(import_lucide_react7.BetweenVerticalStart, t.columnLeft, () => run3("sheet.command.insert-col-before")),
+          tool(import_lucide_react7.BetweenVerticalEnd, t.columnRight, () => run3("sheet.command.insert-col-after")),
+          tool(import_lucide_react7.TableRowsSplit, t.deleteRows, () => lines2(true)),
+          tool(import_lucide_react7.TableColumnsSplit, t.deleteColumns, () => lines2(false)),
           anchor(
             "freeze",
-            opener("freeze", import_lucide_react6.Snowflake, t.freeze),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-sheet-list", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", onClick: () => {
+            opener("freeze", import_lucide_react7.Snowflake, t.freeze),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "w100n-sheet-list", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", onClick: () => {
                 sheet2()?.setFrozenRows(1);
                 setPop(null);
               }, children: t.freezeRow }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", onClick: () => {
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", onClick: () => {
                 sheet2()?.setFrozenColumns(1);
                 setPop(null);
               }, children: t.freezeColumn }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", onClick: () => run3("sheet.command.set-selection-frozen"), children: t.freezeHere }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", onClick: () => {
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", onClick: () => run3("sheet.command.set-selection-frozen"), children: t.freezeHere }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", onClick: () => {
                 sheet2()?.cancelFreeze();
                 setPop(null);
               }, children: t.freezeNone })
             ] })
           ),
           gap,
-          tool(import_lucide_react6.Sigma, t.sum, sum),
-          tool(import_lucide_react6.ArrowDownAZ, t.sortUp, () => run3("sheet.command.sort-range-asc")),
-          tool(import_lucide_react6.ArrowDownZA, t.sortDown, () => run3("sheet.command.sort-range-desc")),
-          !room && tool(import_lucide_react6.Funnel, t.filter, () => run3("sheet.command.smart-toggle-filter")),
+          tool(import_lucide_react7.Sigma, t.sum, sum),
+          tool(import_lucide_react7.ArrowDownAZ, t.sortUp, () => run3("sheet.command.sort-range-asc")),
+          tool(import_lucide_react7.ArrowDownZA, t.sortDown, () => run3("sheet.command.sort-range-desc")),
+          !room && tool(import_lucide_react7.Funnel, t.filter, () => run3("sheet.command.smart-toggle-filter")),
           gap
         ] }),
-        (edit || notes3) && tool(import_lucide_react6.StickyNote, t.note, () => run3("sheet.operation.add-note-popup")),
-        tool(import_lucide_react6.Search, t.find, () => run3("ui.operation.open-find-dialog"))
+        (edit || notes3) && tool(import_lucide_react7.StickyNote, t.note, () => run3("sheet.operation.add-note-popup")),
+        tool(import_lucide_react7.Search, t.find, () => run3("ui.operation.open-find-dialog"))
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-sheet-end", children: [
-        room && (room.ready ? !room.online : room.late || room.denied) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "w100n-text-live", title: room.denied ? void 0 : t.offlineHint, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.WifiOff, { "aria-hidden": true }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "w100n-sheet-end", children: [
+        room && (room.ready ? !room.online : room.late || room.denied) && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "w100n-text-live", title: room.denied ? void 0 : t.offlineHint, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react7.WifiOff, { "aria-hidden": true }),
           room.denied ? t.liveOff : t.offline
         ] }),
-        room && room.people.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-text-people", role: "group", "aria-label": t.people, children: room.people.map((p) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-text-face", title: p.me ? `${p.name} (${t.you})` : p.name, style: { "--face": p.color }, children: p.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("img", { src: p.avatarUrl, alt: "" }) : p.name.split(/\s+/).map((w) => w[0]).join("").slice(0, 2).toUpperCase() }, p.id)) }),
-        !edit && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-docs-badge", children: notes3 ? t.notesOnly : t.viewOnly }),
-        saving === "failed" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w100n-sheet-muted", role: "alert", children: refusal ? t.refused[refusal.code].replace("{sheet}", refusal.sheet) : t.saveFailed }),
-        (edit || notes3) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: !pending2 || saving === "busy" || phase !== "ready" || !!room && !room.online, onClick: () => void save2(), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Save, { "aria-hidden": true }),
+        room && room.people.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "w100n-text-people", role: "group", "aria-label": t.people, children: room.people.map((p) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "w100n-text-face", title: p.me ? `${p.name} (${t.you})` : p.name, style: { "--face": p.color }, children: p.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("img", { src: p.avatarUrl, alt: "" }) : p.name.split(/\s+/).map((w) => w[0]).join("").slice(0, 2).toUpperCase() }, p.id)) }),
+        !edit && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "w100n-docs-badge", children: notes3 ? t.notesOnly : t.viewOnly }),
+        saving === "failed" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "w100n-sheet-muted", role: "alert", children: refusal ? t.refused[refusal.code].replace("{sheet}", refusal.sheet) : t.saveFailed }),
+        (edit || notes3) && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: !pending2 || saving === "busy" || phase !== "ready" || !!room && !room.online, onClick: () => void save2(), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react7.Save, { "aria-hidden": true }),
           saving === "busy" ? t.saving : !pending2 && saving === "done" ? t.saved : t.save
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w100n-sheet-stage", onPointerDown: () => setPop(null), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { ref: box2, className: "w100n-sheet-grid" }),
-      phase !== "ready" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w100n-sheet-cover", children: phase === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: t.loading }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "w100n-sheet-stage", onPointerDown: () => setPop(null), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { ref: box2, className: "w100n-sheet-grid" }),
+      phase !== "ready" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w100n-sheet-cover", children: phase === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: t.loading }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { children: [
         t.failed,
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "w100n-docs-action", onClick: () => setAttempt((n) => n + 1), children: t.retry })
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "w100n-docs-action", onClick: () => setAttempt((n) => n + 1), children: t.retry })
       ] }) })
     ] })
   ] });
 }
-var import_react12, import_lucide_react6, import_core6, import_jsx_runtime8, decimals, letters2, SheetView_default;
+var import_react12, import_lucide_react7, import_core7, import_jsx_runtime9, sized, decimals, letters2, SheetView_default;
 var init_SheetView = __esm({
   "src/sheets/SheetView.tsx"() {
     "use strict";
     import_react12 = require("react");
-    import_lucide_react6 = require("lucide-react");
-    import_core6 = require("@univerjs/core");
+    import_lucide_react7 = require("lucide-react");
+    import_core7 = require("@univerjs/core");
     init_live();
     init_focus();
     init_bind();
@@ -10972,8 +11084,10 @@ var init_SheetView = __esm({
     init_shared();
     init_text2();
     init_xlsx();
+    init_Swatches();
     init_sheets();
-    import_jsx_runtime8 = require("react/jsx-runtime");
+    import_jsx_runtime9 = require("react/jsx-runtime");
+    sized = (n) => Math.min(96, Math.max(6, Math.round(n)));
     decimals = (pattern, step) => {
       const p = pattern === "General" ? "0" : pattern;
       const next = Math.max(0, (/0(?:\.(0+))?/.exec(p)?.[1]?.length ?? 0) + step);
@@ -11058,15 +11172,15 @@ function changes2(before, after) {
 }
 function Compare({ host, documentId, kind, older, t }) {
   const rows = useLoad(async (signal) => changes2(await textOf2(kind, older), await textOf2(kind, await host.content(documentId, null, { signal }))), [host, documentId, older]);
-  if (rows.error) return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w100n-docs-empty", children: t.failed });
-  if (!rows.data) return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w100n-docs-empty", children: t.loading });
+  if (rows.error) return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w100n-docs-empty", children: t.failed });
+  if (!rows.data) return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w100n-docs-empty", children: t.loading });
   const added = rows.data.filter((r) => r.op === "+").length, removed = rows.data.filter((r) => r.op === "-").length, edited = rows.data.filter((r) => r.op === "~").length;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w100n-docs-scroll", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w100n-docs-page w100n-compare", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "w100n-compare-sum", children: added + removed + edited ? t.changeCount.replace("{added}", String(added)).replace("{edited}", String(edited)).replace("{removed}", String(removed)) : t.noChanges }),
-    rows.data.map((r, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { "data-op": r.op, children: r.parts.map((p, k) => p.op === "=" ? p.text : p.op === "+" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ins", { children: p.text }, k) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("del", { children: p.text }, k)) }, i))
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w100n-docs-scroll", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "w100n-docs-page w100n-compare", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "w100n-compare-sum", children: added + removed + edited ? t.changeCount.replace("{added}", String(added)).replace("{edited}", String(edited)).replace("{removed}", String(removed)) : t.noChanges }),
+    rows.data.map((r, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { "data-op": r.op, children: r.parts.map((p, k) => p.op === "=" ? p.text : p.op === "+" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("ins", { children: p.text }, k) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("del", { children: p.text }, k)) }, i))
   ] }) });
 }
-var import_jsx_runtime16, words2, alike;
+var import_jsx_runtime18, words2, alike;
 var init_Compare = __esm({
   "src/Compare.tsx"() {
     "use strict";
@@ -11074,7 +11188,7 @@ var init_Compare = __esm({
     init_diff();
     init_markdown();
     init_useLoad();
-    import_jsx_runtime16 = require("react/jsx-runtime");
+    import_jsx_runtime18 = require("react/jsx-runtime");
     words2 = (text) => text.split(/(\s+)/).filter(Boolean);
     alike = (a, b) => {
       const x = a.split(/\s+/).filter(Boolean), y = b.split(/\s+/).filter(Boolean);
@@ -11091,6 +11205,7 @@ __export(index_exports, {
   FilePreview: () => FilePreview,
   GuestDocument: () => GuestDocument,
   GuestRefused: () => GuestRefused,
+  PreviewCard: () => PreviewCard,
   SlidesView: () => SlidesView,
   kindOf: () => kindOf,
   kinds: () => kinds,
@@ -11104,7 +11219,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/DocumentOverlay.tsx
-var import_lucide_react7 = require("lucide-react");
+var import_lucide_react8 = require("lucide-react");
 var import_react13 = require("react");
 var import_react_dom3 = require("react-dom");
 init_focus();
@@ -11988,7 +12103,7 @@ function SlidesView({ html, name, rights, language = "en", theme = "light", base
     pages.current.set(id, page);
     return page;
   };
-  const fit = (box2, pad = 0) => box2.w > pad && box2.h > pad ? Math.min((box2.w - pad) / deck.width, (box2.h - pad) / deck.height) : 0.5;
+  const fit2 = (box2, pad = 0) => box2.w > pad && box2.h > pad ? Math.min((box2.w - pad) / deck.width, (box2.h - pad) / deck.height) : 0.5;
   const byKey = (a, b) => deck.slides[a].key < deck.slides[b].key ? -1 : 1;
   const around3 = (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}` : ""}`;
@@ -12331,7 +12446,7 @@ function SlidesView({ html, name, rights, language = "en", theme = "light", base
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "w100n-slides-main", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: stageRef, className: "w100n-slides-stage", style: { "--w100n-ratio": `${deck.width} / ${deck.height}` }, children: around3(index).map((i) => {
           const id = `m:${deck.slides[i].key}:${epoch}`;
-          return frame(id, frozen2(deck.slides[i], id, "edit"), fit(stageBox, 32), caption(i), i !== index);
+          return frame(id, frozen2(deck.slides[i], id, "edit"), fit2(stageBox, 32), caption(i), i !== index);
         }) }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "w100n-slides-notes", "aria-label": t.notes, children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { children: [
@@ -12358,7 +12473,7 @@ function SlidesView({ html, name, rights, language = "en", theme = "light", base
         children: [
           around3(nav.at).map((i) => {
             const id = `p:${deck.slides[i].key}:${epoch}`;
-            return frame(id, frozen2(deck.slides[i], id, "present"), fit(showBox), caption(i), i !== nav.at, true);
+            return frame(id, frozen2(deck.slides[i], id, "present"), fit2(showBox), caption(i), i !== nav.at, true);
           }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "w100n-slides-count", children: [
             nav.at + 1,
@@ -12405,7 +12520,7 @@ function SlidesView({ html, name, rights, language = "en", theme = "light", base
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "w100n-slides-desk", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: nowRef, className: "w100n-slides-now", children: frame(`q:${shown.key}:${epoch}`, frozen2(shown, `q:${shown.key}:${epoch}`, "present"), fit(nowBox, 16), caption(nav.at), false, true) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: nowRef, className: "w100n-slides-now", children: frame(`q:${shown.key}:${epoch}`, frozen2(shown, `q:${shown.key}:${epoch}`, "present"), fit2(nowBox, 16), caption(nav.at), false, true) }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("aside", { className: "w100n-slides-side", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "w100n-docs-caption", children: t.upNext }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: nextRef, className: "w100n-slides-next", children: nav.at < count - 1 ? frame(
@@ -12845,7 +12960,7 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
   const [box2, setBox] = (0, import_react6.useState)({ w: 0, h: 0 });
   const [top, setTop] = (0, import_react6.useState)(0);
   const [railTop, setRailTop] = (0, import_react6.useState)(0);
-  const [fit, setFit] = (0, import_react6.useState)("auto");
+  const [fit2, setFit] = (0, import_react6.useState)("auto");
   const [zoom, setZoom] = (0, import_react6.useState)(100);
   const [rail, setRail] = (0, import_react6.useState)(false);
   const [typed, setTyped] = (0, import_react6.useState)(null);
@@ -12953,7 +13068,7 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
   const widest = Math.max(1, ...sizes2.map((s) => s.w));
   const tallest = Math.max(1, ...sizes2.map((s) => s.h));
   const room = { w: Math.max(120, box2.w - 32), h: Math.max(120, box2.h - 32) };
-  const scale = fit === "auto" ? Math.min(room.w / widest, 5 / 3) : fit === "width" ? room.w / widest : fit === "page" ? Math.min(room.w / widest, room.h / tallest) : zoom / 75;
+  const scale = fit2 === "auto" ? Math.min(room.w / widest, 5 / 3) : fit2 === "width" ? room.w / widest : fit2 === "page" ? Math.min(room.w / widest, room.h / tallest) : zoom / 75;
   const percent = Math.round(scale * 75);
   const tops = [];
   let end = 16;
@@ -13301,8 +13416,8 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
       "%"
     ] }) },
     { key: "in", at: 2, Icon: import_lucide_react4.Plus, label: t.zoomIn, run: () => zoomBy(1), stay: true },
-    { key: "width", at: 1, Icon: import_lucide_react4.MoveHorizontal, label: t.fitWidth, run: () => setFit("width"), pressed: fit === "width" },
-    { key: "fit", at: 1, Icon: import_lucide_react4.Maximize, label: t.fitPage, run: () => setFit("page"), pressed: fit === "page" },
+    { key: "width", at: 1, Icon: import_lucide_react4.MoveHorizontal, label: t.fitWidth, run: () => setFit("width"), pressed: fit2 === "width" },
+    { key: "fit", at: 1, Icon: import_lucide_react4.Maximize, label: t.fitPage, run: () => setFit("page"), pressed: fit2 === "page" },
     { key: "g2", at: 2, node: gap },
     { key: "find", at: 0, Icon: import_lucide_react4.Search, label: t.find, run: () => setQuery(query === null ? "" : null), pressed: query !== null },
     ...can.mark ? [
@@ -13512,10 +13627,10 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
 }
 
 // src/DocumentOverlay.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var TextEditor2 = (0, import_react13.lazy)(() => Promise.resolve().then(() => (init_TextEditor(), TextEditor_exports)));
 var SheetView2 = (0, import_react13.lazy)(() => Promise.resolve().then(() => (init_SheetView(), SheetView_exports)));
-var icons = { docx: import_lucide_react7.FileText, markdown: import_lucide_react7.FileType, pdf: import_lucide_react7.Files, sheet: import_lucide_react7.FileSpreadsheet, slides: import_lucide_react7.Presentation };
+var icons = { docx: import_lucide_react8.FileText, markdown: import_lucide_react8.FileType, pdf: import_lucide_react8.Files, sheet: import_lucide_react8.FileSpreadsheet, slides: import_lucide_react8.Presentation };
 var read = { view: true, comment: false, edit: false };
 var quiet2 = () => {
 };
@@ -13564,10 +13679,10 @@ function DocumentOverlay({ source, name, mimeType, info, download, actions, onCl
     setTimeout(() => URL.revokeObjectURL(url), 1e3);
   };
   const sheet2 = readable(name, mimeType) !== "sheet" ? null : /\.csv$/i.test(name) || mimeType === "text/csv" ? "csv" : "xlsx";
-  const wait = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w100n-docs-empty", children: t.loading });
+  const wait = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "w100n-docs-empty", children: t.loading });
   let stage = null;
   if (bytes && !doc.loading) {
-    if (kind === "pdf") stage = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    if (kind === "pdf") stage = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       PdfView,
       {
         bytes,
@@ -13581,37 +13696,37 @@ function DocumentOverlay({ source, name, mimeType, info, download, actions, onCl
         guard
       }
     );
-    else if (kind === "docx" || kind === "markdown") stage = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react13.Suspense, { fallback: wait, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TextEditor2, { kind, bytes, t, language, rights: read, documentId: documentId ?? name, onOutline: quiet2, slot: null }) });
-    else if (kind === "slides") stage = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SlidesView, { html: new TextDecoder().decode(bytes), name, rights: read, language, theme, onOutline: quiet2 });
-    else if (sheet2) stage = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react13.Suspense, { fallback: wait, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SheetView2, { bytes, name, kind: sheet2, rights: read, language, theme, documentId: documentId ?? name }) });
-    else stage = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w100n-docs-empty", children: t.unsupported });
-  }
-  return (0, import_react_dom3.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { ref: box2, className: "w100n-docs w100n-docs-overlay", "data-theme": theme, role: "dialog", "aria-modal": true, "aria-label": name, tabIndex: -1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("header", { className: "w100n-docs-bar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "w100n-docs-tile", "data-kind": kind, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Kind, { "aria-hidden": true }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "w100n-docs-heading", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("strong", { className: "w100n-docs-title", children: name }),
-        info && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "w100n-docs-crumbs", children: info })
+    else if (kind === "docx" || kind === "markdown") stage = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react13.Suspense, { fallback: wait, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TextEditor2, { kind, bytes, t, language, rights: read, documentId: documentId ?? name, onOutline: quiet2, slot: null }) });
+    else if (kind === "slides") stage = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SlidesView, { html: new TextDecoder().decode(bytes), name, rights: read, language, theme, onOutline: quiet2 });
+    else if (sheet2) stage = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react13.Suspense, { fallback: wait, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SheetView2, { bytes, name, kind: sheet2, rights: read, language, theme, documentId: documentId ?? name }) });
+    else stage = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "w100n-docs-empty", children: t.unsupported });
+  }
+  return (0, import_react_dom3.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { ref: box2, className: "w100n-docs w100n-docs-overlay", "data-theme": theme, role: "dialog", "aria-modal": true, "aria-label": name, tabIndex: -1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("header", { className: "w100n-docs-bar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "w100n-docs-tile", "data-kind": kind, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Kind, { "aria-hidden": true }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "w100n-docs-heading", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { className: "w100n-docs-title", children: name }),
+        info && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "w100n-docs-crumbs", children: info })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "w100n-docs-end", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "w100n-docs-end", children: [
         actions,
-        download && !saved || !bytes ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("a", { className: "w100n-docs-action", href: download ?? (typeof source === "string" ? source : void 0), download: name, "aria-label": t.download, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react7.Download, { "aria-hidden": true }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: t.download })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { type: "button", className: "w100n-docs-action", onClick: save2, "aria-label": t.download, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react7.Download, { "aria-hidden": true }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: t.download })
+        download && !saved || !bytes ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("a", { className: "w100n-docs-action", href: download ?? (typeof source === "string" ? source : void 0), download: name, "aria-label": t.download, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react8.Download, { "aria-hidden": true }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: t.download })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("button", { type: "button", className: "w100n-docs-action", onClick: save2, "aria-label": t.download, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react8.Download, { "aria-hidden": true }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: t.download })
         ] }),
-        onOpen && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { type: "button", className: "w100n-docs-action", onClick: () => ask(onOpen), "aria-label": t.openInDocuments, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react7.ExternalLink, { "aria-hidden": true }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: t.openInDocuments })
+        onOpen && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("button", { type: "button", className: "w100n-docs-action", onClick: () => ask(onOpen), "aria-label": t.openInDocuments, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react8.ExternalLink, { "aria-hidden": true }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: t.openInDocuments })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "w100n-docs-close", onClick: close, "aria-label": t.close, title: t.close, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react7.X, { "aria-hidden": true }) })
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", className: "w100n-docs-close", onClick: close, "aria-label": t.close, title: t.close, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react8.X, { "aria-hidden": true }) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w100n-docs-body", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("main", { className: "w100n-docs-stage", children: loaded.error ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "w100n-docs-empty", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "w100n-docs-body", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("main", { className: "w100n-docs-stage", children: loaded.error ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "w100n-docs-empty", children: [
       t.failed,
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: loaded.retry, children: t.retry })
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: loaded.retry, children: t.retry })
     ] }) : stage ?? wait }) }),
     dialog
   ] }), document.body);
@@ -13620,13 +13735,13 @@ function DocumentOverlay({ source, name, mimeType, info, download, actions, onCl
 // src/DocumentsWorkspace.tsx
 var import_react19 = require("react");
 var import_react_dom4 = require("react-dom");
-var import_lucide_react13 = require("lucide-react");
+var import_lucide_react14 = require("lucide-react");
 
 // src/Backlinks.tsx
-var import_lucide_react8 = require("lucide-react");
+var import_lucide_react9 = require("lucide-react");
 init_wiki();
 init_useLoad();
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var wikis = /\[\[([^[\]\n|]+?)(?:\|([^[\]\n]+?))?\]\]/g;
 var around2 = (text, from, to) => ({
   before: text.slice(Math.max(0, from - 70), from).replace(/^\S*\s/, "").replace(/\s+/g, " "),
@@ -13675,33 +13790,33 @@ function Backlinks({ host, current, notes: notes3, t, onOpen }) {
     }));
     return mentions(current, notes3, texts2);
   }, [host, current.id, current.name, others.map((item) => `${item.id}:${item.updatedAt}`).join()]);
-  if (found.loading && !found.data) return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "w100n-docs-muted", children: t.loading });
-  if (found.error) return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "w100n-docs-muted", children: t.failed });
+  if (found.loading && !found.data) return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "w100n-docs-muted", children: t.loading });
+  if (found.error) return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "w100n-docs-muted", children: t.failed });
   const { linked, unlinked } = found.data;
-  const card = (m) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("button", { type: "button", className: "w100n-links-card", onClick: () => onOpen(m.item), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("b", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react8.FileType, { "aria-hidden": true }),
+  const card = (m) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("button", { type: "button", className: "w100n-links-card", onClick: () => onOpen(m.item), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("b", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react9.FileType, { "aria-hidden": true }),
       m.item.name.replace(/\.(md|markdown)$/i, "")
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("small", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("small", { children: [
       "\u2026",
       m.before,
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("mark", { children: m.hit }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("mark", { children: m.hit }),
       m.after,
       "\u2026"
     ] }),
-    m.item.folder && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("small", { className: "w100n-links-folder", children: m.item.folder })
+    m.item.folder && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("small", { className: "w100n-links-folder", children: m.item.folder })
   ] }, m.item.id);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "w100n-links", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { className: "w100n-docs-caption", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "w100n-links", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { className: "w100n-docs-caption", children: [
       t.linked,
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: linked.length })
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: linked.length })
     ] }),
-    linked.length ? linked.map(card) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "w100n-docs-muted", children: t.noBacklinks }),
-    unlinked.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { className: "w100n-docs-caption", children: [
+    linked.length ? linked.map(card) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "w100n-docs-muted", children: t.noBacklinks }),
+    unlinked.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { className: "w100n-docs-caption", children: [
         t.unlinked,
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: unlinked.length })
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: unlinked.length })
       ] }),
       unlinked.map(card)
     ] })
@@ -13713,8 +13828,8 @@ init_focus();
 
 // src/Jump.tsx
 var import_react14 = require("react");
-var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var bare3 = (name) => name.replace(/\.(md|markdown)$/i, "");
 function rank(item, q) {
   const name = bare3(item.name).toLowerCase();
@@ -13731,9 +13846,9 @@ function rank(item, q) {
 }
 var lit = (text, q) => {
   const at2 = q ? text.toLowerCase().indexOf(q) : -1;
-  return at2 < 0 ? text : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+  return at2 < 0 ? text : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
     text.slice(0, at2),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("mark", { children: text.slice(at2, at2 + q.length) }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("mark", { children: text.slice(at2, at2 + q.length) }),
     text.slice(at2 + q.length)
   ] });
 };
@@ -13752,12 +13867,12 @@ function Jump({ mode, items, actions, t, place: place2, onOpen, onCreate, onClos
     else if (mode === "run") doing[i]?.run();
     else if (make2) onCreate(query.trim());
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "w100n-jump-back", onPointerDown: (e) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w100n-jump-back", onPointerDown: (e) => {
     if (e.target === e.currentTarget) onClose();
-  }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "w100n-jump", role: "dialog", "aria-modal": true, "aria-label": mode === "open" ? t.openNote : t.commands, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "w100n-jump-field", children: [
-      mode === "open" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react9.Search, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react9.Command, { "aria-hidden": true }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-jump", role: "dialog", "aria-modal": true, "aria-label": mode === "open" ? t.openNote : t.commands, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "w100n-jump-field", children: [
+      mode === "open" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.Search, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.Command, { "aria-hidden": true }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "input",
         {
           autoFocus: true,
@@ -13783,29 +13898,29 @@ function Jump({ mode, items, actions, t, place: place2, onOpen, onCreate, onClos
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "w100n-jump-list", role: "listbox", "aria-label": mode === "open" ? t.openNote : t.commands, children: [
-      found.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("button", { type: "button", role: "option", "aria-selected": i === pick, onPointerMove: () => setAt(i), onClick: () => go(i), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react9.FileType, { "aria-hidden": true }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: lit(bare3(item.name), q) }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("small", { children: place2(item) })
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-jump-list", role: "listbox", "aria-label": mode === "open" ? t.openNote : t.commands, children: [
+      found.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", role: "option", "aria-selected": i === pick, onPointerMove: () => setAt(i), onClick: () => go(i), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.FileType, { "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: lit(bare3(item.name), q) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("small", { children: place2(item) })
       ] }, item.id)),
-      doing.map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("button", { type: "button", role: "option", "aria-selected": i === pick, onPointerMove: () => setAt(i), onClick: () => go(i), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(a.icon, { "aria-hidden": true }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: lit(a.label, q) }),
-        a.keys && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("kbd", { children: a.keys })
+      doing.map((a, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", role: "option", "aria-selected": i === pick, onPointerMove: () => setAt(i), onClick: () => go(i), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(a.icon, { "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: lit(a.label, q) }),
+        a.keys && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("kbd", { children: a.keys })
       ] }, a.id)),
-      make2 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("button", { type: "button", role: "option", "aria-selected": pick === found.length, onPointerMove: () => setAt(found.length), onClick: () => go(found.length), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react9.Plus, { "aria-hidden": true }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: t.createNote.replace("{name}", query.trim()) })
+      make2 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", role: "option", "aria-selected": pick === found.length, onPointerMove: () => setAt(found.length), onClick: () => go(found.length), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.Plus, { "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: t.createNote.replace("{name}", query.trim()) })
       ] }),
-      !total && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "w100n-docs-muted", children: t.noNote })
+      !total && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "w100n-docs-muted", children: t.noNote })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "w100n-jump-keys", children: mode === "open" ? t.keysOpen : t.keysRun })
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "w100n-jump-keys", children: mode === "open" ? t.keysOpen : t.keysRun })
   ] }) });
 }
 
 // src/NewDocument.tsx
-var import_lucide_react10 = require("lucide-react");
+var import_lucide_react11 = require("lucide-react");
 var import_react15 = require("react");
 
 // src/blank.ts
@@ -13932,8 +14047,8 @@ function blank4(kind, name, template = "blank") {
 // src/NewDocument.tsx
 init_focus();
 init_useLoad();
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var icons2 = { docx: import_lucide_react10.FileText, markdown: import_lucide_react10.FileType, sheet: import_lucide_react10.FileSpreadsheet, slides: import_lucide_react10.Presentation };
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var icons2 = { docx: import_lucide_react11.FileText, markdown: import_lucide_react11.FileType, sheet: import_lucide_react11.FileSpreadsheet, slides: import_lucide_react11.Presentation };
 var shaped = ["blank", "letter", "contract", "notes", "invoice", "report"];
 function NewDocument({ host, t, onClose, onMade }) {
   const id = (0, import_react15.useId)();
@@ -13958,77 +14073,77 @@ function NewDocument({ host, t, onClose, onMade }) {
       setState("failed");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w100n-pdf-back", onKeyDown: (e) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w100n-pdf-back", onKeyDown: (e) => {
     if (e.key === "Escape") {
       e.stopPropagation();
       onClose();
     }
-  }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("form", { className: "w100n-pdf-dialog w100n-new", role: "dialog", "aria-modal": true, "aria-labelledby": `${id}t`, onSubmit: (e) => {
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("form", { className: "w100n-pdf-dialog w100n-new", role: "dialog", "aria-modal": true, "aria-labelledby": `${id}t`, onSubmit: (e) => {
     e.preventDefault();
     void make2();
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-new-head", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-new-tile", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.Plus, { "aria-hidden": true }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("b", { id: `${id}t`, className: "w100n-pdf-dialog-title", children: t.newTitle }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", className: "w100n-docs-close", onClick: onClose, "aria-label": t.close, title: t.close, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.X, { "aria-hidden": true }) })
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-new-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-new-tile", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.Plus, { "aria-hidden": true }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("b", { id: `${id}t`, className: "w100n-pdf-dialog-title", children: t.newTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", className: "w100n-docs-close", onClick: onClose, "aria-label": t.close, title: t.close, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.X, { "aria-hidden": true }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { role: "radiogroup", "aria-label": t.kind, className: "w100n-new-kinds", children: Object.keys(icons2).map((item) => {
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { role: "radiogroup", "aria-label": t.kind, className: "w100n-new-kinds", children: Object.keys(icons2).map((item) => {
       const Icon = icons2[item];
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", role: "radio", "aria-checked": kind === item, "data-kind": item, onClick: () => {
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("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__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-tile", "data-kind": item, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { "aria-hidden": true }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("b", { children: t.newKinds[item] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("small", { children: t.kindHints[item] })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-tile", "data-kind": item, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { "aria-hidden": true }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("b", { children: t.newKinds[item] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("small", { children: t.kindHints[item] })
         ] })
       ] }, item);
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "w100n-docs-caption", children: t.startFrom }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { role: "radiogroup", "aria-label": t.startFrom, className: "w100n-new-templates", children: choices.map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", role: "radio", "aria-checked": !team && template === item, onClick: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "w100n-docs-caption", children: t.startFrom }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { role: "radiogroup", "aria-label": t.startFrom, className: "w100n-new-templates", children: choices.map((item) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", role: "radio", "aria-checked": !team && template === item, onClick: () => {
       setTeam(null);
       setTemplate(item);
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-new-sheet", "data-blank": item === "blank", children: item === "blank" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.Plus, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("i", { "data-head": true }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("i", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("i", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("i", { "data-accent": true }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("i", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("i", {})
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-new-sheet", "data-blank": item === "blank", children: item === "blank" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.Plus, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", { "data-head": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", { "data-accent": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", {})
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: t.templates[item] })
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: t.templates[item] })
     ] }, item)) }),
-    ours2.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "w100n-docs-caption", children: t.teamTemplates }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { role: "radiogroup", "aria-label": t.teamTemplates, className: "w100n-new-templates", children: ours2.map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", role: "radio", "aria-checked": team?.id === item.id, onClick: () => setTeam(item), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "w100n-new-sheet", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("i", { "data-head": true }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("i", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("i", { "data-accent": true }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("i", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("i", {})
+    ours2.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "w100n-docs-caption", children: t.teamTemplates }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { role: "radiogroup", "aria-label": t.teamTemplates, className: "w100n-new-templates", children: ours2.map((item) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", role: "radio", "aria-checked": team?.id === item.id, onClick: () => setTeam(item), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "w100n-new-sheet", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", { "data-head": true }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", { "data-accent": true }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", {})
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { title: item.name, children: stem(item.name) })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { title: item.name, children: stem(item.name) })
       ] }, item.id)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-new-fields", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-caption", children: t.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("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__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-new-fields", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-caption", children: t.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("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__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-caption", children: t.savesTo }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-field w100n-new-place", children: host.createIn })
+      host.createIn && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-caption", children: t.savesTo }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-field w100n-new-place", children: host.createIn })
       ] })
     ] }),
-    state === "failed" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.makeFailed }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-pdf-dialog-end", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: onClose, children: t.cancel }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "submit", className: "w100n-docs-action", disabled: state === "busy", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.Check, { "aria-hidden": true }),
+    state === "failed" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.makeFailed }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-pdf-dialog-end", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: onClose, children: t.cancel }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "submit", className: "w100n-docs-action", disabled: state === "busy", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.Check, { "aria-hidden": true }),
         state === "busy" ? t.making : t.make
       ] })
     ] })
@@ -14037,9 +14152,9 @@ function NewDocument({ host, t, onClose, onMade }) {
 
 // src/Sharing.tsx
 var import_react16 = require("react");
-var import_lucide_react11 = require("lucide-react");
+var import_lucide_react12 = require("lucide-react");
 init_useLoad();
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var blank5 = { id: null, comment: false, download: false, askName: true, works: "30", day: "", password: false, secret: "", had: false };
 var local = (iso) => {
   const at2 = new Date(iso);
@@ -14111,31 +14226,31 @@ function Sharing({ host, doc, t, language, team }) {
       setCopied(null);
     }
   };
-  if (form) return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-share", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { className: "w100n-docs-caption", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.Link, { "aria-hidden": true }),
+  if (form) return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-share", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("p", { className: "w100n-docs-caption", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react12.Link, { "aria-hidden": true }),
       form.id ? t.changeLink : t.newLink
     ] }),
-    text && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-share-field", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: t.guestsCan }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-chips", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", "aria-pressed": !form.comment, onClick: () => setForm({ ...form, comment: false }), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.Eye, { "aria-hidden": true }),
+    text && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-share-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: t.guestsCan }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-docs-chips", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", "aria-pressed": !form.comment, onClick: () => setForm({ ...form, comment: false }), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react12.Eye, { "aria-hidden": true }),
           t.canRead
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", "aria-pressed": form.comment, onClick: () => setForm({ ...form, comment: true }), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.MessageSquarePlus, { "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", "aria-pressed": form.comment, onClick: () => setForm({ ...form, comment: true }), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react12.MessageSquarePlus, { "aria-hidden": true }),
           t.canComment
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-share-field", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: t.linkWorks }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w100n-docs-chips", children: [["7", t.days7], ["30", t.days30], ["off", t.untilTurnOff], ["day", t.pickDay]].map(([key2, label]) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", "aria-pressed": form.works === key2, onClick: () => setForm({ ...form, works: key2 }), children: [
-        key2 === "day" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.CalendarDays, { "aria-hidden": true }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-share-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: t.linkWorks }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w100n-docs-chips", children: [["7", t.days7], ["30", t.days30], ["off", t.untilTurnOff], ["day", t.pickDay]].map(([key2, label]) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", "aria-pressed": form.works === key2, onClick: () => setForm({ ...form, works: key2 }), children: [
+        key2 === "day" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react12.CalendarDays, { "aria-hidden": true }),
         label
       ] }, key2)) }),
-      form.works === "day" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      form.works === "day" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "input",
         {
           type: "date",
@@ -14147,14 +14262,14 @@ function Sharing({ host, doc, t, language, team }) {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { className: "w100n-share-toggle", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("input", { type: "checkbox", checked: form.password, onChange: (e) => setForm({ ...form, password: e.target.checked }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("b", { children: t.passwordOn }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("small", { children: t.passwordHint })
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "w100n-share-toggle", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("input", { type: "checkbox", checked: form.password, onChange: (e) => setForm({ ...form, password: e.target.checked }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("b", { children: t.passwordOn }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("small", { children: t.passwordHint })
       ] })
     ] }),
-    form.password && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    form.password && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "input",
       {
         type: "password",
@@ -14166,120 +14281,120 @@ function Sharing({ host, doc, t, language, team }) {
         onChange: (e) => setForm({ ...form, secret: e.target.value })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { className: "w100n-share-toggle", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("input", { type: "checkbox", checked: form.download, onChange: (e) => setForm({ ...form, download: e.target.checked }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("b", { children: t.downloadFile }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("small", { children: t.downloadHint })
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "w100n-share-toggle", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("input", { type: "checkbox", checked: form.download, onChange: (e) => setForm({ ...form, download: e.target.checked }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("b", { children: t.downloadFile }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("small", { children: t.downloadHint })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { className: "w100n-share-toggle", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("input", { type: "checkbox", checked: form.askName, onChange: (e) => setForm({ ...form, askName: e.target.checked }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("b", { children: t.askName }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("small", { children: t.askNameHint })
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "w100n-share-toggle", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("input", { type: "checkbox", checked: form.askName, onChange: (e) => setForm({ ...form, askName: e.target.checked }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("b", { children: t.askName }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("small", { children: t.askNameHint })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "w100n-docs-muted", children: t.lastSaved }),
-    state === "failed" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.shareFailed }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "w100n-pdf-dialog-end", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "w100n-docs-muted", children: t.lastSaved }),
+    state === "failed" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.shareFailed }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "w100n-pdf-dialog-end", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => {
         setForm(null);
         setState("idle");
       }, children: t.cancel }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: !ready || state === "busy", onClick: () => void submit(), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.Link, { "aria-hidden": true }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: !ready || state === "busy", onClick: () => void submit(), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react12.Link, { "aria-hidden": true }),
         form.id ? t.saveLink : t.makeLink
       ] })
     ] })
   ] });
   const on2 = links.data ?? [];
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-share", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { className: "w100n-docs-caption", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.Link, { "aria-hidden": true }),
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-share", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("p", { className: "w100n-docs-caption", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react12.Link, { "aria-hidden": true }),
       t.guestLinks,
-      on2.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: on2.filter((l) => !l.ended).length })
+      on2.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: on2.filter((l) => !l.ended).length })
     ] }),
-    links.error && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-note", children: [
+    links.error && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-docs-note", children: [
       t.failed,
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", onClick: links.retry, children: t.retry })
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", onClick: links.retry, children: t.retry })
     ] }),
-    links.data && !on2.length && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "w100n-docs-muted", children: t.noLinks }),
-    state === "failed" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.shareFailed }),
-    on2.map((l) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("article", { className: "w100n-share-link", "data-ended": l.ended, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("header", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-share-tile", "data-tone": l.comment ? "amber" : "blue", children: l.comment ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.MessageSquarePlus, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.Eye, { "aria-hidden": true }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("b", { children: l.comment ? t.commentLink : t.viewLink }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("small", { children: [
+    links.data && !on2.length && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "w100n-docs-muted", children: t.noLinks }),
+    state === "failed" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.shareFailed }),
+    on2.map((l) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("article", { className: "w100n-share-link", "data-ended": l.ended, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("header", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "w100n-share-tile", "data-tone": l.comment ? "amber" : "blue", children: l.comment ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react12.MessageSquarePlus, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react12.Eye, { "aria-hidden": true }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("b", { children: l.comment ? t.commentLink : t.viewLink }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("small", { children: [
             t.madeBy.replace("{name}", l.createdBy.name),
             " \xB7 ",
             day(l.createdAt)
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-share-chips", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.Clock, { "aria-hidden": true }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-share-chips", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react12.Clock, { "aria-hidden": true }),
           l.ended ? t.linkEnded : l.endsAt ? t.endsOn.replace("{date}", day(l.endsAt)) : t.untilOff
         ] }),
-        l.download && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.Download, { "aria-hidden": true }),
+        l.download && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react12.Download, { "aria-hidden": true }),
           t.downloadOn
         ] }),
-        l.password && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.Lock, { "aria-hidden": true }),
+        l.password && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react12.Lock, { "aria-hidden": true }),
           t.passwordOn
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.Eye, { "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react12.Eye, { "aria-hidden": true }),
           count(l.guests.reduce((n, g) => n + g.opens, 0), t.openForms)
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-share-url", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: l.url.replace(/^https?:\/\//, "") }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", onClick: () => void copy2(l), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.Copy, { "aria-hidden": true }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-share-url", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: l.url.replace(/^https?:\/\//, "") }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", onClick: () => void copy2(l), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react12.Copy, { "aria-hidden": true }),
           copied === l.id ? t.copied : t.copy
         ] })
       ] }),
-      l.guests.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w100n-share-who", children: l.guests.map((g, i) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-text-face", "aria-hidden": true, children: (g.name || "?").slice(0, 1).toUpperCase() }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("b", { children: g.name || t.unnamed }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("small", { children: [
+      l.guests.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w100n-share-who", children: l.guests.map((g, i) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "w100n-text-face", "aria-hidden": true, children: (g.name || "?").slice(0, 1).toUpperCase() }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("b", { children: g.name || t.unnamed }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("small", { children: [
           g.comments ? count(g.comments, t.commentForms) : count(g.opens, t.openForms),
           " \xB7 ",
           ago(g.lastAt)
         ] })
       ] }, i)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-share-tools", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "slate", disabled: state === "busy", onClick: () => edit(l), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.Clock, { "aria-hidden": true }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-share-tools", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "slate", disabled: state === "busy", onClick: () => edit(l), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react12.Clock, { "aria-hidden": true }),
           t.changeLink
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", disabled: state === "busy", onClick: () => void off(l), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.Ban, { "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", disabled: state === "busy", onClick: () => void off(l), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react12.Ban, { "aria-hidden": true }),
           t.turnOff
         ] })
       ] })
     ] }, l.id)),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", className: "w100n-docs-action w100n-share-new", onClick: () => {
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", className: "w100n-docs-action w100n-share-new", onClick: () => {
       setState("idle");
       setForm(blank5);
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.Plus, { "aria-hidden": true }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react12.Plus, { "aria-hidden": true }),
       t.newLink
     ] }),
-    team && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { className: "w100n-docs-caption", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.Users, { "aria-hidden": true }),
+    team && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("p", { className: "w100n-docs-caption", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react12.Users, { "aria-hidden": true }),
         t.inTeam
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-share-team", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-share-tile", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.Users, { "aria-hidden": true }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("b", { children: t.peopleOf.replace("{space}", team) }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("small", { children: t.teamHint })
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-share-team", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "w100n-share-tile", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react12.Users, { "aria-hidden": true }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("b", { children: t.peopleOf.replace("{space}", team) }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("small", { children: t.teamHint })
         ] })
       ] })
     ] })
@@ -14289,6 +14404,19 @@ function Sharing({ host, doc, t, language, team }) {
 // src/DocumentsWorkspace.tsx
 init_text();
 
+// src/PreviewCard.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function PreviewCard({ thumb, icon, title, lines: lines2 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "w100n-card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w100n-card-thumb", children: thumb }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "w100n-card-title", children: [
+      icon,
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("b", { children: title })
+    ] }),
+    lines2.filter(Boolean).map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("small", { children: line }, i))
+  ] });
+}
+
 // src/Thumb.tsx
 var import_react17 = require("react");
 
@@ -14343,7 +14471,7 @@ function preview(host, doc) {
 }
 
 // src/Thumb.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function Thumb({ host, item, label }) {
   const box2 = (0, import_react17.useRef)(null);
   const [seen2, setSeen] = (0, import_react17.useState)(false);
@@ -14369,26 +14497,26 @@ function Thumb({ host, item, label }) {
   const text = item.excerpt ?? shot?.text ?? "";
   const lines2 = 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__ */ (0, import_jsx_runtime14.jsxs)("span", { ref: box2, className: "w100n-docs-thumb", "data-kind": item.kind, children: [
-    image ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("img", { src: image, alt: "" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "w100n-docs-paper", "aria-hidden": true, children: lines2.length ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("b", { children: lines2[0] }),
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { ref: box2, className: "w100n-docs-thumb", "data-kind": item.kind, children: [
+    image ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("img", { src: image, alt: "" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "w100n-docs-paper", "aria-hidden": true, children: lines2.length ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("b", { children: lines2[0] }),
       lines2.slice(1, 14).join(" ")
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("i", {}),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("i", {}),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("i", {}),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("i", {}),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("i", {})
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("i", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("i", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("i", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("i", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("i", {})
     ] }) }),
-    label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "w100n-docs-kind", "data-kind": item.kind, children: label })
+    label && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "w100n-docs-kind", "data-kind": item.kind, children: label })
   ] });
 }
 
 // src/Tree.tsx
 var import_react18 = require("react");
-var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var icons3 = { docx: import_lucide_react12.FileText, markdown: import_lucide_react12.FileType, pdf: import_lucide_react12.Files, sheet: import_lucide_react12.FileSpreadsheet, slides: import_lucide_react12.Presentation };
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var icons3 = { docx: import_lucide_react13.FileText, markdown: import_lucide_react13.FileType, pdf: import_lucide_react13.File, sheet: import_lucide_react13.FileSpreadsheet, slides: import_lucide_react13.Presentation };
 var dragged = "application/x-w100n-document";
 function grow(items, folders, names2, spaceId, other) {
   const root = { key: "", name: "", at: spaceId ? { spaceId, folder: "" } : null, folders: [], files: [], count: 0 };
@@ -14429,7 +14557,7 @@ var remembered = () => {
     return /* @__PURE__ */ new Set();
   }
 };
-function Tree({ items, folders, names: names2, spaceId, current, t, edit, onOpen, onMenu, onFolderMenu, onMove, onEdit, onEditDone, onWarm }) {
+function Tree({ items, folders, names: names2, spaceId, current, t, edit, hits, onOpen, onMenu, onFolderMenu, onMove, onEdit, onEditDone, onWarm }) {
   const [closed2, setClosed] = (0, import_react18.useState)(remembered);
   const [over, setOver] = (0, import_react18.useState)(null);
   const flip = (key2) => {
@@ -14438,7 +14566,7 @@ function Tree({ items, folders, names: names2, spaceId, current, t, edit, onOpen
     setClosed(next);
     localStorage.setItem("w100n-docs-closed", JSON.stringify([...next]));
   };
-  const field = (pad, label) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  const field = (pad, label) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "input",
     {
       className: "w100n-tree-row w100n-tree-input",
@@ -14475,12 +14603,12 @@ function Tree({ items, folders, names: names2, spaceId, current, t, edit, onOpen
       onMove(id, b.at);
     }
   } : {};
-  const branch = (b, depth) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+  const branch = (b, depth) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
     edit?.key === `new:${b.key}` && field(24 + depth * 16, t.folderName),
     b.folders.map((f) => {
       const open = !closed2.has(f.key) || edit?.key === `new:${f.key}`;
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { role: "group", "aria-label": f.name, "data-over": over === f.key || void 0, ...target(f), children: [
-        edit?.key === `dir:${f.key}` ? field(24 + depth * 16, t.renameFolder) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { role: "group", "aria-label": f.name, "data-over": over === f.key || void 0, ...target(f), children: [
+        edit?.key === `dir:${f.key}` ? field(24 + depth * 16, t.renameFolder) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           "button",
           {
             type: "button",
@@ -14494,10 +14622,10 @@ function Tree({ items, folders, names: names2, spaceId, current, t, edit, onOpen
               onFolderMenu(f.at, f.key, e);
             } : void 0,
             children: [
-              open ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.ChevronDown, { "aria-hidden": true, className: "w100n-tree-fold" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.ChevronRight, { "aria-hidden": true, className: "w100n-tree-fold" }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.Folder, { "aria-hidden": true }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: f.name }),
-              f.count > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("small", { children: f.count })
+              open ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.ChevronDown, { "aria-hidden": true, className: "w100n-tree-fold" }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.ChevronRight, { "aria-hidden": true, className: "w100n-tree-fold" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Folder, { "aria-hidden": true }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: f.name }),
+              f.count > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("small", { children: f.count })
             ]
           }
         ),
@@ -14506,8 +14634,9 @@ function Tree({ items, folders, names: names2, spaceId, current, t, edit, onOpen
     }),
     b.files.map((item) => {
       const Icon = icons3[item.kind];
-      if (edit?.key === `file:${item.id}`) return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { children: field(24 + depth * 16, t.rename) }, item.id);
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      if (edit?.key === `file:${item.id}`) return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: field(24 + depth * 16, t.rename) }, item.id);
+      const hit = hits?.get(item.id);
+      const row2 = /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
         "button",
         {
           type: "button",
@@ -14529,17 +14658,21 @@ function Tree({ items, folders, names: names2, spaceId, current, t, edit, onOpen
             onMenu(item, e);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { "aria-hidden": true }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: item.name.replace(/\.[^.]+$/, "") }),
-            item.kind !== "markdown" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("small", { className: "w100n-tree-kind", children: t.kinds[item.kind] })
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { "aria-hidden": true, "data-kind": item.kind }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: item.name.replace(/\.[^.]+$/, "") }),
+            item.kind !== "markdown" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("small", { className: "w100n-tree-kind", children: t.kinds[item.kind] })
           ]
         },
         item.id
       );
+      return hit ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+        row2,
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("small", { className: "w100n-tree-hit", style: { paddingLeft: 46 + depth * 16 }, children: hit.split(/[«»]/).map((part, i) => i % 2 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("mark", { children: part }, i) : part) })
+      ] }, item.id) : row2;
     })
   ] });
   const root = grow(items, folders, names2, spaceId, t.elsewhere);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "nav",
     {
       className: "w100n-tree",
@@ -14557,11 +14690,10 @@ function Tree({ items, folders, names: names2, spaceId, current, t, edit, onOpen
 
 // src/DocumentsWorkspace.tsx
 init_useLoad();
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var TextEditor3 = (0, import_react19.lazy)(() => Promise.resolve().then(() => (init_TextEditor(), TextEditor_exports)));
 var SheetView3 = (0, import_react19.lazy)(() => Promise.resolve().then(() => (init_SheetView(), SheetView_exports)));
 var Compare2 = (0, import_react19.lazy)(() => Promise.resolve().then(() => (init_Compare(), Compare_exports)));
-var icons4 = { docx: import_lucide_react13.FileText, markdown: import_lucide_react13.FileType, pdf: import_lucide_react13.Files, sheet: import_lucide_react13.FileSpreadsheet, slides: import_lucide_react13.Presentation };
 function DocumentsWorkspace({ host, language = "en", theme = "light", place: place2, onPlace, start, end, aside, actions }) {
   const t = texts[language];
   const [own, setOwn] = (0, import_react19.useState)({ spaceId: null, documentId: null });
@@ -14578,7 +14710,6 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
   const [renamed2, setRenamed] = (0, import_react19.useState)("idle");
   const [statusAt, setStatusAt] = (0, import_react19.useState)(null);
   const [listOpen, setListOpen] = (0, import_react19.useState)(true);
-  const [shape3, setShape] = (0, import_react19.useState)(() => typeof localStorage !== "undefined" && localStorage.getItem("w100n-docs-view") === "tree" ? "tree" : "cards");
   const [jump, setJump] = (0, import_react19.useState)(null);
   const finder = (0, import_react19.useRef)(null);
   const [panelOpen, setPanelOpen] = (0, import_react19.useState)(true);
@@ -14644,7 +14775,6 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
     el.style.top = `${Math.max(8, Math.min(at2.y, innerHeight - el.offsetHeight - 8))}px`;
     el.style.left = `${Math.max(8, Math.min(at2.x, innerWidth - el.offsetWidth - 8))}px`;
   }, [menu, spot3]);
-  const [naming, setNaming] = (0, import_react19.useState)(null);
   const [notice, setNotice] = (0, import_react19.useState)(null);
   const early = (0, import_react19.useRef)(/* @__PURE__ */ new Map());
   const hover = (0, import_react19.useRef)(0);
@@ -14735,7 +14865,6 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
   const inside2 = new Map((deep.data ?? []).map((hit2) => [hit2.id, hit2.excerpt]));
   const shown = all.filter((item) => matches(item, query, picked) || inside2.has(item.id) && matches(item, "", picked));
   const present = kinds.filter((item) => all.some((doc2) => doc2.kind === item));
-  const folders = spaceId ? [.../* @__PURE__ */ new Set(["", ...shown.map((item) => item.folder ?? "")])].filter((folder2) => shown.some((item) => (item.folder ?? "") === folder2)) : [""];
   const names2 = new Map((spaces.data ?? []).map((item) => [item.id, item.name]));
   const counts = /* @__PURE__ */ new Map();
   for (const item of all) counts.set(item.spaceId, (counts.get(item.spaceId) ?? 0) + 1);
@@ -14750,9 +14879,9 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
     return new Intl.DateTimeFormat(language, { day: "numeric", month: "short", year: "numeric" }).format(new Date(iso));
   };
   const size2 = (bytes) => bytes < 1024 ? `${bytes} B` : bytes < 1048576 ? `${(bytes / 1024).toFixed(0)} KB` : `${(bytes / 1048576).toFixed(1)} MB`;
-  const failed = (retry) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-note", children: [
+  const failed = (retry) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-note", children: [
     t.failed,
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", onClick: retry, children: t.retry })
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { type: "button", onClick: retry, children: t.retry })
   ] });
   const { ask, dialog } = useUnsaved(guard, t);
   const side2 = (which, open2) => {
@@ -14877,6 +15006,15 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       early.current.set(item.id, next);
     }, 150);
   };
+  const card = (item) => {
+    const Icon = icons3[item.kind];
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PreviewCard, { thumb: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Thumb, { host, item, label: t.kinds[item.kind] }), icon: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { "aria-hidden": true, "data-kind": item.kind }), title: item.name, lines: [
+      [t.kinds[item.kind], size2(item.size), names2.get(item.spaceId), item.folder].filter(Boolean).join(" \xB7 "),
+      item.createdAt && [t.createdOn.replace("{when}", date(item.createdAt)), item.createdBy?.name].filter(Boolean).join(" \xB7 "),
+      [t.updatedOn.replace("{when}", ago(item.updatedAt)), item.updatedBy?.name].filter(Boolean).join(" \xB7 "),
+      inside2.get(item.id)?.split(/[«»]/).map((part, i) => i % 2 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("mark", { children: part }, i) : part)
+    ] });
+  };
   const act = async (run3, done) => {
     setMenu(null);
     setSpot(null);
@@ -14895,7 +15033,6 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
     setTimeout(() => URL.revokeObjectURL(url), 1e3);
   };
   const retitle = async (item, draft) => {
-    setNaming(null);
     const ext = /\.[^.]+$/.exec(item.name)?.[0] ?? "";
     const name = draft.trim() && (/\.[^.\s]+$/.test(draft.trim()) ? draft.trim() : draft.trim() + ext);
     if (!name || name === item.name) return;
@@ -14977,20 +15114,20 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
   };
   const current = doc.data && all.find((item) => item.id === doc.data.id);
   const commands = [
-    ...host.create ? [{ id: "new", label: t.newNote, icon: import_lucide_react13.FilePlus, keys: "\u2318N", run: () => void note(t.untitled, true) }] : [],
-    { id: "open", label: t.openNote, icon: import_lucide_react13.Search, keys: "\u2318O", run: () => setJump("open") },
-    { id: "search", label: t.searchAll, icon: import_lucide_react13.Search, run: () => {
+    ...host.create ? [{ id: "new", label: t.newNote, icon: import_lucide_react14.FilePlus, keys: "\u2318N", run: () => void note(t.untitled, true) }] : [],
+    { id: "open", label: t.openNote, icon: import_lucide_react14.Search, keys: "\u2318O", run: () => setJump("open") },
+    { id: "search", label: t.searchAll, icon: import_lucide_react14.Search, run: () => {
       side2("list", true);
       requestAnimationFrame(() => finder.current?.focus());
     } },
     ...doc.data ? [
-      { id: "outline", label: t.showOutline, icon: import_lucide_react13.ListTree, run: () => panelOn("outline") },
-      ...doc.data.kind === "markdown" ? [{ id: "links", label: t.showLinks, icon: import_lucide_react13.Link2, run: () => panelOn("links") }] : [],
-      { id: "versions", label: t.showVersions, icon: import_lucide_react13.History, run: () => panelOn("versions") },
-      ...text && host.comments ? [{ id: "comments", label: t.showComments, icon: import_lucide_react13.MessagesSquare, run: () => panelOn("comments") }] : [],
-      ...host.send && !doc.data.id.includes(":") ? [{ id: "send", label: t.sendChat, icon: import_lucide_react13.Send, run: () => host.send(doc.data.id) }] : [],
-      ...host.rename && doc.data.rights.edit ? [{ id: "rename", label: t.rename, icon: import_lucide_react13.Pencil, run: () => setRenaming(doc.data.name.replace(/\.[^.]+$/, "")) }] : [],
-      ...host.remove && current ? [{ id: "trash", label: t.trash, icon: import_lucide_react13.Trash2, run: () => void drop2(current) }] : []
+      { id: "outline", label: t.showOutline, icon: import_lucide_react14.ListTree, run: () => panelOn("outline") },
+      ...doc.data.kind === "markdown" ? [{ id: "links", label: t.showLinks, icon: import_lucide_react14.Link2, run: () => panelOn("links") }] : [],
+      { id: "versions", label: t.showVersions, icon: import_lucide_react14.History, run: () => panelOn("versions") },
+      ...text && host.comments ? [{ id: "comments", label: t.showComments, icon: import_lucide_react14.MessagesSquare, run: () => panelOn("comments") }] : [],
+      ...host.send && !doc.data.id.includes(":") ? [{ id: "send", label: t.sendChat, icon: import_lucide_react14.Send, run: () => host.send(doc.data.id) }] : [],
+      ...host.rename && doc.data.rights.edit ? [{ id: "rename", label: t.rename, icon: import_lucide_react14.Pencil, run: () => setRenaming(doc.data.name.replace(/\.[^.]+$/, "")) }] : [],
+      ...host.remove && current ? [{ id: "trash", label: t.trash, icon: import_lucide_react14.Trash2, run: () => void drop2(current) }] : []
     ] : []
   ];
   (0, import_react19.useEffect)(() => {
@@ -15007,8 +15144,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
     window.addEventListener("keydown", press, true);
     return () => window.removeEventListener("keydown", press, true);
   });
-  let stage = /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-empty", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.FileText, { "aria-hidden": true }),
+  let stage = /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-empty", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.FileText, { "aria-hidden": true }),
     t.pick
   ] });
   if (here.documentId) {
@@ -15016,9 +15153,9 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       doc.retry();
       content.retry();
     });
-    else if (!doc.data || !content.data) stage = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w100n-docs-empty", children: t.loading });
-    else if (comparing && versionId && (doc.data.kind === "markdown" || doc.data.kind === "docx")) stage = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react19.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Compare2, { 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__ */ (0, import_jsx_runtime17.jsx)(import_react19.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    else if (!doc.data || !content.data) stage = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w100n-docs-empty", children: t.loading });
+    else if (comparing && versionId && (doc.data.kind === "markdown" || doc.data.kind === "docx")) stage = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react19.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Compare2, { 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__ */ (0, import_jsx_runtime19.jsx)(import_react19.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       TextEditor3,
       {
         kind: doc.data.kind,
@@ -15055,7 +15192,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       },
       doc.data.id
     ) });
-    else if (doc.data.kind === "pdf") stage = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    else if (doc.data.kind === "pdf") stage = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       PdfView,
       {
         bytes: content.data,
@@ -15077,7 +15214,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       },
       `${doc.data.id}:${versionId ?? ""}`
     );
-    else if (doc.data.kind === "slides") stage = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    else if (doc.data.kind === "slides") stage = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       SlidesView,
       {
         html: new TextDecoder().decode(content.data),
@@ -15096,7 +15233,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       },
       doc.data.id
     );
-    else if (doc.data.kind === "sheet") stage = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react19.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    else if (doc.data.kind === "sheet") stage = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react19.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       SheetView3,
       {
         bytes: content.data,
@@ -15123,9 +15260,9 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       },
       `${doc.data.id}:${versionId ?? ""}`
     ) });
-    else stage = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w100n-docs-empty", children: t.unsupported });
+    else stage = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w100n-docs-empty", children: t.unsupported });
   }
-  const Kind = doc.data ? icons4[doc.data.kind] : import_lucide_react13.FileText;
+  const Kind = doc.data ? icons3[doc.data.kind] : import_lucide_react14.FileText;
   const top = Math.min(...outline2.map((h) => h.level));
   const chapters = outline2.reduce((all2, h) => {
     if (h.level === top || !all2.length) all2.push({ head: h, subs: [] });
@@ -15139,16 +15276,16 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
   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", import_lucide_react13.ListTree, t.outline],
-    ...doc.data?.kind === "markdown" ? [["links", import_lucide_react13.Link2, t.links]] : [],
-    ["versions", import_lucide_react13.History, t.versions],
-    ["details", import_lucide_react13.Info, t.details]
+    ["outline", import_lucide_react14.ListTree, t.outline],
+    ...doc.data?.kind === "markdown" ? [["links", import_lucide_react14.Link2, t.links]] : [],
+    ["versions", import_lucide_react14.History, t.versions],
+    ["details", import_lucide_react14.Info, t.details]
   ];
-  if (pdf && host.signatures) panelTabs.push(["signatures", import_lucide_react13.Signature, t.signatures]);
-  if (text && host.comments && !versionId) panelTabs.push(["comments", import_lucide_react13.MessagesSquare, t.comments]);
+  if (pdf && host.signatures) panelTabs.push(["signatures", import_lucide_react14.Signature, t.signatures]);
+  if (text && host.comments && !versionId) panelTabs.push(["comments", import_lucide_react14.MessagesSquare, t.comments]);
   const sharing = !!host.links && !!doc.data?.rights.edit && !versionId;
-  if (sharing) panelTabs.push(["sharing", import_lucide_react13.Share2, t.sharing]);
-  const listToggle = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  if (sharing) panelTabs.push(["sharing", import_lucide_react14.Share2, t.sharing]);
+  const listToggle = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "button",
     {
       ref: listButton,
@@ -15158,10 +15295,10 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       onClick: () => side2("list", !listOpen),
       "aria-label": listOpen ? t.closeList : t.openList,
       title: listOpen ? t.closeList : t.openList,
-      children: listOpen ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.PanelLeftClose, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.PanelLeftOpen, { "aria-hidden": true })
+      children: listOpen ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.PanelLeftClose, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.PanelLeftOpen, { "aria-hidden": true })
     }
   );
-  const panelToggle = doc.data && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  const panelToggle = doc.data && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "button",
     {
       ref: panelButton,
@@ -15171,16 +15308,16 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       onClick: () => side2("panel", !panelOpen),
       "aria-label": panelOpen ? t.closePanel : t.openPanel,
       title: panelOpen ? t.closePanel : t.openPanel,
-      children: panelOpen ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.PanelRightClose, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.PanelRightOpen, { "aria-hidden": true })
+      children: panelOpen ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.PanelRightClose, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.PanelRightOpen, { "aria-hidden": true })
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs", "data-theme": theme, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("header", { className: "w100n-docs-bar", children: [
-      start && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-start w100n-docs-slot", children: slot(start) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs", "data-theme": theme, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("header", { className: "w100n-docs-bar", children: [
+      start && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-start w100n-docs-slot", children: slot(start) }),
       narrow && listToggle,
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-tile", "data-kind": doc.data?.kind, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Kind, { "aria-hidden": true }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-heading", children: [
-        renaming !== null && doc.data ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-tile", "data-kind": doc.data?.kind, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Kind, { "aria-hidden": true }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-heading", children: [
+        renaming !== null && doc.data ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "input",
           {
             className: "w100n-docs-title w100n-docs-rename",
@@ -15198,7 +15335,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
               }
             }
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "strong",
           {
             className: "w100n-docs-title",
@@ -15207,31 +15344,31 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
             children: doc.data?.name ?? t.documents
           }
         ),
-        docbar ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { ref: setMenusAt, className: "w100n-docs-menus" }) : crumbs.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-crumbs", children: crumbs.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { children: [
-          i > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.ChevronRight, { "aria-hidden": true }),
+        docbar ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { ref: setMenusAt, className: "w100n-docs-menus" }) : crumbs.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-crumbs", children: crumbs.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { children: [
+          i > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.ChevronRight, { "aria-hidden": true }),
           item
-        ] }, i)) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-hint", children: t.hint })
+        ] }, i)) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-hint", children: t.hint })
       ] }),
-      versionId && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", "aria-pressed": comparing, onClick: () => setComparing(!comparing), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.FileDiff, { "aria-hidden": true }),
+      versionId && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("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__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", "aria-pressed": comparing, onClick: () => setComparing(!comparing), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.FileDiff, { "aria-hidden": true }),
         comparing ? t.hideChanges : t.showChanges
       ] }),
-      versionId && here.documentId && host.restore && doc.data?.rights.edit && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: restoring === "busy", onClick: () => void restore(here.documentId, versionId), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.RotateCcw, { "aria-hidden": true }),
+      versionId && here.documentId && host.restore && doc.data?.rights.edit && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: restoring === "busy", onClick: () => void restore(here.documentId, versionId), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.RotateCcw, { "aria-hidden": true }),
         t.restore
       ] }),
-      restoring === "failed" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-muted", children: t.restoreFailed }),
-      doc.data?.convert && host.copyAs && !versionId && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "green", disabled: copying === "busy", onClick: () => void copyAs(doc.data), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.FileSpreadsheet, { "aria-hidden": true }),
+      restoring === "failed" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-muted", children: t.restoreFailed }),
+      doc.data?.convert && host.copyAs && !versionId && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "green", disabled: copying === "busy", onClick: () => void copyAs(doc.data), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.FileSpreadsheet, { "aria-hidden": true }),
         t.copyAs
       ] }),
-      copying === "failed" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-muted", children: t.copyFailed }),
-      kept?.id === here.documentId && kept.state === "done" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-muted", role: "status", children: t.templateSaved }),
-      kept?.id === here.documentId && kept.state === "failed" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-muted", role: "alert", children: t.templateFailed }),
-      renamed2 === "failed" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-muted", children: t.renameFailed }),
-      docbar && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { ref: setStatusAt, className: "w100n-docs-status" }),
-      host.send && doc.data && !versionId && !doc.data.id.includes(":") && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      copying === "failed" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-muted", children: t.copyFailed }),
+      kept?.id === here.documentId && kept.state === "done" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-muted", role: "status", children: t.templateSaved }),
+      kept?.id === here.documentId && kept.state === "failed" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-muted", role: "alert", children: t.templateFailed }),
+      renamed2 === "failed" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-muted", children: t.renameFailed }),
+      docbar && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { ref: setStatusAt, className: "w100n-docs-status" }),
+      host.send && doc.data && !versionId && !doc.data.id.includes(":") && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "button",
         {
           type: "button",
@@ -15240,145 +15377,138 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
           "aria-label": t.sendChat,
           title: t.sendChat,
           onClick: () => host.send(doc.data.id),
-          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Send, { "aria-hidden": true })
+          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Send, { "aria-hidden": true })
         }
       ),
-      sharing && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", className: "w100n-docs-action w100n-docs-square", "aria-label": t.share, title: t.share, onClick: () => {
+      sharing && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { type: "button", className: "w100n-docs-action w100n-docs-square", "aria-label": t.share, title: t.share, onClick: () => {
         setTab("sharing");
         side2("panel", true);
-      }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Share2, { "aria-hidden": true }) }),
+      }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Share2, { "aria-hidden": true }) }),
       doc.data && !versionId && actions?.(doc.data),
       narrow && panelToggle,
-      end && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w100n-docs-end w100n-docs-slot", children: slot(end) })
+      end && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w100n-docs-end w100n-docs-slot", children: slot(end) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { ref: body, className: "w100n-docs-body", children: [
-      listOpen && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("aside", { className: "w100n-docs-side w100n-docs-list", "aria-label": t.documents, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-head", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { className: "w100n-docs-caption", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Files, { "aria-hidden": true }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { ref: body, className: "w100n-docs-body", children: [
+      listOpen && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("aside", { className: "w100n-docs-side w100n-docs-list", "aria-label": t.documents, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("p", { className: "w100n-docs-caption", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Files, { "aria-hidden": true }),
               t.documents,
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: all.length })
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: all.length })
             ] }),
-            host.create && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-new", onKeyDown: (e) => {
+            host.create && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-new", onKeyDown: (e) => {
               if (e.key === "Escape" && adding) {
                 e.stopPropagation();
                 setAdding(false);
               }
             }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", className: "w100n-docs-action", "aria-haspopup": "menu", "aria-expanded": adding, disabled: sending === "busy", onClick: () => setAdding(!adding), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Plus, { "aria-hidden": true }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: sending === "busy" ? t.uploading : t.create }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.ChevronDown, { "aria-hidden": true })
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", className: "w100n-docs-action", "aria-haspopup": "menu", "aria-expanded": adding, disabled: sending === "busy", onClick: () => setAdding(!adding), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Plus, { "aria-hidden": true }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: sending === "busy" ? t.uploading : t.create }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.ChevronDown, { "aria-hidden": true })
               ] }),
-              adding && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { role: "menu", className: "w100n-docs-menu", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+              adding && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { role: "menu", className: "w100n-docs-menu", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
                   setAdding(false);
                   setMaking(true);
                 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-all", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.FilePlus, { "aria-hidden": true }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("b", { children: t.newTitle })
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-all", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.FilePlus, { "aria-hidden": true }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("b", { children: t.newTitle })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
                   setAdding(false);
                   upload.current.click();
                 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-all", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Upload, { "aria-hidden": true }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("b", { children: t.uploadFile })
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-all", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Upload, { "aria-hidden": true }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("b", { children: t.uploadFile })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", { ref: upload, type: "file", hidden: true, "aria-label": t.uploadFile, accept: ".docx,.md,.markdown,.pdf,.xlsx,.csv,.html,.htm", onChange: (e) => {
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("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__ */ (0, import_jsx_runtime17.jsx)("button", { ref: listClose, type: "button", className: "w100n-docs-close", onClick: () => side2("list", false), "aria-label": t.closeList, title: t.closeList, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.X, { "aria-hidden": true }) })
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { ref: listClose, type: "button", className: "w100n-docs-close", onClick: () => side2("list", false), "aria-label": t.closeList, title: t.closeList, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.X, { "aria-hidden": true }) })
           ] }),
-          (spaces.data?.length ?? 0) > 1 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-picker", onKeyDown: (e) => {
+          (spaces.data?.length ?? 0) > 1 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-picker", onKeyDown: (e) => {
             if (e.key !== "Escape" || !picking) return;
             e.stopPropagation();
             setPicking(false);
             e.currentTarget.querySelector("button").focus();
           }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", className: "w100n-docs-field", "aria-haspopup": "listbox", "aria-expanded": picking, onClick: () => setPicking(!picking), children: [
-              space ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-dot", style: { background: space.color ?? void 0 } }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-all", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.LayoutGrid, { "aria-hidden": true }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("b", { children: space?.name ?? t.allProjects }),
-              !space && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-count", children: all.length }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.ChevronDown, { "aria-hidden": true })
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", className: "w100n-docs-field", "aria-haspopup": "listbox", "aria-expanded": picking, onClick: () => setPicking(!picking), children: [
+              space ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-dot", style: { background: space.color ?? void 0 } }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-all", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.LayoutGrid, { "aria-hidden": true }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("b", { children: space?.name ?? t.allProjects }),
+              !space && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-count", children: all.length }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.ChevronDown, { "aria-hidden": true })
             ] }),
-            picking && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { role: "listbox", className: "w100n-docs-menu", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "option", "aria-selected": !spaceId, onClick: () => pick(null), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-all", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.LayoutGrid, { "aria-hidden": true }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("b", { children: t.allProjects }),
-                !spaceId && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Check, { "aria-hidden": true })
+            picking && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { role: "listbox", className: "w100n-docs-menu", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", role: "option", "aria-selected": !spaceId, onClick: () => pick(null), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-all", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.LayoutGrid, { "aria-hidden": true }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("b", { children: t.allProjects }),
+                !spaceId && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Check, { "aria-hidden": true })
               ] }),
-              groups2.map((group) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { role: "group", "aria-label": group || void 0, children: [
-                group && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "w100n-docs-menu-caption", children: group }),
-                (spaces.data ?? []).filter((item) => (item.group ?? "") === group).map((item) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "option", "aria-selected": item.id === spaceId, onClick: () => pick(item.id), children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-dot", style: { background: item.color ?? void 0 } }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("b", { children: item.name }),
-                  !spaceId && counts.get(item.id) ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-count", children: counts.get(item.id) }) : null,
-                  item.id === spaceId && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Check, { "aria-hidden": true })
+              groups2.map((group) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { role: "group", "aria-label": group || void 0, children: [
+                group && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "w100n-docs-menu-caption", children: group }),
+                (spaces.data ?? []).filter((item) => (item.group ?? "") === group).map((item) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", role: "option", "aria-selected": item.id === spaceId, onClick: () => pick(item.id), children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-dot", style: { background: item.color ?? void 0 } }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("b", { children: item.name }),
+                  !spaceId && counts.get(item.id) ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-count", children: counts.get(item.id) }) : null,
+                  item.id === spaceId && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Check, { "aria-hidden": true })
                 ] }, item.id))
               ] }, group))
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-filters", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "w100n-docs-field w100n-docs-search", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Search, { "aria-hidden": true }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", { ref: finder, value: query, onChange: (event) => setQuery(event.target.value), placeholder: t.search, "aria-label": t.search }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("kbd", { children: "\u2318O" })
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-filters", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "w100n-docs-field w100n-docs-search", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Search, { "aria-hidden": true }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { ref: finder, value: query, onChange: (event) => setQuery(event.target.value), placeholder: t.search, "aria-label": t.search }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("kbd", { children: "\u2318O" })
             ] }),
-            present.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-types", onKeyDown: (e) => {
+            present.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-types", onKeyDown: (e) => {
               if (e.key !== "Escape" || !typing) return;
               e.stopPropagation();
               setTyping(false);
               e.currentTarget.querySelector("button").focus();
             }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", className: "w100n-docs-field", "aria-haspopup": "listbox", "aria-expanded": typing, "data-on": picked.length > 0, onClick: () => setTyping(!typing), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.ListFilter, { "aria-hidden": true }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("b", { children: t.typeFilter }),
-                picked.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-badge", children: picked.length }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.ChevronDown, { "aria-hidden": true })
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", className: "w100n-docs-field", "aria-haspopup": "listbox", "aria-expanded": typing, "data-on": picked.length > 0, onClick: () => setTyping(!typing), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.ListFilter, { "aria-hidden": true }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("b", { children: t.typeFilter }),
+                picked.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-badge", children: picked.length }),
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.ChevronDown, { "aria-hidden": true })
               ] }),
-              typing && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { role: "listbox", "aria-multiselectable": true, "aria-label": t.kind, className: "w100n-docs-menu", children: [
+              typing && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { role: "listbox", "aria-multiselectable": true, "aria-label": t.kind, className: "w100n-docs-menu", children: [
                 present.map((item) => {
-                  const Icon = icons4[item];
+                  const Icon = icons3[item];
                   const on2 = picked.includes(item);
-                  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "option", "aria-selected": on2, onClick: () => setPicked(on2 ? picked.filter((k) => k !== item) : [...picked, item]), children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-box", children: on2 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Check, { "aria-hidden": true }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-tile", "data-kind": item, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { "aria-hidden": true }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("b", { children: t.kinds[item] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-count", children: all.filter((doc2) => doc2.kind === item).length })
+                  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", role: "option", "aria-selected": on2, onClick: () => setPicked(on2 ? picked.filter((k) => k !== item) : [...picked, item]), children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-box", children: on2 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Check, { "aria-hidden": true }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-tile", "data-kind": item, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { "aria-hidden": true }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("b", { children: t.kinds[item] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-count", children: all.filter((doc2) => doc2.kind === item).length })
                   ] }, item);
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-menu-foot", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", onClick: () => setPicked(present), children: t.selectAll }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", onClick: () => setPicked([]), children: t.clearPick })
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-menu-foot", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { type: "button", onClick: () => setPicked(present), children: t.selectAll }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { type: "button", onClick: () => setPicked([]), children: t.clearPick })
                 ] })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w100n-docs-shape", role: "radiogroup", "aria-label": t.tree, children: [["tree", import_lucide_react13.FolderTree, t.tree], ["cards", import_lucide_react13.LayoutGrid, t.cards]].map(([key2, Icon, label]) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "radio", "aria-checked": shape3 === key2, onClick: () => {
-            setShape(key2);
-            localStorage.setItem("w100n-docs-view", key2);
-          }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { "aria-hidden": true }),
-            label
-          ] }, key2)) }),
-          picked.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w100n-docs-chips", role: "group", "aria-label": t.kind, children: picked.map((item) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", "aria-pressed": true, "aria-label": `${t.clearPick}: ${t.kinds[item]}`, onClick: () => setPicked(picked.filter((k) => k !== item)), children: [
+          picked.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w100n-docs-chips", role: "group", "aria-label": t.kind, children: picked.map((item) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("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__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.X, { "aria-hidden": true })
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.X, { "aria-hidden": true })
           ] }, item)) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-cards", children: [
-          sending === "failed" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.uploadFailed }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-cards", children: [
+          sending === "failed" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.uploadFailed }),
           list.error && failed(list.retry),
-          list.loading && !list.data && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "w100n-docs-muted", children: t.loading }),
-          notice && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "w100n-docs-muted", role: "status", children: notice }),
-          list.data && !shown.length && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "w100n-docs-muted", children: all.length ? t.nothing : t.empty }),
-          shape3 === "tree" && list.data && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          list.loading && !list.data && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "w100n-docs-muted", children: t.loading }),
+          notice && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "w100n-docs-muted", role: "status", children: notice }),
+          list.data && !shown.length && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "w100n-docs-muted", children: all.length ? t.nothing : t.empty }),
+          list.data && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             Tree,
             {
               items: shown,
@@ -15388,6 +15518,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
               current: here.documentId,
               t,
               edit,
+              hits: query.trim() ? inside2 : void 0,
               onEdit: (text2) => setEdit(text2 === null ? null : edit && { ...edit, text: text2 }),
               onEditDone: commit,
               onOpen: open,
@@ -15405,84 +15536,35 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
               } : void 0,
               onWarm: (item) => item ? warm(item) : clearTimeout(hover.current)
             }
-          ),
-          shape3 === "cards" && folders.map((folder2) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-folder", role: "group", "aria-label": folder2 || t.loose, children: [
-            folders.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "w100n-docs-group", children: folder2 || t.loose }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w100n-docs-grid", children: shown.filter((item) => !spaceId || (item.folder ?? "") === folder2).map((item) => naming?.id === item.id ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-card", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Thumb, { host, item, label: t.kinds[item.kind] }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-card-text", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                "input",
-                {
-                  className: "w100n-docs-field",
-                  autoFocus: true,
-                  value: naming.text,
-                  "aria-label": t.rename,
-                  onFocus: (e) => e.currentTarget.select(),
-                  onChange: (e) => setNaming({ ...naming, text: e.target.value }),
-                  onBlur: () => void retitle(item, naming.text),
-                  onKeyDown: (e) => {
-                    if (e.key === "Enter") e.currentTarget.blur();
-                    if (e.key === "Escape") {
-                      e.stopPropagation();
-                      setNaming(null);
-                    }
-                  }
-                }
-              ) })
-            ] }, item.id) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-              "button",
-              {
-                type: "button",
-                className: "w100n-docs-card",
-                "aria-current": item.id === here.documentId,
-                onClick: () => open(item),
-                title: item.name,
-                onPointerEnter: () => warm(item),
-                onPointerLeave: () => clearTimeout(hover.current),
-                onContextMenu: (e) => {
-                  e.preventDefault();
-                  setMenu({ item, x: Math.min(e.clientX, innerWidth - 290), y: Math.min(e.clientY, innerHeight - 440), sure: false });
-                },
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Thumb, { host, item, label: t.kinds[item.kind] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "w100n-docs-card-text", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("b", { children: item.name }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("small", { children: [!spaceId && names2.get(item.spaceId), ago(item.updatedAt)].filter(Boolean).join(" \xB7 ") }),
-                    inside2.get(item.id) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("small", { className: "w100n-docs-hit", children: inside2.get(item.id).split(/[«»]/).map((part, i) => i % 2 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("mark", { children: part }, i) : part) })
-                  ] })
-                ]
-              },
-              item.id
-            )) })
-          ] }, folder2))
+          )
         ] })
       ] }),
       !narrow && !listOpen && listToggle,
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("main", { className: "w100n-docs-stage", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("main", { className: "w100n-docs-stage", children: [
         !narrow && !panelOpen && panelToggle,
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w100n-docs-bare", children: stage })
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w100n-docs-bare", children: stage })
       ] }),
-      doc.data && panelOpen && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("aside", { ref: panel, className: "w100n-docs-side w100n-docs-panel", "aria-label": t.details, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w100n-docs-head", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w100n-docs-tabs", role: "tablist", "aria-label": t.details, "data-compact": panelTabs.length > 3, onKeyDown: rove, children: panelTabs.map(([key2, Icon, label]) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "tab", "aria-selected": tab === key2, tabIndex: tab === key2 ? 0 : -1, "aria-label": label, title: label, onClick: () => setTab(key2), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { "aria-hidden": true }),
-            (panelTabs.length < 4 || tab === key2 && panelTabs.length < 5) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: label })
+      doc.data && panelOpen && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("aside", { ref: panel, className: "w100n-docs-side w100n-docs-panel", "aria-label": t.details, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w100n-docs-head", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w100n-docs-tabs", role: "tablist", "aria-label": t.details, "data-compact": panelTabs.length > 3, onKeyDown: rove, children: panelTabs.map(([key2, Icon, label]) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", role: "tab", "aria-selected": tab === key2, tabIndex: tab === key2 ? 0 : -1, "aria-label": label, title: label, onClick: () => setTab(key2), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { "aria-hidden": true }),
+            (panelTabs.length < 4 || tab === key2 && panelTabs.length < 5) && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: label })
           ] }, key2)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", className: "w100n-docs-close", onClick: () => side2("panel", false), "aria-label": t.closePanel, title: t.closePanel, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.X, { "aria-hidden": true }) })
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { type: "button", className: "w100n-docs-close", onClick: () => side2("panel", false), "aria-label": t.closePanel, title: t.closePanel, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.X, { "aria-hidden": true }) })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-panel-body", role: "tabpanel", "aria-label": panelTabs.find(([key2]) => key2 === tab)?.[2], children: [
-          tab === "outline" && (outline2.length ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("nav", { className: "w100n-docs-outline", "aria-label": t.outline, children: [
-            now && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-reading", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("i", { style: { width: `${Math.round(now.progress * 100)}%` } }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("small", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-panel-body", role: "tabpanel", "aria-label": panelTabs.find(([key2]) => key2 === tab)?.[2], children: [
+          tab === "outline" && (outline2.length ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("nav", { className: "w100n-docs-outline", "aria-label": t.outline, children: [
+            now && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-reading", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("i", { style: { width: `${Math.round(now.progress * 100)}%` } }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("small", { children: [
                 Math.round(now.progress * 100),
                 "% ",
                 t.read
               ] })
             ] }),
-            outline2.length > 8 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "w100n-docs-field w100n-docs-search", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Search, { "aria-hidden": true }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", { value: hunt, onChange: (e) => setHunt(e.target.value), placeholder: t.findHeading, "aria-label": t.findHeading })
+            outline2.length > 8 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "w100n-docs-field w100n-docs-search", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Search, { "aria-hidden": true }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { value: hunt, onChange: (e) => setHunt(e.target.value), placeholder: t.findHeading, "aria-label": t.findHeading })
             ] }),
             chapters.map((c, i) => {
               const subs = words3.length ? c.subs.filter(hit) : c.subs;
@@ -15490,13 +15572,13 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
               const opened3 = words3.length > 0 || (fold[c.head.id] ?? i === reached);
               const named3 = /^(\d+)[.)]?\s+(.+)$/.exec(c.head.text);
               const mark = c.subs.findIndex((s) => s.id === now?.id);
-              return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-chapter", "data-state": reached < 0 ? void 0 : i < reached ? "done" : i === reached ? "now" : void 0, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-chapter-row", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("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__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-chapter-num", children: named3 ? named3[1] : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Bookmark, { "aria-hidden": true }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("b", { children: named3 ? named3[2] : c.head.text })
+              return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-chapter", "data-state": reached < 0 ? void 0 : i < reached ? "done" : i === reached ? "now" : void 0, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-chapter-row", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("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__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-chapter-num", children: named3 ? named3[1] : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Bookmark, { "aria-hidden": true }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("b", { children: named3 ? named3[2] : c.head.text })
                   ] }),
-                  c.subs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                  c.subs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -15506,13 +15588,13 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
                       title: opened3 ? t.hideSections : t.showSections,
                       onClick: () => setFold({ ...fold, [c.head.id]: !opened3 }),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("small", { children: c.subs.length }),
-                        opened3 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.ChevronDown, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.ChevronRight, { "aria-hidden": true })
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("small", { children: c.subs.length }),
+                        opened3 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.ChevronDown, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.ChevronRight, { "aria-hidden": true })
                       ]
                     }
                   )
                 ] }),
-                opened3 && subs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w100n-docs-sections", children: subs.map((s) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                opened3 && subs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w100n-docs-sections", children: subs.map((s) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                   "button",
                   {
                     type: "button",
@@ -15521,7 +15603,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
                     "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__ */ (0, import_jsx_runtime17.jsx)("i", { "aria-hidden": true }),
+                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("i", { "aria-hidden": true }),
                       s.text
                     ]
                   },
@@ -15529,47 +15611,47 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
                 )) })
               ] }, c.head.id);
             })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "w100n-docs-muted", children: t.noOutline })),
-          tab === "links" && doc.data.kind === "markdown" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Backlinks, { host, current: doc.data, notes: notes3, t, onOpen: open }),
-          tab === "versions" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-versions", children: [
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "w100n-docs-muted", children: t.noOutline })),
+          tab === "links" && doc.data.kind === "markdown" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Backlinks, { host, current: doc.data, notes: notes3, t, onOpen: open }),
+          tab === "versions" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-versions", children: [
             versions.error && failed(versions.retry),
-            (versions.data ?? []).map((item) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+            (versions.data ?? []).map((item) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
               "button",
               {
                 type: "button",
                 "aria-pressed": (versionId ?? "current") === item.id || !versionId && item.current,
                 onClick: () => view(item.current ? null : item.id),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("b", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("b", { children: [
                     date(item.createdAt),
-                    item.current && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "w100n-docs-badge", children: t.current })
+                    item.current && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-badge", children: t.current })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("small", { children: [item.author?.name, size2(item.size), item.note].filter(Boolean).join(" \xB7 ") })
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("small", { children: [item.author?.name, size2(item.size), item.note].filter(Boolean).join(" \xB7 ") })
                 ]
               },
               item.id
             ))
           ] }),
-          tab === "details" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("dl", { className: "w100n-docs-details", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dt", { children: t.kind }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dd", { children: t.kinds[doc.data.kind] }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dt", { children: t.size }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dd", { children: size2(doc.data.size) }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dt", { children: t.updated }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dd", { children: date(doc.data.updatedAt) }),
-            doc.data.updatedBy && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dt", { children: t.by }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dd", { children: doc.data.updatedBy.name })
+          tab === "details" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("dl", { className: "w100n-docs-details", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("dt", { children: t.kind }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("dd", { children: t.kinds[doc.data.kind] }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("dt", { children: t.size }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("dd", { children: size2(doc.data.size) }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("dt", { children: t.updated }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("dd", { children: date(doc.data.updatedAt) }),
+            doc.data.updatedBy && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("dt", { children: t.by }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("dd", { children: doc.data.updatedBy.name })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dt", { children: t.rights }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("dd", { children: [doc.data.rights.view && t.view, doc.data.rights.comment && t.comment, doc.data.rights.edit && t.edit].filter(Boolean).join(", ") })
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("dt", { children: t.rights }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("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__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-about", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { className: "w100n-docs-caption", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.FileDown, { "aria-hidden": true }),
+          tab === "details" && host.exportAs && !!doc.data.exports?.length && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-about", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("p", { className: "w100n-docs-caption", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.FileDown, { "aria-hidden": true }),
               t.exportAs
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w100n-docs-chips", children: doc.data.exports.map((format) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w100n-docs-chips", children: doc.data.exports.map((format) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
               "button",
               {
                 type: "button",
@@ -15577,22 +15659,22 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
                 disabled: exporting === "busy",
                 onClick: () => void exportAs(doc.data, format),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.FileDown, { "aria-hidden": true }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.FileDown, { "aria-hidden": true }),
                   format.toUpperCase()
                 ]
               },
               format
             )) }),
-            exporting === "failed" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "w100n-docs-muted", children: t.exportFailed })
+            exporting === "failed" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "w100n-docs-muted", children: t.exportFailed })
           ] }),
-          tab === "comments" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { ref: setBox }),
-          tab === "sharing" && sharing && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Sharing, { host, doc: doc.data, t, language, team: names2.get(doc.data.spaceId) }),
-          tab === "signatures" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-versions", children: [
+          tab === "comments" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { ref: setBox }),
+          tab === "sharing" && sharing && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Sharing, { host, doc: doc.data, t, language, team: names2.get(doc.data.spaceId) }),
+          tab === "signatures" && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-versions", children: [
             signatures.error && failed(signatures.retry),
-            signatures.data?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "w100n-docs-muted", children: t.noSignatures }),
+            signatures.data?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "w100n-docs-muted", children: t.noSignatures }),
             (signatures.data ?? []).map((entry2) => {
               const signed = versions.data?.find((v) => v.id === entry2.versionId);
-              return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -15600,15 +15682,15 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
                   "aria-pressed": !!signed && (versionId ?? versions.data?.find((v) => v.current)?.id) === signed.id,
                   onClick: () => view(signed.current ? null : signed.id),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("b", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("b", { children: [
                       entry2.signer.name,
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "w100n-docs-badge", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "w100n-docs-badge", children: [
                         t.page,
                         " ",
                         entry2.page
                       ] })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("small", { children: [date(entry2.signedAt), t.methods[entry2.method], signed && (signed.current ? t.current : `${t.version} ${date(signed.createdAt)}`)].filter(Boolean).join(" \xB7 ") })
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("small", { children: [date(entry2.signedAt), t.methods[entry2.method], signed && (signed.current ? t.current : `${t.version} ${date(signed.createdAt)}`)].filter(Boolean).join(" \xB7 ") })
                   ]
                 },
                 entry2.id
@@ -15619,7 +15701,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
         ] })
       ] })
     ] }),
-    jump && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    jump && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       Jump,
       {
         mode: jump,
@@ -15632,18 +15714,13 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
         place: (item) => [!spaceId && names2.get(item.spaceId), item.folder].filter(Boolean).join(" / ")
       }
     ),
-    making && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(NewDocument, { host, t, onClose: () => setMaking(false), onMade: (made2) => {
+    making && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(NewDocument, { host, t, onClose: () => setMaking(false), onMade: (made2) => {
       setMaking(false);
       opened2(made2);
     } }),
-    menu && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { ref: popup, className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.fileActions, style: { left: menu.x, top: menu.y }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-context-head", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("b", { children: menu.item.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("small", { children: [t.kinds[menu.item.kind], size2(menu.item.size), names2.get(menu.item.spaceId), menu.item.folder].filter(Boolean).join(" \xB7 ") }),
-        menu.item.createdAt && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("small", { children: [t.createdOn.replace("{when}", date(menu.item.createdAt)), menu.item.createdBy?.name].filter(Boolean).join(" \xB7 ") }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("small", { children: [t.updatedOn.replace("{when}", ago(menu.item.updatedAt)), menu.item.updatedBy?.name].filter(Boolean).join(" \xB7 ") })
-      ] }),
-      menu.moving ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w100n-docs-context-list", children: ["", ...dirs.data.get(menu.item.spaceId)].map((folder2) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    menu && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { ref: popup, className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.fileActions, style: { left: menu.x, top: menu.y }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w100n-docs-context-head", children: card(menu.item) }),
+      menu.moving ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w100n-docs-context-list", children: ["", ...dirs.data.get(menu.item.spaceId)].map((folder2) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
         "button",
         {
           type: "button",
@@ -15652,100 +15729,99 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
           onClick: () => moveTo(menu.item, { spaceId: menu.item.spaceId, folder: folder2 }),
           style: { paddingLeft: 10 + 14 * (folder2 ? folder2.split("/").length : 0) },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Folder, { "aria-hidden": true }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Folder, { "aria-hidden": true }),
             folder2 ? folder2.split("/").pop() : names2.get(menu.item.spaceId) ?? t.topLevel
           ]
         },
         folder2
-      )) }) : menu.sure ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-context-ask", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: t.trashAsk.replace("{name}", menu.item.name) }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "w100n-pdf-dialog-end", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => setMenu({ ...menu, sure: false }), children: t.cancel }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", onClick: () => void drop2(menu.item), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Trash2, { "aria-hidden": true }),
+      )) }) : menu.sure ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-context-ask", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: t.trashAsk.replace("{name}", menu.item.name) }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "w100n-pdf-dialog-end", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => setMenu({ ...menu, sure: false }), children: t.cancel }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", onClick: () => void drop2(menu.item), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Trash2, { "aria-hidden": true }),
             t.trash
           ] })
         ] })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
           setMenu(null);
           open(menu.item);
         }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.FileText, { "aria-hidden": true }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.FileText, { "aria-hidden": true }),
           t.openFile
         ] }),
-        host.href && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+        host.href && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
           setMenu(null);
           window.open(host.href(menu.item.id), "_blank", "noopener");
         }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.ExternalLink, { "aria-hidden": true }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.ExternalLink, { "aria-hidden": true }),
           t.openTab
         ] }),
-        host.href && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", onClick: () => void act(() => navigator.clipboard.writeText(host.href(menu.item.id)), t.linkCopied), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Link, { "aria-hidden": true }),
+        host.href && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", role: "menuitem", onClick: () => void act(() => navigator.clipboard.writeText(host.href(menu.item.id)), t.linkCopied), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Link, { "aria-hidden": true }),
           t.copyLink
         ] }),
-        host.send && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+        host.send && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
           setMenu(null);
           host.send(menu.item.id);
         }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Send, { "aria-hidden": true }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Send, { "aria-hidden": true }),
           t.sendChat
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("hr", {}),
-        host.rename && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("hr", {}),
+        host.rename && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
           const item = menu.item;
           setMenu(null);
-          if (shape3 === "tree") setEdit({ key: `file:${item.id}`, text: item.name.replace(/\.[^.]+$/, ""), run: (text2) => retitle(item, text2) });
-          else setNaming({ id: item.id, text: item.name.replace(/\.[^.]+$/, "") });
+          setEdit({ key: `file:${item.id}`, text: item.name.replace(/\.[^.]+$/, ""), run: (text2) => retitle(item, text2) });
         }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Pencil, { "aria-hidden": true }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Pencil, { "aria-hidden": true }),
           t.rename
         ] }),
-        host.move && dirs.data?.has(menu.item.spaceId) && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", "aria-haspopup": "menu", onClick: () => setMenu({ ...menu, moving: true }), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.FolderInput, { "aria-hidden": true }),
+        host.move && dirs.data?.has(menu.item.spaceId) && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", role: "menuitem", "aria-haspopup": "menu", onClick: () => setMenu({ ...menu, moving: true }), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.FolderInput, { "aria-hidden": true }),
           t.moveTo
         ] }),
-        host.create && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", onClick: () => void act(async () => copy2(await host.document(menu.item.id))), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Copy, { "aria-hidden": true }),
+        host.create && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", role: "menuitem", onClick: () => void act(async () => copy2(await host.document(menu.item.id))), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Copy, { "aria-hidden": true }),
           t.makeCopy
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", onClick: () => void act(() => fetchFile(menu.item)), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Download, { "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", role: "menuitem", onClick: () => void act(() => fetchFile(menu.item)), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Download, { "aria-hidden": true }),
           t.download
         ] }),
-        host.saveTemplate && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", onClick: () => void act(() => host.saveTemplate(menu.item.id), t.templateSaved), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Bookmark, { "aria-hidden": true }),
+        host.saveTemplate && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", role: "menuitem", onClick: () => void act(() => host.saveTemplate(menu.item.id), t.templateSaved), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Bookmark, { "aria-hidden": true }),
           t.saveTemplate
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
           setMenu(null);
           open(menu.item);
           setTab("details");
           side2("panel", true);
         }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Info, { "aria-hidden": true }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Info, { "aria-hidden": true }),
           t.details
         ] }),
-        host.remove && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("hr", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", "data-tone": "red", onClick: () => setMenu({ ...menu, sure: true }), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Trash2, { "aria-hidden": true }),
+        host.remove && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("hr", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", role: "menuitem", "data-tone": "red", onClick: () => setMenu({ ...menu, sure: true }), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Trash2, { "aria-hidden": true }),
             t.trash
           ] })
         ] })
       ] })
     ] }),
-    spot3 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { ref: popup, className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.folderActions, style: { left: spot3.x, top: spot3.y }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-context-head", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("b", { children: folderNamed(spot3.at) }),
-        spot3.at.folder && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("small", { children: [names2.get(spot3.at.spaceId), ...spot3.at.folder.split("/").slice(0, -1)].filter(Boolean).join(" / ") })
+    spot3 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { ref: popup, className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.folderActions, style: { left: spot3.x, top: spot3.y }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-context-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("b", { children: folderNamed(spot3.at) }),
+        spot3.at.folder && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("small", { children: [names2.get(spot3.at.spaceId), ...spot3.at.folder.split("/").slice(0, -1)].filter(Boolean).join(" / ") })
       ] }),
-      spot3.sure ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-context-ask", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: t.folderTrashAsk.replace("{name}", folderNamed(spot3.at)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "w100n-pdf-dialog-end", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => setSpot({ ...spot3, sure: false }), children: t.cancel }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", onClick: () => {
+      spot3.sure ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-context-ask", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: t.folderTrashAsk.replace("{name}", folderNamed(spot3.at)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "w100n-pdf-dialog-end", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => setSpot({ ...spot3, sure: false }), children: t.cancel }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", onClick: () => {
             const at2 = spot3.at;
             const inside3 = doc.data && doc.data.spaceId === at2.spaceId && `${doc.data.folder ?? ""}/`.startsWith(`${at2.folder}/`);
             void act(() => host.removeFolder(at2), t.trashed).then(() => {
@@ -15753,42 +15829,42 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
               if (inside3) go({ spaceId: here.spaceId, documentId: null });
             });
           }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Trash2, { "aria-hidden": true }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Trash2, { "aria-hidden": true }),
             t.trash
           ] })
         ] })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-        host.create && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+        host.create && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
           const at2 = spot3.at;
           setSpot(null);
           void note(t.untitled, true, at2);
         }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.FilePlus, { "aria-hidden": true }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.FilePlus, { "aria-hidden": true }),
           t.newNoteHere
         ] }),
-        host.makeFolder && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+        host.makeFolder && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
           const at2 = spot3.at;
           setSpot(null);
           setEdit({ key: `new:${spot3.key}`, text: t.newFolder, run: (name) => act(() => host.makeFolder(at2, name)).then(refresh) });
         }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.FolderPlus, { "aria-hidden": true }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.FolderPlus, { "aria-hidden": true }),
           t.newFolder
         ] }),
-        spot3.at.folder && host.renameFolder && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("hr", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+        spot3.at.folder && host.renameFolder && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("hr", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
             const at2 = spot3.at;
             setSpot(null);
             setEdit({ key: `dir:${spot3.key}`, text: folderNamed(at2), run: (name) => name === folderNamed(at2) ? Promise.resolve() : act(() => host.renameFolder(at2, name)).then(refresh) });
           }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Pencil, { "aria-hidden": true }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Pencil, { "aria-hidden": true }),
             t.renameFolder
           ] })
         ] }),
-        spot3.at.folder && host.removeFolder && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("hr", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", "data-tone": "red", onClick: () => setSpot({ ...spot3, sure: true }), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Trash2, { "aria-hidden": true }),
+        spot3.at.folder && host.removeFolder && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("hr", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "button", role: "menuitem", "data-tone": "red", onClick: () => setSpot({ ...spot3, sure: true }), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Trash2, { "aria-hidden": true }),
             t.trashFolder
           ] })
         ] })
@@ -15800,23 +15876,23 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
 
 // src/FilePreview.tsx
 var import_react20 = require("react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function FilePreview({ url, name, mimeType, size: size2 = 0, bytes, pdfWorker }) {
   const [source] = (0, import_react20.useState)(() => ({ 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__ */ (0, import_jsx_runtime18.jsx)("span", { className: "w100n-preview", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Thumb, { host: source, item: { id: url.split("?")[0], spaceId: "", name, kind, size: size2, updatedAt: "" } }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "w100n-preview", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Thumb, { host: source, item: { id: url.split("?")[0], spaceId: "", name, kind, size: size2, updatedAt: "" } }) });
 }
 
 // src/GuestDocument.tsx
 var import_react21 = require("react");
-var import_lucide_react14 = require("lucide-react");
+var import_lucide_react15 = require("lucide-react");
 init_text();
 init_useLoad();
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var TextEditor4 = (0, import_react21.lazy)(() => Promise.resolve().then(() => (init_TextEditor(), TextEditor_exports)));
 var SheetView4 = (0, import_react21.lazy)(() => Promise.resolve().then(() => (init_SheetView(), SheetView_exports)));
-var icons5 = { docx: import_lucide_react14.FileText, markdown: import_lucide_react14.FileType, pdf: import_lucide_react14.Files, sheet: import_lucide_react14.FileSpreadsheet, slides: import_lucide_react14.Presentation };
+var icons4 = { docx: import_lucide_react15.FileText, markdown: import_lucide_react15.FileType, pdf: import_lucide_react15.Files, sheet: import_lucide_react15.FileSpreadsheet, slides: import_lucide_react15.Presentation };
 var GuestRefused = class extends Error {
   constructor(reason, file = "", sharedBy = "") {
     super(reason);
@@ -15874,18 +15950,18 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
   };
   const top = (file2, badge) => {
     const kind2 = file2 ? kindOf(file2.name, file2.mimeType) : null;
-    const Kind = kind2 ? icons5[kind2] : import_lucide_react14.FileText;
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("header", { className: "w100n-docs-bar w100n-guest-bar", children: [
-      brand && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-guest-brand", children: brand }),
-      file2 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-tile", "data-kind": kind2, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Kind, { "aria-hidden": true }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-heading", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("strong", { className: "w100n-docs-title", children: file2.name }),
-          file2.sharedBy && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-crumbs", children: t.sharedBy.replace("{name}", file2.sharedBy) })
+    const Kind = kind2 ? icons4[kind2] : import_lucide_react15.FileText;
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("header", { className: "w100n-docs-bar w100n-guest-bar", children: [
+      brand && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "w100n-guest-brand", children: brand }),
+      file2 && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "w100n-docs-tile", "data-kind": kind2, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Kind, { "aria-hidden": true }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "w100n-docs-heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("strong", { className: "w100n-docs-title", children: file2.name }),
+          file2.sharedBy && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "w100n-docs-crumbs", children: t.sharedBy.replace("{name}", file2.sharedBy) })
         ] }),
-        badge && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-docs-badge", "data-kind": kind2, children: badge }),
-        file2.download && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-end", children: [
-          (kind2 === "docx" || kind2 === "markdown" || kind2 === "sheet" || kind2 === "slides") && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+        badge && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "w100n-docs-badge", "data-kind": kind2, children: badge }),
+        file2.download && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "w100n-docs-end", children: [
+          (kind2 === "docx" || kind2 === "markdown" || kind2 === "sheet" || kind2 === "slides") && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
             "button",
             {
               type: "button",
@@ -15896,41 +15972,41 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
               "aria-label": t.pdfCopy,
               title: t.pdfCopy,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.FileDown, { "aria-hidden": true }),
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: t.pdfCopy })
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react15.FileDown, { "aria-hidden": true }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: t.pdfCopy })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("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__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Download, { "aria-hidden": true }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: t.download })
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("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__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react15.Download, { "aria-hidden": true }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: t.download })
           ] })
         ] })
       ] })
     ] });
   };
-  const gate = (tone, Icon, title, body, form) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+  const gate = (tone, Icon, title, body, form) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(null, null),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w100n-guest-gate", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-guest-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "w100n-share-tile", "data-tone": tone, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { "aria-hidden": true }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: body }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "w100n-guest-gate", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "w100n-guest-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "w100n-share-tile", "data-tone": tone, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { "aria-hidden": true }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h2", { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { children: body }),
       form
     ] }) })
   ] });
   if (opened2.error) {
     const refused = opened2.error instanceof GuestRefused ? opened2.error : null;
-    if (refused?.reason === "ended") return gate("slate", import_lucide_react14.Ban, t.endedTitle, t.endedText);
-    if (refused?.reason === "missing") return gate("slate", import_lucide_react14.Ban, t.missingTitle, t.missingText);
+    if (refused?.reason === "ended") return gate("slate", import_lucide_react15.Ban, t.endedTitle, t.endedText);
+    if (refused?.reason === "missing") return gate("slate", import_lucide_react15.Ban, t.missingTitle, t.missingText);
     if (refused?.reason === "password" || refused?.reason === "wrong" || refused?.reason === "name") {
       const password = refused.reason !== "name";
       const shared = refused.sharedBy ? `${t.sharedBy.replace("{name}", refused.sharedBy)}. ` : "";
       return gate(
         "violet",
-        password ? import_lucide_react14.Lock : import_lucide_react14.UserRound,
+        password ? import_lucide_react15.Lock : import_lucide_react15.UserRound,
         refused.file || t.documents,
         shared + (password ? t.passwordAsk : t.nameAsk),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("form", { className: "w100n-guest-form", onSubmit: (e) => {
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("form", { className: "w100n-guest-form", onSubmit: (e) => {
           e.preventDefault();
           if (!typed.trim()) return;
           if (password) setAsk({ ...ask, password: typed });
@@ -15940,7 +16016,7 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
           }
           setTyped("");
         }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "input",
             {
               className: "w100n-share-input",
@@ -15953,21 +16029,21 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
               onChange: (e) => setTyped(e.target.value)
             }
           ),
-          refused.reason === "wrong" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.wrongPassword }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("button", { type: "submit", className: "w100n-docs-action", disabled: !typed.trim(), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react14.Eye, { "aria-hidden": true }),
+          refused.reason === "wrong" && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.wrongPassword }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("button", { type: "submit", className: "w100n-docs-action", disabled: !typed.trim(), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react15.Eye, { "aria-hidden": true }),
             t.openDoc
           ] })
         ] })
       );
     }
-    if (refused?.reason === "busy") return gate("slate", import_lucide_react14.Ban, t.failed, t.tooMany);
-    return gate("slate", import_lucide_react14.Ban, t.failed, "", /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { type: "button", className: "w100n-docs-action", onClick: opened2.retry, children: t.retry }));
+    if (refused?.reason === "busy") return gate("slate", import_lucide_react15.Ban, t.failed, t.tooMany);
+    return gate("slate", import_lucide_react15.Ban, t.failed, "", /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { type: "button", className: "w100n-docs-action", onClick: opened2.retry, children: t.retry }));
   }
   const file = opened2.data;
-  if (!file) return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+  if (!file) return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(null, null),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w100n-docs-empty", children: t.loading })
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "w100n-docs-empty", children: t.loading })
   ] });
   const kind = kindOf(file.name, file.mimeType);
   const text = kind === "docx" || kind === "markdown";
@@ -15975,23 +16051,23 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
   const rights = { view: true, comment: talk, edit: false };
   const quiet3 = () => {
   };
-  let stage = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w100n-docs-empty", children: t.unsupported });
-  if (text) stage = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react21.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TextEditor4, { kind, bytes: file.bytes, t, language, rights, host: talk ? notes3 : void 0, documentId: file.id, onOutline: quiet3, slot: talk ? slot : null }) });
-  else if (kind === "pdf") stage = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PdfView, { bytes: file.bytes, t, language, worker: host.pdfWorker, rights, documentId: file.id, onOutline: quiet3 });
-  else if (kind === "slides") stage = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SlidesView, { html: new TextDecoder().decode(file.bytes), name: file.name, rights, language, theme, onOutline: quiet3 });
-  else if (kind === "sheet") stage = /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react21.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SheetView4, { 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__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+  let stage = /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "w100n-docs-empty", children: t.unsupported });
+  if (text) stage = /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react21.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TextEditor4, { kind, bytes: file.bytes, t, language, rights, host: talk ? notes3 : void 0, documentId: file.id, onOutline: quiet3, slot: talk ? slot : null }) });
+  else if (kind === "pdf") stage = /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(PdfView, { bytes: file.bytes, t, language, worker: host.pdfWorker, rights, documentId: file.id, onOutline: quiet3 });
+  else if (kind === "slides") stage = /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SlidesView, { html: new TextDecoder().decode(file.bytes), name: file.name, rights, language, theme, onOutline: quiet3 });
+  else if (kind === "sheet") stage = /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react21.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SheetView4, { 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__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(file, talk ? t.badgeComment : t.badgeRead),
-    saving === "failed" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "w100n-docs-muted w100n-guest-note", role: "alert", children: t.exportFailed }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-body w100n-guest-body", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("main", { className: "w100n-docs-stage", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "w100n-docs-bare", children: stage }) }),
-      talk && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("aside", { className: "w100n-docs-side w100n-docs-panel w100n-guest-panel", "aria-label": t.comments, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "w100n-docs-panel-body", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "w100n-share-field", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: t.yourName }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { className: "w100n-share-input", value: name, autoComplete: "name", placeholder: t.yourName, onChange: (e) => typeName(e.target.value) })
+    saving === "failed" && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "w100n-docs-muted w100n-guest-note", role: "alert", children: t.exportFailed }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "w100n-docs-body w100n-guest-body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("main", { className: "w100n-docs-stage", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "w100n-docs-bare", children: stage }) }),
+      talk && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("aside", { className: "w100n-docs-side w100n-docs-panel w100n-guest-panel", "aria-label": t.comments, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "w100n-docs-panel-body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { className: "w100n-share-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: t.yourName }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { className: "w100n-share-input", value: name, autoComplete: "name", placeholder: t.yourName, onChange: (e) => typeName(e.target.value) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "w100n-docs-muted", children: name.trim() ? t.nameHint : t.nameNeeded }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { ref: setSlot })
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "w100n-docs-muted", children: name.trim() ? t.nameHint : t.nameNeeded }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { ref: setSlot })
       ] }) })
     ] })
   ] });
@@ -16006,6 +16082,7 @@ init_docx();
   FilePreview,
   GuestDocument,
   GuestRefused,
+  PreviewCard,
   SlidesView,
   kindOf,
   kinds,