@w100n/documents 0.12.1 → 0.14.0

package/dist/index.js

@@ -4,7 +4,7 @@ import {
   kinds,
   matches,
   readable
-} from "./chunk-L765DZPO.js";
+} from "./chunk-2CA3HQTI.js";
 import {
   useLoad
 } from "./chunk-QDH7EZAF.js";
@@ -13,10 +13,11 @@ import {
   useRestore
 } from "./chunk-TDP6OJET.js";
 import {
+  escape,
   readDocx,
   texts,
   writeDocx
-} from "./chunk-BKUFGMEA.js";
+} from "./chunk-DR3TTJWZ.js";
 
 // src/DocumentOverlay.tsx
 import { Download, ExternalLink, FileSpreadsheet, FileText, FileType, Files, Presentation, X as X4 } from "lucide-react";
@@ -345,10 +346,10 @@ var blocksOf = (el, html, notes) => {
 var notesOf = (el) => elements(el).find((e) => e.tag === "aside" && classes(e).includes("notes")) ?? null;
 var toText = (src) => decode(src.replace(/<!--[\s\S]*?-->/g, "").replace(/\s+/g, " ").replace(/<br\s*\/?>/gi, "\n").replace(/<\/(p|div|li|h[1-6]|blockquote|pre|tr)>/gi, "\n").replace(/<[^>]*>/g, "")).split("\n").map((line) => line.trim()).join("\n").replace(/\n{3,}/g, "\n\n").trim();
 var titled = (src) => toText(src).replace(/\s+/g, " ").slice(0, 80);
-var escape = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-var quote = (s) => escape(s).replace(/"/g, "&quot;");
-var notesHtml = (text) => escape(text).split("\n").join("<br>\n");
-var sizeOf = (html, kind, scripts, styles, marks) => {
+var escape2 = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+var quote = (s) => escape2(s).replace(/"/g, "&quot;");
+var notesHtml = (text) => escape2(text).split("\n").join("<br>\n");
+var sizeOf = (html, kind, scripts, styles2, marks) => {
   if (kind === "reveal") {
     const code = scripts.map((s) => html.slice(s.open, s.close)).join("\n");
     const at = code.search(/Reveal\.initialize\s*\(/);
@@ -362,7 +363,7 @@ var sizeOf = (html, kind, scripts, styles, marks) => {
     const height = Number(el.attrs.get("data-height")?.value);
     if (width > 0 && height > 0) return { width, height, center: false };
   }
-  const css2 = styles.map((s) => html.slice(s.open, s.close)).join("\n").replace(/\/\*[\s\S]*?\*\//g, "");
+  const css2 = styles2.map((s) => html.slice(s.open, s.close)).join("\n").replace(/\/\*[\s\S]*?\*\//g, "");
   const target = kind === "marked" ? /(^|[\s>])\[data-slide[^\]]*\](\.[\w-]+)*$/ : /(^|[\s>])(section|\.slide)(\.[\w-]+)*$/;
   for (const rule of css2.matchAll(/([^{}]+)\{([^{}]*)\}/g)) {
     if (!rule[1].split(",").some((sel) => target.test(sel.trim()))) continue;
@@ -376,13 +377,13 @@ function shape(html) {
   const root = parse(html);
   const all = elements(root);
   const scripts = all.filter((el) => el.tag === "script");
-  const styles = all.filter((el) => el.tag === "style");
+  const styles2 = all.filter((el) => el.tag === "style");
   const refresh = all.filter((el) => el.tag === "meta" && el.attrs.get("http-equiv")?.value.toLowerCase() === "refresh");
-  const head = all.find((el) => el.tag === "head");
+  const head2 = all.find((el) => el.tag === "head");
   const outer = all.find((el) => el.tag === "html");
   const body = all.find((el) => el.tag === "body") ?? null;
   const doctype = /^\s*<!doctype[^>]*>/i.exec(html);
-  const at = head ? head.open : outer ? outer.open : doctype ? doctype[0].length : 0;
+  const at = head2 ? head2.open : outer ? outer.open : doctype ? doctype[0].length : 0;
   const reveal = all.find((el) => classes(el).includes("reveal")) ?? null;
   const box = reveal && all.find((el) => classes(el).includes("slides") && under(el, (up) => up === reveal));
   const spots = [];
@@ -422,14 +423,14 @@ function shape(html) {
     }
     for (const unit of units) spot2(unit, null);
   }
-  const size = sizeOf(html, kind, scripts, styles, [container, ...body ? [body] : [], ...outer ? [outer] : []]);
+  const size = sizeOf(html, kind, scripts, styles2, [container, ...body ? [body] : [], ...outer ? [outer] : []]);
   return { kind, ...size, root, box: container, units, stacks, spots, scripts, refresh, head: at, body };
 }
 var titleOf = (html, s) => {
   const heading = elements(s.el).find((el2) => /^h[1-6]$/.test(el2.tag) && !(s.notes && under(el2, (up) => up === s.notes)));
   const el = heading ?? s.blocks[0];
-  const head = el ? s.blocks.indexOf(el) : -1;
-  return { title: el ? titled(html.slice(el.open, el.close)) : "", head: head < 0 ? null : head };
+  const head2 = el ? s.blocks.indexOf(el) : -1;
+  return { title: el ? titled(html.slice(el.open, el.close)) : "", head: head2 < 0 ? null : head2 };
 };
 var notesText = (html, s) => s.notes ? toText(html.slice(s.notes.open, s.notes.close)) : s.attr ? s.attr.value.trim() : "";
 function readDeck(html, known) {
@@ -486,9 +487,9 @@ function apply(html, from, to, list) {
 }
 var blank = (s) => !/\S/.test(s);
 var join = (html, box, els, parts) => {
-  const head = html.slice(box.open, els[0].start);
+  const head2 = html.slice(box.open, els[0].start);
   const pre = els.map((el, i) => i ? html.slice(els[i - 1].end, el.start) : "");
-  const fill = pre.find((gap, i) => i && blank(gap)) ?? (/\s*$/.exec(head)[0] || "\n");
+  const fill = pre.find((gap, i) => i && blank(gap)) ?? (/\s*$/.exec(head2)[0] || "\n");
   const used = /* @__PURE__ */ new Set();
   const body = parts.map(([from, part], k) => {
     const first = !used.has(from);
@@ -497,7 +498,7 @@ var join = (html, box, els, parts) => {
     return (first && !blank(pre[from]) ? pre[from].trimStart() : "") + part;
   });
   const lost = pre.filter((gap, i) => !used.has(i) && !blank(gap)).map((gap) => gap.trimEnd());
-  return head + body.join("") + lost.join("") + html.slice(els[els.length - 1].end, box.close);
+  return head2 + body.join("") + lost.join("") + html.slice(els[els.length - 1].end, box.close);
 };
 function writeDeck(original, deck, known) {
   const s = known ?? shape(original);
@@ -527,8 +528,8 @@ function moveSlide(deck, from, to) {
   const slide = deck.slides[from];
   const rest = deck.slides.filter((_, i) => i !== from);
   let at = Math.max(0, Math.min(rest.length, to));
-  const run = rest.flatMap((other, i) => slide.stack !== null && other.stack === slide.stack ? [i] : []);
-  if (run.length) at = Math.max(run[0], Math.min(run[run.length - 1] + 1, at));
+  const run2 = rest.flatMap((other, i) => slide.stack !== null && other.stack === slide.stack ? [i] : []);
+  if (run2.length) at = Math.max(run2[0], Math.min(run2[run2.length - 1] + 1, at));
   else if (at > 0 && at < rest.length && rest[at].stack !== null && rest[at - 1].stack === rest[at].stack) {
     let end = at;
     while (end < rest.length && rest[end].stack === rest[at].stack) end++;
@@ -1118,7 +1119,7 @@ function SlidesView({ html, name, rights, language = "en", theme = "light", base
       popup.close();
     };
   }, [popup]);
-  const tool = (Icon, text, run, disabled = false) => /* @__PURE__ */ jsx("button", { type: "button", "aria-label": text, title: text, disabled, onClick: run, children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": true }) });
+  const tool = (Icon, text, run2, disabled = false) => /* @__PURE__ */ jsx("button", { type: "button", "aria-label": text, title: text, disabled, onClick: run2, children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": true }) });
   const thumb = 148;
   const seconds = Math.floor(Math.max(0, (timer.stop ?? now) - timer.from) / 1e3);
   const elapsed = `${seconds >= 3600 ? `${Math.floor(seconds / 3600)}:` : ""}${String(Math.floor(seconds / 60) % 60).padStart(2, "0")}:${String(seconds % 60).padStart(2, "0")}`;
@@ -2406,8 +2407,8 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
 
 // src/DocumentOverlay.tsx
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var TextEditor = lazy(() => import("./TextEditor-SPEVB5HX.js"));
-var SheetView = lazy(() => import("./SheetView-G3YWPH5V.js"));
+var TextEditor = lazy(() => import("./TextEditor-VBHWUOZR.js"));
+var SheetView = lazy(() => import("./SheetView-4TPL7DES.js"));
 var icons = { docx: FileText, markdown: FileType, pdf: Files, sheet: FileSpreadsheet, slides: Presentation };
 var read = { view: true, comment: false, edit: false };
 var quiet = () => {
@@ -2435,16 +2436,16 @@ function DocumentOverlay({ source, name, mimeType, info, download, actions, onCl
     box.current.focus();
   }, []);
   useEffect4(() => {
-    const escape2 = (e) => {
+    const escape3 = (e) => {
       if (e.key !== "Escape") return;
       e.stopPropagation();
       close();
     };
     const overflow = document.body.style.overflow;
     document.body.style.overflow = "hidden";
-    window.addEventListener("keydown", escape2, true);
+    window.addEventListener("keydown", escape3, true);
     return () => {
-      window.removeEventListener("keydown", escape2, true);
+      window.removeEventListener("keydown", escape3, true);
       document.body.style.overflow = overflow;
     };
   });
@@ -2456,7 +2457,7 @@ function DocumentOverlay({ source, name, mimeType, info, download, actions, onCl
     link.click();
     setTimeout(() => URL.revokeObjectURL(url), 1e3);
   };
-  const sheet = readable(name, mimeType) !== "sheet" ? null : /\.csv$/i.test(name) || mimeType === "text/csv" ? "csv" : "xlsx";
+  const sheet2 = readable(name, mimeType) !== "sheet" ? null : /\.csv$/i.test(name) || mimeType === "text/csv" ? "csv" : "xlsx";
   const wait = /* @__PURE__ */ jsx5("div", { className: "w100n-docs-empty", children: t.loading });
   let stage = null;
   if (bytes && !doc.loading) {
@@ -2476,7 +2477,7 @@ function DocumentOverlay({ source, name, mimeType, info, download, actions, onCl
     );
     else if (kind === "docx" || kind === "markdown") stage = /* @__PURE__ */ jsx5(Suspense, { fallback: wait, children: /* @__PURE__ */ jsx5(TextEditor, { kind, bytes, t, language, rights: read, documentId: documentId ?? name, onOutline: quiet, slot: null }) });
     else if (kind === "slides") stage = /* @__PURE__ */ jsx5(SlidesView, { html: new TextDecoder().decode(bytes), name, rights: read, language, theme, onOutline: quiet });
-    else if (sheet) stage = /* @__PURE__ */ jsx5(Suspense, { fallback: wait, children: /* @__PURE__ */ jsx5(SheetView, { bytes, name, kind: sheet, rights: read, language, theme, documentId: documentId ?? name }) });
+    else if (sheet2) stage = /* @__PURE__ */ jsx5(Suspense, { fallback: wait, children: /* @__PURE__ */ jsx5(SheetView, { bytes, name, kind: sheet2, rights: read, language, theme, documentId: documentId ?? name }) });
     else stage = /* @__PURE__ */ jsx5("div", { className: "w100n-docs-empty", children: t.unsupported });
   }
   return createPortal2(/* @__PURE__ */ jsxs5("div", { ref: box, className: "w100n-docs w100n-docs-overlay", "data-theme": theme, role: "dialog", "aria-modal": true, "aria-label": name, tabIndex: -1, children: [
@@ -2511,48 +2512,258 @@ function DocumentOverlay({ source, name, mimeType, info, download, actions, onCl
 }
 
 // src/DocumentsWorkspace.tsx
-import { lazy as lazy2, Suspense as Suspense2, useEffect as useEffect6, useLayoutEffect as useLayoutEffect3, useRef as useRef6, useState as useState8 } from "react";
+import { lazy as lazy2, Suspense as Suspense2, useEffect as useEffect6, useLayoutEffect as useLayoutEffect3, useRef as useRef6, useState as useState9 } from "react";
 import { flushSync } from "react-dom";
 import {
-  Check,
+  Bookmark,
+  Check as Check2,
   ChevronDown as ChevronDown2,
   ChevronRight as ChevronRight2,
   FileDown,
-  FileSpreadsheet as FileSpreadsheet2,
-  FileText as FileText2,
-  FileType as FileType2,
+  FilePlus,
+  FileSpreadsheet as FileSpreadsheet3,
+  FileText as FileText3,
+  FileType as FileType3,
   Files as Files2,
   History,
   Info,
   LayoutGrid,
+  ListFilter,
   ListTree,
   MessagesSquare,
   PanelLeftClose,
   PanelLeftOpen,
   PanelRightClose,
   PanelRightOpen,
-  Presentation as Presentation2,
+  Plus as Plus4,
+  Presentation as Presentation3,
   RotateCcw as RotateCcw2,
   Search as Search2,
   Share2,
   Signature,
-  X as X5
+  Upload,
+  X as X6
 } from "lucide-react";
 
-// src/Sharing.tsx
-import { useState as useState6 } from "react";
-import { Ban, CalendarDays, Clock, Copy as Copy2, Download as Download2, Eye, Link, Lock, MessageSquarePlus, Plus as Plus2, Users } from "lucide-react";
+// src/NewDocument.tsx
+import { Check, FileSpreadsheet as FileSpreadsheet2, FileText as FileText2, FileType as FileType2, Plus as Plus2, Presentation as Presentation2, X as X5 } from "lucide-react";
+import { useId as useId3, useState as useState6 } from "react";
+
+// src/blank.ts
+import { strToU8, zipSync } from "fflate";
+var W = "http://schemas.openxmlformats.org/wordprocessingml/2006/main";
+var REL = "http://schemas.openxmlformats.org/officeDocument/2006/relationships";
+var PKG = "http://schemas.openxmlformats.org/package/2006/relationships";
+var head = '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>\n';
+var mimes = {
+  docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  markdown: "text/markdown",
+  sheet: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  slides: "text/html"
+};
+var extensions = { docx: "docx", markdown: "md", sheet: "xlsx", slides: "html" };
+var templates = {
+  letter: (name) => [["Title", name], [null, "Web100Now"], [null, ""], [null, "Dear Name,"], [null, "Write the message here."], [null, ""], [null, "Kind regards,"], [null, "Your name"]],
+  contract: (name) => [
+    ["Title", name],
+    [null, "Between Party A and Party B, date"],
+    ["Heading1", "1. Scope of work"],
+    [null, "What is delivered and when."],
+    ["Heading1", "2. Fees and payment"],
+    [null, "Amount, currency and when it is paid."],
+    ["Heading1", "3. Term"],
+    [null, "Start date, length and how either side ends it."],
+    ["Heading1", "4. Signatures"],
+    [["Party A", "Party B"], ["Name, date", "Name, date"]]
+  ],
+  notes: (name) => [
+    ["Title", name],
+    [null, "Date, people"],
+    ["Heading1", "Agenda"],
+    [null, "Topic one"],
+    ["Heading1", "Decisions"],
+    [null, "What was decided"],
+    ["Heading1", "Next steps"],
+    [["Who", "What", "By when"], ["", "", ""]]
+  ],
+  invoice: (name) => [
+    ["Title", name],
+    [null, "Number, date, due date"],
+    [null, "Billed to: client name and address"],
+    [["Item", "Quantity", "Price", "Total"], ["", "", "", ""], ["", "", "Total", ""]],
+    [null, "Bank details and payment terms"]
+  ],
+  report: (name) => [
+    ["Title", name],
+    [null, "Period, author"],
+    ["Heading1", "Summary"],
+    [null, "The main points in a few lines."],
+    ["Heading1", "Results"],
+    [null, "What happened and the numbers behind it."],
+    ["Heading1", "Next"],
+    [null, "What comes next and who owns it."]
+  ]
+};
+var run = (text) => text ? `<w:r><w:t xml:space="preserve">${escape(text)}</w:t></w:r>` : "";
+var para = ([style, text]) => `<w:p>${style ? `<w:pPr><w:pStyle w:val="${style}"/></w:pPr>` : ""}${run(text)}</w:p>`;
+var table = (rows) => {
+  const width = Math.floor(9638 / rows[0].length);
+  const border = (side) => `<w:${side} w:val="single" w:sz="4" w:space="0" w:color="94A3B8"/>`;
+  return `<w:tbl><w:tblPr><w:tblW w:w="5000" w:type="pct"/><w:tblBorders>${["top", "left", "bottom", "right", "insideH", "insideV"].map(border).join("")}</w:tblBorders></w:tblPr><w:tblGrid>${rows[0].map(() => `<w:gridCol w:w="${width}"/>`).join("")}</w:tblGrid>` + rows.map((row, r) => `<w:tr>${row.map((cell) => `<w:tc><w:tcPr><w:tcW w:w="${width}" w:type="dxa"/></w:tcPr><w:p>${r === 0 ? `<w:r><w:rPr><w:b/></w:rPr><w:t xml:space="preserve">${escape(cell)}</w:t></w:r>` : run(cell)}</w:p></w:tc>`).join("")}</w:tr>`).join("") + "</w:tbl><w:p/>";
+};
+var styles = `${head}<w:styles xmlns:w="${W}"><w:docDefaults><w:rPrDefault><w:rPr><w:rFonts w:ascii="Arial" w:hAnsi="Arial" w:eastAsia="Arial" w:cs="Arial"/><w:sz w:val="22"/><w:szCs w:val="22"/></w:rPr></w:rPrDefault><w:pPrDefault><w:pPr><w:spacing w:after="120" w:line="276" w:lineRule="auto"/></w:pPr></w:pPrDefault></w:docDefaults><w:style w:type="paragraph" w:default="1" w:styleId="Normal"><w:name w:val="Normal"/><w:qFormat/></w:style><w:style w:type="paragraph" w:styleId="Title"><w:name w:val="Title"/><w:basedOn w:val="Normal"/><w:next w:val="Normal"/><w:qFormat/><w:pPr><w:spacing w:after="80"/></w:pPr><w:rPr><w:b/><w:sz w:val="48"/></w:rPr></w:style><w:style w:type="paragraph" w:styleId="Heading1"><w:name w:val="heading 1"/><w:basedOn w:val="Normal"/><w:next w:val="Normal"/><w:qFormat/><w:pPr><w:keepNext/><w:spacing w:before="360" w:after="120"/><w:outlineLvl w:val="0"/></w:pPr><w:rPr><w:b/><w:sz w:val="32"/></w:rPr></w:style><w:style w:type="paragraph" w:styleId="Heading2"><w:name w:val="heading 2"/><w:basedOn w:val="Normal"/><w:next w:val="Normal"/><w:qFormat/><w:pPr><w:keepNext/><w:spacing w:before="240" w:after="80"/><w:outlineLvl w:val="1"/></w:pPr><w:rPr><w:b/><w:sz w:val="26"/></w:rPr></w:style></w:styles>`;
+function docx(blocks) {
+  const body = blocks.map((block) => typeof block[0] === "string" || block[0] === null ? para(block) : table(block)).join("") || "<w:p/>";
+  return zipSync({
+    "[Content_Types].xml": strToU8(`${head}<Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types"><Default Extension="rels" ContentType="application/vnd.openxmlformats-package.relationships+xml"/><Default Extension="xml" ContentType="application/xml"/><Override PartName="/word/document.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.document.main+xml"/><Override PartName="/word/styles.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.styles+xml"/></Types>`),
+    "_rels/.rels": strToU8(`${head}<Relationships xmlns="${PKG}"><Relationship Id="rId1" Type="${REL}/officeDocument" Target="word/document.xml"/></Relationships>`),
+    "word/_rels/document.xml.rels": strToU8(`${head}<Relationships xmlns="${PKG}"><Relationship Id="rId1" Type="${REL}/styles" Target="styles.xml"/></Relationships>`),
+    "word/styles.xml": strToU8(styles),
+    "word/document.xml": strToU8(`${head}<w:document xmlns:w="${W}" xmlns:r="${REL}"><w:body>${body}<w:sectPr><w:pgSz w:w="11906" w:h="16838"/><w:pgMar w:top="1417" w:right="1134" w:bottom="1417" w:left="1134" w:header="708" w:footer="708" w:gutter="0"/></w:sectPr></w:body></w:document>`)
+  });
+}
+function markdown(blocks) {
+  const line = (block) => {
+    if (typeof block[0] === "string" || block[0] === null) {
+      const [style, text] = block;
+      return style === "Title" ? `# ${text}` : style === "Heading1" ? `## ${text.replace(/^\d+\.\s*/, "")}` : text;
+    }
+    const rows = block;
+    return [rows[0], rows[0].map(() => "---"), ...rows.slice(1)].map((row) => `| ${row.join(" | ")} |`).join("\n");
+  };
+  return strToU8(blocks.map(line).join("\n\n").replace(/\n{3,}/g, "\n\n") + "\n");
+}
+var S = "http://schemas.openxmlformats.org/spreadsheetml/2006/main";
+function sheet() {
+  return zipSync({
+    "[Content_Types].xml": strToU8(`${head}<Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types"><Default Extension="rels" ContentType="application/vnd.openxmlformats-package.relationships+xml"/><Default Extension="xml" ContentType="application/xml"/><Override PartName="/xl/workbook.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml"/><Override PartName="/xl/worksheets/sheet1.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml"/><Override PartName="/xl/styles.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.styles+xml"/></Types>`),
+    "_rels/.rels": strToU8(`${head}<Relationships xmlns="${PKG}"><Relationship Id="rId1" Type="${REL}/officeDocument" Target="xl/workbook.xml"/></Relationships>`),
+    "xl/workbook.xml": strToU8(`${head}<workbook xmlns="${S}" xmlns:r="${REL}"><sheets><sheet name="Sheet1" sheetId="1" r:id="rId1"/></sheets></workbook>`),
+    "xl/_rels/workbook.xml.rels": strToU8(`${head}<Relationships xmlns="${PKG}"><Relationship Id="rId1" Type="${REL}/worksheet" Target="worksheets/sheet1.xml"/><Relationship Id="rId2" Type="${REL}/styles" Target="styles.xml"/></Relationships>`),
+    "xl/worksheets/sheet1.xml": strToU8(`${head}<worksheet xmlns="${S}" xmlns:r="${REL}"><sheetData/></worksheet>`),
+    "xl/styles.xml": strToU8(`${head}<styleSheet xmlns="${S}"><fonts count="1"><font><sz val="11"/><name val="Arial"/></font></fonts><fills count="2"><fill><patternFill patternType="none"/></fill><fill><patternFill patternType="gray125"/></fill></fills><borders count="1"><border><left/><right/><top/><bottom/><diagonal/></border></borders><cellStyleXfs count="1"><xf numFmtId="0" fontId="0" fillId="0" borderId="0"/></cellStyleXfs><cellXfs count="1"><xf numFmtId="0" fontId="0" fillId="0" borderId="0" xfId="0"/></cellXfs><cellStyles count="1"><cellStyle name="Normal" xfId="0" builtinId="0"/></cellStyles></styleSheet>`)
+  });
+}
+var slides = (name) => strToU8(`<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>${escape(name)}</title>
+<style>
+  body { margin: 0; font-family: Inter, Arial, sans-serif; background: #0f172a; }
+  section { width: 1920px; height: 1080px; padding: 120px; box-sizing: border-box; background: #fff; color: #0f172a; }
+  section h1 { font-size: 96px; margin: 0 0 24px; }
+  section h2 { font-size: 72px; margin: 0 0 24px; }
+  section p { font-size: 40px; color: #475569; }
+</style>
+</head>
+<body>
+<section><h1>${escape(name)}</h1><p>Subtitle</p></section>
+<section><h2>Title</h2><p>Text</p></section>
+</body>
+</html>
+`);
+function blank2(kind, name, template = "blank") {
+  const blocks = template === "blank" ? [] : templates[template](name);
+  const bytes = kind === "docx" ? docx(blocks) : kind === "markdown" ? markdown(blocks.length ? blocks : [["Title", name]]) : kind === "sheet" ? sheet() : slides(name);
+  return bytes.buffer.slice(bytes.byteOffset, bytes.byteOffset + bytes.byteLength);
+}
+
+// src/NewDocument.tsx
 import { Fragment as Fragment5, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var blank2 = { id: null, comment: false, download: false, askName: true, works: "30", day: "", password: false, secret: "", had: false };
+var icons2 = { docx: FileText2, markdown: FileType2, sheet: FileSpreadsheet2, slides: Presentation2 };
+var shaped = ["blank", "letter", "contract", "notes", "invoice", "report"];
+function NewDocument({ host, t, onClose, onMade }) {
+  const id = useId3();
+  const [kind, setKind] = useState6("docx");
+  const [template, setTemplate] = useState6("blank");
+  const [name, setName] = useState6("");
+  const [state, setState] = useState6("idle");
+  useRestore(true);
+  const choices = kind === "docx" || kind === "markdown" ? shaped : ["blank"];
+  const make2 = async () => {
+    const title = name.trim() || (template === "blank" ? t.untitled : t.templates[template]);
+    setState("busy");
+    try {
+      onMade(await host.create({ name: `${title.replace(/[\\/:*?"<>|\s]+/g, " ").trim()}.${extensions[kind]}`, bytes: blank2(kind, title, template), mimeType: mimes[kind] }));
+    } catch {
+      setState("failed");
+    }
+  };
+  return /* @__PURE__ */ jsx6("div", { className: "w100n-pdf-back", onKeyDown: (e) => {
+    if (e.key === "Escape") {
+      e.stopPropagation();
+      onClose();
+    }
+  }, children: /* @__PURE__ */ jsxs6("form", { className: "w100n-pdf-dialog w100n-new", role: "dialog", "aria-modal": true, "aria-labelledby": `${id}t`, onSubmit: (e) => {
+    e.preventDefault();
+    void make2();
+  }, children: [
+    /* @__PURE__ */ jsxs6("div", { className: "w100n-new-head", children: [
+      /* @__PURE__ */ jsx6("span", { className: "w100n-new-tile", children: /* @__PURE__ */ jsx6(Plus2, { "aria-hidden": true }) }),
+      /* @__PURE__ */ jsx6("b", { id: `${id}t`, className: "w100n-pdf-dialog-title", children: t.newTitle }),
+      /* @__PURE__ */ jsx6("button", { type: "button", className: "w100n-docs-close", onClick: onClose, "aria-label": t.close, title: t.close, children: /* @__PURE__ */ jsx6(X5, { "aria-hidden": true }) })
+    ] }),
+    /* @__PURE__ */ jsx6("div", { role: "radiogroup", "aria-label": t.kind, className: "w100n-new-kinds", children: Object.keys(icons2).map((item) => {
+      const Icon = icons2[item];
+      return /* @__PURE__ */ jsxs6("button", { type: "button", role: "radio", "aria-checked": kind === item, "data-kind": item, onClick: () => {
+        setKind(item);
+        if (item === "sheet" || item === "slides") setTemplate("blank");
+      }, children: [
+        /* @__PURE__ */ jsx6("span", { className: "w100n-docs-tile", "data-kind": item, children: /* @__PURE__ */ jsx6(Icon, { "aria-hidden": true }) }),
+        /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx6("b", { children: t.newKinds[item] }),
+          /* @__PURE__ */ jsx6("small", { children: t.kindHints[item] })
+        ] })
+      ] }, item);
+    }) }),
+    /* @__PURE__ */ jsx6("p", { className: "w100n-docs-caption", children: t.startFrom }),
+    /* @__PURE__ */ jsx6("div", { role: "radiogroup", "aria-label": t.startFrom, className: "w100n-new-templates", children: choices.map((item) => /* @__PURE__ */ jsxs6("button", { type: "button", role: "radio", "aria-checked": template === item, onClick: () => setTemplate(item), children: [
+      /* @__PURE__ */ jsx6("span", { className: "w100n-new-sheet", "data-blank": item === "blank", children: item === "blank" ? /* @__PURE__ */ jsx6(Plus2, { "aria-hidden": true }) : /* @__PURE__ */ jsxs6(Fragment5, { children: [
+        /* @__PURE__ */ jsx6("i", { "data-head": true }),
+        /* @__PURE__ */ jsx6("i", {}),
+        /* @__PURE__ */ jsx6("i", {}),
+        /* @__PURE__ */ jsx6("i", { "data-accent": true }),
+        /* @__PURE__ */ jsx6("i", {}),
+        /* @__PURE__ */ jsx6("i", {})
+      ] }) }),
+      /* @__PURE__ */ jsx6("span", { children: t.templates[item] })
+    ] }, item)) }),
+    /* @__PURE__ */ jsxs6("div", { className: "w100n-new-fields", children: [
+      /* @__PURE__ */ jsxs6("label", { children: [
+        /* @__PURE__ */ jsx6("span", { className: "w100n-docs-caption", children: t.name }),
+        /* @__PURE__ */ jsx6("input", { className: "w100n-docs-field", autoFocus: true, value: name, onChange: (e) => setName(e.target.value), placeholder: template === "blank" ? t.untitled : t.templates[template] })
+      ] }),
+      host.createIn && /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx6("span", { className: "w100n-docs-caption", children: t.savesTo }),
+        /* @__PURE__ */ jsx6("span", { className: "w100n-docs-field w100n-new-place", children: host.createIn })
+      ] })
+    ] }),
+    state === "failed" && /* @__PURE__ */ jsx6("p", { className: "w100n-docs-muted", role: "alert", children: t.makeFailed }),
+    /* @__PURE__ */ jsxs6("div", { className: "w100n-pdf-dialog-end", children: [
+      /* @__PURE__ */ jsx6("button", { type: "button", className: "w100n-pdf-link", onClick: onClose, children: t.cancel }),
+      /* @__PURE__ */ jsxs6("button", { type: "submit", className: "w100n-docs-action", disabled: state === "busy", children: [
+        /* @__PURE__ */ jsx6(Check, { "aria-hidden": true }),
+        state === "busy" ? t.making : t.make
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/Sharing.tsx
+import { useState as useState7 } from "react";
+import { Ban, CalendarDays, Clock, Copy as Copy2, Download as Download2, Eye, Link, Lock, MessageSquarePlus, Plus as Plus3, Users } from "lucide-react";
+import { Fragment as Fragment6, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var blank3 = { id: null, comment: false, download: false, askName: true, works: "30", day: "", password: false, secret: "", had: false };
 var local = (iso) => {
   const at = new Date(iso);
   return `${at.getFullYear()}-${String(at.getMonth() + 1).padStart(2, "0")}-${String(at.getDate()).padStart(2, "0")}`;
 };
 function Sharing({ host, doc, t, language, team }) {
   const links = useLoad((signal) => host.links(doc.id, { signal }), [host, doc.id]);
-  const [form, setForm] = useState6(null);
-  const [state, setState] = useState6("idle");
-  const [copied, setCopied] = useState6(null);
+  const [form, setForm] = useState7(null);
+  const [state, setState] = useState7("idle");
+  const [copied, setCopied] = useState7(null);
   const text = doc.kind === "docx" || doc.kind === "markdown";
   const rules = new Intl.PluralRules(language);
   const count = (n, forms) => `${n} ${forms[rules.select(n)] ?? forms.other}`;
@@ -2614,31 +2825,31 @@ function Sharing({ host, doc, t, language, team }) {
       setCopied(null);
     }
   };
-  if (form) return /* @__PURE__ */ jsxs6("div", { className: "w100n-share", children: [
-    /* @__PURE__ */ jsxs6("p", { className: "w100n-docs-caption", children: [
-      /* @__PURE__ */ jsx6(Link, { "aria-hidden": true }),
+  if (form) return /* @__PURE__ */ jsxs7("div", { className: "w100n-share", children: [
+    /* @__PURE__ */ jsxs7("p", { className: "w100n-docs-caption", children: [
+      /* @__PURE__ */ jsx7(Link, { "aria-hidden": true }),
       form.id ? t.changeLink : t.newLink
     ] }),
-    text && /* @__PURE__ */ jsxs6("div", { className: "w100n-share-field", children: [
-      /* @__PURE__ */ jsx6("span", { children: t.guestsCan }),
-      /* @__PURE__ */ jsxs6("div", { className: "w100n-docs-chips", children: [
-        /* @__PURE__ */ jsxs6("button", { type: "button", "aria-pressed": !form.comment, onClick: () => setForm({ ...form, comment: false }), children: [
-          /* @__PURE__ */ jsx6(Eye, { "aria-hidden": true }),
+    text && /* @__PURE__ */ jsxs7("div", { className: "w100n-share-field", children: [
+      /* @__PURE__ */ jsx7("span", { children: t.guestsCan }),
+      /* @__PURE__ */ jsxs7("div", { className: "w100n-docs-chips", children: [
+        /* @__PURE__ */ jsxs7("button", { type: "button", "aria-pressed": !form.comment, onClick: () => setForm({ ...form, comment: false }), children: [
+          /* @__PURE__ */ jsx7(Eye, { "aria-hidden": true }),
           t.canRead
         ] }),
-        /* @__PURE__ */ jsxs6("button", { type: "button", "aria-pressed": form.comment, onClick: () => setForm({ ...form, comment: true }), children: [
-          /* @__PURE__ */ jsx6(MessageSquarePlus, { "aria-hidden": true }),
+        /* @__PURE__ */ jsxs7("button", { type: "button", "aria-pressed": form.comment, onClick: () => setForm({ ...form, comment: true }), children: [
+          /* @__PURE__ */ jsx7(MessageSquarePlus, { "aria-hidden": true }),
           t.canComment
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs6("div", { className: "w100n-share-field", children: [
-      /* @__PURE__ */ jsx6("span", { children: t.linkWorks }),
-      /* @__PURE__ */ jsx6("div", { className: "w100n-docs-chips", children: [["7", t.days7], ["30", t.days30], ["off", t.untilTurnOff], ["day", t.pickDay]].map(([key, label]) => /* @__PURE__ */ jsxs6("button", { type: "button", "aria-pressed": form.works === key, onClick: () => setForm({ ...form, works: key }), children: [
-        key === "day" && /* @__PURE__ */ jsx6(CalendarDays, { "aria-hidden": true }),
+    /* @__PURE__ */ jsxs7("div", { className: "w100n-share-field", children: [
+      /* @__PURE__ */ jsx7("span", { children: t.linkWorks }),
+      /* @__PURE__ */ jsx7("div", { className: "w100n-docs-chips", children: [["7", t.days7], ["30", t.days30], ["off", t.untilTurnOff], ["day", t.pickDay]].map(([key, label]) => /* @__PURE__ */ jsxs7("button", { type: "button", "aria-pressed": form.works === key, onClick: () => setForm({ ...form, works: key }), children: [
+        key === "day" && /* @__PURE__ */ jsx7(CalendarDays, { "aria-hidden": true }),
         label
       ] }, key)) }),
-      form.works === "day" && /* @__PURE__ */ jsx6(
+      form.works === "day" && /* @__PURE__ */ jsx7(
         "input",
         {
           type: "date",
@@ -2650,14 +2861,14 @@ function Sharing({ host, doc, t, language, team }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs6("label", { className: "w100n-share-toggle", children: [
-      /* @__PURE__ */ jsx6("input", { type: "checkbox", checked: form.password, onChange: (e) => setForm({ ...form, password: e.target.checked }) }),
-      /* @__PURE__ */ jsxs6("span", { children: [
-        /* @__PURE__ */ jsx6("b", { children: t.passwordOn }),
-        /* @__PURE__ */ jsx6("small", { children: t.passwordHint })
+    /* @__PURE__ */ jsxs7("label", { className: "w100n-share-toggle", children: [
+      /* @__PURE__ */ jsx7("input", { type: "checkbox", checked: form.password, onChange: (e) => setForm({ ...form, password: e.target.checked }) }),
+      /* @__PURE__ */ jsxs7("span", { children: [
+        /* @__PURE__ */ jsx7("b", { children: t.passwordOn }),
+        /* @__PURE__ */ jsx7("small", { children: t.passwordHint })
       ] })
     ] }),
-    form.password && /* @__PURE__ */ jsx6(
+    form.password && /* @__PURE__ */ jsx7(
       "input",
       {
         type: "password",
@@ -2669,120 +2880,120 @@ function Sharing({ host, doc, t, language, team }) {
         onChange: (e) => setForm({ ...form, secret: e.target.value })
       }
     ),
-    /* @__PURE__ */ jsxs6("label", { className: "w100n-share-toggle", children: [
-      /* @__PURE__ */ jsx6("input", { type: "checkbox", checked: form.download, onChange: (e) => setForm({ ...form, download: e.target.checked }) }),
-      /* @__PURE__ */ jsxs6("span", { children: [
-        /* @__PURE__ */ jsx6("b", { children: t.downloadFile }),
-        /* @__PURE__ */ jsx6("small", { children: t.downloadHint })
+    /* @__PURE__ */ jsxs7("label", { className: "w100n-share-toggle", children: [
+      /* @__PURE__ */ jsx7("input", { type: "checkbox", checked: form.download, onChange: (e) => setForm({ ...form, download: e.target.checked }) }),
+      /* @__PURE__ */ jsxs7("span", { children: [
+        /* @__PURE__ */ jsx7("b", { children: t.downloadFile }),
+        /* @__PURE__ */ jsx7("small", { children: t.downloadHint })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs6("label", { className: "w100n-share-toggle", children: [
-      /* @__PURE__ */ jsx6("input", { type: "checkbox", checked: form.askName, onChange: (e) => setForm({ ...form, askName: e.target.checked }) }),
-      /* @__PURE__ */ jsxs6("span", { children: [
-        /* @__PURE__ */ jsx6("b", { children: t.askName }),
-        /* @__PURE__ */ jsx6("small", { children: t.askNameHint })
+    /* @__PURE__ */ jsxs7("label", { className: "w100n-share-toggle", children: [
+      /* @__PURE__ */ jsx7("input", { type: "checkbox", checked: form.askName, onChange: (e) => setForm({ ...form, askName: e.target.checked }) }),
+      /* @__PURE__ */ jsxs7("span", { children: [
+        /* @__PURE__ */ jsx7("b", { children: t.askName }),
+        /* @__PURE__ */ jsx7("small", { children: t.askNameHint })
       ] })
     ] }),
-    /* @__PURE__ */ jsx6("p", { className: "w100n-docs-muted", children: t.lastSaved }),
-    state === "failed" && /* @__PURE__ */ jsx6("p", { className: "w100n-docs-muted", role: "alert", children: t.shareFailed }),
-    /* @__PURE__ */ jsxs6("span", { className: "w100n-pdf-dialog-end", children: [
-      /* @__PURE__ */ jsx6("button", { type: "button", className: "w100n-pdf-link", onClick: () => {
+    /* @__PURE__ */ jsx7("p", { className: "w100n-docs-muted", children: t.lastSaved }),
+    state === "failed" && /* @__PURE__ */ jsx7("p", { className: "w100n-docs-muted", role: "alert", children: t.shareFailed }),
+    /* @__PURE__ */ jsxs7("span", { className: "w100n-pdf-dialog-end", children: [
+      /* @__PURE__ */ jsx7("button", { type: "button", className: "w100n-pdf-link", onClick: () => {
         setForm(null);
         setState("idle");
       }, children: t.cancel }),
-      /* @__PURE__ */ jsxs6("button", { type: "button", className: "w100n-docs-action", disabled: !ready || state === "busy", onClick: () => void submit(), children: [
-        /* @__PURE__ */ jsx6(Link, { "aria-hidden": true }),
+      /* @__PURE__ */ jsxs7("button", { type: "button", className: "w100n-docs-action", disabled: !ready || state === "busy", onClick: () => void submit(), children: [
+        /* @__PURE__ */ jsx7(Link, { "aria-hidden": true }),
         form.id ? t.saveLink : t.makeLink
       ] })
     ] })
   ] });
   const on = links.data ?? [];
-  return /* @__PURE__ */ jsxs6("div", { className: "w100n-share", children: [
-    /* @__PURE__ */ jsxs6("p", { className: "w100n-docs-caption", children: [
-      /* @__PURE__ */ jsx6(Link, { "aria-hidden": true }),
+  return /* @__PURE__ */ jsxs7("div", { className: "w100n-share", children: [
+    /* @__PURE__ */ jsxs7("p", { className: "w100n-docs-caption", children: [
+      /* @__PURE__ */ jsx7(Link, { "aria-hidden": true }),
       t.guestLinks,
-      on.length > 0 && /* @__PURE__ */ jsx6("span", { children: on.filter((l) => !l.ended).length })
+      on.length > 0 && /* @__PURE__ */ jsx7("span", { children: on.filter((l) => !l.ended).length })
     ] }),
-    links.error && /* @__PURE__ */ jsxs6("div", { className: "w100n-docs-note", children: [
+    links.error && /* @__PURE__ */ jsxs7("div", { className: "w100n-docs-note", children: [
       t.failed,
-      /* @__PURE__ */ jsx6("button", { type: "button", onClick: links.retry, children: t.retry })
+      /* @__PURE__ */ jsx7("button", { type: "button", onClick: links.retry, children: t.retry })
     ] }),
-    links.data && !on.length && /* @__PURE__ */ jsx6("p", { className: "w100n-docs-muted", children: t.noLinks }),
-    state === "failed" && /* @__PURE__ */ jsx6("p", { className: "w100n-docs-muted", role: "alert", children: t.shareFailed }),
-    on.map((l) => /* @__PURE__ */ jsxs6("article", { className: "w100n-share-link", "data-ended": l.ended, children: [
-      /* @__PURE__ */ jsxs6("header", { children: [
-        /* @__PURE__ */ jsx6("span", { className: "w100n-share-tile", "data-tone": l.comment ? "amber" : "blue", children: l.comment ? /* @__PURE__ */ jsx6(MessageSquarePlus, { "aria-hidden": true }) : /* @__PURE__ */ jsx6(Eye, { "aria-hidden": true }) }),
-        /* @__PURE__ */ jsxs6("span", { children: [
-          /* @__PURE__ */ jsx6("b", { children: l.comment ? t.commentLink : t.viewLink }),
-          /* @__PURE__ */ jsxs6("small", { children: [
+    links.data && !on.length && /* @__PURE__ */ jsx7("p", { className: "w100n-docs-muted", children: t.noLinks }),
+    state === "failed" && /* @__PURE__ */ jsx7("p", { className: "w100n-docs-muted", role: "alert", children: t.shareFailed }),
+    on.map((l) => /* @__PURE__ */ jsxs7("article", { className: "w100n-share-link", "data-ended": l.ended, children: [
+      /* @__PURE__ */ jsxs7("header", { children: [
+        /* @__PURE__ */ jsx7("span", { className: "w100n-share-tile", "data-tone": l.comment ? "amber" : "blue", children: l.comment ? /* @__PURE__ */ jsx7(MessageSquarePlus, { "aria-hidden": true }) : /* @__PURE__ */ jsx7(Eye, { "aria-hidden": true }) }),
+        /* @__PURE__ */ jsxs7("span", { children: [
+          /* @__PURE__ */ jsx7("b", { children: l.comment ? t.commentLink : t.viewLink }),
+          /* @__PURE__ */ jsxs7("small", { children: [
             t.madeBy.replace("{name}", l.createdBy.name),
             " \xB7 ",
             day(l.createdAt)
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "w100n-share-chips", children: [
-        /* @__PURE__ */ jsxs6("span", { children: [
-          /* @__PURE__ */ jsx6(Clock, { "aria-hidden": true }),
+      /* @__PURE__ */ jsxs7("div", { className: "w100n-share-chips", children: [
+        /* @__PURE__ */ jsxs7("span", { children: [
+          /* @__PURE__ */ jsx7(Clock, { "aria-hidden": true }),
           l.ended ? t.linkEnded : l.endsAt ? t.endsOn.replace("{date}", day(l.endsAt)) : t.untilOff
         ] }),
-        l.download && /* @__PURE__ */ jsxs6("span", { children: [
-          /* @__PURE__ */ jsx6(Download2, { "aria-hidden": true }),
+        l.download && /* @__PURE__ */ jsxs7("span", { children: [
+          /* @__PURE__ */ jsx7(Download2, { "aria-hidden": true }),
           t.downloadOn
         ] }),
-        l.password && /* @__PURE__ */ jsxs6("span", { children: [
-          /* @__PURE__ */ jsx6(Lock, { "aria-hidden": true }),
+        l.password && /* @__PURE__ */ jsxs7("span", { children: [
+          /* @__PURE__ */ jsx7(Lock, { "aria-hidden": true }),
           t.passwordOn
         ] }),
-        /* @__PURE__ */ jsxs6("span", { children: [
-          /* @__PURE__ */ jsx6(Eye, { "aria-hidden": true }),
+        /* @__PURE__ */ jsxs7("span", { children: [
+          /* @__PURE__ */ jsx7(Eye, { "aria-hidden": true }),
           count(l.guests.reduce((n, g) => n + g.opens, 0), t.openForms)
         ] })
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "w100n-share-url", children: [
-        /* @__PURE__ */ jsx6("span", { children: l.url.replace(/^https?:\/\//, "") }),
-        /* @__PURE__ */ jsxs6("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", onClick: () => void copy(l), children: [
-          /* @__PURE__ */ jsx6(Copy2, { "aria-hidden": true }),
+      /* @__PURE__ */ jsxs7("div", { className: "w100n-share-url", children: [
+        /* @__PURE__ */ jsx7("span", { children: l.url.replace(/^https?:\/\//, "") }),
+        /* @__PURE__ */ jsxs7("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", onClick: () => void copy(l), children: [
+          /* @__PURE__ */ jsx7(Copy2, { "aria-hidden": true }),
           copied === l.id ? t.copied : t.copy
         ] })
       ] }),
-      l.guests.length > 0 && /* @__PURE__ */ jsx6("div", { className: "w100n-share-who", children: l.guests.map((g, i) => /* @__PURE__ */ jsxs6("div", { children: [
-        /* @__PURE__ */ jsx6("span", { className: "w100n-text-face", "aria-hidden": true, children: (g.name || "?").slice(0, 1).toUpperCase() }),
-        /* @__PURE__ */ jsx6("b", { children: g.name || t.unnamed }),
-        /* @__PURE__ */ jsxs6("small", { children: [
+      l.guests.length > 0 && /* @__PURE__ */ jsx7("div", { className: "w100n-share-who", children: l.guests.map((g, i) => /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsx7("span", { className: "w100n-text-face", "aria-hidden": true, children: (g.name || "?").slice(0, 1).toUpperCase() }),
+        /* @__PURE__ */ jsx7("b", { children: g.name || t.unnamed }),
+        /* @__PURE__ */ jsxs7("small", { children: [
           g.comments ? count(g.comments, t.commentForms) : count(g.opens, t.openForms),
           " \xB7 ",
           ago(g.lastAt)
         ] })
       ] }, i)) }),
-      /* @__PURE__ */ jsxs6("div", { className: "w100n-share-tools", children: [
-        /* @__PURE__ */ jsxs6("button", { type: "button", className: "w100n-docs-action", "data-tone": "slate", disabled: state === "busy", onClick: () => edit(l), children: [
-          /* @__PURE__ */ jsx6(Clock, { "aria-hidden": true }),
+      /* @__PURE__ */ jsxs7("div", { className: "w100n-share-tools", children: [
+        /* @__PURE__ */ jsxs7("button", { type: "button", className: "w100n-docs-action", "data-tone": "slate", disabled: state === "busy", onClick: () => edit(l), children: [
+          /* @__PURE__ */ jsx7(Clock, { "aria-hidden": true }),
           t.changeLink
         ] }),
-        /* @__PURE__ */ jsxs6("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", disabled: state === "busy", onClick: () => void off(l), children: [
-          /* @__PURE__ */ jsx6(Ban, { "aria-hidden": true }),
+        /* @__PURE__ */ jsxs7("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", disabled: state === "busy", onClick: () => void off(l), children: [
+          /* @__PURE__ */ jsx7(Ban, { "aria-hidden": true }),
           t.turnOff
         ] })
       ] })
     ] }, l.id)),
-    /* @__PURE__ */ jsxs6("button", { type: "button", className: "w100n-docs-action w100n-share-new", onClick: () => {
+    /* @__PURE__ */ jsxs7("button", { type: "button", className: "w100n-docs-action w100n-share-new", onClick: () => {
       setState("idle");
-      setForm(blank2);
+      setForm(blank3);
     }, children: [
-      /* @__PURE__ */ jsx6(Plus2, { "aria-hidden": true }),
+      /* @__PURE__ */ jsx7(Plus3, { "aria-hidden": true }),
       t.newLink
     ] }),
-    team && /* @__PURE__ */ jsxs6(Fragment5, { children: [
-      /* @__PURE__ */ jsxs6("p", { className: "w100n-docs-caption", children: [
-        /* @__PURE__ */ jsx6(Users, { "aria-hidden": true }),
+    team && /* @__PURE__ */ jsxs7(Fragment6, { children: [
+      /* @__PURE__ */ jsxs7("p", { className: "w100n-docs-caption", children: [
+        /* @__PURE__ */ jsx7(Users, { "aria-hidden": true }),
         t.inTeam
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "w100n-share-team", children: [
-        /* @__PURE__ */ jsx6("span", { className: "w100n-share-tile", children: /* @__PURE__ */ jsx6(Users, { "aria-hidden": true }) }),
-        /* @__PURE__ */ jsxs6("span", { children: [
-          /* @__PURE__ */ jsx6("b", { children: t.peopleOf.replace("{space}", team) }),
-          /* @__PURE__ */ jsx6("small", { children: t.teamHint })
+      /* @__PURE__ */ jsxs7("div", { className: "w100n-share-team", children: [
+        /* @__PURE__ */ jsx7("span", { className: "w100n-share-tile", children: /* @__PURE__ */ jsx7(Users, { "aria-hidden": true }) }),
+        /* @__PURE__ */ jsxs7("span", { children: [
+          /* @__PURE__ */ jsx7("b", { children: t.peopleOf.replace("{space}", team) }),
+          /* @__PURE__ */ jsx7("small", { children: t.teamHint })
         ] })
       ] })
     ] })
@@ -2790,7 +3001,7 @@ function Sharing({ host, doc, t, language, team }) {
 }
 
 // src/Thumb.tsx
-import { useEffect as useEffect5, useRef as useRef5, useState as useState7 } from "react";
+import { useEffect as useEffect5, useRef as useRef5, useState as useState8 } from "react";
 
 // src/preview.ts
 var cache = /* @__PURE__ */ new Map();
@@ -2843,11 +3054,11 @@ function preview(host, doc) {
 }
 
 // src/Thumb.tsx
-import { Fragment as Fragment6, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function Thumb({ host, item, label }) {
   const box = useRef5(null);
-  const [seen, setSeen] = useState7(false);
-  const [shot, setShot] = useState7(null);
+  const [seen, setSeen] = useState8(false);
+  const [shot, setShot] = useState8(null);
   useEffect5(() => {
     if (item.thumbnailUrl || item.excerpt || typeof IntersectionObserver === "undefined") return;
     const watch = new IntersectionObserver((entries) => {
@@ -2869,39 +3080,44 @@ function Thumb({ host, item, label }) {
   const text = item.excerpt ?? shot?.text ?? "";
   const lines = text.split("\n").filter((line) => !line.trim().startsWith("```")).map((line) => line.replace(/^#+\s*/, "").replace(/[*_`>|]/g, "").trim()).filter(Boolean);
   const image = item.thumbnailUrl ?? shot?.image;
-  return /* @__PURE__ */ jsxs7("span", { ref: box, className: "w100n-docs-thumb", "data-kind": item.kind, children: [
-    image ? /* @__PURE__ */ jsx7("img", { src: image, alt: "" }) : /* @__PURE__ */ jsx7("span", { className: "w100n-docs-paper", "aria-hidden": true, children: lines.length ? /* @__PURE__ */ jsxs7(Fragment6, { children: [
-      /* @__PURE__ */ jsx7("b", { children: lines[0] }),
+  return /* @__PURE__ */ jsxs8("span", { ref: box, className: "w100n-docs-thumb", "data-kind": item.kind, children: [
+    image ? /* @__PURE__ */ jsx8("img", { src: image, alt: "" }) : /* @__PURE__ */ jsx8("span", { className: "w100n-docs-paper", "aria-hidden": true, children: lines.length ? /* @__PURE__ */ jsxs8(Fragment7, { children: [
+      /* @__PURE__ */ jsx8("b", { children: lines[0] }),
       lines.slice(1, 14).join(" ")
-    ] }) : /* @__PURE__ */ jsxs7(Fragment6, { children: [
-      /* @__PURE__ */ jsx7("i", {}),
-      /* @__PURE__ */ jsx7("i", {}),
-      /* @__PURE__ */ jsx7("i", {}),
-      /* @__PURE__ */ jsx7("i", {}),
-      /* @__PURE__ */ jsx7("i", {})
+    ] }) : /* @__PURE__ */ jsxs8(Fragment7, { children: [
+      /* @__PURE__ */ jsx8("i", {}),
+      /* @__PURE__ */ jsx8("i", {}),
+      /* @__PURE__ */ jsx8("i", {}),
+      /* @__PURE__ */ jsx8("i", {}),
+      /* @__PURE__ */ jsx8("i", {})
     ] }) }),
-    /* @__PURE__ */ jsx7("span", { className: "w100n-docs-kind", "data-kind": item.kind, children: label })
+    /* @__PURE__ */ jsx8("span", { className: "w100n-docs-kind", "data-kind": item.kind, children: label })
   ] });
 }
 
 // src/DocumentsWorkspace.tsx
-import { Fragment as Fragment7, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
-var TextEditor2 = lazy2(() => import("./TextEditor-SPEVB5HX.js"));
-var SheetView2 = lazy2(() => import("./SheetView-G3YWPH5V.js"));
-var icons2 = { docx: FileText2, markdown: FileType2, pdf: Files2, sheet: FileSpreadsheet2, slides: Presentation2 };
+import { Fragment as Fragment8, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+var TextEditor2 = lazy2(() => import("./TextEditor-VBHWUOZR.js"));
+var SheetView2 = lazy2(() => import("./SheetView-4TPL7DES.js"));
+var icons3 = { docx: FileText3, markdown: FileType3, pdf: Files2, sheet: FileSpreadsheet3, slides: Presentation3 };
 function DocumentsWorkspace({ host, language = "en", theme = "light", place, onPlace, start, end, aside, actions }) {
   const t = texts[language];
-  const [own, setOwn] = useState8({ spaceId: null, documentId: null });
+  const [own, setOwn] = useState9({ spaceId: null, documentId: null });
   const here = place ?? own;
   const go = (next) => {
     setOwn(next);
     onPlace?.(next);
   };
-  const [query, setQuery] = useState8("");
-  const [kind, setKind] = useState8("all");
-  const [listOpen, setListOpen] = useState8(true);
-  const [panelOpen, setPanelOpen] = useState8(true);
-  const [narrow, setNarrow] = useState8(false);
+  const [query, setQuery] = useState9("");
+  const [picked, setPicked] = useState9([]);
+  const [typing, setTyping] = useState9(false);
+  const [menusAt, setMenusAt] = useState9(null);
+  const [renaming, setRenaming] = useState9(null);
+  const [renamed, setRenamed] = useState9("idle");
+  const [statusAt, setStatusAt] = useState9(null);
+  const [listOpen, setListOpen] = useState9(true);
+  const [panelOpen, setPanelOpen] = useState9(true);
+  const [narrow, setNarrow] = useState9(false);
   const body = useRef6(null);
   const listButton = useRef6(null);
   const panelButton = useRef6(null);
@@ -2912,13 +3128,13 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     const el = body.current;
     let was = false;
     const check = () => {
-      const now = getComputedStyle(el).getPropertyValue("--docs-narrow").trim() === "1";
-      if (now && !was) {
+      const now2 = getComputedStyle(el).getPropertyValue("--docs-narrow").trim() === "1";
+      if (now2 && !was) {
         setPanelOpen(false);
         if (here.documentId) setListOpen(false);
       }
-      was = now;
-      setNarrow(now);
+      was = now2;
+      setNarrow(now2);
     };
     check();
     if (typeof ResizeObserver === "undefined") return;
@@ -2926,7 +3142,24 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     watch.observe(el);
     return () => watch.disconnect();
   }, [here.documentId]);
-  const [picking, setPicking] = useState8(false);
+  const [picking, setPicking] = useState9(false);
+  const [adding, setAdding] = useState9(false);
+  useEffect6(() => {
+    if (!adding) return;
+    const close = (e) => {
+      if (!e.target.closest(".w100n-docs-new")) setAdding(false);
+    };
+    document.addEventListener("pointerdown", close);
+    return () => document.removeEventListener("pointerdown", close);
+  }, [adding]);
+  useEffect6(() => {
+    if (!typing) return;
+    const close = (e) => {
+      if (!e.target.closest(".w100n-docs-types")) setTyping(false);
+    };
+    document.addEventListener("pointerdown", close);
+    return () => document.removeEventListener("pointerdown", close);
+  }, [typing]);
   useEffect6(() => {
     if (!picking) return;
     const close = (e) => {
@@ -2935,14 +3168,20 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     document.addEventListener("pointerdown", close);
     return () => document.removeEventListener("pointerdown", close);
   }, [picking]);
-  const [tab, setTab] = useState8("outline");
-  const [outline, setOutline] = useState8([]);
-  const [version, setVersion] = useState8({ documentId: null, id: null });
+  const [tab, setTab] = useState9("outline");
+  const [outline, setOutline] = useState9([]);
+  const [reading, setReading] = useState9(null);
+  const [hunt, setHunt] = useState9("");
+  const [fold, setFold] = useState9({});
+  const [version, setVersion] = useState9({ documentId: null, id: null });
   const versionId = version.documentId === here.documentId ? version.id : null;
-  const [restoring, setRestoring] = useState8("idle");
-  const [exporting, setExporting] = useState8("idle");
-  const [copying, setCopying] = useState8("idle");
-  const [box, setBox] = useState8(null);
+  const [restoring, setRestoring] = useState9("idle");
+  const [exporting, setExporting] = useState9("idle");
+  const [copying, setCopying] = useState9("idle");
+  const [box, setBox] = useState9(null);
+  const [making, setMaking] = useState9(false);
+  const [sending, setSending] = useState9("idle");
+  const upload = useRef6(null);
   const spaces = useLoad((signal) => host.spaces({ signal }), [host]);
   const single = spaces.data?.length === 1 ? spaces.data[0].id : null;
   const spaceId = here.spaceId ?? single;
@@ -2953,14 +3192,30 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     const all2 = await host.spaces({ signal });
     return (await Promise.all(all2.map((item) => host.documents(item.id, { signal })))).flat();
   }, [host, spaceId]);
+  useEffect6(() => {
+    const sync = () => {
+      if (document.visibilityState !== "visible") return;
+      spaces.retry();
+      list.retry();
+    };
+    const timer = window.setInterval(sync, 3e4);
+    window.addEventListener("focus", sync);
+    document.addEventListener("visibilitychange", sync);
+    return () => {
+      clearInterval(timer);
+      window.removeEventListener("focus", sync);
+      document.removeEventListener("visibilitychange", sync);
+    };
+  }, []);
   const doc = useLoad((signal) => here.documentId ? host.document(here.documentId, { signal }) : Promise.resolve(null), [host, here.documentId]);
   const versions = useLoad((signal) => here.documentId ? host.versions(here.documentId, { signal }) : Promise.resolve([]), [host, here.documentId]);
   const content = useLoad((signal) => here.documentId ? host.content(here.documentId, versionId, { signal }) : Promise.resolve(null), [host, here.documentId, versionId]);
   const pdf = doc.data?.kind === "pdf";
   const text = doc.data?.kind === "markdown" || doc.data?.kind === "docx";
+  const docbar = text && !versionId && !narrow;
   const signatures = useLoad((signal) => here.documentId && pdf && host.signatures ? host.signatures(here.documentId, { signal }) : Promise.resolve([]), [host, here.documentId, pdf]);
   const all = list.data ?? [];
-  const shown = all.filter((item) => matches(item, query, kind));
+  const shown = all.filter((item) => matches(item, query, 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]));
@@ -2977,9 +3232,9 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     return new Intl.DateTimeFormat(language, { day: "numeric", month: "short", year: "numeric" }).format(new Date(iso));
   };
   const size = (bytes) => bytes < 1024 ? `${bytes} B` : bytes < 1048576 ? `${(bytes / 1024).toFixed(0)} KB` : `${(bytes / 1048576).toFixed(1)} MB`;
-  const failed = (retry) => /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-note", children: [
+  const failed = (retry) => /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-note", children: [
     t.failed,
-    /* @__PURE__ */ jsx8("button", { type: "button", onClick: retry, children: t.retry })
+    /* @__PURE__ */ jsx9("button", { type: "button", onClick: retry, children: t.retry })
   ] });
   const { ask, dialog } = useUnsaved(guard, t);
   const side = (which, open2) => {
@@ -2998,6 +3253,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     }
     ask(() => {
       setOutline([]);
+      setHunt("");
+      setFold({});
       setTab("outline");
       go({ spaceId: here.spaceId, documentId: item.id });
       if (narrow) setListOpen(false);
@@ -3006,7 +3263,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
   const pick = (next) => {
     setPicking(false);
     ask(() => {
-      setKind("all");
+      setPicked([]);
       go({ spaceId: next, documentId: null });
     });
   };
@@ -3057,8 +3314,46 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       setCopying("failed");
     }
   };
-  let stage = /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-empty", children: [
-    /* @__PURE__ */ jsx8(FileText2, { "aria-hidden": true }),
+  const copy = async (file) => {
+    setCopying("busy");
+    try {
+      const made = await host.create({ name: `${t.copyOf} ${file.name}`, bytes: await host.content(file.id), mimeType: file.mimeType ?? "application/octet-stream" });
+      setCopying("idle");
+      opened(made);
+    } catch {
+      setCopying("failed");
+    }
+  };
+  const rename = async (file, draft) => {
+    setRenaming(null);
+    const ext = /\.[^.]+$/.exec(file.name)?.[0] ?? "";
+    const name = draft.trim() && (/\.[^.\s]+$/.test(draft.trim()) ? draft.trim() : draft.trim() + ext);
+    if (!name || name === file.name) return;
+    try {
+      await host.rename(file.id, name);
+      setRenamed("idle");
+      doc.retry();
+      list.retry();
+    } catch {
+      setRenamed("failed");
+    }
+  };
+  const opened = (made) => {
+    spaces.retry();
+    list.retry();
+    ask(() => go({ spaceId: here.spaceId && made.spaceId, documentId: made.id }));
+  };
+  const send = async (file) => {
+    setSending("busy");
+    try {
+      opened(await host.create({ name: file.name, bytes: await file.arrayBuffer(), mimeType: file.type || "application/octet-stream" }));
+      setSending("idle");
+    } catch {
+      setSending("failed");
+    }
+  };
+  let stage = /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-empty", children: [
+    /* @__PURE__ */ jsx9(FileText3, { "aria-hidden": true }),
     t.pick
   ] });
   if (here.documentId) {
@@ -3066,8 +3361,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       doc.retry();
       content.retry();
     });
-    else if (!doc.data || !content.data) stage = /* @__PURE__ */ jsx8("div", { className: "w100n-docs-empty", children: t.loading });
-    else if (doc.data.kind === "markdown" || doc.data.kind === "docx") stage = /* @__PURE__ */ jsx8(Suspense2, { fallback: /* @__PURE__ */ jsx8("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx8(
+    else if (!doc.data || !content.data) stage = /* @__PURE__ */ jsx9("div", { className: "w100n-docs-empty", children: t.loading });
+    else if (doc.data.kind === "markdown" || doc.data.kind === "docx") stage = /* @__PURE__ */ jsx9(Suspense2, { fallback: /* @__PURE__ */ jsx9("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx9(
       TextEditor2,
       {
         kind: doc.data.kind,
@@ -3079,13 +3374,21 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
         together: doc.data.live,
         documentId: doc.data.id,
         onOutline: setOutline,
+        onReading: setReading,
         onPanel: (next) => {
           setPanelOpen(true);
           setTab(next);
           if (narrow) setListOpen(false);
         },
         slot: tab === "comments" && panelOpen ? box : null,
+        head: docbar ? { menus: menusAt, status: statusAt } : void 0,
         guard,
+        file: versionId ? void 0 : {
+          formats: host.exportAs ? doc.data.exports ?? [] : [],
+          download: (f) => void exportAs(doc.data, f),
+          copy: host.create ? () => void copy(doc.data) : void 0,
+          rename: host.rename && doc.data.rights.edit ? () => setRenaming(doc.data.name.replace(/\.[^.]+$/, "")) : void 0
+        },
         onSaved: () => {
           versions.retry();
           doc.retry();
@@ -3094,7 +3397,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       },
       doc.data.id
     ) });
-    else if (doc.data.kind === "pdf") stage = /* @__PURE__ */ jsx8(
+    else if (doc.data.kind === "pdf") stage = /* @__PURE__ */ jsx9(
       PdfView,
       {
         bytes: content.data,
@@ -3116,7 +3419,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       },
       `${doc.data.id}:${versionId ?? ""}`
     );
-    else if (doc.data.kind === "slides") stage = /* @__PURE__ */ jsx8(
+    else if (doc.data.kind === "slides") stage = /* @__PURE__ */ jsx9(
       SlidesView,
       {
         html: new TextDecoder().decode(content.data),
@@ -3135,7 +3438,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       },
       doc.data.id
     );
-    else if (doc.data.kind === "sheet") stage = /* @__PURE__ */ jsx8(Suspense2, { fallback: /* @__PURE__ */ jsx8("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx8(
+    else if (doc.data.kind === "sheet") stage = /* @__PURE__ */ jsx9(Suspense2, { fallback: /* @__PURE__ */ jsx9("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx9(
       SheetView2,
       {
         bytes: content.data,
@@ -3162,16 +3465,27 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       },
       `${doc.data.id}:${versionId ?? ""}`
     ) });
-    else stage = /* @__PURE__ */ jsx8("div", { className: "w100n-docs-empty", children: t.unsupported });
+    else stage = /* @__PURE__ */ jsx9("div", { className: "w100n-docs-empty", children: t.unsupported });
   }
-  const Kind = doc.data ? icons2[doc.data.kind] : FileText2;
+  const Kind = doc.data ? icons3[doc.data.kind] : FileText3;
+  const top = Math.min(...outline.map((h) => h.level));
+  const chapters = outline.reduce((all2, h) => {
+    if (h.level === top || !all2.length) all2.push({ head: h, subs: [] });
+    else all2[all2.length - 1].subs.push(h);
+    return all2;
+  }, []);
+  const now = reading?.documentId === here.documentId ? reading : null;
+  const reached = now ? chapters.findIndex((c) => c.head.id === now.id || c.subs.some((s) => s.id === now.id)) : -1;
+  const words = hunt.toLocaleLowerCase().split(/\s+/).filter(Boolean);
+  const hit = (h) => words.every((w) => h.text.toLocaleLowerCase().includes(w));
+  const reach = (h) => h.go ? h.go() : document.getElementById(h.id)?.scrollIntoView({ behavior: "smooth", block: "start" });
   const crumbs = doc.data ? [names2.get(doc.data.spaceId), doc.data.folder].filter(Boolean) : space ? [space.name] : [];
   const panelTabs = [["outline", ListTree, t.outline], ["versions", History, t.versions], ["details", Info, t.details]];
   if (pdf && host.signatures) panelTabs.push(["signatures", Signature, t.signatures]);
   if (text && host.comments && !versionId) panelTabs.push(["comments", MessagesSquare, t.comments]);
   const sharing = !!host.links && !!doc.data?.rights.edit && !versionId;
   if (sharing) panelTabs.push(["sharing", Share2, t.sharing]);
-  const listToggle = /* @__PURE__ */ jsx8(
+  const listToggle = /* @__PURE__ */ jsx9(
     "button",
     {
       ref: listButton,
@@ -3181,10 +3495,10 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       onClick: () => side("list", !listOpen),
       "aria-label": listOpen ? t.closeList : t.openList,
       title: listOpen ? t.closeList : t.openList,
-      children: listOpen ? /* @__PURE__ */ jsx8(PanelLeftClose, { "aria-hidden": true }) : /* @__PURE__ */ jsx8(PanelLeftOpen, { "aria-hidden": true })
+      children: listOpen ? /* @__PURE__ */ jsx9(PanelLeftClose, { "aria-hidden": true }) : /* @__PURE__ */ jsx9(PanelLeftOpen, { "aria-hidden": true })
     }
   );
-  const panelToggle = doc.data && /* @__PURE__ */ jsx8(
+  const panelToggle = doc.data && /* @__PURE__ */ jsx9(
     "button",
     {
       ref: panelButton,
@@ -3194,163 +3508,313 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       onClick: () => side("panel", !panelOpen),
       "aria-label": panelOpen ? t.closePanel : t.openPanel,
       title: panelOpen ? t.closePanel : t.openPanel,
-      children: panelOpen ? /* @__PURE__ */ jsx8(PanelRightClose, { "aria-hidden": true }) : /* @__PURE__ */ jsx8(PanelRightOpen, { "aria-hidden": true })
+      children: panelOpen ? /* @__PURE__ */ jsx9(PanelRightClose, { "aria-hidden": true }) : /* @__PURE__ */ jsx9(PanelRightOpen, { "aria-hidden": true })
     }
   );
-  return /* @__PURE__ */ jsxs8("div", { className: "w100n-docs", "data-theme": theme, children: [
-    /* @__PURE__ */ jsxs8("header", { className: "w100n-docs-bar", children: [
-      start && /* @__PURE__ */ jsx8("span", { className: "w100n-docs-start w100n-docs-slot", children: slot(start) }),
+  return /* @__PURE__ */ jsxs9("div", { className: "w100n-docs", "data-theme": theme, children: [
+    /* @__PURE__ */ jsxs9("header", { className: "w100n-docs-bar", children: [
+      start && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-start w100n-docs-slot", children: slot(start) }),
       narrow && listToggle,
-      /* @__PURE__ */ jsx8("span", { className: "w100n-docs-tile", "data-kind": doc.data?.kind, children: /* @__PURE__ */ jsx8(Kind, { "aria-hidden": true }) }),
-      /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-heading", children: [
-        /* @__PURE__ */ jsx8("strong", { className: "w100n-docs-title", children: doc.data?.name ?? t.documents }),
-        crumbs.length > 0 ? /* @__PURE__ */ jsx8("span", { className: "w100n-docs-crumbs", children: crumbs.map((item, i) => /* @__PURE__ */ jsxs8("span", { children: [
-          i > 0 && /* @__PURE__ */ jsx8(ChevronRight2, { "aria-hidden": true }),
+      /* @__PURE__ */ jsx9("span", { className: "w100n-docs-tile", "data-kind": doc.data?.kind, children: /* @__PURE__ */ jsx9(Kind, { "aria-hidden": true }) }),
+      /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-heading", children: [
+        renaming !== null && doc.data ? /* @__PURE__ */ jsx9(
+          "input",
+          {
+            className: "w100n-docs-title w100n-docs-rename",
+            autoFocus: true,
+            value: renaming,
+            "aria-label": t.rename,
+            onFocus: (e) => e.currentTarget.select(),
+            onChange: (e) => setRenaming(e.target.value),
+            onBlur: () => void rename(doc.data, renaming),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") e.currentTarget.blur();
+              if (e.key === "Escape") {
+                e.stopPropagation();
+                setRenaming(null);
+              }
+            }
+          }
+        ) : /* @__PURE__ */ jsx9(
+          "strong",
+          {
+            className: "w100n-docs-title",
+            title: docbar ? crumbs.join(" / ") : void 0,
+            onDoubleClick: host.rename && doc.data?.rights.edit && !versionId ? () => setRenaming(doc.data.name.replace(/\.[^.]+$/, "")) : void 0,
+            children: doc.data?.name ?? t.documents
+          }
+        ),
+        docbar ? /* @__PURE__ */ jsx9("div", { ref: setMenusAt, className: "w100n-docs-menus" }) : crumbs.length > 0 ? /* @__PURE__ */ jsx9("span", { className: "w100n-docs-crumbs", children: crumbs.map((item, i) => /* @__PURE__ */ jsxs9("span", { children: [
+          i > 0 && /* @__PURE__ */ jsx9(ChevronRight2, { "aria-hidden": true }),
           item
-        ] }, i)) }) : /* @__PURE__ */ jsx8("span", { className: "w100n-docs-hint", children: t.hint })
+        ] }, i)) }) : /* @__PURE__ */ jsx9("span", { className: "w100n-docs-hint", children: t.hint })
       ] }),
-      doc.data && /* @__PURE__ */ jsx8("span", { className: "w100n-docs-badge", "data-kind": doc.data.kind, children: t.kinds[doc.data.kind] }),
-      versionId && /* @__PURE__ */ jsx8("span", { className: "w100n-docs-badge", children: versions.data?.find((v) => v.id === versionId) && date(versions.data.find((v) => v.id === versionId).createdAt) }),
-      versionId && here.documentId && host.restore && doc.data?.rights.edit && /* @__PURE__ */ jsxs8("button", { type: "button", className: "w100n-docs-action", disabled: restoring === "busy", onClick: () => void restore(here.documentId, versionId), children: [
-        /* @__PURE__ */ jsx8(RotateCcw2, { "aria-hidden": true }),
+      versionId && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-badge", children: versions.data?.find((v) => v.id === versionId) && date(versions.data.find((v) => v.id === versionId).createdAt) }),
+      versionId && here.documentId && host.restore && doc.data?.rights.edit && /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", disabled: restoring === "busy", onClick: () => void restore(here.documentId, versionId), children: [
+        /* @__PURE__ */ jsx9(RotateCcw2, { "aria-hidden": true }),
         t.restore
       ] }),
-      restoring === "failed" && /* @__PURE__ */ jsx8("span", { className: "w100n-docs-muted", children: t.restoreFailed }),
-      doc.data?.convert && host.copyAs && !versionId && /* @__PURE__ */ jsxs8("button", { type: "button", className: "w100n-docs-action", "data-tone": "green", disabled: copying === "busy", onClick: () => void copyAs(doc.data), children: [
-        /* @__PURE__ */ jsx8(FileSpreadsheet2, { "aria-hidden": true }),
+      restoring === "failed" && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-muted", children: t.restoreFailed }),
+      doc.data?.convert && host.copyAs && !versionId && /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", "data-tone": "green", disabled: copying === "busy", onClick: () => void copyAs(doc.data), children: [
+        /* @__PURE__ */ jsx9(FileSpreadsheet3, { "aria-hidden": true }),
         t.copyAs
       ] }),
-      copying === "failed" && /* @__PURE__ */ jsx8("span", { className: "w100n-docs-muted", children: t.copyFailed }),
-      sharing && /* @__PURE__ */ jsxs8("button", { type: "button", className: "w100n-docs-action", "aria-label": t.share, title: t.share, onClick: () => {
+      copying === "failed" && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-muted", children: t.copyFailed }),
+      renamed === "failed" && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-muted", children: t.renameFailed }),
+      docbar && /* @__PURE__ */ jsx9("span", { ref: setStatusAt, className: "w100n-docs-status" }),
+      sharing && /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", "aria-label": t.share, title: t.share, onClick: () => {
         setTab("sharing");
         side("panel", true);
       }, children: [
-        /* @__PURE__ */ jsx8(Share2, { "aria-hidden": true }),
-        /* @__PURE__ */ jsx8("span", { children: t.share })
+        /* @__PURE__ */ jsx9(Share2, { "aria-hidden": true }),
+        /* @__PURE__ */ jsx9("span", { children: t.share })
       ] }),
       doc.data && !versionId && actions?.(doc.data),
       narrow && panelToggle,
-      end && /* @__PURE__ */ jsx8("div", { className: "w100n-docs-end w100n-docs-slot", children: slot(end) })
+      end && /* @__PURE__ */ jsx9("div", { className: "w100n-docs-end w100n-docs-slot", children: slot(end) })
     ] }),
-    /* @__PURE__ */ jsxs8("div", { ref: body, className: "w100n-docs-body", children: [
-      listOpen && /* @__PURE__ */ jsxs8("aside", { className: "w100n-docs-side w100n-docs-list", "aria-label": t.documents, children: [
-        /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-head", children: [
-          /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-row", children: [
-            /* @__PURE__ */ jsxs8("p", { className: "w100n-docs-caption", children: [
-              /* @__PURE__ */ jsx8(Files2, { "aria-hidden": true }),
+    /* @__PURE__ */ jsxs9("div", { ref: body, className: "w100n-docs-body", children: [
+      listOpen && /* @__PURE__ */ jsxs9("aside", { className: "w100n-docs-side w100n-docs-list", "aria-label": t.documents, children: [
+        /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-head", children: [
+          /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-row", children: [
+            /* @__PURE__ */ jsxs9("p", { className: "w100n-docs-caption", children: [
+              /* @__PURE__ */ jsx9(Files2, { "aria-hidden": true }),
               t.documents,
-              /* @__PURE__ */ jsx8("span", { children: all.length })
+              /* @__PURE__ */ jsx9("span", { children: all.length })
             ] }),
-            /* @__PURE__ */ jsx8("button", { ref: listClose, type: "button", className: "w100n-docs-close", onClick: () => side("list", false), "aria-label": t.closeList, title: t.closeList, children: /* @__PURE__ */ jsx8(X5, { "aria-hidden": true }) })
+            host.create && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-new", onKeyDown: (e) => {
+              if (e.key === "Escape" && adding) {
+                e.stopPropagation();
+                setAdding(false);
+              }
+            }, children: [
+              /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", "aria-haspopup": "menu", "aria-expanded": adding, disabled: sending === "busy", onClick: () => setAdding(!adding), children: [
+                /* @__PURE__ */ jsx9(Plus4, { "aria-hidden": true }),
+                /* @__PURE__ */ jsx9("span", { children: sending === "busy" ? t.uploading : t.create }),
+                /* @__PURE__ */ jsx9(ChevronDown2, { "aria-hidden": true })
+              ] }),
+              adding && /* @__PURE__ */ jsxs9("div", { role: "menu", className: "w100n-docs-menu", children: [
+                /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => {
+                  setAdding(false);
+                  setMaking(true);
+                }, children: [
+                  /* @__PURE__ */ jsx9("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx9(FilePlus, { "aria-hidden": true }) }),
+                  /* @__PURE__ */ jsx9("b", { children: t.newTitle })
+                ] }),
+                /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => {
+                  setAdding(false);
+                  upload.current.click();
+                }, children: [
+                  /* @__PURE__ */ jsx9("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx9(Upload, { "aria-hidden": true }) }),
+                  /* @__PURE__ */ jsx9("b", { children: t.uploadFile })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx9("input", { ref: upload, type: "file", hidden: true, "aria-label": t.uploadFile, accept: ".docx,.md,.markdown,.pdf,.xlsx,.csv,.html,.htm", onChange: (e) => {
+                const file = e.target.files?.[0];
+                e.target.value = "";
+                if (file) void send(file);
+              } })
+            ] }),
+            /* @__PURE__ */ jsx9("button", { ref: listClose, type: "button", className: "w100n-docs-close", onClick: () => side("list", false), "aria-label": t.closeList, title: t.closeList, children: /* @__PURE__ */ jsx9(X6, { "aria-hidden": true }) })
           ] }),
-          (spaces.data?.length ?? 0) > 1 && /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-picker", onKeyDown: (e) => {
+          (spaces.data?.length ?? 0) > 1 && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-picker", onKeyDown: (e) => {
             if (e.key !== "Escape" || !picking) return;
             e.stopPropagation();
             setPicking(false);
             e.currentTarget.querySelector("button").focus();
           }, children: [
-            /* @__PURE__ */ jsxs8("button", { type: "button", className: "w100n-docs-field", "aria-haspopup": "listbox", "aria-expanded": picking, onClick: () => setPicking(!picking), children: [
-              space ? /* @__PURE__ */ jsx8("span", { className: "w100n-docs-dot", style: { background: space.color ?? void 0 } }) : /* @__PURE__ */ jsx8("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx8(LayoutGrid, { "aria-hidden": true }) }),
-              /* @__PURE__ */ jsx8("b", { children: space?.name ?? t.allProjects }),
-              !space && /* @__PURE__ */ jsx8("span", { className: "w100n-docs-count", children: all.length }),
-              /* @__PURE__ */ jsx8(ChevronDown2, { "aria-hidden": true })
+            /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-field", "aria-haspopup": "listbox", "aria-expanded": picking, onClick: () => setPicking(!picking), children: [
+              space ? /* @__PURE__ */ jsx9("span", { className: "w100n-docs-dot", style: { background: space.color ?? void 0 } }) : /* @__PURE__ */ jsx9("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx9(LayoutGrid, { "aria-hidden": true }) }),
+              /* @__PURE__ */ jsx9("b", { children: space?.name ?? t.allProjects }),
+              !space && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-count", children: all.length }),
+              /* @__PURE__ */ jsx9(ChevronDown2, { "aria-hidden": true })
             ] }),
-            picking && /* @__PURE__ */ jsxs8("div", { role: "listbox", className: "w100n-docs-menu", children: [
-              /* @__PURE__ */ jsxs8("button", { type: "button", role: "option", "aria-selected": !spaceId, onClick: () => pick(null), children: [
-                /* @__PURE__ */ jsx8("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx8(LayoutGrid, { "aria-hidden": true }) }),
-                /* @__PURE__ */ jsx8("b", { children: t.allProjects }),
-                !spaceId && /* @__PURE__ */ jsx8(Check, { "aria-hidden": true })
+            picking && /* @__PURE__ */ jsxs9("div", { role: "listbox", className: "w100n-docs-menu", children: [
+              /* @__PURE__ */ jsxs9("button", { type: "button", role: "option", "aria-selected": !spaceId, onClick: () => pick(null), children: [
+                /* @__PURE__ */ jsx9("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx9(LayoutGrid, { "aria-hidden": true }) }),
+                /* @__PURE__ */ jsx9("b", { children: t.allProjects }),
+                !spaceId && /* @__PURE__ */ jsx9(Check2, { "aria-hidden": true })
               ] }),
-              groups.map((group) => /* @__PURE__ */ jsxs8("div", { role: "group", "aria-label": group || void 0, children: [
-                group && /* @__PURE__ */ jsx8("p", { className: "w100n-docs-menu-caption", children: group }),
-                (spaces.data ?? []).filter((item) => (item.group ?? "") === group).map((item) => /* @__PURE__ */ jsxs8("button", { type: "button", role: "option", "aria-selected": item.id === spaceId, onClick: () => pick(item.id), children: [
-                  /* @__PURE__ */ jsx8("span", { className: "w100n-docs-dot", style: { background: item.color ?? void 0 } }),
-                  /* @__PURE__ */ jsx8("b", { children: item.name }),
-                  !spaceId && counts.get(item.id) ? /* @__PURE__ */ jsx8("span", { className: "w100n-docs-count", children: counts.get(item.id) }) : null,
-                  item.id === spaceId && /* @__PURE__ */ jsx8(Check, { "aria-hidden": true })
+              groups.map((group) => /* @__PURE__ */ jsxs9("div", { role: "group", "aria-label": group || void 0, children: [
+                group && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-menu-caption", children: group }),
+                (spaces.data ?? []).filter((item) => (item.group ?? "") === group).map((item) => /* @__PURE__ */ jsxs9("button", { type: "button", role: "option", "aria-selected": item.id === spaceId, onClick: () => pick(item.id), children: [
+                  /* @__PURE__ */ jsx9("span", { className: "w100n-docs-dot", style: { background: item.color ?? void 0 } }),
+                  /* @__PURE__ */ jsx9("b", { children: item.name }),
+                  !spaceId && counts.get(item.id) ? /* @__PURE__ */ jsx9("span", { className: "w100n-docs-count", children: counts.get(item.id) }) : null,
+                  item.id === spaceId && /* @__PURE__ */ jsx9(Check2, { "aria-hidden": true })
                 ] }, item.id))
               ] }, group))
             ] })
           ] }),
-          /* @__PURE__ */ jsxs8("label", { className: "w100n-docs-field w100n-docs-search", children: [
-            /* @__PURE__ */ jsx8(Search2, { "aria-hidden": true }),
-            /* @__PURE__ */ jsx8("input", { value: query, onChange: (event) => setQuery(event.target.value), placeholder: t.search, "aria-label": t.search })
+          /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-filters", children: [
+            /* @__PURE__ */ jsxs9("label", { className: "w100n-docs-field w100n-docs-search", children: [
+              /* @__PURE__ */ jsx9(Search2, { "aria-hidden": true }),
+              /* @__PURE__ */ jsx9("input", { value: query, onChange: (event) => setQuery(event.target.value), placeholder: t.search, "aria-label": t.search })
+            ] }),
+            present.length > 1 && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-types", onKeyDown: (e) => {
+              if (e.key !== "Escape" || !typing) return;
+              e.stopPropagation();
+              setTyping(false);
+              e.currentTarget.querySelector("button").focus();
+            }, children: [
+              /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-field", "aria-haspopup": "listbox", "aria-expanded": typing, "data-on": picked.length > 0, onClick: () => setTyping(!typing), children: [
+                /* @__PURE__ */ jsx9(ListFilter, { "aria-hidden": true }),
+                /* @__PURE__ */ jsx9("b", { children: t.typeFilter }),
+                picked.length > 0 && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-badge", children: picked.length }),
+                /* @__PURE__ */ jsx9(ChevronDown2, { "aria-hidden": true })
+              ] }),
+              typing && /* @__PURE__ */ jsxs9("div", { role: "listbox", "aria-multiselectable": true, "aria-label": t.kind, className: "w100n-docs-menu", children: [
+                present.map((item) => {
+                  const Icon = icons3[item];
+                  const on = picked.includes(item);
+                  return /* @__PURE__ */ jsxs9("button", { type: "button", role: "option", "aria-selected": on, onClick: () => setPicked(on ? picked.filter((k) => k !== item) : [...picked, item]), children: [
+                    /* @__PURE__ */ jsx9("span", { className: "w100n-docs-box", children: on && /* @__PURE__ */ jsx9(Check2, { "aria-hidden": true }) }),
+                    /* @__PURE__ */ jsx9("span", { className: "w100n-docs-tile", "data-kind": item, children: /* @__PURE__ */ jsx9(Icon, { "aria-hidden": true }) }),
+                    /* @__PURE__ */ jsx9("b", { children: t.kinds[item] }),
+                    /* @__PURE__ */ jsx9("span", { className: "w100n-docs-count", children: all.filter((doc2) => doc2.kind === item).length })
+                  ] }, item);
+                }),
+                /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-menu-foot", children: [
+                  /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => setPicked(present), children: t.selectAll }),
+                  /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => setPicked([]), children: t.clearPick })
+                ] })
+              ] })
+            ] })
           ] }),
-          present.length > 1 && /* @__PURE__ */ jsx8("div", { className: "w100n-docs-chips", role: "group", "aria-label": t.kind, children: ["all", ...present].map((item) => /* @__PURE__ */ jsxs8("button", { type: "button", "aria-pressed": kind === item, onClick: () => setKind(item), children: [
-            item === "all" ? t.all : t.kinds[item],
-            /* @__PURE__ */ jsx8("span", { "aria-hidden": true, children: item === "all" ? all.length : all.filter((doc2) => doc2.kind === item).length })
+          picked.length > 0 && /* @__PURE__ */ jsx9("div", { className: "w100n-docs-chips", role: "group", "aria-label": t.kind, children: picked.map((item) => /* @__PURE__ */ jsxs9("button", { type: "button", "aria-pressed": true, "aria-label": `${t.clearPick}: ${t.kinds[item]}`, onClick: () => setPicked(picked.filter((k) => k !== item)), children: [
+            t.kinds[item],
+            /* @__PURE__ */ jsx9(X6, { "aria-hidden": true })
           ] }, item)) })
         ] }),
-        /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-cards", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-cards", children: [
+          sending === "failed" && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", role: "alert", children: t.uploadFailed }),
           list.error && failed(list.retry),
-          list.loading && !list.data && /* @__PURE__ */ jsx8("p", { className: "w100n-docs-muted", children: t.loading }),
-          list.data && !shown.length && /* @__PURE__ */ jsx8("p", { className: "w100n-docs-muted", children: all.length ? t.nothing : t.empty }),
-          folders.map((folder2) => /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-folder", role: "group", "aria-label": folder2 || t.loose, children: [
-            folders.length > 1 && /* @__PURE__ */ jsx8("p", { className: "w100n-docs-group", children: folder2 || t.loose }),
-            /* @__PURE__ */ jsx8("div", { className: "w100n-docs-grid", children: shown.filter((item) => !spaceId || (item.folder ?? "") === folder2).map((item) => /* @__PURE__ */ jsxs8("button", { type: "button", className: "w100n-docs-card", "aria-current": item.id === here.documentId, onClick: () => open(item), title: item.name, children: [
-              /* @__PURE__ */ jsx8(Thumb, { host, item, label: t.kinds[item.kind] }),
-              /* @__PURE__ */ jsxs8("span", { className: "w100n-docs-card-text", children: [
-                /* @__PURE__ */ jsx8("b", { children: item.name }),
-                /* @__PURE__ */ jsx8("small", { children: [!spaceId && names2.get(item.spaceId), ago(item.updatedAt)].filter(Boolean).join(" \xB7 ") })
+          list.loading && !list.data && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", children: t.loading }),
+          list.data && !shown.length && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", children: all.length ? t.nothing : t.empty }),
+          folders.map((folder2) => /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-folder", role: "group", "aria-label": folder2 || t.loose, children: [
+            folders.length > 1 && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-group", children: folder2 || t.loose }),
+            /* @__PURE__ */ jsx9("div", { className: "w100n-docs-grid", children: shown.filter((item) => !spaceId || (item.folder ?? "") === folder2).map((item) => /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-card", "aria-current": item.id === here.documentId, onClick: () => open(item), title: item.name, children: [
+              /* @__PURE__ */ jsx9(Thumb, { host, item, label: t.kinds[item.kind] }),
+              /* @__PURE__ */ jsxs9("span", { className: "w100n-docs-card-text", children: [
+                /* @__PURE__ */ jsx9("b", { children: item.name }),
+                /* @__PURE__ */ jsx9("small", { children: [!spaceId && names2.get(item.spaceId), ago(item.updatedAt)].filter(Boolean).join(" \xB7 ") })
               ] })
             ] }, item.id)) })
           ] }, folder2))
         ] })
       ] }),
       !narrow && !listOpen && listToggle,
-      /* @__PURE__ */ jsxs8("main", { className: "w100n-docs-stage", children: [
+      /* @__PURE__ */ jsxs9("main", { className: "w100n-docs-stage", children: [
         !narrow && !panelOpen && panelToggle,
-        /* @__PURE__ */ jsx8("div", { className: "w100n-docs-bare", children: stage })
+        /* @__PURE__ */ jsx9("div", { className: "w100n-docs-bare", children: stage })
       ] }),
-      doc.data && panelOpen && /* @__PURE__ */ jsxs8("aside", { ref: panel, className: "w100n-docs-side w100n-docs-panel", "aria-label": t.details, children: [
-        /* @__PURE__ */ jsx8("div", { className: "w100n-docs-head", children: /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-row", children: [
-          /* @__PURE__ */ jsx8("div", { className: "w100n-docs-tabs", role: "tablist", "aria-label": t.details, "data-compact": panelTabs.length > 3, onKeyDown: rove, children: panelTabs.map(([key, Icon, label]) => /* @__PURE__ */ jsxs8("button", { type: "button", role: "tab", "aria-selected": tab === key, tabIndex: tab === key ? 0 : -1, "aria-label": label, title: label, onClick: () => setTab(key), children: [
-            /* @__PURE__ */ jsx8(Icon, { "aria-hidden": true }),
+      doc.data && panelOpen && /* @__PURE__ */ jsxs9("aside", { ref: panel, className: "w100n-docs-side w100n-docs-panel", "aria-label": t.details, children: [
+        /* @__PURE__ */ jsx9("div", { className: "w100n-docs-head", children: /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-row", children: [
+          /* @__PURE__ */ jsx9("div", { className: "w100n-docs-tabs", role: "tablist", "aria-label": t.details, "data-compact": panelTabs.length > 3, onKeyDown: rove, children: panelTabs.map(([key, Icon, label]) => /* @__PURE__ */ jsxs9("button", { type: "button", role: "tab", "aria-selected": tab === key, tabIndex: tab === key ? 0 : -1, "aria-label": label, title: label, onClick: () => setTab(key), children: [
+            /* @__PURE__ */ jsx9(Icon, { "aria-hidden": true }),
             (panelTabs.length < 4 || tab === key) && label
           ] }, key)) }),
-          /* @__PURE__ */ jsx8("button", { type: "button", className: "w100n-docs-close", onClick: () => side("panel", false), "aria-label": t.closePanel, title: t.closePanel, children: /* @__PURE__ */ jsx8(X5, { "aria-hidden": true }) })
+          /* @__PURE__ */ jsx9("button", { type: "button", className: "w100n-docs-close", onClick: () => side("panel", false), "aria-label": t.closePanel, title: t.closePanel, children: /* @__PURE__ */ jsx9(X6, { "aria-hidden": true }) })
         ] }) }),
-        /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-panel-body", role: "tabpanel", "aria-label": panelTabs.find(([key]) => key === tab)?.[2], children: [
-          tab === "outline" && (outline.length ? /* @__PURE__ */ jsx8("nav", { className: "w100n-docs-outline", children: outline.map((item) => /* @__PURE__ */ jsx8("button", { type: "button", "data-level": item.level, onClick: () => item.go ? item.go() : document.getElementById(item.id)?.scrollIntoView({ behavior: "smooth", block: "start" }), children: item.text }, item.id)) }) : /* @__PURE__ */ jsx8("p", { className: "w100n-docs-muted", children: t.noOutline })),
-          tab === "versions" && /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-versions", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-panel-body", role: "tabpanel", "aria-label": panelTabs.find(([key]) => key === tab)?.[2], children: [
+          tab === "outline" && (outline.length ? /* @__PURE__ */ jsxs9("nav", { className: "w100n-docs-outline", "aria-label": t.outline, children: [
+            now && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-reading", children: [
+              /* @__PURE__ */ jsx9("span", { children: /* @__PURE__ */ jsx9("i", { style: { width: `${Math.round(now.progress * 100)}%` } }) }),
+              /* @__PURE__ */ jsxs9("small", { children: [
+                Math.round(now.progress * 100),
+                "% ",
+                t.read
+              ] })
+            ] }),
+            outline.length > 8 && /* @__PURE__ */ jsxs9("label", { className: "w100n-docs-field w100n-docs-search", children: [
+              /* @__PURE__ */ jsx9(Search2, { "aria-hidden": true }),
+              /* @__PURE__ */ jsx9("input", { value: hunt, onChange: (e) => setHunt(e.target.value), placeholder: t.findHeading, "aria-label": t.findHeading })
+            ] }),
+            chapters.map((c, i) => {
+              const subs = words.length ? c.subs.filter(hit) : c.subs;
+              if (words.length && !hit(c.head) && !subs.length) return null;
+              const opened2 = words.length > 0 || (fold[c.head.id] ?? i === reached);
+              const named = /^(\d+)[.)]?\s+(.+)$/.exec(c.head.text);
+              const mark = c.subs.findIndex((s) => s.id === now?.id);
+              return /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-chapter", "data-state": reached < 0 ? void 0 : i < reached ? "done" : i === reached ? "now" : void 0, children: [
+                /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-chapter-row", children: [
+                  /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-chapter-go", "aria-label": c.head.text, "aria-current": now?.id === c.head.id ? "location" : void 0, onClick: () => reach(c.head), children: [
+                    /* @__PURE__ */ jsx9("span", { className: "w100n-docs-chapter-num", children: named ? named[1] : /* @__PURE__ */ jsx9(Bookmark, { "aria-hidden": true }) }),
+                    /* @__PURE__ */ jsx9("b", { children: named ? named[2] : c.head.text })
+                  ] }),
+                  c.subs.length > 0 && /* @__PURE__ */ jsxs9(
+                    "button",
+                    {
+                      type: "button",
+                      className: "w100n-docs-chapter-fold",
+                      "aria-expanded": opened2,
+                      "aria-label": opened2 ? t.hideSections : t.showSections,
+                      title: opened2 ? t.hideSections : t.showSections,
+                      onClick: () => setFold({ ...fold, [c.head.id]: !opened2 }),
+                      children: [
+                        /* @__PURE__ */ jsx9("small", { children: c.subs.length }),
+                        opened2 ? /* @__PURE__ */ jsx9(ChevronDown2, { "aria-hidden": true }) : /* @__PURE__ */ jsx9(ChevronRight2, { "aria-hidden": true })
+                      ]
+                    }
+                  )
+                ] }),
+                opened2 && subs.length > 0 && /* @__PURE__ */ jsx9("div", { className: "w100n-docs-sections", children: subs.map((s) => /* @__PURE__ */ jsxs9(
+                  "button",
+                  {
+                    type: "button",
+                    "data-level": s.level - top,
+                    onClick: () => reach(s),
+                    "data-state": i < reached || i === reached && c.subs.indexOf(s) < mark ? "done" : void 0,
+                    "aria-current": now?.id === s.id ? "location" : void 0,
+                    children: [
+                      /* @__PURE__ */ jsx9("i", { "aria-hidden": true }),
+                      s.text
+                    ]
+                  },
+                  s.id
+                )) })
+              ] }, c.head.id);
+            })
+          ] }) : /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", children: t.noOutline })),
+          tab === "versions" && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-versions", children: [
             versions.error && failed(versions.retry),
-            (versions.data ?? []).map((item) => /* @__PURE__ */ jsxs8(
+            (versions.data ?? []).map((item) => /* @__PURE__ */ jsxs9(
               "button",
               {
                 type: "button",
                 "aria-pressed": (versionId ?? "current") === item.id || !versionId && item.current,
                 onClick: () => view(item.current ? null : item.id),
                 children: [
-                  /* @__PURE__ */ jsxs8("b", { children: [
+                  /* @__PURE__ */ jsxs9("b", { children: [
                     date(item.createdAt),
-                    item.current && /* @__PURE__ */ jsx8("span", { className: "w100n-docs-badge", children: t.current })
+                    item.current && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-badge", children: t.current })
                   ] }),
-                  /* @__PURE__ */ jsx8("small", { children: [item.author?.name, size(item.size), item.note].filter(Boolean).join(" \xB7 ") })
+                  /* @__PURE__ */ jsx9("small", { children: [item.author?.name, size(item.size), item.note].filter(Boolean).join(" \xB7 ") })
                 ]
               },
               item.id
             ))
           ] }),
-          tab === "details" && /* @__PURE__ */ jsxs8("dl", { className: "w100n-docs-details", children: [
-            /* @__PURE__ */ jsx8("dt", { children: t.kind }),
-            /* @__PURE__ */ jsx8("dd", { children: t.kinds[doc.data.kind] }),
-            /* @__PURE__ */ jsx8("dt", { children: t.size }),
-            /* @__PURE__ */ jsx8("dd", { children: size(doc.data.size) }),
-            /* @__PURE__ */ jsx8("dt", { children: t.updated }),
-            /* @__PURE__ */ jsx8("dd", { children: date(doc.data.updatedAt) }),
-            doc.data.updatedBy && /* @__PURE__ */ jsxs8(Fragment7, { children: [
-              /* @__PURE__ */ jsx8("dt", { children: t.by }),
-              /* @__PURE__ */ jsx8("dd", { children: doc.data.updatedBy.name })
+          tab === "details" && /* @__PURE__ */ jsxs9("dl", { className: "w100n-docs-details", children: [
+            /* @__PURE__ */ jsx9("dt", { children: t.kind }),
+            /* @__PURE__ */ jsx9("dd", { children: t.kinds[doc.data.kind] }),
+            /* @__PURE__ */ jsx9("dt", { children: t.size }),
+            /* @__PURE__ */ jsx9("dd", { children: size(doc.data.size) }),
+            /* @__PURE__ */ jsx9("dt", { children: t.updated }),
+            /* @__PURE__ */ jsx9("dd", { children: date(doc.data.updatedAt) }),
+            doc.data.updatedBy && /* @__PURE__ */ jsxs9(Fragment8, { children: [
+              /* @__PURE__ */ jsx9("dt", { children: t.by }),
+              /* @__PURE__ */ jsx9("dd", { children: doc.data.updatedBy.name })
             ] }),
-            /* @__PURE__ */ jsx8("dt", { children: t.rights }),
-            /* @__PURE__ */ jsx8("dd", { children: [doc.data.rights.view && t.view, doc.data.rights.comment && t.comment, doc.data.rights.edit && t.edit].filter(Boolean).join(", ") })
+            /* @__PURE__ */ jsx9("dt", { children: t.rights }),
+            /* @__PURE__ */ jsx9("dd", { children: [doc.data.rights.view && t.view, doc.data.rights.comment && t.comment, doc.data.rights.edit && t.edit].filter(Boolean).join(", ") })
           ] }),
-          tab === "details" && host.exportAs && !!doc.data.exports?.length && /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-about", children: [
-            /* @__PURE__ */ jsxs8("p", { className: "w100n-docs-caption", children: [
-              /* @__PURE__ */ jsx8(FileDown, { "aria-hidden": true }),
+          tab === "details" && host.exportAs && !!doc.data.exports?.length && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-about", children: [
+            /* @__PURE__ */ jsxs9("p", { className: "w100n-docs-caption", children: [
+              /* @__PURE__ */ jsx9(FileDown, { "aria-hidden": true }),
               t.exportAs
             ] }),
-            /* @__PURE__ */ jsx8("div", { className: "w100n-docs-chips", children: doc.data.exports.map((format) => /* @__PURE__ */ jsxs8(
+            /* @__PURE__ */ jsx9("div", { className: "w100n-docs-chips", children: doc.data.exports.map((format) => /* @__PURE__ */ jsxs9(
               "button",
               {
                 type: "button",
@@ -3358,22 +3822,22 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
                 disabled: exporting === "busy",
                 onClick: () => void exportAs(doc.data, format),
                 children: [
-                  /* @__PURE__ */ jsx8(FileDown, { "aria-hidden": true }),
+                  /* @__PURE__ */ jsx9(FileDown, { "aria-hidden": true }),
                   format.toUpperCase()
                 ]
               },
               format
             )) }),
-            exporting === "failed" && /* @__PURE__ */ jsx8("p", { className: "w100n-docs-muted", children: t.exportFailed })
+            exporting === "failed" && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", children: t.exportFailed })
           ] }),
-          tab === "comments" && /* @__PURE__ */ jsx8("div", { ref: setBox }),
-          tab === "sharing" && sharing && /* @__PURE__ */ jsx8(Sharing, { host, doc: doc.data, t, language, team: names2.get(doc.data.spaceId) }),
-          tab === "signatures" && /* @__PURE__ */ jsxs8("div", { className: "w100n-docs-versions", children: [
+          tab === "comments" && /* @__PURE__ */ jsx9("div", { ref: setBox }),
+          tab === "sharing" && sharing && /* @__PURE__ */ jsx9(Sharing, { host, doc: doc.data, t, language, team: names2.get(doc.data.spaceId) }),
+          tab === "signatures" && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-versions", children: [
             signatures.error && failed(signatures.retry),
-            signatures.data?.length === 0 && /* @__PURE__ */ jsx8("p", { className: "w100n-docs-muted", children: t.noSignatures }),
+            signatures.data?.length === 0 && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", children: t.noSignatures }),
             (signatures.data ?? []).map((entry) => {
               const signed = versions.data?.find((v) => v.id === entry.versionId);
-              return /* @__PURE__ */ jsxs8(
+              return /* @__PURE__ */ jsxs9(
                 "button",
                 {
                   type: "button",
@@ -3381,15 +3845,15 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
                   "aria-pressed": !!signed && (versionId ?? versions.data?.find((v) => v.current)?.id) === signed.id,
                   onClick: () => view(signed.current ? null : signed.id),
                   children: [
-                    /* @__PURE__ */ jsxs8("b", { children: [
+                    /* @__PURE__ */ jsxs9("b", { children: [
                       entry.signer.name,
-                      /* @__PURE__ */ jsxs8("span", { className: "w100n-docs-badge", children: [
+                      /* @__PURE__ */ jsxs9("span", { className: "w100n-docs-badge", children: [
                         t.page,
                         " ",
                         entry.page
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsx8("small", { children: [date(entry.signedAt), t.methods[entry.method], signed && (signed.current ? t.current : `${t.version} ${date(signed.createdAt)}`)].filter(Boolean).join(" \xB7 ") })
+                    /* @__PURE__ */ jsx9("small", { children: [date(entry.signedAt), t.methods[entry.method], signed && (signed.current ? t.current : `${t.version} ${date(signed.createdAt)}`)].filter(Boolean).join(" \xB7 ") })
                   ]
                 },
                 entry.id
@@ -3400,17 +3864,21 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
         ] })
       ] })
     ] }),
+    making && /* @__PURE__ */ jsx9(NewDocument, { host, t, onClose: () => setMaking(false), onMade: (made) => {
+      setMaking(false);
+      opened(made);
+    } }),
     dialog
   ] });
 }
 
 // src/GuestDocument.tsx
-import { lazy as lazy3, Suspense as Suspense3, useRef as useRef7, useState as useState9 } from "react";
-import { Ban as Ban2, Download as Download3, Eye as Eye2, FileDown as FileDown2, FileSpreadsheet as FileSpreadsheet3, FileText as FileText3, FileType as FileType3, Files as Files3, Lock as Lock2, Presentation as Presentation3, UserRound } from "lucide-react";
-import { Fragment as Fragment8, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
-var TextEditor3 = lazy3(() => import("./TextEditor-SPEVB5HX.js"));
-var SheetView3 = lazy3(() => import("./SheetView-G3YWPH5V.js"));
-var icons3 = { docx: FileText3, markdown: FileType3, pdf: Files3, sheet: FileSpreadsheet3, slides: Presentation3 };
+import { lazy as lazy3, Suspense as Suspense3, useRef as useRef7, useState as useState10 } from "react";
+import { Ban as Ban2, Download as Download3, Eye as Eye2, FileDown as FileDown2, FileSpreadsheet as FileSpreadsheet4, FileText as FileText4, FileType as FileType4, Files as Files3, Lock as Lock2, Presentation as Presentation4, UserRound } from "lucide-react";
+import { Fragment as Fragment9, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+var TextEditor3 = lazy3(() => import("./TextEditor-VBHWUOZR.js"));
+var SheetView3 = lazy3(() => import("./SheetView-4TPL7DES.js"));
+var icons4 = { docx: FileText4, markdown: FileType4, pdf: Files3, sheet: FileSpreadsheet4, slides: Presentation4 };
 var GuestRefused = class extends Error {
   constructor(reason, file = "", sharedBy = "") {
     super(reason);
@@ -3435,14 +3903,14 @@ var remember = (name) => {
 };
 function GuestDocument({ host, language = "en", theme = "light", brand }) {
   const t = texts[language];
-  const [ask, setAsk] = useState9(() => ({ name: remembered() || void 0 }));
-  const [typed, setTyped] = useState9("");
-  const [name, setName] = useState9(remembered);
+  const [ask, setAsk] = useState10(() => ({ name: remembered() || void 0 }));
+  const [typed, setTyped] = useState10("");
+  const [name, setName] = useState10(remembered);
   const named = useRef7(name);
-  const [slot, setSlot] = useState9(null);
-  const [saving, setSaving] = useState9("idle");
+  const [slot, setSlot] = useState10(null);
+  const [saving, setSaving] = useState10("idle");
   const opened = useLoad((signal) => host.open(ask, { signal }), [host, ask]);
-  const [notes] = useState9(() => ({
+  const [notes] = useState10(() => ({
     me: { id: "", name: "" },
     spaces: async () => [],
     documents: async () => [],
@@ -3468,18 +3936,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 ? icons3[kind2] : FileText3;
-    return /* @__PURE__ */ jsxs9("header", { className: "w100n-docs-bar w100n-guest-bar", children: [
-      brand && /* @__PURE__ */ jsx9("span", { className: "w100n-guest-brand", children: brand }),
-      file2 && /* @__PURE__ */ jsxs9(Fragment8, { children: [
-        /* @__PURE__ */ jsx9("span", { className: "w100n-docs-tile", "data-kind": kind2, children: /* @__PURE__ */ jsx9(Kind, { "aria-hidden": true }) }),
-        /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-heading", children: [
-          /* @__PURE__ */ jsx9("strong", { className: "w100n-docs-title", children: file2.name }),
-          file2.sharedBy && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-crumbs", children: t.sharedBy.replace("{name}", file2.sharedBy) })
+    const Kind = kind2 ? icons4[kind2] : FileText4;
+    return /* @__PURE__ */ jsxs10("header", { className: "w100n-docs-bar w100n-guest-bar", children: [
+      brand && /* @__PURE__ */ jsx10("span", { className: "w100n-guest-brand", children: brand }),
+      file2 && /* @__PURE__ */ jsxs10(Fragment9, { children: [
+        /* @__PURE__ */ jsx10("span", { className: "w100n-docs-tile", "data-kind": kind2, children: /* @__PURE__ */ jsx10(Kind, { "aria-hidden": true }) }),
+        /* @__PURE__ */ jsxs10("div", { className: "w100n-docs-heading", children: [
+          /* @__PURE__ */ jsx10("strong", { className: "w100n-docs-title", children: file2.name }),
+          file2.sharedBy && /* @__PURE__ */ jsx10("span", { className: "w100n-docs-crumbs", children: t.sharedBy.replace("{name}", file2.sharedBy) })
         ] }),
-        badge && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-badge", "data-kind": kind2, children: badge }),
-        file2.download && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-end", children: [
-          (kind2 === "docx" || kind2 === "markdown" || kind2 === "sheet" || kind2 === "slides") && /* @__PURE__ */ jsxs9(
+        badge && /* @__PURE__ */ jsx10("span", { className: "w100n-docs-badge", "data-kind": kind2, children: badge }),
+        file2.download && /* @__PURE__ */ jsxs10("div", { className: "w100n-docs-end", children: [
+          (kind2 === "docx" || kind2 === "markdown" || kind2 === "sheet" || kind2 === "slides") && /* @__PURE__ */ jsxs10(
             "button",
             {
               type: "button",
@@ -3490,25 +3958,25 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
               "aria-label": t.pdfCopy,
               title: t.pdfCopy,
               children: [
-                /* @__PURE__ */ jsx9(FileDown2, { "aria-hidden": true }),
-                /* @__PURE__ */ jsx9("span", { children: t.pdfCopy })
+                /* @__PURE__ */ jsx10(FileDown2, { "aria-hidden": true }),
+                /* @__PURE__ */ jsx10("span", { children: t.pdfCopy })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs9("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__ */ jsx9(Download3, { "aria-hidden": true }),
-            /* @__PURE__ */ jsx9("span", { children: t.download })
+          /* @__PURE__ */ jsxs10("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", disabled: saving === "busy", onClick: () => void download("file"), "aria-label": t.download, title: t.download, children: [
+            /* @__PURE__ */ jsx10(Download3, { "aria-hidden": true }),
+            /* @__PURE__ */ jsx10("span", { children: t.download })
           ] })
         ] })
       ] })
     ] });
   };
-  const gate = (tone, Icon, title, body, form) => /* @__PURE__ */ jsxs9("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+  const gate = (tone, Icon, title, body, form) => /* @__PURE__ */ jsxs10("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(null, null),
-    /* @__PURE__ */ jsx9("div", { className: "w100n-guest-gate", children: /* @__PURE__ */ jsxs9("div", { className: "w100n-guest-card", children: [
-      /* @__PURE__ */ jsx9("span", { className: "w100n-share-tile", "data-tone": tone, children: /* @__PURE__ */ jsx9(Icon, { "aria-hidden": true }) }),
-      /* @__PURE__ */ jsx9("h2", { children: title }),
-      /* @__PURE__ */ jsx9("p", { children: body }),
+    /* @__PURE__ */ jsx10("div", { className: "w100n-guest-gate", children: /* @__PURE__ */ jsxs10("div", { className: "w100n-guest-card", children: [
+      /* @__PURE__ */ jsx10("span", { className: "w100n-share-tile", "data-tone": tone, children: /* @__PURE__ */ jsx10(Icon, { "aria-hidden": true }) }),
+      /* @__PURE__ */ jsx10("h2", { children: title }),
+      /* @__PURE__ */ jsx10("p", { children: body }),
       form
     ] }) })
   ] });
@@ -3524,7 +3992,7 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
         password ? Lock2 : UserRound,
         refused.file || t.documents,
         shared + (password ? t.passwordAsk : t.nameAsk),
-        /* @__PURE__ */ jsxs9("form", { className: "w100n-guest-form", onSubmit: (e) => {
+        /* @__PURE__ */ jsxs10("form", { className: "w100n-guest-form", onSubmit: (e) => {
           e.preventDefault();
           if (!typed.trim()) return;
           if (password) setAsk({ ...ask, password: typed });
@@ -3534,7 +4002,7 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
           }
           setTyped("");
         }, children: [
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             "input",
             {
               className: "w100n-share-input",
@@ -3547,21 +4015,21 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
               onChange: (e) => setTyped(e.target.value)
             }
           ),
-          refused.reason === "wrong" && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", role: "alert", children: t.wrongPassword }),
-          /* @__PURE__ */ jsxs9("button", { type: "submit", className: "w100n-docs-action", disabled: !typed.trim(), children: [
-            /* @__PURE__ */ jsx9(Eye2, { "aria-hidden": true }),
+          refused.reason === "wrong" && /* @__PURE__ */ jsx10("p", { className: "w100n-docs-muted", role: "alert", children: t.wrongPassword }),
+          /* @__PURE__ */ jsxs10("button", { type: "submit", className: "w100n-docs-action", disabled: !typed.trim(), children: [
+            /* @__PURE__ */ jsx10(Eye2, { "aria-hidden": true }),
             t.openDoc
           ] })
         ] })
       );
     }
     if (refused?.reason === "busy") return gate("slate", Ban2, t.failed, t.tooMany);
-    return gate("slate", Ban2, t.failed, "", /* @__PURE__ */ jsx9("button", { type: "button", className: "w100n-docs-action", onClick: opened.retry, children: t.retry }));
+    return gate("slate", Ban2, t.failed, "", /* @__PURE__ */ jsx10("button", { type: "button", className: "w100n-docs-action", onClick: opened.retry, children: t.retry }));
   }
   const file = opened.data;
-  if (!file) return /* @__PURE__ */ jsxs9("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+  if (!file) return /* @__PURE__ */ jsxs10("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(null, null),
-    /* @__PURE__ */ jsx9("div", { className: "w100n-docs-empty", children: t.loading })
+    /* @__PURE__ */ jsx10("div", { className: "w100n-docs-empty", children: t.loading })
   ] });
   const kind = kindOf(file.name, file.mimeType);
   const text = kind === "docx" || kind === "markdown";
@@ -3569,23 +4037,23 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
   const rights = { view: true, comment: talk, edit: false };
   const quiet2 = () => {
   };
-  let stage = /* @__PURE__ */ jsx9("div", { className: "w100n-docs-empty", children: t.unsupported });
-  if (text) stage = /* @__PURE__ */ jsx9(Suspense3, { fallback: /* @__PURE__ */ jsx9("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx9(TextEditor3, { kind, bytes: file.bytes, t, language, rights, host: talk ? notes : void 0, documentId: file.id, onOutline: quiet2, slot: talk ? slot : null }) });
-  else if (kind === "pdf") stage = /* @__PURE__ */ jsx9(PdfView, { bytes: file.bytes, t, language, worker: host.pdfWorker, rights, documentId: file.id, onOutline: quiet2 });
-  else if (kind === "slides") stage = /* @__PURE__ */ jsx9(SlidesView, { html: new TextDecoder().decode(file.bytes), name: file.name, rights, language, theme, onOutline: quiet2 });
-  else if (kind === "sheet") stage = /* @__PURE__ */ jsx9(Suspense3, { fallback: /* @__PURE__ */ jsx9("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx9(SheetView3, { bytes: file.bytes, name: file.name, kind: /\.csv$/i.test(file.name) || file.mimeType === "text/csv" ? "csv" : "xlsx", rights, language, theme, documentId: file.id }) });
-  return /* @__PURE__ */ jsxs9("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+  let stage = /* @__PURE__ */ jsx10("div", { className: "w100n-docs-empty", children: t.unsupported });
+  if (text) stage = /* @__PURE__ */ jsx10(Suspense3, { fallback: /* @__PURE__ */ jsx10("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx10(TextEditor3, { kind, bytes: file.bytes, t, language, rights, host: talk ? notes : void 0, documentId: file.id, onOutline: quiet2, slot: talk ? slot : null }) });
+  else if (kind === "pdf") stage = /* @__PURE__ */ jsx10(PdfView, { bytes: file.bytes, t, language, worker: host.pdfWorker, rights, documentId: file.id, onOutline: quiet2 });
+  else if (kind === "slides") stage = /* @__PURE__ */ jsx10(SlidesView, { html: new TextDecoder().decode(file.bytes), name: file.name, rights, language, theme, onOutline: quiet2 });
+  else if (kind === "sheet") stage = /* @__PURE__ */ jsx10(Suspense3, { fallback: /* @__PURE__ */ jsx10("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx10(SheetView3, { bytes: file.bytes, name: file.name, kind: /\.csv$/i.test(file.name) || file.mimeType === "text/csv" ? "csv" : "xlsx", rights, language, theme, documentId: file.id }) });
+  return /* @__PURE__ */ jsxs10("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(file, talk ? t.badgeComment : t.badgeRead),
-    saving === "failed" && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted w100n-guest-note", role: "alert", children: t.exportFailed }),
-    /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-body w100n-guest-body", children: [
-      /* @__PURE__ */ jsx9("main", { className: "w100n-docs-stage", children: /* @__PURE__ */ jsx9("div", { className: "w100n-docs-bare", children: stage }) }),
-      talk && /* @__PURE__ */ jsx9("aside", { className: "w100n-docs-side w100n-docs-panel w100n-guest-panel", "aria-label": t.comments, children: /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-panel-body", children: [
-        /* @__PURE__ */ jsxs9("label", { className: "w100n-share-field", children: [
-          /* @__PURE__ */ jsx9("span", { children: t.yourName }),
-          /* @__PURE__ */ jsx9("input", { className: "w100n-share-input", value: name, autoComplete: "name", placeholder: t.yourName, onChange: (e) => typeName(e.target.value) })
+    saving === "failed" && /* @__PURE__ */ jsx10("p", { className: "w100n-docs-muted w100n-guest-note", role: "alert", children: t.exportFailed }),
+    /* @__PURE__ */ jsxs10("div", { className: "w100n-docs-body w100n-guest-body", children: [
+      /* @__PURE__ */ jsx10("main", { className: "w100n-docs-stage", children: /* @__PURE__ */ jsx10("div", { className: "w100n-docs-bare", children: stage }) }),
+      talk && /* @__PURE__ */ jsx10("aside", { className: "w100n-docs-side w100n-docs-panel w100n-guest-panel", "aria-label": t.comments, children: /* @__PURE__ */ jsxs10("div", { className: "w100n-docs-panel-body", children: [
+        /* @__PURE__ */ jsxs10("label", { className: "w100n-share-field", children: [
+          /* @__PURE__ */ jsx10("span", { children: t.yourName }),
+          /* @__PURE__ */ jsx10("input", { className: "w100n-share-input", value: name, autoComplete: "name", placeholder: t.yourName, onChange: (e) => typeName(e.target.value) })
         ] }),
-        /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", children: name.trim() ? t.nameHint : t.nameNeeded }),
-        /* @__PURE__ */ jsx9("div", { ref: setSlot })
+        /* @__PURE__ */ jsx10("p", { className: "w100n-docs-muted", children: name.trim() ? t.nameHint : t.nameNeeded }),
+        /* @__PURE__ */ jsx10("div", { ref: setSlot })
       ] }) })
     ] })
   ] });