@w100n/documents 0.15.0 → 0.16.0

package/dist/index.cjs

@@ -37,11 +37,11 @@ function rove(e) {
   if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(e.key) || e.altKey || e.metaKey || e.ctrlKey || target.closest('input, textarea, select, [contenteditable="true"]')) return;
   const pop = target.closest(pops);
   const list = [...(pop ?? e.currentTarget).querySelectorAll("button:not(:disabled)")].filter((el) => el.closest(pops) === pop);
-  const at = list.indexOf(target);
-  if (at < 0) return;
+  const at2 = list.indexOf(target);
+  if (at2 < 0) return;
   e.preventDefault();
   e.stopPropagation();
-  list[e.key === "Home" ? 0 : e.key === "End" ? list.length - 1 : (at + (e.key === "ArrowRight" ? 1 : -1) + list.length) % list.length].focus();
+  list[e.key === "Home" ? 0 : e.key === "End" ? list.length - 1 : (at2 + (e.key === "ArrowRight" ? 1 : -1) + list.length) % list.length].focus();
 }
 function useRestore(open) {
   (0, import_react.useLayoutEffect)(() => {
@@ -98,8 +98,17 @@ var init_text = __esm({
       retry: "Try again",
       loading: "Loading",
       unsupported: "This file cannot be shown yet",
+      printLayout: "Print layout",
+      cut: "Cut",
+      paste: "Paste",
+      spellCheck: "Spell check",
+      spellHint: "Spelling: right-click again",
       restore: "Restore this version",
       restoreFailed: "Could not restore",
+      showChanges: "What changed",
+      hideChanges: "Back to the version",
+      noChanges: "Same text as now",
+      changeCount: "Since this version, paragraphs: {added} added, {edited} changed, {removed} removed",
       allProjects: "All projects",
       closePanel: "Hide the panel",
       openPanel: "Show the panel",
@@ -204,7 +213,6 @@ var init_text = __esm({
       footnote: "Footnote",
       footnoteText: "Footnote text",
       formula: "Formula",
-      formulaHint: "Saved as a Word equation",
       symbols: "Special characters",
       symbolSearch: "Search, for example arrow",
       update: "Update",
@@ -424,8 +432,17 @@ var init_text = __esm({
       retry: "Spr\xF3buj ponownie",
       loading: "Wczytywanie",
       unsupported: "Tego pliku nie da si\u0119 jeszcze pokaza\u0107",
+      printLayout: "Uk\u0142ad wydruku",
+      cut: "Wytnij",
+      paste: "Wklej",
+      spellCheck: "Sprawdzanie pisowni",
+      spellHint: "Pisownia: kliknij prawym jeszcze raz",
       restore: "Przywr\xF3\u0107 t\u0119 wersj\u0119",
       restoreFailed: "Nie uda\u0142o si\u0119 przywr\xF3ci\u0107",
+      showChanges: "Co si\u0119 zmieni\u0142o",
+      hideChanges: "Wr\xF3\u0107 do wersji",
+      noChanges: "Tekst taki sam jak teraz",
+      changeCount: "Od tej wersji, akapity: {added} dodane, {edited} zmienione, {removed} usuni\u0119te",
       allProjects: "Wszystkie projekty",
       closePanel: "Ukryj panel",
       openPanel: "Poka\u017C panel",
@@ -530,7 +547,6 @@ var init_text = __esm({
       footnote: "Przypis",
       footnoteText: "Tekst przypisu",
       formula: "Wz\xF3r",
-      formulaHint: "Zapisany jako r\xF3wnanie Word",
       symbols: "Znaki specjalne",
       symbolSearch: "Szukaj, na przyk\u0142ad strza\u0142ka",
       update: "Zmie\u0144",
@@ -750,8 +766,17 @@ var init_text = __esm({
       retry: "\u0421\u043F\u0440\u043E\u0431\u0443\u0432\u0430\u0442\u0438 \u0449\u0435",
       loading: "\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0435\u043D\u043D\u044F",
       unsupported: "\u0426\u0435\u0439 \u0444\u0430\u0439\u043B \u043F\u043E\u043A\u0438 \u043D\u0435 \u043C\u043E\u0436\u043D\u0430 \u043F\u043E\u043A\u0430\u0437\u0430\u0442\u0438",
+      printLayout: "\u0420\u043E\u0437\u043C\u0456\u0442\u043A\u0430 \u0441\u0442\u043E\u0440\u0456\u043D\u043A\u0438",
+      cut: "\u0412\u0438\u0440\u0456\u0437\u0430\u0442\u0438",
+      paste: "\u0412\u0441\u0442\u0430\u0432\u0438\u0442\u0438",
+      spellCheck: "\u041F\u0435\u0440\u0435\u0432\u0456\u0440\u043A\u0430 \u043F\u0440\u0430\u0432\u043E\u043F\u0438\u0441\u0443",
+      spellHint: "\u041F\u0440\u0430\u0432\u043E\u043F\u0438\u0441: \u043A\u043B\u0430\u0446\u043D\u0456\u0442\u044C \u043F\u0440\u0430\u0432\u043E\u044E \u0449\u0435 \u0440\u0430\u0437",
       restore: "\u0412\u0456\u0434\u043D\u043E\u0432\u0438\u0442\u0438 \u0446\u044E \u0432\u0435\u0440\u0441\u0456\u044E",
       restoreFailed: "\u041D\u0435 \u0432\u0434\u0430\u043B\u043E\u0441\u044F \u0432\u0456\u0434\u043D\u043E\u0432\u0438\u0442\u0438",
+      showChanges: "\u0429\u043E \u0437\u043C\u0456\u043D\u0438\u043B\u043E\u0441\u044C",
+      hideChanges: "\u041D\u0430\u0437\u0430\u0434 \u0434\u043E \u0432\u0435\u0440\u0441\u0456\u0457",
+      noChanges: "\u0422\u0435\u043A\u0441\u0442 \u0442\u0430\u043A\u0438\u0439 \u0441\u0430\u043C\u0438\u0439, \u044F\u043A \u0437\u0430\u0440\u0430\u0437",
+      changeCount: "\u0412\u0456\u0434\u0442\u043E\u0434\u0456 \u0430\u0431\u0437\u0430\u0446\u0456\u0432: {added} \u0434\u043E\u0434\u0430\u043D\u043E, {edited} \u0437\u043C\u0456\u043D\u0435\u043D\u043E, {removed} \u0432\u0438\u0434\u0430\u043B\u0435\u043D\u043E",
       allProjects: "\u0423\u0441\u0456 \u043F\u0440\u043E\u0454\u043A\u0442\u0438",
       closePanel: "\u0421\u0445\u043E\u0432\u0430\u0442\u0438 \u043F\u0430\u043D\u0435\u043B\u044C",
       openPanel: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u0438 \u043F\u0430\u043D\u0435\u043B\u044C",
@@ -855,7 +880,6 @@ var init_text = __esm({
       footnote: "\u0412\u0438\u043D\u043E\u0441\u043A\u0430",
       footnoteText: "\u0422\u0435\u043A\u0441\u0442 \u0432\u0438\u043D\u043E\u0441\u043A\u0438",
       formula: "\u0424\u043E\u0440\u043C\u0443\u043B\u0430",
-      formulaHint: "\u0417\u0431\u0435\u0440\u0456\u0433\u0430\u0454\u0442\u044C\u0441\u044F \u044F\u043A \u0440\u0456\u0432\u043D\u044F\u043D\u043D\u044F Word",
       symbols: "\u0421\u043F\u0435\u0446\u0441\u0438\u043C\u0432\u043E\u043B\u0438",
       symbolSearch: "\u041F\u043E\u0448\u0443\u043A, \u043D\u0430\u043F\u0440\u0438\u043A\u043B\u0430\u0434 \u0441\u0442\u0440\u0456\u043B\u043A\u0430",
       update: "\u0417\u043C\u0456\u043D\u0438\u0442\u0438",
@@ -1296,35 +1320,35 @@ function unzip(buf) {
   while (eocd >= 0 && view.getUint32(eocd, true) !== 101010256) eocd--;
   if (eocd < 0) throw new Error("Not a DOCX file");
   const count = view.getUint16(eocd + 10, true);
-  let at = view.getUint32(eocd + 16, true);
-  if (count === 65535 || at === 4294967295) throw new Error("ZIP64 DOCX files are not supported");
+  let at2 = view.getUint32(eocd + 16, true);
+  if (count === 65535 || at2 === 4294967295) throw new Error("ZIP64 DOCX files are not supported");
   const names2 = new TextDecoder();
   const out = [];
   for (let n = 0; n < count; n++) {
-    if (view.getUint32(at, true) !== 33639248) throw new Error("Broken DOCX file");
-    const length = view.getUint16(at + 28, true);
-    const extra = view.getUint16(at + 30, true);
-    const note = view.getUint16(at + 32, true);
-    const local2 = view.getUint32(at + 42, true);
-    const csize = view.getUint32(at + 20, true);
-    const path = buf.subarray(at + 46, at + 46 + length);
+    if (view.getUint32(at2, true) !== 33639248) throw new Error("Broken DOCX file");
+    const length = view.getUint16(at2 + 28, true);
+    const extra = view.getUint16(at2 + 30, true);
+    const note = view.getUint16(at2 + 32, true);
+    const local2 = view.getUint32(at2 + 42, true);
+    const csize = view.getUint32(at2 + 20, true);
+    const path = buf.subarray(at2 + 46, at2 + 46 + length);
     const begin = local2 + 30 + view.getUint16(local2 + 26, true) + view.getUint16(local2 + 28, true);
     out.push({
       name: names2.decode(path),
       path,
-      made: view.getUint16(at + 4, true),
-      version: view.getUint16(at + 6, true),
-      flags: view.getUint16(at + 8, true),
-      method: view.getUint16(at + 10, true),
-      time: view.getUint16(at + 12, true),
-      date: view.getUint16(at + 14, true),
-      crc: view.getUint32(at + 16, true),
-      size: view.getUint32(at + 24, true),
-      inner: view.getUint16(at + 36, true),
-      outer: view.getUint32(at + 38, true),
+      made: view.getUint16(at2 + 4, true),
+      version: view.getUint16(at2 + 6, true),
+      flags: view.getUint16(at2 + 8, true),
+      method: view.getUint16(at2 + 10, true),
+      time: view.getUint16(at2 + 12, true),
+      date: view.getUint16(at2 + 14, true),
+      crc: view.getUint32(at2 + 16, true),
+      size: view.getUint32(at2 + 24, true),
+      inner: view.getUint16(at2 + 36, true),
+      outer: view.getUint32(at2 + 38, true),
       raw: buf.subarray(begin, begin + csize)
     });
-    at += 46 + length + extra + note;
+    at2 += 46 + length + extra + note;
   }
   return out;
 }
@@ -1348,49 +1372,49 @@ function zip(entries2) {
   const buf = new Uint8Array(total);
   const view = new DataView(buf.buffer);
   const offsets = [];
-  let at = 0;
+  let at2 = 0;
   for (const e of entries2) {
-    offsets.push(at);
-    view.setUint32(at, 67324752, true);
-    view.setUint16(at + 4, e.version, true);
-    view.setUint16(at + 6, e.flags & ~8, true);
-    view.setUint16(at + 8, e.method, true);
-    view.setUint16(at + 10, e.time, true);
-    view.setUint16(at + 12, e.date, true);
-    view.setUint32(at + 14, e.crc, true);
-    view.setUint32(at + 18, e.raw.length, true);
-    view.setUint32(at + 22, e.size, true);
-    view.setUint16(at + 26, e.path.length, true);
-    view.setUint16(at + 28, 0, true);
-    buf.set(e.path, at + 30);
-    buf.set(e.raw, at + 30 + e.path.length);
-    at += 30 + e.path.length + e.raw.length;
-  }
-  const start = at;
+    offsets.push(at2);
+    view.setUint32(at2, 67324752, true);
+    view.setUint16(at2 + 4, e.version, true);
+    view.setUint16(at2 + 6, e.flags & ~8, true);
+    view.setUint16(at2 + 8, e.method, true);
+    view.setUint16(at2 + 10, e.time, true);
+    view.setUint16(at2 + 12, e.date, true);
+    view.setUint32(at2 + 14, e.crc, true);
+    view.setUint32(at2 + 18, e.raw.length, true);
+    view.setUint32(at2 + 22, e.size, true);
+    view.setUint16(at2 + 26, e.path.length, true);
+    view.setUint16(at2 + 28, 0, true);
+    buf.set(e.path, at2 + 30);
+    buf.set(e.raw, at2 + 30 + e.path.length);
+    at2 += 30 + e.path.length + e.raw.length;
+  }
+  const start = at2;
   entries2.forEach((e, n) => {
-    view.setUint32(at, 33639248, true);
-    view.setUint16(at + 4, e.made, true);
-    view.setUint16(at + 6, e.version, true);
-    view.setUint16(at + 8, e.flags & ~8, true);
-    view.setUint16(at + 10, e.method, true);
-    view.setUint16(at + 12, e.time, true);
-    view.setUint16(at + 14, e.date, true);
-    view.setUint32(at + 16, e.crc, true);
-    view.setUint32(at + 20, e.raw.length, true);
-    view.setUint32(at + 24, e.size, true);
-    view.setUint16(at + 28, e.path.length, true);
-    view.setUint16(at + 36, e.inner, true);
-    view.setUint32(at + 38, e.outer, true);
-    view.setUint32(at + 42, offsets[n], true);
-    buf.set(e.path, at + 46);
-    at += 46 + e.path.length;
+    view.setUint32(at2, 33639248, true);
+    view.setUint16(at2 + 4, e.made, true);
+    view.setUint16(at2 + 6, e.version, true);
+    view.setUint16(at2 + 8, e.flags & ~8, true);
+    view.setUint16(at2 + 10, e.method, true);
+    view.setUint16(at2 + 12, e.time, true);
+    view.setUint16(at2 + 14, e.date, true);
+    view.setUint32(at2 + 16, e.crc, true);
+    view.setUint32(at2 + 20, e.raw.length, true);
+    view.setUint32(at2 + 24, e.size, true);
+    view.setUint16(at2 + 28, e.path.length, true);
+    view.setUint16(at2 + 36, e.inner, true);
+    view.setUint32(at2 + 38, e.outer, true);
+    view.setUint32(at2 + 42, offsets[n], true);
+    buf.set(e.path, at2 + 46);
+    at2 += 46 + e.path.length;
   });
-  view.setUint32(at, 101010256, true);
-  view.setUint16(at + 8, entries2.length, true);
-  view.setUint16(at + 10, entries2.length, true);
-  view.setUint32(at + 12, at - start, true);
-  view.setUint32(at + 16, start, true);
-  return buf.subarray(0, at + 22);
+  view.setUint32(at2, 101010256, true);
+  view.setUint16(at2 + 8, entries2.length, true);
+  view.setUint16(at2 + 10, entries2.length, true);
+  view.setUint32(at2 + 12, at2 - start, true);
+  view.setUint32(at2 + 16, start, true);
+  return buf.subarray(0, at2 + 22);
 }
 var import_fflate, table;
 var init_zip = __esm({
@@ -2432,21 +2456,21 @@ var init_read = __esm({
               out.push({ text: null, raw: s.slice(k.start, k.end), run: null, ctx, span: null, box: true });
             } else {
               const content = kid(k, "w:sdtContent");
-              const inside = [];
-              if (content) this.walk(content.kids, ctx, content, inside, { lock: null, task: false, box: false });
-              this.span(s.slice(k.start, k.end), inside, out, ctx, null);
+              const inside2 = [];
+              if (content) this.walk(content.kids, ctx, content, inside2, { lock: null, task: false, box: false });
+              this.span(s.slice(k.start, k.end), inside2, out, ctx, null);
             }
           } else if (name === "w:fldSimple") {
-            const inside = [];
-            this.walk(k.kids, ctx, k, inside, { lock: null, task: false, box: false });
-            this.span(s.slice(k.start, k.end), inside, out, ctx, hyperlink(attr(s, k, "w:instr") ?? ""));
+            const inside2 = [];
+            this.walk(k.kids, ctx, k, inside2, { lock: null, task: false, box: false });
+            this.span(s.slice(k.start, k.end), inside2, out, ctx, hyperlink(attr(s, k, "w:instr") ?? ""));
           } else if (name === "m:oMath") out.push({ text: "\uE000", raw: s.slice(k.start, k.end), run: null, ctx, span: null, math: latexOf(s.slice(k.start, k.end)) });
           else if (name === "m:oMathPara") st.lock = "Equation";
           else out.push({ text: null, raw: s.slice(k.start, k.end), run: null, ctx, span: null });
         }
       }
-      span(xml, inside, out, ctx, link) {
-        const shown = inside.filter((p) => p.text !== null);
+      span(xml, inside2, out, ctx, link) {
+        const shown = inside2.filter((p) => p.text !== null);
         if (!shown.length) {
           out.push({ text: null, raw: xml, run: null, ctx, span: null });
           return;
@@ -2623,13 +2647,13 @@ var init_read = __esm({
             let vm = vmEl ? vmVal === "restart" ? "restart" : "continue" : null;
             if (vm === "continue" && !open[col]) vm = null;
             const cref = this.ref();
-            const inside = this.blocks(tc);
-            const cell2 = { ref: cref, el: tc, lead: s.slice(last2, tc.start), col, span: span2, vm, blocks: inside.list, tail: s.slice(inside.tail, tc.close), node: null };
+            const inside2 = this.blocks(tc);
+            const cell2 = { ref: cref, el: tc, lead: s.slice(last2, tc.start), col, span: span2, vm, blocks: inside2.list, tail: s.slice(inside2.tail, tc.close), node: null };
             last2 = tc.end;
             this.refs.set(cref, cell2);
             if (vm === "continue") open[col].attrs.rowspan++;
             else {
-              const content = assemble(inside.list);
+              const content = assemble(inside2.list);
               const own = widths.slice(col, col + span2);
               const shd = tcPr && kid(tcPr, "w:shd");
               const fill3 = shd ? attr(s, shd, "w:fill") : null;
@@ -2681,10 +2705,10 @@ function diff(a, b) {
       if (x >= n && y >= m) {
         for (let e = d; e > 0; e--) {
           const t = trace[e];
-          const at = (j) => t[j + e + 1];
-          const down2 = k === -e || k !== e && at(k - 1) < at(k + 1);
+          const at2 = (j) => t[j + e + 1];
+          const down2 = k === -e || k !== e && at2(k - 1) < at2(k + 1);
           const pk = down2 ? k + 1 : k - 1;
-          const px2 = at(pk);
+          const px2 = at2(pk);
           const py = px2 - pk;
           while (x > px2 && y > py) map[p + --y] = p + --x;
           x = px2;
@@ -2838,10 +2862,10 @@ function checked(xml, on2) {
   const no = /w14:uncheckedState\b[^>]*w14:val="([0-9A-Fa-f]+)"/.exec(xml)?.[1] ?? "2610";
   const [from, to] = on2 ? [no, yes] : [yes, no];
   let out = /<w14:checked\b/.test(xml) ? xml.replace(/(<w14:checked\b[^>]*w14:val=")[^"]*"/, `$1${on2 ? 1 : 0}"`) : xml.replace(/(<w14:checkbox\b[^>]*>)/, `$1<w14:checked w14:val="${on2 ? 1 : 0}"/>`);
-  const at = out.indexOf("<w:sdtContent");
-  if (at === -1) return out;
-  const tail = out.slice(at).replace(new RegExp(`w:char="${from}"`, "i"), `w:char="${to}"`).replace(`>${String.fromCharCode(parseInt(from, 16))}<`, `>${String.fromCharCode(parseInt(to, 16))}<`);
-  out = out.slice(0, at) + tail;
+  const at2 = out.indexOf("<w:sdtContent");
+  if (at2 === -1) return out;
+  const tail = out.slice(at2).replace(new RegExp(`w:char="${from}"`, "i"), `w:char="${to}"`).replace(`>${String.fromCharCode(parseInt(from, 16))}<`, `>${String.fromCharCode(parseInt(to, 16))}<`);
+  out = out.slice(0, at2) + tail;
   return out;
 }
 async function fetched(src) {
@@ -2952,9 +2976,9 @@ var init_write = __esm({
 <w:numbering xmlns:w="http://schemas.openxmlformats.org/wordprocessingml/2006/main"></w:numbering>`;
             this.types.add(`<Override PartName="/${path}" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.numbering+xml"/>`);
           }
-          const at = n.search(/<w:num\b[\s>]/);
+          const at2 = n.search(/<w:num\b[\s>]/);
           const abs = this.numbering.abs.join("");
-          n = at === -1 ? n.replace(/(<w:numIdMacAtCleanup\b|<\/w:numbering>)/, abs + "$1") : n.slice(0, at) + abs + n.slice(at);
+          n = at2 === -1 ? n.replace(/(<w:numIdMacAtCleanup\b|<\/w:numbering>)/, abs + "$1") : n.slice(0, at2) + abs + n.slice(at2);
           n = n.replace(/(<w:numIdMacAtCleanup\b|<\/w:numbering>)/, this.numbering.nums.join("") + "$1");
           changed2.set(path, n);
           if (!rel) {
@@ -2967,8 +2991,8 @@ var init_write = __esm({
         const settings = this.tocs && this.pkg.byType("/settings");
         const listed2 = settings && this.pkg.text(settings.target);
         if (settings && listed2 && !/<w:updateFields\b/.test(listed2)) {
-          const at = listed2.search(/<(?:w:hdrShapeDefaults|w:footnotePr|w:endnotePr|w:compat|w:docVars|w:rsids|m:mathPr|w:attachedSchema|w:themeFontLang|w:clrSchemeMapping|w:doNotIncludeSubdocsInStats|w:doNotAutoCompressPictures|w:forceUpgrade|w:captions|w:readModeInkLockDown|w:smartTagType|sl:schemaLibrary|w:shapeDefaults|w:doNotEmbedSmartTags|w:decimalSymbol|w:listSeparator)\b|<\/w:settings>/);
-          changed2.set(settings.target, listed2.slice(0, at) + '<w:updateFields w:val="true"/>' + listed2.slice(at));
+          const at2 = listed2.search(/<(?:w:hdrShapeDefaults|w:footnotePr|w:endnotePr|w:compat|w:docVars|w:rsids|m:mathPr|w:attachedSchema|w:themeFontLang|w:clrSchemeMapping|w:doNotIncludeSubdocsInStats|w:doNotAutoCompressPictures|w:forceUpgrade|w:captions|w:readModeInkLockDown|w:smartTagType|sl:schemaLibrary|w:shapeDefaults|w:doNotEmbedSmartTags|w:decimalSymbol|w:listSeparator)\b|<\/w:settings>/);
+          changed2.set(settings.target, listed2.slice(0, at2) + '<w:updateFields w:val="true"/>' + listed2.slice(at2));
         }
         if (this.styleXml.length) {
           const rel = this.pkg.byType("/styles");
@@ -3068,20 +3092,20 @@ var init_write = __esm({
         return ++this.lastNote;
       }
       footnotes(doc, changed2) {
-        const notes2 = [];
+        const notes3 = [];
         const walk = (n) => {
-          if (n.type === "footnote" && n.attrs?.id) notes2.push({ id: String(n.attrs.id), text: String(n.attrs.text ?? "") });
+          if (n.type === "footnote" && n.attrs?.id) notes3.push({ id: String(n.attrs.id), text: String(n.attrs.text ?? "") });
           n.content?.forEach(walk);
         };
         walk(doc);
         const rel = this.pkg.byType("/footnotes");
         const old = rel ? this.pkg.text(rel.target) : null;
-        if (!notes2.length) return;
+        if (!notes3.length) return;
         const path = rel ? rel.target : "word/footnotes.xml";
         let xml = old ?? `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
 <w:footnotes xmlns:w="http://schemas.openxmlformats.org/wordprocessingml/2006/main" xmlns:r="${REL}"><w:footnote w:type="separator" w:id="-1"><w:p><w:pPr><w:spacing w:after="0" w:line="240" w:lineRule="auto"/></w:pPr><w:r><w:separator/></w:r></w:p></w:footnote><w:footnote w:type="continuationSeparator" w:id="0"><w:p><w:pPr><w:spacing w:after="0" w:line="240" w:lineRule="auto"/></w:pPr><w:r><w:continuationSeparator/></w:r></w:p></w:footnote></w:footnotes>`;
-        const fresh2 = (id, words2) => `<w:footnote w:id="${id}"><w:p><w:pPr><w:spacing w:after="0" w:line="240" w:lineRule="auto"/></w:pPr><w:r><w:rPr><w:vertAlign w:val="superscript"/></w:rPr><w:footnoteRef/></w:r><w:r><w:rPr><w:sz w:val="20"/></w:rPr><w:t xml:space="preserve"> ${escape2(words2)}</w:t></w:r></w:p></w:footnote>`;
-        for (const n of notes2) {
+        const fresh2 = (id, words3) => `<w:footnote w:id="${id}"><w:p><w:pPr><w:spacing w:after="0" w:line="240" w:lineRule="auto"/></w:pPr><w:r><w:rPr><w:vertAlign w:val="superscript"/></w:rPr><w:footnoteRef/></w:r><w:r><w:rPr><w:sz w:val="20"/></w:rPr><w:t xml:space="preserve"> ${escape2(words3)}</w:t></w:r></w:p></w:footnote>`;
+        for (const n of notes3) {
           const found = new RegExp(`<w:footnote\\b[^>]*\\bw:id="${n.id}"[^>]*>([\\s\\S]*?)</w:footnote>`).exec(xml);
           if (found && noteText(found[1]) === n.text) continue;
           xml = found ? xml.replace(found[0], fresh2(n.id, n.text)) : xml.replace(/<\/w:footnotes>\s*$/, fresh2(n.id, n.text) + "</w:footnotes>");
@@ -3128,8 +3152,8 @@ var init_write = __esm({
             sec = sec.replace(re, xml);
             return;
           }
-          const at = before.map((b) => sec.search(new RegExp(`<${b}[\\s>/]`))).filter((i2) => i2 >= 0);
-          const i = at.length ? Math.min(...at) : sec.lastIndexOf("</w:sectPr>");
+          const at2 = before.map((b) => sec.search(new RegExp(`<${b}[\\s>/]`))).filter((i2) => i2 >= 0);
+          const i = at2.length ? Math.min(...at2) : sec.lastIndexOf("</w:sectPr>");
           sec = sec.slice(0, i) + xml + sec.slice(i);
         };
         const tw = (px2) => Math.round(px2 * 15);
@@ -3155,11 +3179,11 @@ var init_write = __esm({
           const open = sec.indexOf(">") + 1;
           sec = sec.slice(0, open) + `<w:${kind}Reference w:type="default" r:id="${id}"/>` + sec.slice(open);
         };
-        const line = (words2, page) => {
+        const line = (words3, page) => {
           const field = '<w:r><w:fldChar w:fldCharType="begin"/></w:r><w:r><w:instrText xml:space="preserve"> PAGE </w:instrText></w:r><w:r><w:fldChar w:fldCharType="separate"/></w:r><w:r><w:t>1</w:t></w:r><w:r><w:fldChar w:fldCharType="end"/></w:r>';
-          const run3 = words2 ? `<w:r><w:t xml:space="preserve">${escape2(words2)}</w:t></w:r>` : "";
-          if (!words2 && !page) return "";
-          return `<w:p><w:pPr>${page && words2 ? `<w:tabs><w:tab w:val="right" w:pos="${this.textWidth()}"/></w:tabs>` : page ? '<w:jc w:val="right"/>' : ""}</w:pPr>${run3}${page && words2 ? "<w:r><w:tab/></w:r>" : ""}${page ? field : ""}</w:p>`;
+          const run3 = words3 ? `<w:r><w:t xml:space="preserve">${escape2(words3)}</w:t></w:r>` : "";
+          if (!words3 && !page) return "";
+          return `<w:p><w:pPr>${page && words3 ? `<w:tabs><w:tab w:val="right" w:pos="${this.textWidth()}"/></w:tabs>` : page ? '<w:jc w:val="right"/>' : ""}</w:pPr>${run3}${page && words3 ? "<w:r><w:tab/></w:r>" : ""}${page ? field : ""}</w:p>`;
         };
         if (setup.header !== void 0) part("header", line(setup.header, false));
         if (setup.footer !== void 0 || setup.numbers !== void 0) part("footer", line(setup.footer ?? "", !!setup.numbers));
@@ -3394,11 +3418,11 @@ var init_write = __esm({
         }
         const slot = new Int32Array(A.length + 1);
         for (let k = 1; k <= A.length; k++) slot[k] = back[k - 1] >= 0 ? back[k - 1] + 1 : slot[k - 1];
-        const at = Array.from({ length: B.length + 1 }, () => []);
+        const at2 = Array.from({ length: B.length + 1 }, () => []);
         let chars = 0;
         for (const u of units) {
           if (u.ch !== null) chars++;
-          else if (!u.box || o.task !== null) at[slot[chars]].push(u);
+          else if (!u.box || o.task !== null) at2[slot[chars]].push(u);
         }
         const paraBase = b ? this.markRun(b) : this.firstRun(src);
         const out = [];
@@ -3412,7 +3436,7 @@ var init_write = __esm({
         const next = new Int32Array(B.length + 1).fill(-1);
         for (let k = B.length - 1; k >= 0; k--) next[k] = map[k] >= 0 ? map[k] : next[k + 1];
         for (let j = 0; j <= B.length; j++) {
-          for (const u of at[j]) out.push({ ch: null, raw: u.box && !u.run && b && b.task !== o.task ? checked(u.raw, !!o.task) : u.raw, run: u.run, ctx: u.ctx, u, fmt: u.fmt });
+          for (const u of at2[j]) out.push({ ch: null, raw: u.box && !u.run && b && b.task !== o.task ? checked(u.raw, !!o.task) : u.raw, run: u.run, ctx: u.ctx, u, fmt: u.fmt });
           if (j === B.length) break;
           const i = map[j];
           const want = B[j];
@@ -3431,8 +3455,10 @@ var init_write = __esm({
           }
           if (want.note) {
             const u = i >= 0 ? A[i] : null;
-            if (u?.note && u.note.id === want.note.id) out.push({ ch: u.ch, raw: u.raw, run: u.run, ctx: u.ctx, u, fmt: u.fmt });
-            else {
+            if (u?.note && (u.note.id === want.note.id || !want.note.id)) {
+              want.note.id = u.note.id;
+              out.push({ ch: u.ch, raw: u.raw, run: u.run, ctx: u.ctx, u, fmt: u.fmt });
+            } else {
               want.note.id = typeof want.note.id === "string" && want.note.id ? want.note.id : String(this.noteId());
               out.push({ ch: want.ch, raw: `<w:footnoteReference w:id="${want.note.id}"/>`, run: { open: "<w:r>", rPr: '<w:rPr><w:vertAlign w:val="superscript"/></w:rPr>', fmt: plain, el: null, parent: null }, ctx: [], u: null, fmt: plain });
             }
@@ -3511,8 +3537,8 @@ var init_write = __esm({
           wrap = { open: tag, close: "</w:hyperlink>", link, ins: false };
           this.wraps.set(link, wrap);
         }
-        const at = out.findIndex((w) => w.ins);
-        return at === -1 ? [...out, wrap] : [...out.slice(0, at), wrap, ...out.slice(at)];
+        const at2 = out.findIndex((w) => w.ins);
+        return at2 === -1 ? [...out, wrap] : [...out.slice(0, at2), wrap, ...out.slice(at2)];
       }
       revised(ctx, rev) {
         const out = ctx.filter((w) => !w.rev || w.rev === rev);
@@ -3711,8 +3737,8 @@ var init_write = __esm({
           head2 = opened(s, b.el) + s.slice(b.el.open, first ? first.el.start - first.lead.length : b.el.close);
           if (last2) tail = s.slice(last2.el.end, b.el.close);
           if (b.cols && cols !== b.cols) {
-            head2 = head2.replace(/(<w:tblGrid\b[^>]*>)([\s\S]*?)(<\/w:tblGrid>)/, (_, open, inside, close) => {
-              const list = [...inside.match(/<w:gridCol\b[^>]*\/>/g) ?? []];
+            head2 = head2.replace(/(<w:tblGrid\b[^>]*>)([\s\S]*?)(<\/w:tblGrid>)/, (_, open, inside2, close) => {
+              const list = [...inside2.match(/<w:gridCol\b[^>]*\/>/g) ?? []];
               while (list.length < cols) list.push(list[list.length - 1] ?? "<w:gridCol/>");
               return open + list.slice(0, cols).join("") + close;
             });
@@ -3791,9 +3817,9 @@ var init_write = __esm({
               continue;
             }
             const fallback = srcCell?.blocks.find((x) => x.kind === "p") ?? null;
-            let inside = this.container(flatten(sl.cell.content ?? []), C ? C.blocks : [], fallback) + (C ? this.left.get(C) ?? "" : "");
-            if (!this.last || this.last === "tbl") inside += "<w:p/>";
-            xml += (C ? C.lead + opened(s, C.el) : "<w:tc>") + this.tcPr(srcCell, sl.span, vm, width, !C, own(sl.col, sl.span), value("background", sl.cell.attrs?.background)) + inside + (C ? C.tail : "") + "</w:tc>";
+            let inside2 = this.container(flatten(sl.cell.content ?? []), C ? C.blocks : [], fallback) + (C ? this.left.get(C) ?? "" : "");
+            if (!this.last || this.last === "tbl") inside2 += "<w:p/>";
+            xml += (C ? C.lead + opened(s, C.el) : "<w:tc>") + this.tcPr(srcCell, sl.span, vm, width, !C, own(sl.col, sl.span), value("background", sl.cell.attrs?.background)) + inside2 + (C ? C.tail : "") + "</w:tc>";
           }
           const lastCell = R2?.cells[R2.cells.length - 1];
           xml += (R2 && lastCell ? s.slice(lastCell.el.end, R2.el.close) : "") + "</w:tr>";
@@ -3833,14 +3859,14 @@ async function readDocx(bytes) {
   const size2 = sect && kid(sect, "w:pgSz");
   const mar = sect && kid(sect, "w:pgMar");
   const px2 = (el, name, fallback) => Math.round(Math.abs(+((el && attr(s, el, name)) ?? fallback)) / 15 * 100) / 100;
-  const words2 = (kind) => {
+  const words3 = (kind) => {
     const ref = sect?.kids.find((k) => k.name === `w:${kind}Reference` && attr(s, k, "w:type") === "default");
     const part = ref && pkg.rels.get(attr(s, ref, "r:id") ?? "");
     const xml = part ? pkg.text(part.target) ?? "" : "";
     return { text: [...xml.matchAll(/<w:t(?:\s[^>]*)?>([^<]*)<\/w:t>/g)].map((m) => m[1]).join("").replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").trim(), page: /\bPAGE\b/.test(xml) };
   };
-  const head2 = words2("header");
-  const foot = words2("footer");
+  const head2 = words3("header");
+  const foot = words3("footer");
   return {
     marginal: { header: head2.text, footer: foot.page ? foot.text.replace(/\s*\d+$/, "") : foot.text, numbers: foot.page },
     doc: { type: "doc", content: content.length ? content : [{ type: "paragraph", attrs: { align: null, indent: 0, ref: null } }] },
@@ -3933,7 +3959,7 @@ function measure(view) {
   const gaps = [];
   const line = page.width - page.margins[1] - page.margins[3];
   const area = (list) => list.length ? 14 + list.reduce((h, text) => h + 15 * Math.max(1, Math.ceil(text.length * 5.6 / line)), 0) : 0;
-  let notes2 = [];
+  let notes3 = [];
   let count = 0;
   let i = 0;
   let shift = 0;
@@ -3953,20 +3979,20 @@ function measure(view) {
       if (d.type.name === "footnote") mine.push(`${count + mine.length + 1} ${d.attrs.text}`);
     });
     if (node.type.name === "pageBreak") {
-      gaps.push({ pos: offset + node.nodeSize, height: start + room - end + bottom + 24 + top, page: gaps.length + 1, notes: notes2 });
-      notes2 = [];
+      gaps.push({ pos: offset + node.nodeSize, height: start + room - end + bottom + 24 + top, page: gaps.length + 1, notes: notes3 });
+      notes3 = [];
       start = end;
-    } else if (end > start + room - area([...notes2, ...mine]) && y > start) {
-      gaps.push({ pos: offset, height: start + room - y + bottom + 24 + top, page: gaps.length + 1, notes: notes2 });
-      notes2 = [];
+    } else if (end > start + room - area([...notes3, ...mine]) && y > start) {
+      gaps.push({ pos: offset, height: start + room - y + bottom + 24 + top, page: gaps.length + 1, notes: notes3 });
+      notes3 = [];
       start = y;
     }
-    notes2.push(...mine);
+    notes3.push(...mine);
     count += mine.length;
     while (end > start + room) start += room;
     last2 = end;
   });
-  gaps.push({ pos: view.state.doc.content.size, height: Math.max(0, start + room - last2), page: gaps.length + 1, end: true, notes: notes2 });
+  gaps.push({ pos: view.state.doc.content.size, height: Math.max(0, start + room - last2), page: gaps.length + 1, end: true, notes: notes3 });
   return gaps.map((g) => ({ ...g, height: Math.max(0, Math.round(g.height)) }));
 }
 var import_core, import_state, import_view, a4, letter, paging, skip2, Pager;
@@ -3985,10 +4011,10 @@ var init_pager = __esm({
       addProseMirrorPlugins: () => [new import_state.Plugin({
         key: paging,
         state: {
-          init: () => ({ set: import_view.DecorationSet.empty, page: a4, marks: { header: "", footer: "" } }),
+          init: () => ({ set: import_view.DecorationSet.empty, page: a4, marks: { header: "", footer: "" }, flow: false }),
           apply(tr, value3) {
             const next = tr.getMeta(paging);
-            return { set: next?.set ?? value3.set.map(tr.mapping, tr.doc), page: next?.page ?? value3.page, marks: next?.marks ?? value3.marks };
+            return { set: next?.set ?? value3.set.map(tr.mapping, tr.doc), page: next?.page ?? value3.page, marks: next?.marks ?? value3.marks, flow: next?.flow ?? value3.flow };
           }
         },
         props: { decorations: (state) => paging.getState(state).set },
@@ -3997,8 +4023,13 @@ var init_pager = __esm({
           let sig2 = "";
           const run3 = () => {
             if (!view.dom.isConnected) return;
+            const { marks: marks2, flow } = paging.getState(view.state);
+            if (flow) {
+              if (sig2 !== "flow") view.dispatch(view.state.tr.setMeta(paging, { set: import_view.DecorationSet.empty }).setMeta("addToHistory", false));
+              sig2 = "flow";
+              return;
+            }
             const gaps = measure(view);
-            const { marks: marks2 } = paging.getState(view.state);
             const next = gaps.map((g) => `${g.pos}:${g.height}:${g.notes.join("\n")}`).join() + `|${marks2.header}|${marks2.footer}`;
             if (next === sig2) return;
             sig2 = next;
@@ -4049,7 +4080,8 @@ var init_pager = __esm({
           later(0);
           return {
             update: (next, prev) => {
-              if (paging.getState(next.state).page !== paging.getState(prev).page || paging.getState(next.state).marks !== paging.getState(prev).marks) later(0);
+              const now = paging.getState(next.state), was = paging.getState(prev);
+              if (now.page !== was.page || now.marks !== was.marks || now.flow !== was.flow) later(0);
               else if (next.state.doc !== prev.doc) later(400);
             },
             destroy: () => {
@@ -4118,7 +4150,10 @@ function kit(kind, t, live) {
     Toc.configure({ relative: kind === "markdown", label: t.toc, empty: t.tocEmpty }),
     Note,
     Notes,
-    ...kind === "docx" ? [Formula, Footnote, Pager, Locks.configure({ label: t.locked }), revision("insertion", "ins"), revision("deletion", "del"), Suggest] : [],
+    Formula,
+    Footnote,
+    EndNotes,
+    ...kind === "docx" ? [Pager, Locks.configure({ label: t.locked }), revision("insertion", "ins"), revision("deletion", "del"), Suggest] : [],
     ...live ? [import_extension_collaboration.default.configure({ document: live.doc }), import_extension_collaboration_caret.default.configure({ provider: live.link, user: live.user })] : []
   ];
 }
@@ -4141,8 +4176,8 @@ function locate(doc, list) {
     if (line) doc.descendants((node, pos) => {
       if (hit) return false;
       if (!node.isTextblock) return true;
-      const at = node.textBetween(0, node.content.size, void 0, "\uFFFC").indexOf(line);
-      if (at >= 0) hit = { from: pos + 1 + at, to: pos + 1 + at + line.length };
+      const at2 = node.textBetween(0, node.content.size, void 0, "\uFFFC").indexOf(line);
+      if (at2 >= 0) hit = { from: pos + 1 + at2, to: pos + 1 + at2 + line.length };
       return false;
     });
     return hit;
@@ -4161,7 +4196,7 @@ function locate(doc, list) {
     return range ? [{ id: c.id, from: range.from, to: range.to }] : [];
   });
 }
-var import_core2, import_extension_collaboration, import_extension_collaboration_caret, import_extension_highlight, import_extension_image, import_extension_list, import_extension_table, import_extension_text_style, import_state2, import_transform, import_view2, import_starter_kit, import_y_tiptap, notes, blocks, changed, Cells, searching, lookup, Search2, replace, cleanPaste, Blocks, PageBreak, Formula, Footnote, headings, Toc, revision, seen, suggesting, Suggest, Note, locks, locked, scan, Locks, paint, remap, Notes, script, textblocks, align2, spacing, indent, clear;
+var import_core2, import_extension_collaboration, import_extension_collaboration_caret, import_extension_highlight, import_extension_image, import_extension_list, import_extension_table, import_extension_text_style, import_state2, import_transform, import_view2, import_starter_kit, import_y_tiptap, notes, blocks, changed, Cells, searching, lookup, Search2, replace, cleanPaste, Blocks, PageBreak, Formula, Footnote, EndNotes, headings, Toc, revision, seen, suggesting, Suggest, Note, locks, locked, scan, Locks, paint, remap, Notes, script, textblocks, align2, spacing, indent, clear;
 var init_extensions = __esm({
   "src/editor/extensions.ts"() {
     "use strict";
@@ -4225,14 +4260,14 @@ var init_extensions = __esm({
       doc.descendants((node, pos) => {
         if (!node.isTextblock) return true;
         let text = "";
-        const at = [];
+        const at2 = [];
         node.forEach((child, offset) => {
           const part = child.isText ? child.text : "\uFFFC";
-          for (let i = 0; i < part.length; i++) at.push(pos + 1 + offset + i);
+          for (let i = 0; i < part.length; i++) at2.push(pos + 1 + offset + i);
           text += part;
         });
         const hay = matchCase ? text : text.toLowerCase();
-        for (let i = hay.indexOf(needle); i >= 0; i = hay.indexOf(needle, i + needle.length)) hits.push({ from: at[i], to: at[i + needle.length - 1] + 1 });
+        for (let i = hay.indexOf(needle); i >= 0; i = hay.indexOf(needle, i + needle.length)) hits.push({ from: at2[i], to: at2[i + needle.length - 1] + 1 });
         return false;
       });
       return hits;
@@ -4248,18 +4283,18 @@ var init_extensions = __esm({
             if (!meta2 && !tr.docChanged) return value3;
             const next = { ...value3, ...meta2 };
             const hits = lookup(tr.doc, next.query, next.matchCase);
-            const at = hits.length ? (next.at % hits.length + hits.length) % hits.length : 0;
-            return { ...next, hits, at, set: import_view2.DecorationSet.create(tr.doc, hits.map((h, i) => import_view2.Decoration.inline(h.from, h.to, { class: i === at ? "w100n-found is-current" : "w100n-found" }))) };
+            const at2 = hits.length ? (next.at % hits.length + hits.length) % hits.length : 0;
+            return { ...next, hits, at: at2, set: import_view2.DecorationSet.create(tr.doc, hits.map((h, i) => import_view2.Decoration.inline(h.from, h.to, { class: i === at2 ? "w100n-found is-current" : "w100n-found" }))) };
           }
         },
         props: { decorations: (state) => searching.getState(state).set }
       })]
     });
     replace = (editor, text, all) => {
-      const { hits, at } = searching.getState(editor.state);
+      const { hits, at: at2 } = searching.getState(editor.state);
       if (!hits.length) return 0;
       const tr = editor.state.tr;
-      for (const hit of all ? [...hits].reverse() : [hits[at]]) tr.insertText(text, hit.from, hit.to);
+      for (const hit of all ? [...hits].reverse() : [hits[at2]]) tr.insertText(text, hit.from, hit.to);
       editor.view.dispatch(tr);
       return all ? hits.length : 1;
     };
@@ -4306,12 +4341,12 @@ var init_extensions = __esm({
           for (let i = start; i < end; i++) {
             const top = state.doc.child(i);
             visit(top, pos);
-            top.descendants((node, at) => visit(node, pos + 1 + at));
+            top.descendants((node, at2) => visit(node, pos + 1 + at2));
             pos += top.nodeSize;
           }
           if (!drop2.length) return null;
           const tr = state.tr;
-          for (const at of drop2) tr.setNodeAttribute(at, "ref", null);
+          for (const at2 of drop2) tr.setNodeAttribute(at2, "ref", null);
           return tr;
         }
       })]
@@ -4358,6 +4393,31 @@ var init_extensions = __esm({
       parseHTML: () => [{ tag: "sup[data-footnote]" }],
       renderHTML: ({ node }) => ["sup", { "data-footnote": "", "data-note-id": node.attrs.id ?? void 0, title: node.attrs.text, class: "w100n-fn", contenteditable: "false" }]
     });
+    EndNotes = import_core2.Extension.create({
+      name: "endNotes",
+      addProseMirrorPlugins: () => [new import_state2.Plugin({
+        props: {
+          decorations(state) {
+            const notes3 = [];
+            state.doc.descendants((n) => {
+              if (n.type.name === "footnote") notes3.push(n.attrs.text);
+            });
+            if (!notes3.length) return null;
+            return import_view2.DecorationSet.create(state.doc, [import_view2.Decoration.widget(state.doc.content.size, () => {
+              const list = document.createElement("div");
+              list.className = "w100n-text-endnotes";
+              list.contentEditable = "false";
+              notes3.forEach((text, i) => {
+                const p = list.appendChild(document.createElement("p"));
+                p.appendChild(document.createElement("sup")).textContent = String(i + 1);
+                p.append(text);
+              });
+              return list;
+            }, { key: notes3.join("\n"), side: 1, ignoreSelection: true })]);
+          }
+        }
+      })]
+    });
     headings = (doc, after) => {
       const found = [];
       doc.descendants((node, pos) => {
@@ -4383,8 +4443,8 @@ var init_extensions = __esm({
           dom.className = "w100n-text-toc";
           dom.contentEditable = "false";
           const paint2 = () => {
-            const at = getPos() ?? 0;
-            const list = entries(editor.state.doc, this.options.relative, at);
+            const at2 = getPos() ?? 0;
+            const list = entries(editor.state.doc, this.options.relative, at2);
             const head2 = document.createElement("b");
             head2.textContent = this.options.label;
             const items = list.map(([level, text], i) => {
@@ -4419,13 +4479,13 @@ var init_extensions = __esm({
         return [new import_state2.Plugin({
           appendTransaction(trs, _old, state) {
             if (!trs.some((tr2) => tr2.docChanged && !tr2.getMeta(import_y_tiptap.ySyncPluginKey))) return null;
-            const at = [];
+            const at2 = [];
             state.doc.forEach((node, pos) => {
-              if (node.type.name === "toc") at.push(pos);
+              if (node.type.name === "toc") at2.push(pos);
             });
-            if (!at.length) return null;
+            if (!at2.length) return null;
             const tr = state.tr;
-            for (const pos of at) {
+            for (const pos of at2) {
               const fresh2 = JSON.stringify(entries(state.doc, relative2, pos));
               if (state.doc.nodeAt(pos).attrs.entries !== fresh2) tr.setNodeAttribute(pos, "entries", fresh2);
             }
@@ -4469,10 +4529,10 @@ var init_extensions = __esm({
           const { state } = view;
           const tr = state.tr;
           if (to > from) strike(tr, state, from, to);
-          const at = tr.mapping.map(to);
+          const at2 = tr.mapping.map(to);
           const kept = (state.storedMarks ?? state.doc.resolve(from).marks()).filter((m) => m.type.name !== "insertion" && m.type.name !== "deletion");
-          tr.insert(at, state.schema.text(text, [...kept, stamp(state, "insertion", from, to)]));
-          tr.setSelection(import_state2.TextSelection.create(tr.doc, at + text.length));
+          tr.insert(at2, state.schema.text(text, [...kept, stamp(state, "insertion", from, to)]));
+          tr.setSelection(import_state2.TextSelection.create(tr.doc, at2 + text.length));
           view.dispatch(tr.scrollIntoView());
           return true;
         };
@@ -4496,16 +4556,16 @@ var init_extensions = __esm({
               if (!suggesting.getState(state).on || event.key !== "Backspace" && event.key !== "Delete" || event.metaKey || event.ctrlKey || event.altKey) return false;
               const { from, to, empty, $from } = state.selection;
               const back = event.key === "Backspace";
-              let at = from;
+              let at2 = from;
               if (empty) {
                 const skip3 = (pos) => state.doc.resolve(pos)[back ? "nodeBefore" : "nodeAfter"]?.marks.some((m) => m.type.name === "deletion");
-                while (skip3(at)) at += back ? -1 : 1;
-                if (back ? at <= $from.start() : at >= $from.end()) return false;
+                while (skip3(at2)) at2 += back ? -1 : 1;
+                if (back ? at2 <= $from.start() : at2 >= $from.end()) return false;
               }
               const tr = state.tr;
-              if (empty) strike(tr, state, back ? at - 1 : at, back ? at : at + 1);
+              if (empty) strike(tr, state, back ? at2 - 1 : at2, back ? at2 : at2 + 1);
               else strike(tr, state, from, to);
-              const caret = empty ? tr.mapping.map(back ? at - 1 : at + 1, back ? -1 : 1) : tr.mapping.map(back ? from : to);
+              const caret = empty ? tr.mapping.map(back ? at2 - 1 : at2 + 1, back ? -1 : 1) : tr.mapping.map(back ? from : to);
               tr.setSelection(import_state2.TextSelection.create(tr.doc, caret));
               view.dispatch(tr.scrollIntoView());
               return true;
@@ -4577,10 +4637,10 @@ var init_extensions = __esm({
               const { $from, empty } = view.state.selection;
               if (!back && event.key !== "Delete" || !empty || $from.depth < 1) return false;
               if (back ? $from.parentOffset !== 0 : $from.parentOffset !== $from.parent.content.size) return false;
-              const at = back ? $from.before() : $from.after();
-              const node = back ? view.state.doc.resolve(at).nodeBefore : view.state.doc.resolve(at).nodeAfter;
+              const at2 = back ? $from.before() : $from.after();
+              const node = back ? view.state.doc.resolve(at2).nodeBefore : view.state.doc.resolve(at2).nodeAfter;
               if (!node || !locked(node)) return false;
-              view.dispatch(view.state.tr.delete(back ? at - node.nodeSize : at, back ? at : at + node.nodeSize));
+              view.dispatch(view.state.tr.delete(back ? at2 - node.nodeSize : at2, back ? at2 : at2 + node.nodeSize));
               return true;
             }
           }
@@ -4654,7 +4714,7 @@ var init_extensions = __esm({
 var version;
 var init_package = __esm({
   "package.json"() {
-    version = "0.15.0";
+    version = "0.16.0";
   }
 });
 
@@ -4679,6 +4739,8 @@ function inline3(tokens = [], outer = []) {
     else if (token2.type === "del") wrap(token2.tokens, { type: "strike" });
     else if (token2.type === "codespan") text(token2.text, [{ type: "code" }]);
     else if (token2.type === "br") out.push({ type: "hardBreak" });
+    else if (token2.type === "math") out.push({ type: "math", attrs: { latex: token2.text } });
+    else if (token2.type === "footnoteRef") out.push({ type: "footnote", attrs: { id: token2.id, text: notes2.get(token2.id) ?? "" } });
     else if (token2.type === "link") wrap(token2.tokens, { type: "link", attrs: { href: token2.href } });
     else if (token2.type === "image") out.push({ type: "image", attrs: { src: token2.href, alt: token2.text || null, title: token2.title || null }, ...marks2().length ? { marks: marks2() } : {} });
     else if (token2.type === "html") {
@@ -4701,7 +4763,15 @@ function block(token2, hints) {
     case "space":
     case "def":
     case "checkbox":
+    case "footnoteDef":
       return [];
+    case "html": {
+      const m = /^\s*<(p|h[1-6])\s+align="(center|right|justify)"\s*>([\s\S]*?)<\/\1>\s*$/i.exec(token2.raw);
+      if (!m) return [{ type: "codeBlock", attrs: { language: "html" }, content: [{ type: "text", text: token2.raw.replace(/\n+$/, "") }] }];
+      const content = inline3(marked.Lexer.lexInline(m[3].trim(), marked.defaults));
+      const level = Number(m[1][1]);
+      return [level ? { type: "heading", attrs: { level, align: m[2] }, content } : { type: "paragraph", attrs: { align: m[2] }, content }];
+    }
     case "heading":
       return [{ type: "heading", attrs: { level: token2.depth }, content: inline3(token2.tokens) }];
     case "paragraph":
@@ -4713,8 +4783,6 @@ function block(token2, hints) {
       const fence = /^ {0,3}(`{3,}|~{3,})/.exec(token2.raw)?.[1][0];
       return [{ type: "codeBlock", attrs: { language: token2.lang || null, ref: fence ? ref({ fence: fence.repeat(3) }) : null }, content: token2.text ? [{ type: "text", text: token2.text }] : [] }];
     }
-    case "html":
-      return [{ type: "codeBlock", attrs: { language: "html" }, content: [{ type: "text", text: token2.raw.replace(/\n+$/, "") }] }];
     case "hr":
       return [{ type: "horizontalRule" }];
     case "list": {
@@ -4744,6 +4812,21 @@ function block(token2, hints) {
       return [{ type: "paragraph", content: inline3([{ type: "text", raw: token2.raw, text: token2.raw }]) }];
   }
 }
+function aligned(tokens, i, hints) {
+  const m = tokens[i].type === "html" ? /^\s*<div\s+align="(center|right|justify)"\s*>\s*$/i.exec(tokens[i].raw) : null;
+  if (!m) return null;
+  let j = i + 1;
+  const skip3 = () => {
+    while (tokens[j]?.type === "space") j++;
+  };
+  skip3();
+  const inner2 = tokens[j]?.type === "paragraph" || tokens[j]?.type === "heading" ? tokens[j++] : null;
+  skip3();
+  if (!inner2 || tokens[j]?.type !== "html" || !/^\s*<\/div>\s*$/i.test(tokens[j].raw)) return null;
+  const made2 = block(inner2, hints);
+  made2[0].attrs = { ...made2[0].attrs, align: m[1] };
+  return { end: j, made: made2 };
+}
 function contents2(tokens, i) {
   if (tokens[i].type !== "html" || !opens.test(tokens[i].raw)) return null;
   let j = i + 1;
@@ -4768,7 +4851,7 @@ function sniff(tokens) {
     style[key2] = value3;
   };
   let loose = 0;
-  import_marked.marked.walkTokens(tokens, (token2) => {
+  marked.walkTokens(tokens, (token2) => {
     if (token2.type === "list") {
       const marker = /^\s*(?:([-*+])|\d+([.)]))/.exec(token2.raw);
       if (token2.ordered) note("delim", marker?.[2] ?? ".");
@@ -4785,7 +4868,11 @@ function sniff(tokens) {
 function fromMarkdown(source) {
   const bom = source.startsWith("\uFEFF");
   const crlf = source.includes("\r\n");
-  const tokens = import_marked.marked.lexer(source.slice(bom ? 1 : 0).replace(/\r\n?/g, "\n"));
+  const tokens = marked.lexer(source.slice(bom ? 1 : 0).replace(/\r\n?/g, "\n"));
+  notes2 = /* @__PURE__ */ new Map();
+  marked.walkTokens(tokens, (token2) => {
+    if (token2.type === "footnoteDef") notes2.set(token2.id, token2.text);
+  });
   const hints = {};
   const content = [];
   const raws2 = [];
@@ -4793,8 +4880,8 @@ function fromMarkdown(source) {
   let gap = "";
   for (let i = 0; i < tokens.length; i++) {
     const token2 = tokens[i];
-    const toc = contents2(tokens, i);
-    const made2 = toc ? [{ type: "toc", attrs: { entries: JSON.stringify(toc.entries) } }] : block(token2, hints);
+    const toc = contents2(tokens, i) ?? aligned(tokens, i, hints);
+    const made2 = toc ? "made" in toc ? toc.made : [{ type: "toc", attrs: { entries: JSON.stringify(toc.entries) } }] : block(token2, hints);
     if (!made2.length) {
       gap += token2.raw;
       continue;
@@ -4833,17 +4920,36 @@ function serializer(style, hints, before, cell2 = false) {
     const bullet = hint(node).bullet ?? (run3(parent, index, ["bulletList", "taskList"]) ? style.bullet === "-" ? "*" : "-" : style.bullet);
     tight(state, node, () => state.renderList(node, "  ", () => `${bullet} `));
   };
+  const aligned2 = (state, node, render) => {
+    const side2 = cell2 ? null : node.attrs.align;
+    if (side2 && side2 !== "left") {
+      state.write(`<div align="${side2}">`);
+      state.closeBlock(node);
+    }
+    render();
+    state.closeBlock(node);
+    if (side2 && side2 !== "left") {
+      state.write("</div>");
+      state.closeBlock(node);
+    }
+  };
   const blank6 = { open: "", close: "", mixable: true };
   const wrap = (open, close = open) => ({ open, close, mixable: true, expelEnclosingWhitespace: true });
   return new import_prosemirror_markdown.MarkdownSerializer({
     paragraph(state, node) {
-      state.renderInline(node);
-      state.closeBlock(node);
+      aligned2(state, node, () => state.renderInline(node));
     },
     heading(state, node) {
-      state.write(`${"#".repeat(node.attrs.level)} `);
-      state.renderInline(node, false);
-      state.closeBlock(node);
+      aligned2(state, node, () => {
+        state.write(`${"#".repeat(node.attrs.level)} `);
+        state.renderInline(node, false);
+      });
+    },
+    math(state, node, parent) {
+      state.write(parent.childCount === 1 ? `$$${node.attrs.latex}$$` : `$${node.attrs.latex}$`);
+    },
+    footnote(state, node) {
+      state.write(`[^${node.attrs.id}]`);
     },
     blockquote(state, node) {
       state.wrapBlock("> ", null, node, () => state.renderContent(node));
@@ -4963,31 +5069,66 @@ function toMarkdown(doc, base) {
     nodes.push(node);
     found.push(k);
   });
-  let out = base.head;
+  const now = refs(nodes), was = refs(base.nodes);
+  const seen2 = /* @__PURE__ */ new Set();
+  const fix = (text2) => now.size || was.size ? text2.replace(defs, (all, id, note) => {
+    if (!now.has(id)) return was.has(id) ? "" : all;
+    seen2.add(id);
+    return noteOf(note) === now.get(id) ? all : `[^${id}]: ${now.get(id).replace(/\n/g, "\n    ")}
+`;
+  }) : text2;
+  const kept = new Set(found);
+  const lost = base.raws.filter((_, m) => !kept.has(m)).flatMap((raw) => marked.lexer(raw).filter((t) => t.type === "def" || t.type === "footnoteDef").map((t) => t.raw.replace(/\n*$/, "\n"))).join("");
+  let out = fix(base.head);
   const starts = [];
   nodes.forEach((node, i) => {
     const k = found[i];
     if (i && !(k >= 0 && found[i - 1] === k - 1)) out = out.replace(/\n*$/, "\n\n");
     starts.push(out.length);
-    out += k >= 0 ? base.raws[k] : one(node, i ? nodes[i - 1] : null, base);
+    out += k >= 0 ? fix(base.raws[k]) : one(node, i ? nodes[i - 1] : null, base);
   });
   const last2 = found[found.length - 1];
   const end = last2 >= 0 && last2 === base.nodes.length - 1;
   if (!end) out = out.replace(/\n*$/, "\n");
   const cut = out.length;
-  out += end ? base.tail : base.tail.trim() ? `
-${base.tail.replace(/^\n+/, "")}` : "";
-  const at = starts.map((s) => Math.min(s, cut));
-  const raws2 = at.map((s, i) => out.slice(s, i + 1 < at.length ? at[i + 1] : cut));
+  out += fix(end ? base.tail : base.tail.trim() ? `
+${base.tail.replace(/^\n+/, "")}` : "");
+  const extra = fix(lost) + [...now].filter(([id]) => !seen2.has(id)).map(([id, note]) => `[^${id}]: ${note.replace(/\n/g, "\n    ")}
+`).join("");
+  if (extra) out = `${out.replace(/\n*$/, "\n\n")}${extra}`;
+  const at2 = starts.map((s) => Math.min(s, cut));
+  const raws2 = at2.map((s, i) => out.slice(s, i + 1 < at2.length ? at2[i + 1] : cut));
   const text = base.crlf ? out.replace(/\n/g, "\r\n") : out;
   return { text: base.bom ? `\uFEFF${text}` : text, base: { ...base, nodes, raws: raws2, tail: out.slice(cut) } };
 }
-var import_marked, import_prosemirror_markdown, tags, decode2, unique, fill, opens, shuts, row, slug, track, ticks, plain2, one;
+var import_marked, import_prosemirror_markdown, def, defs, noteOf, at, marked, notes2, tags, decode2, unique, fill, opens, shuts, row, slug, track, ticks, plain2, one, refs;
 var init_markdown = __esm({
   "src/editor/markdown.ts"() {
     "use strict";
     import_marked = require("marked");
     import_prosemirror_markdown = require("prosemirror-markdown");
+    def = /^\[\^([^\]\s]+)\]:[ \t]*([^\n]*(?:\n {4}[^\n]*)*)(?:\n|$)/;
+    defs = new RegExp(def.source.slice(1), "gm");
+    noteOf = (text) => text.replace(/\n {4}/g, "\n").trim();
+    at = (src, find3) => {
+      const i = src.search(find3);
+      return i < 0 ? void 0 : i;
+    };
+    marked = new import_marked.Marked({ extensions: [
+      { name: "footnoteDef", level: "block", start: (src) => at(src, /^\[\^/m), tokenizer(src) {
+        const m = def.exec(src);
+        return m ? { type: "footnoteDef", raw: m[0], id: m[1], text: noteOf(m[2]) } : void 0;
+      } },
+      { name: "footnoteRef", level: "inline", start: (src) => at(src, /\[\^/), tokenizer(src) {
+        const m = /^\[\^([^\]\s]+)\]/.exec(src);
+        return m ? { type: "footnoteRef", raw: m[0], id: m[1] } : void 0;
+      } },
+      { name: "math", level: "inline", start: (src) => at(src, /\$/), tokenizer(src) {
+        const m = /^\$\$([^$]+?)\$\$|^\$(?![\s$])((?:\\.|[^$\\\n])*?[^\s\\])\$(?!\d)/.exec(src);
+        return m ? { type: "math", raw: m[0], text: (m[1] ?? m[2]).trim() } : void 0;
+      } }
+    ] });
+    notes2 = /* @__PURE__ */ new Map();
     tags = { u: "underline", ins: "underline", mark: "highlight", s: "strike", del: "strike", b: "bold", strong: "bold", i: "italic", em: "italic" };
     decode2 = (text) => text.includes("&") ? new DOMParser().parseFromString(`<p>${text.replace(/</g, "&lt;")}</p>`, "text/html").body.textContent ?? text : text;
     unique = (marks2) => [...new Map(marks2.map((m) => [m.type, m])).values()];
@@ -5023,12 +5164,19 @@ var init_markdown = __esm({
       return /^[\s(*_~]?$/.test(left) && /^([\s)]|[.,:;!?]+(\s|$)|$)/.test(right) ? "bare" : text === href || href.startsWith("mailto:") ? "angle" : null;
     };
     one = (node, before, base) => serializer(base.style, base.hints, before).serialize(node.type.schema.topNodeType.create(null, node)).replace(/\n+$/, "");
+    refs = (nodes) => {
+      const found = /* @__PURE__ */ new Map();
+      nodes.forEach((n) => n.descendants((d) => {
+        if (d.type.name === "footnote" && d.attrs.id) found.set(d.attrs.id, d.attrs.text);
+      }));
+      return found;
+    };
   }
 });
 
 // src/sheets/model.ts
-function insert(list, at, count, prefix) {
-  list.splice(at, 0, ...Array.from({ length: count }, () => fresh(prefix)));
+function insert(list, at2, count, prefix) {
+  list.splice(at2, 0, ...Array.from({ length: count }, () => fresh(prefix)));
 }
 function move(list, from, count, to) {
   const taken = list.splice(from, count);
@@ -5094,12 +5242,12 @@ function encode(text, encoding, bom) {
   if (encoding === "utf-16le" || encoding === "utf-16be") {
     const out2 = new Uint8Array(text.length * 2 + (bom ? 2 : 0));
     const view = new DataView(out2.buffer);
-    let at = 0;
+    let at2 = 0;
     if (bom) {
       view.setUint16(0, 65279, encoding === "utf-16le");
-      at = 2;
+      at2 = 2;
     }
-    for (let i = 0; i < text.length; i++) view.setUint16(at + i * 2, text.charCodeAt(i), encoding === "utf-16le");
+    for (let i = 0; i < text.length; i++) view.setUint16(at2 + i * 2, text.charCodeAt(i), encoding === "utf-16le");
     return out2;
   }
   const table3 = /* @__PURE__ */ new Map();
@@ -5385,7 +5533,7 @@ function squeeze(b, rows, cols) {
   const r = edge(b.startRow, b.endRow, rows, MAX_ROW), c = edge(b.startColumn, b.endColumn, cols, MAX_COL);
   return r && c ? { startRow: r[0], endRow: r[1], startColumn: c[0], endColumn: c[1] } : null;
 }
-function refs(formula, visit) {
+function refs2(formula, visit) {
   let sheet2 = null;
   let outside = false;
   let last2 = 0;
@@ -5417,7 +5565,7 @@ function refs(formula, visit) {
   return out + formula.slice(last2);
 }
 function shifted(formula, dr, dc) {
-  return refs(formula, (p) => {
+  return refs2(formula, (p) => {
     const ends = p.text.split(":").map(side);
     if (ends.some((e) => !e)) return p.text;
     for (const e of ends) {
@@ -5429,7 +5577,7 @@ function shifted(formula, dr, dc) {
   });
 }
 function remapped(formula, mine, rows, cols) {
-  return refs(formula, (p) => {
+  return refs2(formula, (p) => {
     if (!mine(p.sheet)) return p.text;
     const b = box(p.text);
     const ends = p.text.split(":").map(side);
@@ -5831,8 +5979,8 @@ var init_styles = __esm({
         return index;
       }
       add(list, xml) {
-        const at = this[list].indexOf(xml);
-        if (at >= 0) return at;
+        const at2 = this[list].indexOf(xml);
+        if (at2 >= 0) return at2;
         this[list].push(xml);
         this.added = true;
         return this[list].length - 1;
@@ -5911,8 +6059,8 @@ var init_styles = __esm({
             edits2.push([el.start, el.end, `${open} count="${lists[name].length}">${lists[name].join("")}</${el.name}>`]);
           } else {
             const after = root.kids.find((k) => order2.indexOf(this.bare(k.name)) > order2.indexOf(name));
-            const at = after ? after.start : root.close;
-            edits2.push([at, at, `<${p}${name} count="${lists[name].length}">${lists[name].join("")}</${p}${name}>`]);
+            const at2 = after ? after.start : root.close;
+            edits2.push([at2, at2, `<${p}${name} count="${lists[name].length}">${lists[name].join("")}</${p}${name}>`]);
           }
         }
         edits2.sort((x, y) => y[0] - x[0]);
@@ -5974,7 +6122,7 @@ function load2(bytes) {
     defaultStyle: styles2.looks[0]
   };
   if (date1904) book.dateSystem = "date1904";
-  const notes2 = {};
+  const notes3 = {};
   const validations = {};
   const filters = {};
   const model = { book, lines: {}, origin: { sheets: {}, lines: {} } };
@@ -6038,13 +6186,13 @@ function load2(bytes) {
     let maxRow = -1, maxCol = -1;
     if (open && open.close > open.open) {
       const end = open.close;
-      let at = open.open, row2 = -1, col = -1;
-      while (at < end) {
-        const lt = sxml.indexOf("<", at);
+      let at2 = open.open, row2 = -1, col = -1;
+      while (at2 < end) {
+        const lt = sxml.indexOf("<", at2);
         if (lt < 0 || lt >= end) break;
         const gt = sxml.indexOf(">", lt);
         if (sxml.charCodeAt(lt + 1) === 47) {
-          at = gt + 1;
+          at2 = gt + 1;
           continue;
         }
         let j = lt + 1;
@@ -6072,11 +6220,11 @@ function load2(bytes) {
           }
           if (Object.keys(rd).length) rowData[row2] = rd;
           if (rd.h !== void 0 || rd.hd || rd.s) maxRow = Math.max(maxRow, row2);
-          at = gt + 1;
+          at2 = gt + 1;
           continue;
         }
         if (name !== "c") {
-          at = gt + 1;
+          at2 = gt + 1;
           continue;
         }
         const ref = attr2(tag, "r");
@@ -6140,7 +6288,7 @@ function load2(bytes) {
           }
         }
         cells.set(key(row2, col), { start: lt, end: stop, shared });
-        at = stop;
+        at2 = stop;
       }
     }
     for (const [r, c, si] of children) {
@@ -6188,7 +6336,7 @@ function load2(bytes) {
         sheetNotes.push(note);
         const [r, c] = cell(ref);
         if (r < 0) continue;
-        ((_b = notes2[sid] ?? (notes2[sid] = {}))[r] ?? (_b[r] = {}))[c] = { note: note.text, width: 160, height: 72, show: false, id: `n${sheetNotes.length - 1}`, row: r, col: c };
+        ((_b = notes3[sid] ?? (notes3[sid] = {}))[r] ?? (_b[r] = {}))[c] = { note: note.text, width: 160, height: 72, show: false, id: `n${sheetNotes.length - 1}`, row: r, col: c };
         maxRow = Math.max(maxRow, r);
         maxCol = Math.max(maxCol, c);
       }
@@ -6245,7 +6393,7 @@ function load2(bytes) {
   }
   const resources = book.resources;
   if (Object.keys(names2).length) resources.push({ name: "SHEET_DEFINED_NAME_PLUGIN", data: JSON.stringify(names2) });
-  if (Object.keys(notes2).length) resources.push({ name: "SHEET_NOTE_PLUGIN", data: JSON.stringify(notes2) });
+  if (Object.keys(notes3).length) resources.push({ name: "SHEET_NOTE_PLUGIN", data: JSON.stringify(notes3) });
   if (Object.keys(validations).length) resources.push({ name: "SHEET_DATA_VALIDATION_PLUGIN", data: JSON.stringify(validations) });
   if (Object.keys(filters).length) resources.push({ name: "SHEET_FILTER_PLUGIN", data: JSON.stringify(filters) });
   const shown = entries2[active];
@@ -6373,14 +6521,14 @@ function place(xml, name, value3) {
   if (found) return xml.slice(0, found.start) + (value3 ?? "") + xml.slice(found.end);
   if (value3 === null) return xml;
   const rank = order.indexOf(name);
-  let at = -1;
+  let at2 = -1;
   for (const later of order.slice(rank + 1)) {
     const f = find2(xml, later);
-    if (f && (at < 0 || f.start < at)) at = f.start;
+    if (f && (at2 < 0 || f.start < at2)) at2 = f.start;
   }
-  if (at < 0) at = xml.search(/<\/(?:\w+:)?worksheet>\s*$/);
-  if (at < 0) at = xml.length;
-  return xml.slice(0, at) + value3 + xml.slice(at);
+  if (at2 < 0) at2 = xml.search(/<\/(?:\w+:)?worksheet>\s*$/);
+  if (at2 < 0) at2 = xml.length;
+  return xml.slice(0, at2) + value3 + xml.slice(at2);
 }
 function remapZone(xml, mine, rows, cols) {
   const ranges = (sqref) => boxes2(sqref).map((b) => squeeze(b, rows.map, cols.map)).filter((b) => b !== null).map(span).join(" ");
@@ -6631,12 +6779,12 @@ function writeXlsx(original, model) {
       tail = place(tail, "autoFilter", filter?.ref ? filterXml(p, filter.ref, filter.filterColumns ?? []) : null);
       filterNames.set(entry2.sheetId, filter?.ref ? `${quoted(sheet2.name)}!${span(filter.ref).split(":").map((s) => s.replace(/([A-Z]+)(\d+)/, "$$$1$$$2")).join(":")}` : null);
     }
-    const notes2 = Object.values(curNotes?.[sid] ?? {}).flatMap((line) => Object.values(line ?? {})).filter((n) => n && !blank3(n.note));
+    const notes3 = Object.values(curNotes?.[sid] ?? {}).flatMap((line) => Object.values(line ?? {})).filter((n) => n && !blank3(n.note));
     const oldNotes = (rec?.notes ?? []).map((n) => ({ ref: n.ref, text: n.text }));
-    const nowNotes = notes2.map((n) => ({ ref: a1(n.row, n.col), text: n.note })).sort((a, b) => a.ref.localeCompare(b.ref));
+    const nowNotes = notes3.map((n) => ({ ref: a1(n.row, n.col), text: n.note })).sort((a, b) => a.ref.localeCompare(b.ref));
     if (curNotes && !same2(nowNotes, [...oldNotes].sort((a, b) => a.ref.localeCompare(b.ref)))) {
       changed2 = true;
-      tail = writeNotes(book, entry2, tail, p, notes2, rows, cols, types2, defaultsNeeded, fresh2);
+      tail = writeNotes(book, entry2, tail, p, notes3, rows, cols, types2, defaultsNeeded, fresh2);
     }
     const rename = (s) => names2.size ? s.replace(/<(xm:f|(?:\w+:)?formula\d?)>([\s\S]*?)<\/\1>/g, (_, n, f) => `<${n}>${escape2([...names2].reduce((g, [from, to]) => renamed(g, from, to), unescape(f)))}</${n}>`) : s;
     if (!changed2) {
@@ -6726,9 +6874,9 @@ function writeXlsx(original, model) {
     listed2.push({ xml: tag, sheetId: s.sheetId, oldIndex: s.rec ? indexOf.get(s.sheetId) : -1 });
   }
   for (const { e, i } of nonSheets) {
-    let at = listed2.findIndex((x) => x.oldIndex > i);
-    if (at < 0) at = listed2.length;
-    listed2.splice(at, 0, { xml: e.xml, sheetId: e.sheetId, oldIndex: i });
+    let at2 = listed2.findIndex((x) => x.oldIndex > i);
+    if (at2 < 0) at2 = listed2.length;
+    listed2.splice(at2, 0, { xml: e.xml, sheetId: e.sheetId, oldIndex: i });
   }
   wb = wb.replace(/(<(?:\w+:)?sheets\b[^>]*>)[\s\S]*?(<\/(?:\w+:)?sheets>)/, (_, a, b) => a + listed2.map((x) => x.xml).join("") + b);
   const newIndex = new Map(listed2.map((x, i) => [x.oldIndex, i]));
@@ -6756,8 +6904,8 @@ function writeXlsx(original, model) {
   });
   for (const [sheetId, f] of filterNames) {
     if (!f) continue;
-    const def = `<${wp}definedName name="_xlnm._FilterDatabase" localSheetId="${sheetIndex.get(sheetId)}" hidden="1">${escape2(f)}</${wp}definedName>`;
-    wb = /<(?:\w+:)?definedNames\b/.test(wb) ? wb.replace(/<\/(?:\w+:)?definedNames>/, (end) => def + end) : wb.replace(/<\/(?:\w+:)?sheets>/, (end) => `${end}<${wp}definedNames>${def}</${wp}definedNames>`);
+    const def2 = `<${wp}definedName name="_xlnm._FilterDatabase" localSheetId="${sheetIndex.get(sheetId)}" hidden="1">${escape2(f)}</${wp}definedName>`;
+    wb = /<(?:\w+:)?definedNames\b/.test(wb) ? wb.replace(/<\/(?:\w+:)?definedNames>/, (end) => def2 + end) : wb.replace(/<\/(?:\w+:)?sheets>/, (end) => `${end}<${wp}definedNames>${def2}</${wp}definedNames>`);
   }
   wb = wb.replace(/<((?:\w+:)?)definedNames>\s*<\/\1definedNames>/, "");
   wb = wb.replace(/<(?:\w+:)?workbookView\b[^>]*>/g, (tag) => {
@@ -6945,7 +7093,7 @@ function filterXml(p, ref, columns2) {
   }).join("");
   return body ? `<${p}autoFilter ref="${span(ref)}">${body}</${p}autoFilter>` : `<${p}autoFilter ref="${span(ref)}"/>`;
 }
-function writeNotes(book, entry2, tail, p, notes2, rows, cols, types2, defaults, fresh2) {
+function writeNotes(book, entry2, tail, p, notes3, rows, cols, types2, defaults, fresh2) {
   const { pack } = book;
   const rec = entry2.rec;
   const relsPart = relsOf(entry2.part);
@@ -6972,7 +7120,7 @@ function writeNotes(book, entry2, tail, p, notes2, rows, cols, types2, defaults,
     const [r, c] = cell(n.ref);
     return [a1(rows.map(r), cols.map(c)), n];
   }));
-  const list = [...notes2].sort((a, b) => a.row - b.row || a.col - b.col).map((n) => {
+  const list = [...notes3].sort((a, b) => a.row - b.row || a.col - b.col).map((n) => {
     const ref = a1(n.row, n.col);
     const was = byOld.get(ref);
     if (was && was.text === n.note) return setAttr(was.xml.slice(0, was.xml.indexOf(">") + 1), "ref", ref) + was.xml.slice(was.xml.indexOf(">") + 1);
@@ -6993,7 +7141,7 @@ function writeNotes(book, entry2, tail, p, notes2, rows, cols, types2, defaults,
     return "";
   });
   let id = Math.max(1024, ...[...vml2.matchAll(/_x0000_s(\d+)/g)].map((m) => Number(m[1])));
-  const out = notes2.map((n) => {
+  const out = notes3.map((n) => {
     const ref = a1(n.row, n.col);
     const was = shapes.get(ref);
     if (was) return was.replace(/<x:Row>\d+<\/x:Row>/, `<x:Row>${n.row}</x:Row>`).replace(/<x:Column>\d+<\/x:Column>/, `<x:Column>${n.col}</x:Column>`).replace(/<x:Anchor>([^<]*)<\/x:Anchor>/, `<x:Anchor>${n.col + 1}, 15, ${n.row}, 2, ${n.col + 3}, 15, ${n.row + 4}, 16</x:Anchor>`);
@@ -7130,7 +7278,7 @@ function made(config, lines2) {
 function fill2(doc, model) {
   const { book: wb, lines: lines2 } = model;
   const book = doc.getMap("book");
-  const notes2 = JSON.parse(wb.resources?.find((r) => r.name === "SHEET_NOTE_PLUGIN")?.data ?? "{}");
+  const notes3 = JSON.parse(wb.resources?.find((r) => r.name === "SHEET_NOTE_PLUGIN")?.data ?? "{}");
   doc.transact(() => {
     book.set("head", strip({ id: wb.id, name: wb.name, appVersion: wb.appVersion, locale: wb.locale, defaultStyle: wb.defaultStyle, dateSystem: wb.dateSystem }));
     book.set("extras", (wb.resources ?? []).filter((r) => r.name !== "SHEET_NOTE_PLUGIN"));
@@ -7148,23 +7296,23 @@ function fill2(doc, model) {
       const { cells, rowData, colData, merges, notes: kept } = pieces(sheets.get(sid));
       for (const [r, line] of Object.entries(sheet2.cellData ?? {})) for (const [c, x] of Object.entries(line ?? {})) {
         if (!x) continue;
-        const at = spot2(l.rows[+r], l.cols[+c]);
+        const at2 = spot2(l.rows[+r], l.cols[+c]);
         const out = {};
         if (x.f) {
           out.f = x.f;
-          values.set(`${sid}:${at}`, { v: x.v ?? null, t: x.t ?? null });
+          values.set(`${sid}:${at2}`, { v: x.v ?? null, t: x.t ?? null });
         } else {
           if (x.v !== void 0 && x.v !== null) out.v = x.v;
           if (x.t) out.t = x.t;
         }
         if (x.p) out.p = x.p;
         if (typeof x.s === "string") out.s = x.s;
-        cells.set(at, out);
+        cells.set(at2, out);
       }
       for (const [r, rd] of Object.entries(sheet2.rowData ?? {})) if (rd) rowData.set(l.rows[+r], strip({ h: rd.h, hd: rd.hd, ia: rd.ia, s: typeof rd.s === "string" ? rd.s : void 0 }));
       for (const [c, cd] of Object.entries(sheet2.columnData ?? {})) if (cd) colData.set(l.cols[+c], strip({ w: cd.w, hd: cd.hd, s: typeof cd.s === "string" ? cd.s : void 0 }));
       for (const b of sheet2.mergeData ?? []) merges.set([l.rows[b.startRow], l.cols[b.startColumn], l.rows[b.endRow], l.cols[b.endColumn]].join(":"), 1);
-      for (const [r, line] of Object.entries(notes2[sid] ?? {})) for (const [c, n] of Object.entries(line)) kept.set(spot2(l.rows[+r], l.cols[+c]), { note: n.note, width: n.width, height: n.height });
+      for (const [r, line] of Object.entries(notes3[sid] ?? {})) for (const [c, n] of Object.entries(line)) kept.set(spot2(l.rows[+r], l.cols[+c]), { note: n.note, width: n.width, height: n.height });
     }
   });
 }
@@ -7174,11 +7322,11 @@ function sheetOf(doc, sid, l) {
   const { cells, rowData, colData, merges } = pieces(m);
   const rows = new Map(l.rows.map((id, i) => [id, i])), cols = new Map(l.cols.map((id, i) => [id, i]));
   const cellData = {};
-  for (const [at, x] of cells) {
-    const [row2, col] = at.split(":");
+  for (const [at2, x] of cells) {
+    const [row2, col] = at2.split(":");
     const r = rows.get(row2), c = cols.get(col);
     if (r === void 0 || c === void 0) continue;
-    const kept = x.f ? values.get(`${sid}:${at}`) : void 0;
+    const kept = x.f ? values.get(`${sid}:${at2}`) : void 0;
     (cellData[r] ?? (cellData[r] = {}))[c] = kept ? { ...x, v: kept.v, t: kept.t } : { ...x };
   }
   const rowsOut = {}, colsOut = {};
@@ -7194,7 +7342,7 @@ function build(doc) {
   const sheetOrder = [...new Set(order2.toArray())].filter((sid) => sheets.has(sid));
   const wb = { ...book.get("head"), styles: styles2.toJSON(), sheetOrder, sheets: {}, resources: [] };
   const model = { book: wb, lines: {}, origin: { sheets: {}, lines: {} } };
-  const notes2 = {};
+  const notes3 = {};
   for (const sid of sheetOrder) {
     const { rows, cols } = pieces(sheets.get(sid));
     const l = { rows: rows.toArray(), cols: cols.toArray() };
@@ -7202,14 +7350,14 @@ function build(doc) {
     wb.sheets[sid] = sheetOf(doc, sid, l);
     notesOf2(sheets.get(sid), l).forEach((n, i) => {
       var _a, _b;
-      ((_a = notes2[sid] ?? (notes2[sid] = {}))[_b = n.row] ?? (_a[_b] = {}))[n.col] = { ...n, show: false, id: `n${i}` };
+      ((_a = notes3[sid] ?? (notes3[sid] = {}))[_b = n.row] ?? (_a[_b] = {}))[n.col] = { ...n, show: false, id: `n${i}` };
     });
     const o = origin.get(sid);
     if (!o) continue;
     model.origin.sheets[sid] = o.id;
     model.origin.lines[sid] = { rows: typeof o.rows === "number" ? numbered("r", o.rows) : o.rows, cols: typeof o.cols === "number" ? numbered("c", o.cols) : o.cols };
   }
-  wb.resources.push({ name: "SHEET_NOTE_PLUGIN", data: JSON.stringify(notes2) });
+  wb.resources.push({ name: "SHEET_NOTE_PLUGIN", data: JSON.stringify(notes3) });
   const active = book.get("active");
   if (active && sheetOrder.includes(active)) model.active = active;
   return model;
@@ -7291,7 +7439,7 @@ var init_shared = __esm({
     });
     notesOf2 = (m, l) => {
       const rows = new Map(l.rows.map((id, i) => [id, i])), cols = new Map(l.cols.map((id, i) => [id, i]));
-      return [...pieces(m).notes].map(([at, n]) => ({ ...n, row: rows.get(at.split(":")[0]), col: cols.get(at.split(":")[1]) })).filter((n) => n.row !== void 0 && n.col !== void 0);
+      return [...pieces(m).notes].map(([at2, n]) => ({ ...n, row: rows.get(at2.split(":")[0]), col: cols.get(at2.split(":")[1]) })).filter((n) => n.row !== void 0 && n.col !== void 0);
     };
   }
 });
@@ -7571,13 +7719,13 @@ async function save(doc, kind, base, put, load3, note) {
     const bytes = await write3(kind, base, node, load3, doc.getMap("setup").size ? doc.getMap("setup").toJSON() : void 0);
     const changed2 = !same3(bytes, base);
     const id = changed2 ? await put(bytes, note ?? named2((texts[who[0].language] ?? texts.en).editedNote, who)) : null;
-    const refs2 = [];
+    const refs3 = [];
     if (changed2) schema.nodeFromJSON(await parse4(kind, bytes)).descendants((n) => {
-      if (n.isBlock) refs2.push([n.type.name, n.attrs.ref ?? null]);
+      if (n.isBlock) refs3.push([n.type.name, n.attrs.ref ?? null]);
     });
     doc.transact(() => {
-      if (refs2.length === list.length && list.every((el, i) => el.nodeName === refs2[i][0])) list.forEach((el, i) => {
-        const ref = refs2[i][1];
+      if (refs3.length === list.length && list.every((el, i) => el.nodeName === refs3[i][0])) list.forEach((el, i) => {
+        const ref = refs3[i][1];
         if ((el.getAttribute("ref") ?? null) === ref) return;
         if (ref === null) el.removeAttribute("ref");
         else el.setAttribute("ref", ref);
@@ -7873,12 +8021,17 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
   const scroller = (0, import_react10.useRef)(null);
   const root = (0, import_react10.useRef)(null);
   const [pop, setPop] = (0, import_react10.useState)(null);
+  const [spot3, setSpot] = (0, import_react10.useState)({ x: 0, y: 0 });
+  const touch = (0, import_react10.useRef)(false);
+  const [spell, setSpell] = (0, import_react10.useState)(() => typeof localStorage === "undefined" || localStorage.getItem("w100n-docs-spell") !== "0");
   const [dialog, setDialog] = (0, import_react10.useState)(null);
   const field = (0, import_react10.useRef)(null);
   const [more, setMore] = (0, import_react10.useState)(() => typeof localStorage !== "undefined" && localStorage.getItem("w100n-docs-more") === "1");
   const [zoom, setZoom] = (0, import_react10.useState)(null);
   const [layout2, setLayout] = (0, import_react10.useState)(null);
   const [room, setRoom] = (0, import_react10.useState)(0);
+  const [printed, setPrinted] = (0, import_react10.useState)(null);
+  const flow = docx2 && !(printed ?? !(room > 0 && room < 640));
   const [saving, setSaving] = (0, import_react10.useState)("idle");
   const [href, setHref] = (0, import_react10.useState)("");
   const [grid3, setGrid] = (0, import_react10.useState)({ rows: 0, cols: 0 });
@@ -7909,7 +8062,7 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
     editable: can.edit && (!live || !!shared),
     immediatelyRender: true,
     shouldRerenderOnTransaction: false,
-    editorProps: { attributes: { class: "w100n-docs-prose w100n-text-body", "aria-label": t.documentText }, transformPastedHTML: cleanPaste },
+    editorProps: { attributes: { class: "w100n-docs-prose w100n-text-body", "aria-label": t.documentText, spellcheck: String(spell), lang: language }, transformPastedHTML: cleanPaste },
     onCreate: ({ editor: made2 }) => {
       if (source.data && !live) baseline.current = { bytes, doc: made2.state.doc, base: source.data.md && track(source.data.md, made2.state.doc) };
     }
@@ -7948,13 +8101,13 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
         redo: e.can().redo(),
         empty,
         toc: (() => {
-          let at = -1;
+          let at2 = -1;
           e.state.doc.forEach((node, pos) => {
-            if (at < 0 && node.type.name === "toc") at = pos;
+            if (at2 < 0 && node.type.name === "toc") at2 = pos;
           });
-          return at;
+          return at2;
         })(),
-        find: (({ at, hits }) => `${at}/${hits.length}`)(searching.getState(e.state)),
+        find: (({ at: at2, hits }) => `${at2}/${hits.length}`)(searching.getState(e.state)),
         suggest: !!suggesting.getState(e.state)?.on,
         revs: docx2 ? changes(e.state.doc) : [],
         dirty: !!baseline.current && !e.state.doc.eq(baseline.current.doc)
@@ -7985,8 +8138,8 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
   };
   const marginal = marg ?? (source.data && "marginal" in source.data ? source.data.marginal : null) ?? { header: "", footer: "", numbers: false };
   (0, import_react10.useEffect)(() => {
-    if (editor && docx2 && source.data) editor.view.dispatch(editor.state.tr.setMeta(paging, { page, marks: { header: marginal.header, footer: marginal.footer } }));
-  }, [editor, source.data, page, marginal.header, marginal.footer]);
+    if (editor && docx2 && source.data) editor.view.dispatch(editor.state.tr.setMeta(paging, { page, marks: { header: marginal.header, footer: marginal.footer }, flow }));
+  }, [editor, source.data, page, marginal.header, marginal.footer, flow]);
   (0, import_react10.useEffect)(() => {
     if (!shared || !docx2) return;
     const map = shared.doc.getMap("setup");
@@ -8100,6 +8253,18 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
     watch.observe(el);
     return () => watch.disconnect();
   }, [editor, source.data]);
+  (0, import_react10.useEffect)(() => {
+    const view = window.visualViewport;
+    const el = root.current;
+    if (!view || !el) return;
+    const lift = () => el.style.setProperty("--kb", `${Math.max(0, innerHeight - view.height - view.offsetTop)}px`);
+    view.addEventListener("resize", lift);
+    view.addEventListener("scroll", lift);
+    return () => {
+      view.removeEventListener("resize", lift);
+      view.removeEventListener("scroll", lift);
+    };
+  }, [editor, source.data]);
   (0, import_react10.useEffect)(() => {
     const el = root.current;
     if (!el) return;
@@ -8129,8 +8294,17 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
     const close = (e) => {
       if (!e.target.closest(".w100n-text-pop, [data-pop]")) setPop(null);
     };
+    const off = (e) => {
+      if (pop === "context" && (e.type === "scroll" || e.key === "Escape")) setPop(null);
+    };
     document.addEventListener("pointerdown", close);
-    return () => document.removeEventListener("pointerdown", close);
+    window.addEventListener("keydown", off);
+    window.addEventListener("scroll", off, true);
+    return () => {
+      document.removeEventListener("pointerdown", close);
+      window.removeEventListener("keydown", off);
+      window.removeEventListener("scroll", off, true);
+    };
   }, [pop]);
   if (source.error) return docx2 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w100n-docs-scroll", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DocxView, { bytes, onOutline, failed: t.failed }) }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w100n-docs-empty", children: t.failed });
   if (!source.data || !editor || !state || live && !live.ready && !live.late && !live.denied) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w100n-docs-empty", children: t.loading });
@@ -8165,18 +8339,18 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
     }
   };
   const renew = (fresh2) => {
-    const at = [];
-    const refs2 = [];
+    const at2 = [];
+    const refs3 = [];
     editor.state.doc.descendants((node, pos) => {
-      if (node.isBlock) at.push(pos);
+      if (node.isBlock) at2.push(pos);
     });
     editor.schema.nodeFromJSON(fresh2).descendants((node) => {
-      if (node.isBlock) refs2.push(node.type.name, node.attrs.ref);
+      if (node.isBlock) refs3.push(node.type.name, node.attrs.ref);
     });
-    if (refs2.length !== at.length * 2 || at.some((pos, i) => editor.state.doc.nodeAt(pos).type.name !== refs2[i * 2])) return false;
+    if (refs3.length !== at2.length * 2 || at2.some((pos, i) => editor.state.doc.nodeAt(pos).type.name !== refs3[i * 2])) return false;
     const tr = editor.state.tr.setMeta("addToHistory", false);
-    at.forEach((pos, i) => {
-      if (tr.doc.nodeAt(pos).attrs.ref !== refs2[i * 2 + 1]) tr.setNodeAttribute(pos, "ref", refs2[i * 2 + 1]);
+    at2.forEach((pos, i) => {
+      if (tr.doc.nodeAt(pos).attrs.ref !== refs3[i * 2 + 1]) tr.setNodeAttribute(pos, "ref", refs3[i * 2 + 1]);
     });
     editor.view.dispatch(tr);
     return true;
@@ -8263,10 +8437,10 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
   const drops = (c) => mine(c) || c.author.id.startsWith("guest:") && !!rights?.edit;
   const show = (c) => {
     setActive(c.id);
-    const spot3 = notes.getState(editor.state).spots.find((s) => s.id === c.id);
-    if (!spot3) return;
-    const at = editor.view.domAtPos(spot3.from).node;
-    (at instanceof HTMLElement ? at : at.parentElement)?.scrollIntoView({ behavior: "smooth", block: "center" });
+    const spot4 = notes.getState(editor.state).spots.find((s) => s.id === c.id);
+    if (!spot4) return;
+    const at2 = editor.view.domAtPos(spot4.from).node;
+    (at2 instanceof HTMLElement ? at2 : at2.parentElement)?.scrollIntoView({ behavior: "smooth", block: "center" });
   };
   const suggested = [...state.revs.reduce((all2, c) => {
     const key2 = `${c.kind}:${c.id}`;
@@ -8274,11 +8448,11 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
     all2.set(key2, was ? { ...was, text: `${was.text} ${c.text}` } : c);
     return all2;
   }, /* @__PURE__ */ new Map()).values()];
-  const jump = (at) => {
-    const dom = editor.view.domAtPos(at).node;
+  const jump = (at2) => {
+    const dom = editor.view.domAtPos(at2).node;
     (dom instanceof HTMLElement ? dom : dom.parentElement)?.scrollIntoView({ behavior: "smooth", block: "center" });
   };
-  const percent = zoom ?? (docx2 && room ? Math.max(10, Math.min(100, Math.floor((room - 24) / page.width * 100))) : 100);
+  const percent = zoom ?? (docx2 && room && !flow ? Math.max(10, Math.min(100, Math.floor((room - 24) / page.width * 100))) : 100);
   const zoomBy = (d) => setZoom(Math.min(200, Math.max(30, percent + d)));
   const keys2 = (e) => {
     if (e.defaultPrevented) return;
@@ -8304,7 +8478,7 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
     else if (key2 === "]" || key2 === "[") act(() => indent(editor, key2 === "]" ? 1 : -1));
     else if (key2 === "\\") act(() => clear(editor));
     else if (key2 === "enter" && docx2) act(() => editor.chain().focus().insertContent({ type: "pageBreak" }).run());
-    else if (e.shiftKey && docx2 && ["l", "e", "r", "j"].includes(key2)) act(() => align2(editor, { l: "left", e: "center", r: "right", j: "justify" }[key2]));
+    else if (e.shiftKey && ["l", "e", "r", "j"].includes(key2)) act(() => align2(editor, { l: "left", e: "center", r: "right", j: "justify" }[key2]));
   };
   const tool = (icon, label, run3, pressed, disabled) => {
     const Icon = icon;
@@ -8351,7 +8525,7 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Trash2, { "aria-hidden": true }) })
     ] })
   ] });
-  const words2 = (c) => editing?.id === c.id ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w100n-text-reply w100n-text-edit", onClick: (e) => e.stopPropagation(), children: [
+  const words3 = (c) => editing?.id === c.id ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w100n-text-reply w100n-text-edit", onClick: (e) => e.stopPropagation(), children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "textarea",
       {
@@ -8395,8 +8569,8 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
   const mod = /Mac|iPhone|iPad/.test(navigator.platform) ? "\u2318" : "Ctrl+";
   const item = (label, run3, more2 = {}) => ({ label, run: run3, ...more2 });
   const insertToc = () => {
-    const at = editor.state.selection.$from.before(1);
-    editor.chain().focus().insertContentAt(at, { type: "toc", attrs: { entries: JSON.stringify(entries(editor.state.doc, !docx2, at - 1)) } }).run();
+    const at2 = editor.state.selection.$from.before(1);
+    editor.chain().focus().insertContentAt(at2, { type: "toc", attrs: { entries: JSON.stringify(entries(editor.state.doc, !docx2, at2 - 1)) } }).run();
   };
   const suggest = () => editor.view.dispatch(editor.state.tr.setMeta(suggesting, { on: !state.suggest, me: host?.me.name ?? "" }));
   const aligns = [[import_lucide_react5.AlignLeft, t.alignLeft, "left"], [import_lucide_react5.AlignCenter, t.alignCenter, "center"], [import_lucide_react5.AlignRight, t.alignRight, "right"], [import_lucide_react5.AlignJustify, t.justify, "justify"]];
@@ -8422,9 +8596,13 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       item(t.clearFormat, () => clear(editor), { keys: `${mod}\\` })
     ] : []],
     ["view", t.viewTab, [
+      docx2 && item(t.printLayout, () => {
+        setPrinted(flow);
+        setZoom(null);
+      }, { on: !flow }),
       item(t.zoomIn, () => zoomBy(10)),
       item(t.zoomOut, () => zoomBy(-10)),
-      docx2 && item(t.fitWidth, () => setZoom(null), { on: zoom === null }),
+      docx2 && !flow && item(t.fitWidth, () => setZoom(null), { on: zoom === null }),
       item(t.fit, () => setZoom(100)),
       "-",
       item(t.outline, () => onPanel?.("outline")),
@@ -8446,8 +8624,8 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       can.comment && item(t.addComment, begin, { off: state.empty, keys: `${mod}\u2325M` }),
       "-",
       item(t.symbols, () => setDialog({ kind: "symbol", query: "" })),
-      docx2 && item(t.formula, () => setDialog({ kind: "formula", latex: "", at: null })),
-      docx2 && item(t.footnote, () => setDialog({ kind: "note", text: "", at: null }))
+      item(t.formula, () => setDialog({ kind: "formula", latex: "", at: null })),
+      item(t.footnote, () => setDialog({ kind: "note", text: "", at: null }))
     ] : []],
     ["format", t.menuFormat, can.edit ? [
       ...styles2.map(([key2, label, run3]) => item(label, run3, { on: state.style === key2 })),
@@ -8458,12 +8636,9 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       item(t.strike, () => editor.chain().focus().toggleStrike().run(), { on: state.strike }),
       docx2 && item(t.superscript, () => editor.chain().focus().toggleMark("superscript").run(), { on: state.sup, keys: `${mod}.` }),
       docx2 && item(t.subscript, () => editor.chain().focus().toggleMark("subscript").run(), { on: state.sub, keys: `${mod},` }),
-      ...docx2 ? [
-        "-",
-        ...aligns.map(([, label, value3]) => item(label, () => align2(editor, value3), { on: state.align === value3 })),
-        "-",
-        ...lines2.map(([v, label]) => item(`${t.lineSpacing}: ${label}`, () => spacing(editor, { line: v }), { on: state.line === v }))
-      ] : [],
+      "-",
+      ...aligns.map(([, label, value3]) => item(label, () => align2(editor, value3), { on: state.align === value3 })),
+      ...docx2 ? ["-", ...lines2.map(([v, label]) => item(`${t.lineSpacing}: ${label}`, () => spacing(editor, { line: v }), { on: state.line === v }))] : [],
       "-",
       item(t.bullets, () => editor.chain().focus().toggleBulletList().run(), { on: state.bullets }),
       item(t.numbers, () => editor.chain().focus().toggleOrderedList().run(), { on: state.numbers }),
@@ -8476,19 +8651,55 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       docx2 && can.edit && item(t.suggest, suggest, { on: state.suggest }),
       docx2 && can.edit && state.revs.length > 0 && item(t.acceptAll, () => decide(editor, true)),
       docx2 && can.edit && state.revs.length > 0 && item(t.rejectAll, () => decide(editor, false)),
-      !!host?.comments && (can.comment || open.length > 0) && item(t.comments, () => onPanel?.("comments"))
+      !!host?.comments && (can.comment || open.length > 0) && item(t.comments, () => onPanel?.("comments")),
+      can.edit && item(t.spellCheck, () => {
+        editor.view.dom.spellcheck = !spell;
+        localStorage.setItem("w100n-docs-spell", spell ? "0" : "1");
+        setSpell(!spell);
+      }, { on: spell })
     ]]
   ];
+  const clip = (kind2) => {
+    editor.view.focus();
+    document.execCommand(kind2);
+  };
+  const paste = async () => {
+    const found2 = await navigator.clipboard.read().catch(() => []);
+    const html = found2.find((c) => c.types.includes("text/html"));
+    if (html) return editor.view.pasteHTML(await (await html.getType("text/html")).text());
+    const plain4 = found2.find((c) => c.types.includes("text/plain"));
+    if (plain4) editor.view.pasteText(await (await plain4.getType("text/plain")).text());
+  };
+  const table3 = editor.isActive("table");
+  const near = [
+    can.edit && item(t.cut, () => clip("cut"), { off: state.empty, keys: `${mod}X` }),
+    item(t.copy, () => clip("copy"), { off: state.empty, keys: `${mod}C` }),
+    can.edit && !!navigator.clipboard?.read && item(t.paste, () => void paste(), { keys: `${mod}V` }),
+    "-",
+    can.comment && item(t.addComment, begin, { off: state.empty, keys: `${mod}\u2325M` }),
+    can.edit && item(t.link, linkUp, { keys: `${mod}K` }),
+    can.edit && item(t.clearFormat, () => clear(editor), { keys: `${mod}\\` }),
+    ...can.edit && table3 ? [
+      "-",
+      item(t.rowAbove, () => editor.chain().focus().addRowBefore().run()),
+      item(t.rowBelow, () => editor.chain().focus().addRowAfter().run()),
+      item(t.columnLeft, () => editor.chain().focus().addColumnBefore().run()),
+      item(t.columnRight, () => editor.chain().focus().addColumnAfter().run()),
+      item(t.deleteRow, () => editor.chain().focus().deleteRow().run()),
+      item(t.deleteColumn, () => editor.chain().focus().deleteColumn().run())
+    ] : []
+  ];
+  const rows = (list) => list.filter((x) => x !== false).filter((x, i, all2) => x !== "-" || i > 0 && all2[i - 1] !== "-" && i < all2.length - 1).map((x, i) => x === "-" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("hr", {}, i) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", role: x.on === void 0 ? "menuitem" : "menuitemcheckbox", "aria-checked": x.on, disabled: x.off, onClick: () => {
+    setPop(null);
+    x.run();
+  }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Check, { "aria-hidden": true }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: x.label }),
+    x.keys && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("kbd", { children: x.keys })
+  ] }, i));
   const menu = ([key2, label, list]) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-anchor", children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "w100n-text-menu-button", "data-pop": true, "aria-haspopup": "menu", "aria-expanded": pop === key2, onClick: () => pick(key2), children: label }),
-    pop === key2 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "w100n-text-pop w100n-text-menu", role: "menu", "aria-label": label, children: list.filter((x) => x !== false).map((x, i) => x === "-" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("hr", {}, i) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", role: x.on === void 0 ? "menuitem" : "menuitemcheckbox", "aria-checked": x.on, disabled: x.off, onClick: () => {
-      setPop(null);
-      x.run();
-    }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Check, { "aria-hidden": true }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: x.label }),
-      x.keys && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("kbd", { children: x.keys })
-    ] }, i)) })
+    pop === key2 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "w100n-text-pop w100n-text-menu", role: "menu", "aria-label": label, children: rows(list) })
   ] }, key2);
   const seek = (next) => {
     editor.view.dispatch(editor.state.tr.setMeta(searching, next));
@@ -8695,7 +8906,7 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       pop === "color" && swatches(inks, state.color, (c) => c ? editor.chain().focus().setColor(c).run() : editor.chain().focus().unsetColor().run(), t.automatic)
     ] }),
     gap,
-    docx2 && aligner,
+    aligner,
     tool(import_lucide_react5.List, t.bullets, () => editor.chain().focus().toggleBulletList().run(), state.bullets),
     tool(import_lucide_react5.ListOrdered, t.numbers, () => editor.chain().focus().toggleOrderedList().run(), state.numbers),
     !docx2 && tool(import_lucide_react5.ListChecks, t.tasks, () => editor.chain().focus().toggleTaskList().run(), state.tasks),
@@ -8772,17 +8983,17 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "table", "aria-label": t.table, title: t.table, onClick: () => pick("table"), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Table, { "aria-hidden": true }) }),
       pop === "table" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-pop w100n-text-grid", role: "group", "aria-label": t.table, onPointerLeave: () => setGrid({ rows: 0, cols: 0 }), children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: Array.from({ length: 48 }, (_, i) => {
-          const rows = Math.floor(i / 8) + 1;
+          const rows2 = Math.floor(i / 8) + 1;
           const cols = i % 8 + 1;
           return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "button",
             {
               type: "button",
-              "aria-label": `${rows} \xD7 ${cols}`,
-              "data-on": rows <= grid3.rows && cols <= grid3.cols,
-              onPointerEnter: () => setGrid({ rows, cols }),
+              "aria-label": `${rows2} \xD7 ${cols}`,
+              "data-on": rows2 <= grid3.rows && cols <= grid3.cols,
+              onPointerEnter: () => setGrid({ rows: rows2, cols }),
               onClick: () => {
-                editor.chain().focus().insertTable({ rows, cols, withHeaderRow: true }).run();
+                editor.chain().focus().insertTable({ rows: rows2, cols, withHeaderRow: true }).run();
                 setPop(null);
               }
             },
@@ -8884,20 +9095,34 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       menubar,
       status
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref: scroller, className: "w100n-text-scroll", "data-paint": !!paint2, onMouseUp: lay, onClick: (e) => {
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref: scroller, className: "w100n-text-scroll", "data-paint": !!paint2, onMouseUp: lay, onPointerDown: (e) => {
+      touch.current = e.pointerType === "touch";
+    }, onContextMenu: (e) => {
+      if (touch.current || e.shiftKey || pop === "context" || !e.target.closest(".ProseMirror")) return setPop(null);
+      e.preventDefault();
+      const at2 = editor.view.posAtCoords({ left: e.clientX, top: e.clientY });
+      const { from, to } = editor.state.selection;
+      if (at2 && (at2.pos < from || at2.pos > to)) editor.commands.setTextSelection(at2.pos);
+      setSpot({ x: Math.min(e.clientX, innerWidth - 260), y: Math.min(e.clientY, innerHeight - 360) });
+      setPop("context");
+    }, onClick: (e) => {
       const atom = can.edit ? e.target.closest(".w100n-math, sup[data-footnote]") : null;
       if (atom) {
-        const at = editor.view.posAtDOM(atom, 0);
-        const node = editor.state.doc.nodeAt(at);
-        if (node?.type.name === "math") setDialog({ kind: "formula", latex: node.attrs.latex, at });
-        if (node?.type.name === "footnote") setDialog({ kind: "note", text: node.attrs.text, at });
+        const at2 = editor.view.posAtDOM(atom, 0);
+        const node = editor.state.doc.nodeAt(at2);
+        if (node?.type.name === "math") setDialog({ kind: "formula", latex: node.attrs.latex, at: at2 });
+        if (node?.type.name === "footnote") setDialog({ kind: "note", text: node.attrs.text, at: at2 });
         return;
       }
       const id = e.target.closest("[data-note]")?.getAttribute("data-note");
       if (!id) return;
       setActive(id);
       onPanel?.("comments");
-    }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w100n-text-zoomed", style: { zoom: percent / 100 }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: docx2 ? "w100n-text-sheet" : "w100n-docs-page w100n-text-column", style: sheet2, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react9.EditorContent, { editor }) }) }) }),
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w100n-text-zoomed", style: { zoom: percent / 100 }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: docx2 ? `w100n-text-sheet${flow ? " is-flow" : ""}` : "w100n-docs-page w100n-text-column", style: sheet2, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react9.EditorContent, { editor }) }) }) }),
+    pop === "context" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-pop w100n-text-menu w100n-text-context", role: "menu", "aria-label": t.textTools, style: { left: spot3.x, top: spot3.y }, onPointerDown: keep, children: [
+      rows(near),
+      spell && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("small", { className: "w100n-text-hint", children: t.spellHint })
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w100n-text-ribbon w100n-text-corner", "data-side": "left", onPointerDown: keep, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w100n-text-tools", role: "group", "aria-label": t.zoom, children: [
       tool(import_lucide_react5.Minus, t.zoomOut, () => zoomBy(-10)),
       zoomer,
@@ -8949,16 +9174,15 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w100n-new-head", children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "w100n-new-tile", "data-tone": "blue", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Sigma, { "aria-hidden": true }) }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("b", { className: "w100n-pdf-dialog-title", children: t.formula }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "w100n-docs-badge", children: t.formulaHint }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "w100n-docs-close", onClick: () => setDialog(null), "aria-label": t.close, title: t.close, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.X, { "aria-hidden": true }) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { ref: field, autoFocus: true, className: "w100n-insert-latex", value: dialog.latex, "aria-label": t.formula, placeholder: "F = 900 + 12 \\\\cdot n", onChange: (e) => setDialog({ ...dialog, latex: e.target.value }) }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w100n-insert-tools", role: "group", "aria-label": t.formula, children: helpers.map(([label, code]) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", onClick: () => {
         const el = field.current;
-        const at = el.selectionStart ?? dialog.latex.length;
-        const latex = dialog.latex.slice(0, at) + code + dialog.latex.slice(el.selectionEnd ?? at);
+        const at2 = el.selectionStart ?? dialog.latex.length;
+        const latex = dialog.latex.slice(0, at2) + code + dialog.latex.slice(el.selectionEnd ?? at2);
         setDialog({ ...dialog, latex });
-        const caret = at + (code.indexOf("{}") >= 0 ? code.indexOf("{}") + 1 : code.length);
+        const caret = at2 + (code.indexOf("{}") >= 0 ? code.indexOf("{}") + 1 : code.length);
         requestAnimationFrame(() => {
           el.focus();
           el.setSelectionRange(caret, caret);
@@ -8980,7 +9204,13 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
         tr.setNodeAttribute(dialog.at, "text", text);
         return true;
       }).run();
-      else editor.chain().focus().insertContent({ type: "footnote", attrs: { id: null, text } }).run();
+      else {
+        let id = 0;
+        editor.state.doc.descendants((n) => {
+          if (n.type.name === "footnote") id = Math.max(id, Number(n.attrs.id) || 0);
+        });
+        editor.chain().focus().insertContent({ type: "footnote", attrs: { id: docx2 ? null : String(id + 1), text } }).run();
+      }
       setDialog(null);
     }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w100n-new-head", children: [
@@ -9153,10 +9383,10 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
       threads.map((c) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("article", { className: "w100n-text-card", "aria-current": active === c.id, "data-resolved": c.resolved, onClick: () => show(c), children: [
         person(c),
         c.quote && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("blockquote", { children: c.quote }),
-        words2(c),
+        words3(c),
         all.filter((r) => r.replyTo === c.id).map((r) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w100n-text-reply", children: [
           person(r),
-          words2(r)
+          words3(r)
         ] }, r.id)),
         reply?.id === c.id && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w100n-text-reply", onClick: (e) => e.stopPropagation(), children: [
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -9353,8 +9583,8 @@ function bind(api, injector, doc, model, edit) {
   const commands = injector.get(import_core4.ICommandService);
   const run3 = (id, params) => commands.hasCommand(id) && commands.syncExecuteCommand(id, { unitId: unit, ...params }, { fromCollab: true });
   const ws = (sid) => wb.getSheetBySheetId(sid);
-  const at = /* @__PURE__ */ new Map();
-  const index = (sid) => at.get(sid) ?? at.set(sid, { rows: new Map(lines2[sid].rows.map((id, i) => [id, i])), cols: new Map(lines2[sid].cols.map((id, i) => [id, i])) }).get(sid);
+  const at2 = /* @__PURE__ */ new Map();
+  const index = (sid) => at2.get(sid) ?? at2.set(sid, { rows: new Map(lines2[sid].rows.map((id, i) => [id, i])), cols: new Map(lines2[sid].cols.map((id, i) => [id, i])) }).get(sid);
   const live = (sid) => !!sid && !!lines2[sid] && sheets.has(sid) && !!wb.getSheetBySheetId(sid);
   const look = (s) => {
     const style = typeof s === "string" ? looks.get(s) : s;
@@ -9414,7 +9644,7 @@ function bind(api, injector, doc, model, edit) {
     for (const k of [...kept.keys()]) if (!want.has(k)) kept.delete(k);
     for (const k of want) if (!kept.has(k)) kept.set(k, 1);
   };
-  const notes2 = (sid) => {
+  const notes3 = (sid) => {
     const l = lines2[sid];
     const { notes: kept } = pieces(sheets.get(sid));
     const want = new Map(api.getWorkbook(unit).getSheetBySheetId(sid).getNotes().map((n) => [spot2(l.rows[n.row], l.cols[n.col]), { note: n.note, width: n.width, height: n.height }]));
@@ -9446,7 +9676,7 @@ function bind(api, injector, doc, model, edit) {
     l.rows.forEach((_, r) => putRow(sid, r));
     l.cols.forEach((_, c) => putCol(sid, c));
     merges(sid);
-    notes2(sid);
+    notes3(sid);
     props2.forEach((name) => prop(sid, name));
   };
   const write4 = (id, p) => {
@@ -9458,7 +9688,7 @@ function bind(api, injector, doc, model, edit) {
       return resync(added);
     }
     if (id === "sheet.mutation.remove-sheet" && sid) {
-      at.delete(sid);
+      at2.delete(sid);
       sheets.delete(sid);
       const i = order2.toArray().indexOf(sid);
       if (i >= 0) order2.delete(i, 1);
@@ -9482,7 +9712,7 @@ function bind(api, injector, doc, model, edit) {
       const ids = list.slice(from, from + n);
       list.delete(from, n);
       list.insert(to > from ? to - n : to, ids);
-      at.delete(sid);
+      at2.delete(sid);
     };
     switch (id) {
       case "sheet.mutation.set-range-values":
@@ -9492,29 +9722,29 @@ function bind(api, injector, doc, model, edit) {
         return;
       case "sheet.mutation.insert-row":
         rows.insert(p.range.startRow, l.rows.slice(p.range.startRow, p.range.endRow + 1));
-        at.delete(sid);
+        at2.delete(sid);
         for (let r = p.range.startRow; r <= p.range.endRow; r++) putRow(sid, r);
         return;
       case "sheet.mutation.insert-col":
         cols.insert(p.range.startColumn, l.cols.slice(p.range.startColumn, p.range.endColumn + 1));
-        at.delete(sid);
+        at2.delete(sid);
         for (let c = p.range.startColumn; c <= p.range.endColumn; c++) putCol(sid, c);
         return;
       case "sheet.mutation.remove-rows":
-        at.delete(sid);
+        at2.delete(sid);
         return rows.delete(p.range.startRow, count(p.range, true));
       case "sheet.mutation.remove-col":
-        at.delete(sid);
+        at2.delete(sid);
         return cols.delete(p.range.startColumn, count(p.range, false));
       case "sheet.mutation.move-rows":
         return shift(rows, p.sourceRange.startRow, count(p.sourceRange, true), p.targetRange.startRow);
       case "sheet.mutation.move-columns":
         return shift(cols, p.sourceRange.startColumn, count(p.sourceRange, false), p.targetRange.startColumn);
       case "sheet.mutation.set-worksheet-row-count":
-        at.delete(sid);
+        at2.delete(sid);
         return fit(rows, l.rows);
       case "sheet.mutation.set-worksheet-column-count":
-        at.delete(sid);
+        at2.delete(sid);
         return fit(cols, l.cols);
       case "sheet.mutation.set-worksheet-row-height":
       case "sheet.mutation.set-worksheet-row-is-auto-height":
@@ -9537,7 +9767,7 @@ function bind(api, injector, doc, model, edit) {
       case "sheet.mutation.update-note":
       case "sheet.mutation.remove-note":
       case "sheet.mutation.update-note-position":
-        return notes2(sid);
+        return notes3(sid);
       default: {
         const setter = setters.find((x) => x[1] === id);
         if (setter) prop(sid, setter[0]);
@@ -9643,7 +9873,7 @@ function bind(api, injector, doc, model, edit) {
       }
       run3("sheet.mutation.remove-sheet", { subUnitId: sid });
       delete lines2[sid];
-      at.delete(sid);
+      at2.delete(sid);
     }
     want.forEach((sid, i) => {
       if (wb.getSheetBySheetId(sid)) return;
@@ -9680,7 +9910,7 @@ function bind(api, injector, doc, model, edit) {
         i += ids.length;
       }
     }
-    at.delete(sid);
+    at2.delete(sid);
     return added;
   };
   const remote = (events, tr) => {
@@ -9901,7 +10131,7 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
   const [pop, setPop] = (0, import_react11.useState)(null);
   const [look, setLook] = (0, import_react11.useState)(null);
   const edit = rights.edit && !!onSaveRequest && (!room || !!shared && !room.readonly);
-  const notes2 = !edit && rights.comment && !!onSaveRequest && !room;
+  const notes3 = !edit && rights.comment && !!onSaveRequest && !room;
   (0, import_react11.useEffect)(() => {
     if (waiting2) return;
     let gone = false;
@@ -9936,7 +10166,7 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
       if (model.active) wb.setActiveSheet(model.active);
       if (!edit) wb.setEditable(false);
       const state = { api: api2, model, original: bytes, changes: 0 };
-      const untrack = track2(api2, model, { view: true, comment: notes2, edit }, () => {
+      const untrack = track2(api2, model, { view: true, comment: notes3, edit }, () => {
         state.changes++;
         if (state.changes === 1 && !shared) {
           setDirty(true);
@@ -10063,7 +10293,7 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
     if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "s") {
       e.preventDefault();
       e.stopPropagation();
-      if (edit || notes2) void save2();
+      if (edit || notes3) void save2();
     }
     if (e.key === "Escape" && pop) {
       e.stopPropagation();
@@ -10236,7 +10466,7 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
           !room && tool(import_lucide_react6.Funnel, t.filter, () => run3("sheet.command.smart-toggle-filter")),
           gap
         ] }),
-        (edit || notes2) && tool(import_lucide_react6.StickyNote, t.note, () => run3("sheet.operation.add-note-popup")),
+        (edit || notes3) && tool(import_lucide_react6.StickyNote, t.note, () => run3("sheet.operation.add-note-popup")),
         tool(import_lucide_react6.Search, t.find, () => run3("ui.operation.open-find-dialog"))
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-sheet-end", children: [
@@ -10245,9 +10475,9 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
           room.denied ? t.liveOff : t.offline
         ] }),
         room && room.people.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-text-people", role: "group", "aria-label": t.people, children: room.people.map((p) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-text-face", title: p.me ? `${p.name} (${t.you})` : p.name, style: { "--face": p.color }, children: p.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: p.avatarUrl, alt: "" }) : p.name.split(/\s+/).map((w) => w[0]).join("").slice(0, 2).toUpperCase() }, p.id)) }),
-        !edit && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-docs-badge", children: notes2 ? t.notesOnly : t.viewOnly }),
+        !edit && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-docs-badge", children: notes3 ? t.notesOnly : t.viewOnly }),
         saving === "failed" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "w100n-sheet-muted", role: "alert", children: refusal ? t.refused[refusal.code].replace("{sheet}", refusal.sheet) : t.saveFailed }),
-        (edit || notes2) && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: !pending2 || saving === "busy" || phase !== "ready" || !!room && !room.online, onClick: () => void save2(), children: [
+        (edit || notes3) && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: !pending2 || saving === "busy" || phase !== "ready" || !!room && !room.online, onClick: () => void save2(), children: [
           /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.Save, { "aria-hidden": true }),
           saving === "busy" ? t.saving : !pending2 && saving === "done" ? t.saved : t.save
         ] })
@@ -10295,6 +10525,101 @@ var init_SheetView = __esm({
   }
 });
 
+// src/Compare.tsx
+var Compare_exports = {};
+__export(Compare_exports, {
+  changes: () => changes2,
+  default: () => Compare,
+  textOf: () => textOf2
+});
+function blocks3(node, out = []) {
+  if (node.type === "paragraph" || node.type === "heading") {
+    const text = (node.content ?? []).map((n) => n.type === "text" ? n.text : n.type === "hardBreak" ? "\n" : n.type === "math" ? ` ${n.attrs?.latex} ` : "").join("").trim();
+    if (text) out.push(text);
+  } else node.content?.forEach((n) => blocks3(n, out));
+  return out;
+}
+async function textOf2(kind, bytes) {
+  return blocks3(kind === "docx" ? (await readDocx(bytes)).doc : fromMarkdown(new TextDecoder().decode(bytes)).doc);
+}
+function inside(a, b) {
+  const x = words2(a), y = words2(b);
+  const map = diff(x, y);
+  const out = [];
+  const push = (text, op) => {
+    const last2 = out[out.length - 1];
+    if (last2?.op === op) last2.text += text;
+    else out.push({ text, op });
+  };
+  let i = 0;
+  map.forEach((from, j) => {
+    if (from < 0) {
+      const next = map.findIndex((n, at2) => at2 > j && n >= 0);
+      while (i < (next < 0 ? x.length : map[next])) push(x[i++], "-");
+      return push(y[j], "+");
+    }
+    while (i < from) push(x[i++], "-");
+    push(y[j], "=");
+    i = from + 1;
+  });
+  while (i < x.length) push(x[i++], "-");
+  return out;
+}
+function changes2(before, after) {
+  const map = diff(before, after);
+  const rows = [];
+  let gone = [];
+  const drop2 = (n) => {
+    gone.slice(0, n).forEach((text) => rows.push({ op: "-", parts: [{ text, op: "-" }] }));
+    gone = gone.slice(n);
+  };
+  let i = 0;
+  map.forEach((from, j) => {
+    if (from >= 0) {
+      while (i < from) gone.push(before[i++]);
+      drop2(gone.length);
+      rows.push({ op: "=", parts: [{ text: after[j], op: "=" }] });
+      i = from + 1;
+      return;
+    }
+    const next = map.findIndex((n, at2) => at2 > j && n >= 0);
+    while (i < (next < 0 ? before.length : map[next])) gone.push(before[i++]);
+    const k = gone.findIndex((old) => alike(old, after[j]) >= 0.4);
+    if (k < 0) return rows.push({ op: "+", parts: [{ text: after[j], op: "+" }] });
+    drop2(k);
+    rows.push({ op: "~", parts: inside(gone.shift(), after[j]) });
+  });
+  while (i < before.length) gone.push(before[i++]);
+  drop2(gone.length);
+  return rows;
+}
+function Compare({ host, documentId, kind, older, t }) {
+  const rows = useLoad(async (signal) => changes2(await textOf2(kind, older), await textOf2(kind, await host.content(documentId, null, { signal }))), [host, documentId, older]);
+  if (rows.error) return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w100n-docs-empty", children: t.failed });
+  if (!rows.data) return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w100n-docs-empty", children: t.loading });
+  const added = rows.data.filter((r) => r.op === "+").length, removed = rows.data.filter((r) => r.op === "-").length, edited = rows.data.filter((r) => r.op === "~").length;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w100n-docs-scroll", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs-page w100n-compare", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "w100n-compare-sum", children: added + removed + edited ? t.changeCount.replace("{added}", String(added)).replace("{edited}", String(edited)).replace("{removed}", String(removed)) : t.noChanges }),
+    rows.data.map((r, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { "data-op": r.op, children: r.parts.map((p, k) => p.op === "=" ? p.text : p.op === "+" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ins", { children: p.text }, k) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("del", { children: p.text }, k)) }, i))
+  ] }) });
+}
+var import_jsx_runtime12, words2, alike;
+var init_Compare = __esm({
+  "src/Compare.tsx"() {
+    "use strict";
+    init_docx();
+    init_diff();
+    init_markdown();
+    init_useLoad();
+    import_jsx_runtime12 = require("react/jsx-runtime");
+    words2 = (text) => text.split(/(\s+)/).filter(Boolean);
+    alike = (a, b) => {
+      const x = a.split(/\s+/).filter(Boolean), y = b.split(/\s+/).filter(Boolean);
+      return diff(x, y).filter((n) => n >= 0).length / Math.max(x.length, y.length, 1);
+    };
+  }
+});
+
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
@@ -10352,8 +10677,8 @@ function readable(name, mimeType) {
   return kind !== "sheet" || /\.(xlsx|csv)$/i.test(name) || /spreadsheetml|text\/csv/.test(mimeType ?? "") ? kind : null;
 }
 function matches(doc, query, picked) {
-  const words2 = query.toLocaleLowerCase().split(/\s+/).filter(Boolean);
-  return (!picked.length || picked.includes(doc.kind)) && words2.every((word) => doc.name.toLocaleLowerCase().includes(word));
+  const words3 = query.toLocaleLowerCase().split(/\s+/).filter(Boolean);
+  return (!picked.length || picked.includes(doc.kind)) && words3.every((word) => doc.name.toLocaleLowerCase().includes(word));
 }
 
 // src/slides/SlidesView.tsx
@@ -10445,8 +10770,8 @@ var tagName = /<([a-zA-Z][^\s/>]*)/y;
 var endTag = /<\/([a-zA-Z][^\s/>]*)[^>]*>/y;
 var attrName = /[^\s/>=]+/y;
 var bare = /[^\s>]*/y;
-var sticky = (re, s, at) => {
-  re.lastIndex = at;
+var sticky = (re, s, at2) => {
+  re.lastIndex = at2;
   return re.exec(s);
 };
 function parse(html) {
@@ -10458,9 +10783,9 @@ function parse(html) {
   const text = (start, end) => {
     if (end > start) top().children.push({ text: true, start, end });
   };
-  const shut = (k, at, end) => {
-    for (let i2 = stack.length - 1; i2 > k; i2--) stack[i2].close = stack[i2].end = at;
-    stack[k].close = at;
+  const shut = (k, at2, end) => {
+    for (let i2 = stack.length - 1; i2 > k; i2--) stack[i2].close = stack[i2].end = at2;
+    stack[k].close = at2;
     stack[k].end = end;
     for (let i2 = stack.length - 1; i2 >= k; i2--) if (stack[i2].tag === "svg" || stack[i2].tag === "math") foreign--;
     stack.length = k;
@@ -10527,24 +10852,24 @@ function parse(html) {
       j += n[0].length;
       while (j < len && /\s/.test(html[j])) j++;
       let value3 = "";
-      let at = null;
+      let at2 = null;
       if (html[j] === "=") {
         j++;
         while (j < len && /\s/.test(html[j])) j++;
         const q = html[j];
         if (q === '"' || q === "'") {
           const e = html.indexOf(q, j + 1);
-          at = [j + 1, e < 0 ? len : e];
+          at2 = [j + 1, e < 0 ? len : e];
           j = e < 0 ? len : e + 1;
         } else {
           const v = sticky(bare, html, j);
-          at = [j, j + v[0].length];
+          at2 = [j, j + v[0].length];
           j += v[0].length;
         }
-        value3 = decode(html.slice(at[0], at[1]));
+        value3 = decode(html.slice(at2[0], at2[1]));
       }
       const key2 = n[0].toLowerCase();
-      if (!attrs2.has(key2)) attrs2.set(key2, { value: value3, at });
+      if (!attrs2.has(key2)) attrs2.set(key2, { value: value3, at: at2 });
     }
     if (breaks.has(tag)) {
       const k = seek(["p"], fences);
@@ -10663,12 +10988,12 @@ var flat = (el, html) => {
   });
   return visit(el) && (text || boxes.has(el.tag));
 };
-var blocksOf = (el, html, notes2) => {
+var blocksOf = (el, html, notes3) => {
   if (flat(el, html)) return [el];
   const out = [];
   const walk = (e) => {
     for (const part of e.children) {
-      if (part.text || part === notes2 || skip.has(part.tag) || part.attrs.get("contenteditable")?.value === "false") continue;
+      if (part.text || part === notes3 || skip.has(part.tag) || part.attrs.get("contenteditable")?.value === "false") continue;
       if (flat(part, html)) out.push(part);
       else walk(part);
     }
@@ -10685,8 +11010,8 @@ var notesHtml = (text) => escape(text).split("\n").join("<br>\n");
 var sizeOf = (html, kind, scripts, styles2, marks2) => {
   if (kind === "reveal") {
     const code = scripts.map((s) => html.slice(s.open, s.close)).join("\n");
-    const at = code.search(/Reveal\.initialize\s*\(/);
-    const init2 = at < 0 ? "" : code.slice(at, at + 4e3);
+    const at2 = code.search(/Reveal\.initialize\s*\(/);
+    const init2 = at2 < 0 ? "" : code.slice(at2, at2 + 4e3);
     const width = Number(/\bwidth\s*:\s*['"]?(\d+)/.exec(init2)?.[1] ?? 960);
     const height = Number(/\bheight\s*:\s*['"]?(\d+)/.exec(init2)?.[1] ?? 700);
     return { width, height, center: !/\bcenter\s*:\s*false/.test(init2) };
@@ -10716,14 +11041,14 @@ function shape(html) {
   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 = head2 ? head2.open : outer ? outer.open : doctype ? doctype[0].length : 0;
+  const at2 = head2 ? head2.open : outer ? outer.open : doctype ? doctype[0].length : 0;
   const reveal = all.find((el) => classes(el).includes("reveal")) ?? null;
   const box2 = reveal && all.find((el) => classes(el).includes("slides") && under(el, (up) => up === reveal));
   const spots = [];
   const stacks = [];
   const spot3 = (el, stack) => {
-    const notes2 = notesOf(el);
-    spots.push({ el, stack, notes: notes2, attr: notes2 ? null : el.attrs.get("data-notes") ?? null, blocks: blocksOf(el, html, notes2) });
+    const notes3 = notesOf(el);
+    spots.push({ el, stack, notes: notes3, attr: notes3 ? null : el.attrs.get("data-notes") ?? null, blocks: blocksOf(el, html, notes3) });
   };
   let kind;
   let units;
@@ -10757,7 +11082,7 @@ function shape(html) {
     for (const unit of units) spot3(unit, null);
   }
   const size2 = sizeOf(html, kind, scripts, styles2, [container, ...body ? [body] : [], ...outer ? [outer] : []]);
-  return { kind, ...size2, root, box: container, units, stacks, spots, scripts, refresh, head: at, body };
+  return { kind, ...size2, root, box: container, units, stacks, spots, scripts, refresh, head: at2, 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)));
@@ -10800,8 +11125,8 @@ function cuts(html, s, slide, stamp) {
       const lead = /^\s*/.exec(inner2)[0];
       const tail = /\s*$/.exec(inner2)[0];
       const indent2 = lead.includes("\n") ? lead.slice(lead.lastIndexOf("\n")) : "";
-      const at = Math.max(s.el.open, s.el.close - tail.length);
-      out.push([at, at, `${indent2}<aside class="notes">${notesHtml(slide.notes)}</aside>`]);
+      const at2 = Math.max(s.el.open, s.el.close - tail.length);
+      out.push([at2, at2, `${indent2}<aside class="notes">${notesHtml(slide.notes)}</aside>`]);
     }
   }
   return out;
@@ -10809,13 +11134,13 @@ function cuts(html, s, slide, stamp) {
 function apply(html, from, to, list) {
   const sorted = [...list].sort((a, b) => a[0] - b[0] || a[1] - b[1]);
   const out = [];
-  let at = from;
+  let at2 = from;
   for (const [start, end, put] of sorted) {
-    if (start < at || end > to) continue;
-    out.push(html.slice(at, start), put);
-    at = end;
+    if (start < at2 || end > to) continue;
+    out.push(html.slice(at2, start), put);
+    at2 = end;
   }
-  out.push(html.slice(at, to));
+  out.push(html.slice(at2, to));
   return out.join("");
 }
 var blank = (s) => !/\S/.test(s);
@@ -10860,15 +11185,15 @@ function writeDeck(original, deck, known) {
 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));
+  let at2 = Math.max(0, Math.min(rest.length, to));
   const run3 = rest.flatMap((other, i) => slide.stack !== null && other.stack === slide.stack ? [i] : []);
-  if (run3.length) at = Math.max(run3[0], Math.min(run3[run3.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++;
-    at = to > from ? end : rest.findIndex((other) => other.stack === rest[at].stack);
+  if (run3.length) at2 = Math.max(run3[0], Math.min(run3[run3.length - 1] + 1, at2));
+  else if (at2 > 0 && at2 < rest.length && rest[at2].stack !== null && rest[at2 - 1].stack === rest[at2].stack) {
+    let end = at2;
+    while (end < rest.length && rest[end].stack === rest[at2].stack) end++;
+    at2 = to > from ? end : rest.findIndex((other) => other.stack === rest[at2].stack);
   }
-  return { ...deck, slides: [...rest.slice(0, at), slide, ...rest.slice(at)] };
+  return { ...deck, slides: [...rest.slice(0, at2), slide, ...rest.slice(at2)] };
 }
 var duplicateSlide = (deck, i, key2) => ({ ...deck, slides: [...deck.slides.slice(0, i + 1), { ...deck.slides[i], key: key2 }, ...deck.slides.slice(i + 1)] });
 var deleteSlide = (deck, i) => ({ ...deck, slides: deck.slides.filter((_, k) => k !== i) });
@@ -11145,7 +11470,7 @@ function SlidesView({ html, name, rights, language = "en", theme = "light", base
   const live = (0, import_react2.useRef)(state);
   const [saved, setSaved] = (0, import_react2.useState)({ html, deck: source.deck });
   const [prop, setProp] = (0, import_react2.useState)(html);
-  const [at, setAt] = (0, import_react2.useState)(0);
+  const [at2, setAt] = (0, import_react2.useState)(0);
   if (html !== prop) {
     setProp(html);
     if (html !== saved.html) {
@@ -11163,7 +11488,7 @@ function SlidesView({ html, name, rights, language = "en", theme = "light", base
   };
   const { deck, epoch } = state;
   const count = deck.slides.length;
-  const index = Math.min(at, count - 1);
+  const index = Math.min(at2, count - 1);
   const slide = deck.slides[index];
   const can = rights.edit && !!onSaveRequest;
   const movable = can && deck.kind !== "page";
@@ -11704,7 +12029,7 @@ var same = (a, b) => !!b && a.page === b.page && a.start === b.start;
 var spot = (b, size2) => ({ left: pct(b.x / size2.w), top: pct(b.y / size2.h), width: pct(b.w / size2.w), height: pct(b.h / size2.h) });
 function PdfPage({ pdf, n, size: size2, scale, live, id, layers }) {
   const paint2 = (0, import_react5.useRef)(null);
-  const words2 = (0, import_react5.useRef)(null);
+  const words3 = (0, import_react5.useRef)(null);
   const forms = (0, import_react5.useRef)(null);
   const focus = (0, import_react5.useRef)(null);
   const rubbed = (0, import_react5.useRef)(null);
@@ -11716,7 +12041,7 @@ function PdfPage({ pdf, n, size: size2, scale, live, id, layers }) {
   const hitKey = layers ? layers.hits.map((hit) => `${hit.start}:${hit.end}`).join() : "";
   (0, import_react5.useEffect)(() => {
     if (!live) return;
-    const holders = [paint2, words2, forms].flatMap((ref) => ref.current ? [ref.current] : []);
+    const holders = [paint2, words3, forms].flatMap((ref) => ref.current ? [ref.current] : []);
     return () => {
       for (const holder of holders) {
         for (const canvas of holder.querySelectorAll("canvas")) {
@@ -11801,7 +12126,7 @@ function PdfPage({ pdf, n, size: size2, scale, live, id, layers }) {
       const end = document.createElement("div");
       end.className = "endOfContent";
       layer.append(end);
-      words2.current.replaceChildren(layer);
+      words3.current.replaceChildren(layer);
       const annotations = await page.getAnnotations();
       for (const a of annotations) {
         if (!a.fieldName || a.pushButton || !["Tx", "Btn", "Ch"].includes(a.fieldType)) continue;
@@ -11837,7 +12162,7 @@ function PdfPage({ pdf, n, size: size2, scale, live, id, layers }) {
     };
   }, [pdf, n, live, fill3]);
   (0, import_react5.useLayoutEffect)(() => {
-    const layer = words2.current?.firstElementChild;
+    const layer = words3.current?.firstElementChild;
     if (!layers || !layer || !hitKey) {
       setBoxes([]);
       return;
@@ -11845,13 +12170,13 @@ function PdfPage({ pdf, n, size: size2, scale, live, id, layers }) {
     const frame = layer.getBoundingClientRect();
     const k = frame.width ? size2.w / frame.width : 1 / scale;
     const parts2 = [];
-    let at2 = 0;
+    let at3 = 0;
     const walk = document.createTreeWalker(layer, NodeFilter.SHOW_TEXT | NodeFilter.SHOW_ELEMENT);
     for (let node = walk.nextNode(); node; node = walk.nextNode()) {
       if (node.nodeType === Node.TEXT_NODE) {
-        parts2.push({ node, start: at2 });
-        at2 += node.length;
-      } else if (node.nodeName === "BR") at2 += 1;
+        parts2.push({ node, start: at3 });
+        at3 += node.length;
+      } else if (node.nodeName === "BR") at3 += 1;
     }
     setBoxes(layers.hits.flatMap((hit) => parts2.flatMap(({ node, start }) => {
       const from = Math.max(hit.start, start);
@@ -11875,13 +12200,13 @@ function PdfPage({ pdf, n, size: size2, scale, live, id, layers }) {
   if (!layers) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "w100n-pdf-page", "data-n": n, style, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref: paint2, className: "w100n-pdf-paint" }) });
   const { tool, marks: marks2, act, t, open } = layers;
   const first = boxes3.findIndex((b) => same(b.hit, layers.active));
-  const at = (e) => {
+  const at2 = (e) => {
     const r = e.currentTarget.closest(".w100n-pdf-page").getBoundingClientRect();
     return { x: (e.clientX - r.left) / scale, y: (e.clientY - r.top) / scale };
   };
   const line = (points) => points.map((p, i) => `${i ? "L" : "M"}${p.x.toFixed(1)} ${p.y.toFixed(1)}`).join(" ");
   const down2 = (e) => {
-    const p = at(e);
+    const p = at2(e);
     if (tool === "note" || tool === "place") {
       e.preventDefault();
       if (tool === "note") act.note(n, p);
@@ -11897,7 +12222,7 @@ function PdfPage({ pdf, n, size: size2, scale, live, id, layers }) {
   };
   const move2 = (e) => {
     if (!e.buttons) return;
-    const p = at(e);
+    const p = at2(e);
     if (stroke) {
       const last2 = stroke[stroke.length - 1];
       if (Math.hypot(p.x - last2.x, p.y - last2.y) > 0.8) setStroke([...stroke, p]);
@@ -11912,11 +12237,11 @@ function PdfPage({ pdf, n, size: size2, scale, live, id, layers }) {
     e.stopPropagation();
     e.currentTarget.setPointerCapture(e.pointerId);
     act.open(mark.id);
-    setDrag({ id: mark.id, from: at(e), start: mark.box, box: mark.box, resize: resize2 });
+    setDrag({ id: mark.id, from: at2(e), start: mark.box, box: mark.box, resize: resize2 });
   };
   const pull = (e) => {
     if (!drag) return;
-    const p = at(e);
+    const p = at2(e);
     const dx = p.x - drag.from.x;
     const { start } = drag;
     if (drag.resize) {
@@ -11932,7 +12257,7 @@ function PdfPage({ pdf, n, size: size2, scale, live, id, layers }) {
   };
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "w100n-pdf-page", id, "data-n": n, style, children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref: paint2, className: "w100n-pdf-paint" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref: words2, className: "w100n-pdf-words" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref: words3, className: "w100n-pdf-words" }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref: forms, className: "w100n-pdf-forms" }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { className: "w100n-pdf-marks", viewBox: `0 0 ${size2.w} ${size2.h}`, preserveAspectRatio: "none", "aria-hidden": true, children: [
       marks2.map((mark) => {
@@ -12032,11 +12357,11 @@ var dist = (p, a, b) => {
   return Math.hypot(p.x - a.x - k * dx, p.y - a.y - k * dy);
 };
 var touches = (m, p) => {
-  const inside = (b) => p.x >= b.x - 2 && p.x <= b.x + b.w + 2 && p.y >= b.y - 2 && p.y <= b.y + b.h + 2;
-  if (m.kind === "note") return inside({ ...m.spot, w: 20, h: 20 });
-  if (m.kind === "sign") return inside(m.box);
+  const inside2 = (b) => p.x >= b.x - 2 && p.x <= b.x + b.w + 2 && p.y >= b.y - 2 && p.y <= b.y + b.h + 2;
+  if (m.kind === "note") return inside2({ ...m.spot, w: 20, h: 20 });
+  if (m.kind === "sign") return inside2(m.box);
   if (m.kind === "ink") return m.lines.some((line) => line.some((q, i) => dist(p, line[Math.max(0, i - 1)], q) < m.width / 2 + 4));
-  return m.rects.some(inside);
+  return m.rects.some(inside2);
 };
 function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved, onOutline, guard }) {
   const prefix = (0, import_react6.useId)();
@@ -12048,7 +12373,7 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
   const pad = (0, import_react6.useRef)(null);
   const inked = (0, import_react6.useRef)(null);
   const widgets = (0, import_react6.useRef)(/* @__PURE__ */ new Map());
-  const words2 = (0, import_react6.useRef)(/* @__PURE__ */ new Map());
+  const words3 = (0, import_react6.useRef)(/* @__PURE__ */ new Map());
   const anchor = (0, import_react6.useRef)({ scale: 0, page: 0, frac: 0 });
   const [pdf, setPdf] = (0, import_react6.useState)(null);
   const [sizes2, setSizes] = (0, import_react6.useState)([]);
@@ -12062,7 +12387,7 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
   const [typed, setTyped] = (0, import_react6.useState)(null);
   const [query, setQuery] = (0, import_react6.useState)(null);
   const [hits, setHits] = (0, import_react6.useState)({ list: [], done: true });
-  const [at, setAt] = (0, import_react6.useState)(0);
+  const [at2, setAt] = (0, import_react6.useState)(0);
   const [tool, setTool] = (0, import_react6.useState)("select");
   const [pen, setPen] = (0, import_react6.useState)({ highlight: "#facc15", line: "#dc2626", ink: "#2563eb", width: 2 });
   const [palette2, setPalette] = (0, import_react6.useState)(false);
@@ -12090,7 +12415,7 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
     setFilled(false);
     setOpen(null);
     widgets.current = /* @__PURE__ */ new Map();
-    words2.current = /* @__PURE__ */ new Map();
+    words3.current = /* @__PURE__ */ new Map();
     (async () => {
       var _a;
       const pdfjs = await import("pdfjs-dist");
@@ -12215,11 +12540,11 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
     const timer = setTimeout(async () => {
       const found = [];
       for (let n = 1; n <= pdf.numPages && !stop; n++) {
-        let text = words2.current.get(n);
+        let text = words3.current.get(n);
         if (text === void 0) {
           const content = await (await pdf.getPage(n)).getTextContent();
           text = content.items.map((piece) => "str" in piece ? piece.str + (piece.hasEOL ? " " : "") : "").join("").toLowerCase();
-          words2.current.set(n, text);
+          words3.current.set(n, text);
         }
         for (let i = text.indexOf(needle); i >= 0; i = text.indexOf(needle, i + needle.length)) found.push({ page: n, start: i, end: i + needle.length });
         if (!stop && (n % 20 === 0 || n === pdf.numPages)) setHits({ list: [...found], done: n === pdf.numPages });
@@ -12263,7 +12588,7 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
   };
   const step = (d) => {
     if (!hits.list.length) return;
-    const next = (at + d + hits.list.length) % hits.list.length;
+    const next = (at2 + d + hits.list.length) % hits.list.length;
     setAt(next);
     const n = hits.list[next].page;
     if (tops[n - 1] + sizes2[n - 1].h * scale < top || tops[n - 1] > top + box2.h) go(n);
@@ -12518,7 +12843,7 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
     { key: "find", at: 0, Icon: import_lucide_react4.Search, label: t.find, run: () => setQuery(query === null ? "" : null), pressed: query !== null },
     ...can.mark ? [
       { key: "g3", at: 2, node: gap },
-      ...tools.filter(([, , , shown]) => shown).map(([key2, Icon, label, , at2]) => ({ key: key2, at: at2, Icon, label, run: () => pick(key2), pressed: tool === key2 })),
+      ...tools.filter(([, , , shown]) => shown).map(([key2, Icon, label, , at3]) => ({ key: key2, at: at3, Icon, label, run: () => pick(key2), pressed: tool === key2 })),
       ...can.edit ? [{ key: "sign", at: 2, Icon: import_lucide_react4.Signature, label: t.sign, run: () => setSigning({ tab: "typed", name: me, image: null, drawn: false }), pressed: tool === "place" || signing !== null }] : [],
       { key: "colour", at: 0, node: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "w100n-pdf-palette", children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", "aria-expanded": palette2, onClick: () => {
@@ -12605,7 +12930,7 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-live": "polite", children: hits.list.length ? `${Math.min(at + 1, hits.list.length)} / ${hits.list.length}` : query.trim() ? hits.done ? t.noHits : t.searching : "" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-live": "polite", children: hits.list.length ? `${Math.min(at2 + 1, hits.list.length)} / ${hits.list.length}` : query.trim() ? hits.done ? t.noHits : t.searching : "" }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", disabled: !hits.list.length, onClick: () => step(-1), "aria-label": t.previous, title: t.previous, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.ChevronUp, { "aria-hidden": true }) }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", disabled: !hits.list.length, onClick: () => step(1), "aria-label": t.next, title: t.next, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.ChevronDown, { "aria-hidden": true }) }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => setQuery(null), "aria-label": t.close, title: t.close, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react4.X, { "aria-hidden": true }) })
@@ -12650,7 +12975,7 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
               tool,
               marks: byPage.get(i + 1) ?? [],
               hits: hitsBy.get(i + 1) ?? [],
-              active: hits.list[at],
+              active: hits.list[at2],
               open,
               pen: { color: pen.ink, width: pen.width },
               widgets: widgets.current,
@@ -12902,8 +13227,8 @@ var table2 = (rows) => {
   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((row2, r) => `<w:tr>${row2.map((cell2) => `<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">${escape2(cell2)}</w:t></w:r>` : run2(cell2)}</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(blocks3) {
-  const body = blocks3.map((block2) => typeof block2[0] === "string" || block2[0] === null ? para(block2) : table2(block2)).join("") || "<w:p/>";
+function docx(blocks4) {
+  const body = blocks4.map((block2) => typeof block2[0] === "string" || block2[0] === null ? para(block2) : table2(block2)).join("") || "<w:p/>";
   return (0, import_fflate2.zipSync)({
     "[Content_Types].xml": (0, import_fflate2.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": (0, import_fflate2.strToU8)(`${head}<Relationships xmlns="${PKG}"><Relationship Id="rId1" Type="${REL3}/officeDocument" Target="word/document.xml"/></Relationships>`),
@@ -12912,7 +13237,7 @@ function docx(blocks3) {
     "word/document.xml": (0, import_fflate2.strToU8)(`${head}<w:document xmlns:w="${W}" xmlns:r="${REL3}"><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(blocks3) {
+function markdown(blocks4) {
   const line = (block2) => {
     if (typeof block2[0] === "string" || block2[0] === null) {
       const [style, text] = block2;
@@ -12921,7 +13246,7 @@ function markdown(blocks3) {
     const rows = block2;
     return [rows[0], rows[0].map(() => "---"), ...rows.slice(1)].map((row2) => `| ${row2.join(" | ")} |`).join("\n");
   };
-  return (0, import_fflate2.strToU8)(blocks3.map(line).join("\n\n").replace(/\n{3,}/g, "\n\n") + "\n");
+  return (0, import_fflate2.strToU8)(blocks4.map(line).join("\n\n").replace(/\n{3,}/g, "\n\n") + "\n");
 }
 var S = "http://schemas.openxmlformats.org/spreadsheetml/2006/main";
 function sheet() {
@@ -12954,8 +13279,8 @@ var slides = (name) => (0, import_fflate2.strToU8)(`<!DOCTYPE html>
 </html>
 `);
 function blank4(kind, name, template = "blank") {
-  const blocks3 = template === "blank" ? [] : templates[template](name);
-  const bytes = kind === "docx" ? docx(blocks3) : kind === "markdown" ? markdown(blocks3.length ? blocks3 : [["Title", name]]) : kind === "sheet" ? sheet() : slides(name);
+  const blocks4 = template === "blank" ? [] : templates[template](name);
+  const bytes = kind === "docx" ? docx(blocks4) : kind === "markdown" ? markdown(blocks4.length ? blocks4 : [["Title", name]]) : kind === "sheet" ? sheet() : slides(name);
   return bytes.buffer.slice(bytes.byteOffset, bytes.byteOffset + bytes.byteLength);
 }
 
@@ -13048,8 +13373,8 @@ init_useLoad();
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var blank5 = { id: null, comment: false, download: false, askName: true, works: "30", day: "", password: false, secret: "", had: false };
 var local = (iso) => {
-  const at = new Date(iso);
-  return `${at.getFullYear()}-${String(at.getMonth() + 1).padStart(2, "0")}-${String(at.getDate()).padStart(2, "0")}`;
+  const at2 = new Date(iso);
+  return `${at2.getFullYear()}-${String(at2.getMonth() + 1).padStart(2, "0")}-${String(at2.getDate()).padStart(2, "0")}`;
 };
 function Sharing({ host, doc, t, language, team }) {
   const links = useLoad((signal) => host.links(doc.id, { signal }), [host, doc.id]);
@@ -13392,9 +13717,10 @@ function Thumb({ host, item, label }) {
 
 // src/DocumentsWorkspace.tsx
 init_useLoad();
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var TextEditor3 = (0, import_react16.lazy)(() => Promise.resolve().then(() => (init_TextEditor(), TextEditor_exports)));
 var SheetView3 = (0, import_react16.lazy)(() => Promise.resolve().then(() => (init_SheetView(), SheetView_exports)));
+var Compare2 = (0, import_react16.lazy)(() => Promise.resolve().then(() => (init_Compare(), Compare_exports)));
 var icons3 = { docx: import_lucide_react10.FileText, markdown: import_lucide_react10.FileType, pdf: import_lucide_react10.Files, sheet: import_lucide_react10.FileSpreadsheet, slides: import_lucide_react10.Presentation };
 function DocumentsWorkspace({ host, language = "en", theme = "light", place: place2, onPlace, start, end, aside, actions }) {
   const t = texts[language];
@@ -13471,6 +13797,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
   const [fold, setFold] = (0, import_react16.useState)({});
   const [version2, setVersion] = (0, import_react16.useState)({ documentId: null, id: null });
   const versionId = version2.documentId === here.documentId ? version2.id : null;
+  const [comparing, setComparing] = (0, import_react16.useState)(false);
   const [restoring, setRestoring] = (0, import_react16.useState)("idle");
   const [exporting, setExporting] = (0, import_react16.useState)("idle");
   const [copying, setCopying] = (0, import_react16.useState)("idle");
@@ -13528,9 +13855,9 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
     return new Intl.DateTimeFormat(language, { day: "numeric", month: "short", year: "numeric" }).format(new Date(iso));
   };
   const size2 = (bytes) => bytes < 1024 ? `${bytes} B` : bytes < 1048576 ? `${(bytes / 1024).toFixed(0)} KB` : `${(bytes / 1048576).toFixed(1)} MB`;
-  const failed = (retry) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs-note", children: [
+  const failed = (retry) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-note", children: [
     t.failed,
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", onClick: retry, children: t.retry })
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", onClick: retry, children: t.retry })
   ] });
   const { ask, dialog } = useUnsaved(guard, t);
   const side2 = (which, open2) => {
@@ -13567,6 +13894,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
     if (id === versionId) return;
     ask(() => {
       setRestoring("idle");
+      setComparing(false);
       setVersion({ documentId: here.documentId, id });
     });
   };
@@ -13648,8 +13976,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       setSending("failed");
     }
   };
-  let stage = /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs-empty", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.FileText, { "aria-hidden": true }),
+  let stage = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-empty", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.FileText, { "aria-hidden": true }),
     t.pick
   ] });
   if (here.documentId) {
@@ -13657,8 +13985,9 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       doc.retry();
       content.retry();
     });
-    else if (!doc.data || !content.data) stage = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w100n-docs-empty", children: t.loading });
-    else if (doc.data.kind === "markdown" || doc.data.kind === "docx") stage = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react16.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    else if (!doc.data || !content.data) stage = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w100n-docs-empty", children: t.loading });
+    else if (comparing && versionId && (doc.data.kind === "markdown" || doc.data.kind === "docx")) stage = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react16.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Compare2, { host, documentId: doc.data.id, kind: doc.data.kind, older: content.data, t }, versionId) });
+    else if (doc.data.kind === "markdown" || doc.data.kind === "docx") stage = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react16.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       TextEditor3,
       {
         kind: doc.data.kind,
@@ -13693,7 +14022,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       },
       doc.data.id
     ) });
-    else if (doc.data.kind === "pdf") stage = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    else if (doc.data.kind === "pdf") stage = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       PdfView,
       {
         bytes: content.data,
@@ -13715,7 +14044,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       },
       `${doc.data.id}:${versionId ?? ""}`
     );
-    else if (doc.data.kind === "slides") stage = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    else if (doc.data.kind === "slides") stage = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       SlidesView,
       {
         html: new TextDecoder().decode(content.data),
@@ -13734,7 +14063,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       },
       doc.data.id
     );
-    else if (doc.data.kind === "sheet") stage = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react16.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    else if (doc.data.kind === "sheet") stage = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react16.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       SheetView3,
       {
         bytes: content.data,
@@ -13761,7 +14090,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       },
       `${doc.data.id}:${versionId ?? ""}`
     ) });
-    else stage = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w100n-docs-empty", children: t.unsupported });
+    else stage = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w100n-docs-empty", children: t.unsupported });
   }
   const Kind = doc.data ? icons3[doc.data.kind] : import_lucide_react10.FileText;
   const top = Math.min(...outline2.map((h) => h.level));
@@ -13772,8 +14101,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
   }, []);
   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 words2 = hunt.toLocaleLowerCase().split(/\s+/).filter(Boolean);
-  const hit = (h) => words2.every((w) => h.text.toLocaleLowerCase().includes(w));
+  const words3 = hunt.toLocaleLowerCase().split(/\s+/).filter(Boolean);
+  const hit = (h) => words3.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", import_lucide_react10.ListTree, t.outline], ["versions", import_lucide_react10.History, t.versions], ["details", import_lucide_react10.Info, t.details]];
@@ -13781,7 +14110,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
   if (text && host.comments && !versionId) panelTabs.push(["comments", import_lucide_react10.MessagesSquare, t.comments]);
   const sharing = !!host.links && !!doc.data?.rights.edit && !versionId;
   if (sharing) panelTabs.push(["sharing", import_lucide_react10.Share2, t.sharing]);
-  const listToggle = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  const listToggle = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "button",
     {
       ref: listButton,
@@ -13791,10 +14120,10 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       onClick: () => side2("list", !listOpen),
       "aria-label": listOpen ? t.closeList : t.openList,
       title: listOpen ? t.closeList : t.openList,
-      children: listOpen ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.PanelLeftClose, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.PanelLeftOpen, { "aria-hidden": true })
+      children: listOpen ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.PanelLeftClose, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.PanelLeftOpen, { "aria-hidden": true })
     }
   );
-  const panelToggle = doc.data && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  const panelToggle = doc.data && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "button",
     {
       ref: panelButton,
@@ -13804,16 +14133,16 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       onClick: () => side2("panel", !panelOpen),
       "aria-label": panelOpen ? t.closePanel : t.openPanel,
       title: panelOpen ? t.closePanel : t.openPanel,
-      children: panelOpen ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.PanelRightClose, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.PanelRightOpen, { "aria-hidden": true })
+      children: panelOpen ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.PanelRightClose, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.PanelRightOpen, { "aria-hidden": true })
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs", "data-theme": theme, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("header", { className: "w100n-docs-bar", children: [
-      start && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-start w100n-docs-slot", children: slot(start) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs", "data-theme": theme, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("header", { className: "w100n-docs-bar", children: [
+      start && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-start w100n-docs-slot", children: slot(start) }),
       narrow && listToggle,
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-tile", "data-kind": doc.data?.kind, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Kind, { "aria-hidden": true }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs-heading", children: [
-        renaming !== null && doc.data ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-tile", "data-kind": doc.data?.kind, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Kind, { "aria-hidden": true }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-heading", children: [
+        renaming !== null && doc.data ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "input",
           {
             className: "w100n-docs-title w100n-docs-rename",
@@ -13831,7 +14160,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
               }
             }
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "strong",
           {
             className: "w100n-docs-title",
@@ -13840,205 +14169,209 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
             children: doc.data?.name ?? t.documents
           }
         ),
-        docbar ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { ref: setMenusAt, className: "w100n-docs-menus" }) : crumbs.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-crumbs", children: crumbs.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { children: [
-          i > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.ChevronRight, { "aria-hidden": true }),
+        docbar ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref: setMenusAt, className: "w100n-docs-menus" }) : crumbs.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-crumbs", children: crumbs.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
+          i > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.ChevronRight, { "aria-hidden": true }),
           item
-        ] }, i)) }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-hint", children: t.hint })
+        ] }, i)) }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-hint", children: t.hint })
+      ] }),
+      versionId && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-badge", children: versions.data?.find((v) => v.id === versionId) && date(versions.data.find((v) => v.id === versionId).createdAt) }),
+      versionId && text && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", "aria-pressed": comparing, onClick: () => setComparing(!comparing), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.FileDiff, { "aria-hidden": true }),
+        comparing ? t.hideChanges : t.showChanges
       ] }),
-      versionId && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("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__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: restoring === "busy", onClick: () => void restore(here.documentId, versionId), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.RotateCcw, { "aria-hidden": true }),
+      versionId && here.documentId && host.restore && doc.data?.rights.edit && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: restoring === "busy", onClick: () => void restore(here.documentId, versionId), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.RotateCcw, { "aria-hidden": true }),
         t.restore
       ] }),
-      restoring === "failed" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-muted", children: t.restoreFailed }),
-      doc.data?.convert && host.copyAs && !versionId && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "green", disabled: copying === "busy", onClick: () => void copyAs(doc.data), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.FileSpreadsheet, { "aria-hidden": true }),
+      restoring === "failed" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-muted", children: t.restoreFailed }),
+      doc.data?.convert && host.copyAs && !versionId && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "green", disabled: copying === "busy", onClick: () => void copyAs(doc.data), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.FileSpreadsheet, { "aria-hidden": true }),
         t.copyAs
       ] }),
-      copying === "failed" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-muted", children: t.copyFailed }),
-      renamed2 === "failed" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-muted", children: t.renameFailed }),
-      docbar && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { ref: setStatusAt, className: "w100n-docs-status" }),
-      sharing && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", className: "w100n-docs-action", "aria-label": t.share, title: t.share, onClick: () => {
+      copying === "failed" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-muted", children: t.copyFailed }),
+      renamed2 === "failed" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-muted", children: t.renameFailed }),
+      docbar && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { ref: setStatusAt, className: "w100n-docs-status" }),
+      sharing && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", className: "w100n-docs-action", "aria-label": t.share, title: t.share, onClick: () => {
         setTab("sharing");
         side2("panel", true);
       }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.Share2, { "aria-hidden": true }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: t.share })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.Share2, { "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: t.share })
       ] }),
       doc.data && !versionId && actions?.(doc.data),
       narrow && panelToggle,
-      end && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w100n-docs-end w100n-docs-slot", children: slot(end) })
+      end && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w100n-docs-end w100n-docs-slot", children: slot(end) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { ref: body, className: "w100n-docs-body", children: [
-      listOpen && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("aside", { className: "w100n-docs-side w100n-docs-list", "aria-label": t.documents, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs-head", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "w100n-docs-caption", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.Files, { "aria-hidden": true }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { ref: body, className: "w100n-docs-body", children: [
+      listOpen && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("aside", { className: "w100n-docs-side w100n-docs-list", "aria-label": t.documents, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-head", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { className: "w100n-docs-caption", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.Files, { "aria-hidden": true }),
               t.documents,
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: all.length })
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: all.length })
             ] }),
-            host.create && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs-new", onKeyDown: (e) => {
+            host.create && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-new", onKeyDown: (e) => {
               if (e.key === "Escape" && adding) {
                 e.stopPropagation();
                 setAdding(false);
               }
             }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", className: "w100n-docs-action", "aria-haspopup": "menu", "aria-expanded": adding, disabled: sending === "busy", onClick: () => setAdding(!adding), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.Plus, { "aria-hidden": true }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: sending === "busy" ? t.uploading : t.create }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.ChevronDown, { "aria-hidden": true })
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", className: "w100n-docs-action", "aria-haspopup": "menu", "aria-expanded": adding, disabled: sending === "busy", onClick: () => setAdding(!adding), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.Plus, { "aria-hidden": true }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: sending === "busy" ? t.uploading : t.create }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.ChevronDown, { "aria-hidden": true })
               ] }),
-              adding && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { role: "menu", className: "w100n-docs-menu", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+              adding && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { role: "menu", className: "w100n-docs-menu", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
                   setAdding(false);
                   setMaking(true);
                 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-all", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.FilePlus, { "aria-hidden": true }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("b", { children: t.newTitle })
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-all", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.FilePlus, { "aria-hidden": true }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("b", { children: t.newTitle })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
                   setAdding(false);
                   upload.current.click();
                 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-all", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.Upload, { "aria-hidden": true }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("b", { children: t.uploadFile })
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-all", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.Upload, { "aria-hidden": true }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("b", { children: t.uploadFile })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("input", { ref: upload, type: "file", hidden: true, "aria-label": t.uploadFile, accept: ".docx,.md,.markdown,.pdf,.xlsx,.csv,.html,.htm", onChange: (e) => {
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("input", { ref: upload, type: "file", hidden: true, "aria-label": t.uploadFile, accept: ".docx,.md,.markdown,.pdf,.xlsx,.csv,.html,.htm", onChange: (e) => {
                 const file = e.target.files?.[0];
                 e.target.value = "";
                 if (file) void send(file);
               } })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { ref: listClose, type: "button", className: "w100n-docs-close", onClick: () => side2("list", false), "aria-label": t.closeList, title: t.closeList, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.X, { "aria-hidden": true }) })
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { ref: listClose, type: "button", className: "w100n-docs-close", onClick: () => side2("list", false), "aria-label": t.closeList, title: t.closeList, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.X, { "aria-hidden": true }) })
           ] }),
-          (spaces.data?.length ?? 0) > 1 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs-picker", onKeyDown: (e) => {
+          (spaces.data?.length ?? 0) > 1 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-picker", onKeyDown: (e) => {
             if (e.key !== "Escape" || !picking) return;
             e.stopPropagation();
             setPicking(false);
             e.currentTarget.querySelector("button").focus();
           }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", className: "w100n-docs-field", "aria-haspopup": "listbox", "aria-expanded": picking, onClick: () => setPicking(!picking), children: [
-              space ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-dot", style: { background: space.color ?? void 0 } }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-all", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.LayoutGrid, { "aria-hidden": true }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("b", { children: space?.name ?? t.allProjects }),
-              !space && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-count", children: all.length }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.ChevronDown, { "aria-hidden": true })
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", className: "w100n-docs-field", "aria-haspopup": "listbox", "aria-expanded": picking, onClick: () => setPicking(!picking), children: [
+              space ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-dot", style: { background: space.color ?? void 0 } }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-all", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.LayoutGrid, { "aria-hidden": true }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("b", { children: space?.name ?? t.allProjects }),
+              !space && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-count", children: all.length }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.ChevronDown, { "aria-hidden": true })
             ] }),
-            picking && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { role: "listbox", className: "w100n-docs-menu", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", role: "option", "aria-selected": !spaceId, onClick: () => pick(null), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-all", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.LayoutGrid, { "aria-hidden": true }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("b", { children: t.allProjects }),
-                !spaceId && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.Check, { "aria-hidden": true })
+            picking && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { role: "listbox", className: "w100n-docs-menu", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", role: "option", "aria-selected": !spaceId, onClick: () => pick(null), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-all", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.LayoutGrid, { "aria-hidden": true }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("b", { children: t.allProjects }),
+                !spaceId && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.Check, { "aria-hidden": true })
               ] }),
-              groups2.map((group) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { role: "group", "aria-label": group || void 0, children: [
-                group && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "w100n-docs-menu-caption", children: group }),
-                (spaces.data ?? []).filter((item) => (item.group ?? "") === group).map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", role: "option", "aria-selected": item.id === spaceId, onClick: () => pick(item.id), children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-dot", style: { background: item.color ?? void 0 } }),
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("b", { children: item.name }),
-                  !spaceId && counts.get(item.id) ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-count", children: counts.get(item.id) }) : null,
-                  item.id === spaceId && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.Check, { "aria-hidden": true })
+              groups2.map((group) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { role: "group", "aria-label": group || void 0, children: [
+                group && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "w100n-docs-menu-caption", children: group }),
+                (spaces.data ?? []).filter((item) => (item.group ?? "") === group).map((item) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", role: "option", "aria-selected": item.id === spaceId, onClick: () => pick(item.id), children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-dot", style: { background: item.color ?? void 0 } }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("b", { children: item.name }),
+                  !spaceId && counts.get(item.id) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-count", children: counts.get(item.id) }) : null,
+                  item.id === spaceId && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.Check, { "aria-hidden": true })
                 ] }, item.id))
               ] }, group))
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs-filters", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "w100n-docs-field w100n-docs-search", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.Search, { "aria-hidden": true }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("input", { value: query, onChange: (event) => setQuery(event.target.value), placeholder: t.search, "aria-label": t.search })
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-filters", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { className: "w100n-docs-field w100n-docs-search", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.Search, { "aria-hidden": true }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("input", { value: query, onChange: (event) => setQuery(event.target.value), placeholder: t.search, "aria-label": t.search })
             ] }),
-            present.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs-types", onKeyDown: (e) => {
+            present.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-types", onKeyDown: (e) => {
               if (e.key !== "Escape" || !typing) return;
               e.stopPropagation();
               setTyping(false);
               e.currentTarget.querySelector("button").focus();
             }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", className: "w100n-docs-field", "aria-haspopup": "listbox", "aria-expanded": typing, "data-on": picked.length > 0, onClick: () => setTyping(!typing), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.ListFilter, { "aria-hidden": true }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("b", { children: t.typeFilter }),
-                picked.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-badge", children: picked.length }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.ChevronDown, { "aria-hidden": true })
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", className: "w100n-docs-field", "aria-haspopup": "listbox", "aria-expanded": typing, "data-on": picked.length > 0, onClick: () => setTyping(!typing), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.ListFilter, { "aria-hidden": true }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("b", { children: t.typeFilter }),
+                picked.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-badge", children: picked.length }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.ChevronDown, { "aria-hidden": true })
               ] }),
-              typing && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { role: "listbox", "aria-multiselectable": true, "aria-label": t.kind, className: "w100n-docs-menu", children: [
+              typing && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { role: "listbox", "aria-multiselectable": true, "aria-label": t.kind, className: "w100n-docs-menu", children: [
                 present.map((item) => {
                   const Icon = icons3[item];
                   const on2 = picked.includes(item);
-                  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", role: "option", "aria-selected": on2, onClick: () => setPicked(on2 ? picked.filter((k) => k !== item) : [...picked, item]), children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-box", children: on2 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.Check, { "aria-hidden": true }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-tile", "data-kind": item, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { "aria-hidden": true }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("b", { children: t.kinds[item] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-count", children: all.filter((doc2) => doc2.kind === item).length })
+                  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", role: "option", "aria-selected": on2, onClick: () => setPicked(on2 ? picked.filter((k) => k !== item) : [...picked, item]), children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-box", children: on2 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.Check, { "aria-hidden": true }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-tile", "data-kind": item, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { "aria-hidden": true }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("b", { children: t.kinds[item] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-count", children: all.filter((doc2) => doc2.kind === item).length })
                   ] }, item);
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs-menu-foot", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", onClick: () => setPicked(present), children: t.selectAll }),
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", onClick: () => setPicked([]), children: t.clearPick })
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-menu-foot", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", onClick: () => setPicked(present), children: t.selectAll }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", onClick: () => setPicked([]), children: t.clearPick })
                 ] })
               ] })
             ] })
           ] }),
-          picked.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w100n-docs-chips", role: "group", "aria-label": t.kind, children: picked.map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", "aria-pressed": true, "aria-label": `${t.clearPick}: ${t.kinds[item]}`, onClick: () => setPicked(picked.filter((k) => k !== item)), children: [
+          picked.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w100n-docs-chips", role: "group", "aria-label": t.kind, children: picked.map((item) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", "aria-pressed": true, "aria-label": `${t.clearPick}: ${t.kinds[item]}`, onClick: () => setPicked(picked.filter((k) => k !== item)), children: [
             t.kinds[item],
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.X, { "aria-hidden": true })
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.X, { "aria-hidden": true })
           ] }, item)) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs-cards", children: [
-          sending === "failed" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.uploadFailed }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-cards", children: [
+          sending === "failed" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.uploadFailed }),
           list.error && failed(list.retry),
-          list.loading && !list.data && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "w100n-docs-muted", children: t.loading }),
-          list.data && !shown.length && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "w100n-docs-muted", children: all.length ? t.nothing : t.empty }),
-          folders.map((folder2) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs-folder", role: "group", "aria-label": folder2 || t.loose, children: [
-            folders.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "w100n-docs-group", children: folder2 || t.loose }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w100n-docs-grid", children: shown.filter((item) => !spaceId || (item.folder ?? "") === folder2).map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", className: "w100n-docs-card", "aria-current": item.id === here.documentId, onClick: () => open(item), title: item.name, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Thumb, { host, item, label: t.kinds[item.kind] }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "w100n-docs-card-text", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("b", { children: item.name }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("small", { children: [!spaceId && names2.get(item.spaceId), ago(item.updatedAt)].filter(Boolean).join(" \xB7 ") })
+          list.loading && !list.data && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "w100n-docs-muted", children: t.loading }),
+          list.data && !shown.length && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "w100n-docs-muted", children: all.length ? t.nothing : t.empty }),
+          folders.map((folder2) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-folder", role: "group", "aria-label": folder2 || t.loose, children: [
+            folders.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "w100n-docs-group", children: folder2 || t.loose }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w100n-docs-grid", children: shown.filter((item) => !spaceId || (item.folder ?? "") === folder2).map((item) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", className: "w100n-docs-card", "aria-current": item.id === here.documentId, onClick: () => open(item), title: item.name, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Thumb, { host, item, label: t.kinds[item.kind] }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "w100n-docs-card-text", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("b", { children: item.name }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("small", { children: [!spaceId && names2.get(item.spaceId), ago(item.updatedAt)].filter(Boolean).join(" \xB7 ") })
               ] })
             ] }, item.id)) })
           ] }, folder2))
         ] })
       ] }),
       !narrow && !listOpen && listToggle,
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("main", { className: "w100n-docs-stage", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("main", { className: "w100n-docs-stage", children: [
         !narrow && !panelOpen && panelToggle,
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w100n-docs-bare", children: stage })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w100n-docs-bare", children: stage })
       ] }),
-      doc.data && panelOpen && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("aside", { ref: panel, className: "w100n-docs-side w100n-docs-panel", "aria-label": t.details, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w100n-docs-head", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w100n-docs-tabs", role: "tablist", "aria-label": t.details, "data-compact": panelTabs.length > 3, onKeyDown: rove, children: panelTabs.map(([key2, Icon, label]) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", role: "tab", "aria-selected": tab === key2, tabIndex: tab === key2 ? 0 : -1, "aria-label": label, title: label, onClick: () => setTab(key2), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { "aria-hidden": true }),
-            (panelTabs.length < 4 || tab === key2 && panelTabs.length < 5) && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: label })
+      doc.data && panelOpen && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("aside", { ref: panel, className: "w100n-docs-side w100n-docs-panel", "aria-label": t.details, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w100n-docs-head", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w100n-docs-tabs", role: "tablist", "aria-label": t.details, "data-compact": panelTabs.length > 3, onKeyDown: rove, children: panelTabs.map(([key2, Icon, label]) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", role: "tab", "aria-selected": tab === key2, tabIndex: tab === key2 ? 0 : -1, "aria-label": label, title: label, onClick: () => setTab(key2), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { "aria-hidden": true }),
+            (panelTabs.length < 4 || tab === key2 && panelTabs.length < 5) && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: label })
           ] }, key2)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", className: "w100n-docs-close", onClick: () => side2("panel", false), "aria-label": t.closePanel, title: t.closePanel, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.X, { "aria-hidden": true }) })
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", className: "w100n-docs-close", onClick: () => side2("panel", false), "aria-label": t.closePanel, title: t.closePanel, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.X, { "aria-hidden": true }) })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs-panel-body", role: "tabpanel", "aria-label": panelTabs.find(([key2]) => key2 === tab)?.[2], children: [
-          tab === "outline" && (outline2.length ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("nav", { className: "w100n-docs-outline", "aria-label": t.outline, children: [
-            now && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs-reading", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("i", { style: { width: `${Math.round(now.progress * 100)}%` } }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("small", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-panel-body", role: "tabpanel", "aria-label": panelTabs.find(([key2]) => key2 === tab)?.[2], children: [
+          tab === "outline" && (outline2.length ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("nav", { className: "w100n-docs-outline", "aria-label": t.outline, children: [
+            now && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-reading", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", { style: { width: `${Math.round(now.progress * 100)}%` } }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("small", { children: [
                 Math.round(now.progress * 100),
                 "% ",
                 t.read
               ] })
             ] }),
-            outline2.length > 8 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "w100n-docs-field w100n-docs-search", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.Search, { "aria-hidden": true }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("input", { value: hunt, onChange: (e) => setHunt(e.target.value), placeholder: t.findHeading, "aria-label": t.findHeading })
+            outline2.length > 8 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { className: "w100n-docs-field w100n-docs-search", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.Search, { "aria-hidden": true }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("input", { value: hunt, onChange: (e) => setHunt(e.target.value), placeholder: t.findHeading, "aria-label": t.findHeading })
             ] }),
             chapters.map((c, i) => {
-              const subs = words2.length ? c.subs.filter(hit) : c.subs;
-              if (words2.length && !hit(c.head) && !subs.length) return null;
-              const opened3 = words2.length > 0 || (fold[c.head.id] ?? i === reached);
+              const subs = words3.length ? c.subs.filter(hit) : c.subs;
+              if (words3.length && !hit(c.head) && !subs.length) return null;
+              const opened3 = words3.length > 0 || (fold[c.head.id] ?? i === reached);
               const named3 = /^(\d+)[.)]?\s+(.+)$/.exec(c.head.text);
               const mark = c.subs.findIndex((s) => s.id === now?.id);
-              return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs-chapter", "data-state": reached < 0 ? void 0 : i < reached ? "done" : i === reached ? "now" : void 0, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs-chapter-row", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", className: "w100n-docs-chapter-go", "aria-label": c.head.text, "aria-current": now?.id === c.head.id ? "location" : void 0, onClick: () => reach(c.head), children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-chapter-num", children: named3 ? named3[1] : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.Bookmark, { "aria-hidden": true }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("b", { children: named3 ? named3[2] : c.head.text })
+              return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-chapter", "data-state": reached < 0 ? void 0 : i < reached ? "done" : i === reached ? "now" : void 0, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-chapter-row", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", className: "w100n-docs-chapter-go", "aria-label": c.head.text, "aria-current": now?.id === c.head.id ? "location" : void 0, onClick: () => reach(c.head), children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-chapter-num", children: named3 ? named3[1] : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.Bookmark, { "aria-hidden": true }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("b", { children: named3 ? named3[2] : c.head.text })
                   ] }),
-                  c.subs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                  c.subs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -14048,13 +14381,13 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
                       title: opened3 ? t.hideSections : t.showSections,
                       onClick: () => setFold({ ...fold, [c.head.id]: !opened3 }),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("small", { children: c.subs.length }),
-                        opened3 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.ChevronDown, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.ChevronRight, { "aria-hidden": true })
+                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("small", { children: c.subs.length }),
+                        opened3 ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.ChevronDown, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.ChevronRight, { "aria-hidden": true })
                       ]
                     }
                   )
                 ] }),
-                opened3 && subs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w100n-docs-sections", children: subs.map((s) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                opened3 && subs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w100n-docs-sections", children: subs.map((s) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
                   "button",
                   {
                     type: "button",
@@ -14063,7 +14396,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
                     "data-state": i < reached || i === reached && c.subs.indexOf(s) < mark ? "done" : void 0,
                     "aria-current": now?.id === s.id ? "location" : void 0,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("i", { "aria-hidden": true }),
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", { "aria-hidden": true }),
                       s.text
                     ]
                   },
@@ -14071,46 +14404,46 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
                 )) })
               ] }, c.head.id);
             })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "w100n-docs-muted", children: t.noOutline })),
-          tab === "versions" && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs-versions", children: [
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "w100n-docs-muted", children: t.noOutline })),
+          tab === "versions" && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-versions", children: [
             versions.error && failed(versions.retry),
-            (versions.data ?? []).map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+            (versions.data ?? []).map((item) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
               "button",
               {
                 type: "button",
                 "aria-pressed": (versionId ?? "current") === item.id || !versionId && item.current,
                 onClick: () => view(item.current ? null : item.id),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("b", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("b", { children: [
                     date(item.createdAt),
-                    item.current && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-badge", children: t.current })
+                    item.current && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-badge", children: t.current })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("small", { children: [item.author?.name, size2(item.size), item.note].filter(Boolean).join(" \xB7 ") })
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("small", { children: [item.author?.name, size2(item.size), item.note].filter(Boolean).join(" \xB7 ") })
                 ]
               },
               item.id
             ))
           ] }),
-          tab === "details" && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("dl", { className: "w100n-docs-details", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dt", { children: t.kind }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dd", { children: t.kinds[doc.data.kind] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dt", { children: t.size }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dd", { children: size2(doc.data.size) }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dt", { children: t.updated }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dd", { children: date(doc.data.updatedAt) }),
-            doc.data.updatedBy && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dt", { children: t.by }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dd", { children: doc.data.updatedBy.name })
+          tab === "details" && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("dl", { className: "w100n-docs-details", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { children: t.kind }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { children: t.kinds[doc.data.kind] }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { children: t.size }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { children: size2(doc.data.size) }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { children: t.updated }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { children: date(doc.data.updatedAt) }),
+            doc.data.updatedBy && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { children: t.by }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { children: doc.data.updatedBy.name })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dt", { children: t.rights }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dd", { children: [doc.data.rights.view && t.view, doc.data.rights.comment && t.comment, doc.data.rights.edit && t.edit].filter(Boolean).join(", ") })
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { children: t.rights }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { children: [doc.data.rights.view && t.view, doc.data.rights.comment && t.comment, doc.data.rights.edit && t.edit].filter(Boolean).join(", ") })
           ] }),
-          tab === "details" && host.exportAs && !!doc.data.exports?.length && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs-about", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "w100n-docs-caption", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.FileDown, { "aria-hidden": true }),
+          tab === "details" && host.exportAs && !!doc.data.exports?.length && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-about", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { className: "w100n-docs-caption", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.FileDown, { "aria-hidden": true }),
               t.exportAs
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w100n-docs-chips", children: doc.data.exports.map((format) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w100n-docs-chips", children: doc.data.exports.map((format) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
               "button",
               {
                 type: "button",
@@ -14118,22 +14451,22 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
                 disabled: exporting === "busy",
                 onClick: () => void exportAs(doc.data, format),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.FileDown, { "aria-hidden": true }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.FileDown, { "aria-hidden": true }),
                   format.toUpperCase()
                 ]
               },
               format
             )) }),
-            exporting === "failed" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "w100n-docs-muted", children: t.exportFailed })
+            exporting === "failed" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "w100n-docs-muted", children: t.exportFailed })
           ] }),
-          tab === "comments" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { ref: setBox }),
-          tab === "sharing" && sharing && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Sharing, { host, doc: doc.data, t, language, team: names2.get(doc.data.spaceId) }),
-          tab === "signatures" && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs-versions", children: [
+          tab === "comments" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref: setBox }),
+          tab === "sharing" && sharing && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Sharing, { host, doc: doc.data, t, language, team: names2.get(doc.data.spaceId) }),
+          tab === "signatures" && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-versions", children: [
             signatures.error && failed(signatures.retry),
-            signatures.data?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "w100n-docs-muted", children: t.noSignatures }),
+            signatures.data?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "w100n-docs-muted", children: t.noSignatures }),
             (signatures.data ?? []).map((entry2) => {
               const signed = versions.data?.find((v) => v.id === entry2.versionId);
-              return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -14141,15 +14474,15 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
                   "aria-pressed": !!signed && (versionId ?? versions.data?.find((v) => v.current)?.id) === signed.id,
                   onClick: () => view(signed.current ? null : signed.id),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("b", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("b", { children: [
                       entry2.signer.name,
-                      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "w100n-docs-badge", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "w100n-docs-badge", children: [
                         t.page,
                         " ",
                         entry2.page
                       ] })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("small", { children: [date(entry2.signedAt), t.methods[entry2.method], signed && (signed.current ? t.current : `${t.version} ${date(signed.createdAt)}`)].filter(Boolean).join(" \xB7 ") })
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("small", { children: [date(entry2.signedAt), t.methods[entry2.method], signed && (signed.current ? t.current : `${t.version} ${date(signed.createdAt)}`)].filter(Boolean).join(" \xB7 ") })
                   ]
                 },
                 entry2.id
@@ -14160,7 +14493,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
         ] })
       ] })
     ] }),
-    making && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(NewDocument, { host, t, onClose: () => setMaking(false), onMade: (made2) => {
+    making && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(NewDocument, { host, t, onClose: () => setMaking(false), onMade: (made2) => {
       setMaking(false);
       opened2(made2);
     } }),
@@ -14173,7 +14506,7 @@ var import_react17 = require("react");
 var import_lucide_react11 = require("lucide-react");
 init_text();
 init_useLoad();
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var TextEditor4 = (0, import_react17.lazy)(() => Promise.resolve().then(() => (init_TextEditor(), TextEditor_exports)));
 var SheetView4 = (0, import_react17.lazy)(() => Promise.resolve().then(() => (init_SheetView(), SheetView_exports)));
 var icons4 = { docx: import_lucide_react11.FileText, markdown: import_lucide_react11.FileType, pdf: import_lucide_react11.Files, sheet: import_lucide_react11.FileSpreadsheet, slides: import_lucide_react11.Presentation };
@@ -14208,7 +14541,7 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
   const [slot, setSlot] = (0, import_react17.useState)(null);
   const [saving, setSaving] = (0, import_react17.useState)("idle");
   const opened2 = useLoad((signal) => host.open(ask, { signal }), [host, ask]);
-  const [notes2] = (0, import_react17.useState)(() => ({
+  const [notes3] = (0, import_react17.useState)(() => ({
     me: { id: "", name: "" },
     spaces: async () => [],
     documents: async () => [],
@@ -14235,17 +14568,17 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
   const top = (file2, badge) => {
     const kind2 = file2 ? kindOf(file2.name, file2.mimeType) : null;
     const Kind = kind2 ? icons4[kind2] : import_lucide_react11.FileText;
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("header", { className: "w100n-docs-bar w100n-guest-bar", children: [
-      brand && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-guest-brand", children: brand }),
-      file2 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-tile", "data-kind": kind2, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Kind, { "aria-hidden": true }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-heading", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("strong", { className: "w100n-docs-title", children: file2.name }),
-          file2.sharedBy && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-crumbs", children: t.sharedBy.replace("{name}", file2.sharedBy) })
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("header", { className: "w100n-docs-bar w100n-guest-bar", children: [
+      brand && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "w100n-guest-brand", children: brand }),
+      file2 && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "w100n-docs-tile", "data-kind": kind2, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Kind, { "aria-hidden": true }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-docs-heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("strong", { className: "w100n-docs-title", children: file2.name }),
+          file2.sharedBy && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "w100n-docs-crumbs", children: t.sharedBy.replace("{name}", file2.sharedBy) })
         ] }),
-        badge && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-docs-badge", "data-kind": kind2, children: badge }),
-        file2.download && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-end", children: [
-          (kind2 === "docx" || kind2 === "markdown" || kind2 === "sheet" || kind2 === "slides") && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+        badge && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "w100n-docs-badge", "data-kind": kind2, children: badge }),
+        file2.download && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-docs-end", children: [
+          (kind2 === "docx" || kind2 === "markdown" || kind2 === "sheet" || kind2 === "slides") && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
             "button",
             {
               type: "button",
@@ -14256,25 +14589,25 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
               "aria-label": t.pdfCopy,
               title: t.pdfCopy,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.FileDown, { "aria-hidden": true }),
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: t.pdfCopy })
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react11.FileDown, { "aria-hidden": true }),
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: t.pdfCopy })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", disabled: saving === "busy", onClick: () => void download("file"), "aria-label": t.download, title: t.download, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.Download, { "aria-hidden": true }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: t.download })
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", disabled: saving === "busy", onClick: () => void download("file"), "aria-label": t.download, title: t.download, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react11.Download, { "aria-hidden": true }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: t.download })
           ] })
         ] })
       ] })
     ] });
   };
-  const gate = (tone, Icon, title, body, form) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+  const gate = (tone, Icon, title, body, form) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(null, null),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w100n-guest-gate", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-guest-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "w100n-share-tile", "data-tone": tone, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { "aria-hidden": true }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h2", { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { children: body }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w100n-guest-gate", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-guest-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "w100n-share-tile", "data-tone": tone, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { "aria-hidden": true }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h2", { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { children: body }),
       form
     ] }) })
   ] });
@@ -14290,7 +14623,7 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
         password ? import_lucide_react11.Lock : import_lucide_react11.UserRound,
         refused.file || t.documents,
         shared + (password ? t.passwordAsk : t.nameAsk),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("form", { className: "w100n-guest-form", onSubmit: (e) => {
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("form", { className: "w100n-guest-form", onSubmit: (e) => {
           e.preventDefault();
           if (!typed.trim()) return;
           if (password) setAsk({ ...ask, password: typed });
@@ -14300,7 +14633,7 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
           }
           setTyped("");
         }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "input",
             {
               className: "w100n-share-input",
@@ -14313,21 +14646,21 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
               onChange: (e) => setTyped(e.target.value)
             }
           ),
-          refused.reason === "wrong" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.wrongPassword }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { type: "submit", className: "w100n-docs-action", disabled: !typed.trim(), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react11.Eye, { "aria-hidden": true }),
+          refused.reason === "wrong" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.wrongPassword }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "submit", className: "w100n-docs-action", disabled: !typed.trim(), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react11.Eye, { "aria-hidden": true }),
             t.openDoc
           ] })
         ] })
       );
     }
     if (refused?.reason === "busy") return gate("slate", import_lucide_react11.Ban, t.failed, t.tooMany);
-    return gate("slate", import_lucide_react11.Ban, t.failed, "", /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", className: "w100n-docs-action", onClick: opened2.retry, children: t.retry }));
+    return gate("slate", import_lucide_react11.Ban, t.failed, "", /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", className: "w100n-docs-action", onClick: opened2.retry, children: t.retry }));
   }
   const file = opened2.data;
-  if (!file) return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+  if (!file) return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(null, null),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w100n-docs-empty", children: t.loading })
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w100n-docs-empty", children: t.loading })
   ] });
   const kind = kindOf(file.name, file.mimeType);
   const text = kind === "docx" || kind === "markdown";
@@ -14335,23 +14668,23 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
   const rights = { view: true, comment: talk, edit: false };
   const quiet3 = () => {
   };
-  let stage = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w100n-docs-empty", children: t.unsupported });
-  if (text) stage = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react17.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TextEditor4, { kind, bytes: file.bytes, t, language, rights, host: talk ? notes2 : void 0, documentId: file.id, onOutline: quiet3, slot: talk ? slot : null }) });
-  else if (kind === "pdf") stage = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PdfView, { bytes: file.bytes, t, language, worker: host.pdfWorker, rights, documentId: file.id, onOutline: quiet3 });
-  else if (kind === "slides") stage = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SlidesView, { html: new TextDecoder().decode(file.bytes), name: file.name, rights, language, theme, onOutline: quiet3 });
-  else if (kind === "sheet") stage = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react17.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SheetView4, { bytes: file.bytes, name: file.name, kind: /\.csv$/i.test(file.name) || file.mimeType === "text/csv" ? "csv" : "xlsx", rights, language, theme, documentId: file.id }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+  let stage = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w100n-docs-empty", children: t.unsupported });
+  if (text) stage = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react17.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TextEditor4, { kind, bytes: file.bytes, t, language, rights, host: talk ? notes3 : void 0, documentId: file.id, onOutline: quiet3, slot: talk ? slot : null }) });
+  else if (kind === "pdf") stage = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PdfView, { bytes: file.bytes, t, language, worker: host.pdfWorker, rights, documentId: file.id, onOutline: quiet3 });
+  else if (kind === "slides") stage = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SlidesView, { html: new TextDecoder().decode(file.bytes), name: file.name, rights, language, theme, onOutline: quiet3 });
+  else if (kind === "sheet") stage = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react17.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SheetView4, { bytes: file.bytes, name: file.name, kind: /\.csv$/i.test(file.name) || file.mimeType === "text/csv" ? "csv" : "xlsx", rights, language, theme, documentId: file.id }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(file, talk ? t.badgeComment : t.badgeRead),
-    saving === "failed" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "w100n-docs-muted w100n-guest-note", role: "alert", children: t.exportFailed }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-body w100n-guest-body", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("main", { className: "w100n-docs-stage", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w100n-docs-bare", children: stage }) }),
-      talk && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("aside", { className: "w100n-docs-side w100n-docs-panel w100n-guest-panel", "aria-label": t.comments, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w100n-docs-panel-body", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { className: "w100n-share-field", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: t.yourName }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("input", { className: "w100n-share-input", value: name, autoComplete: "name", placeholder: t.yourName, onChange: (e) => typeName(e.target.value) })
+    saving === "failed" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "w100n-docs-muted w100n-guest-note", role: "alert", children: t.exportFailed }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-docs-body w100n-guest-body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("main", { className: "w100n-docs-stage", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w100n-docs-bare", children: stage }) }),
+      talk && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("aside", { className: "w100n-docs-side w100n-docs-panel w100n-guest-panel", "aria-label": t.comments, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-docs-panel-body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "w100n-share-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: t.yourName }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("input", { className: "w100n-share-input", value: name, autoComplete: "name", placeholder: t.yourName, onChange: (e) => typeName(e.target.value) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "w100n-docs-muted", children: name.trim() ? t.nameHint : t.nameNeeded }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref: setSlot })
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "w100n-docs-muted", children: name.trim() ? t.nameHint : t.nameNeeded }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { ref: setSlot })
       ] }) })
     ] })
   ] });