@w100n/documents 0.13.0 → 0.14.0

package/dist/index.cjs

@@ -81,6 +81,10 @@ var init_text = __esm({
       versions: "Versions",
       details: "Details",
       noOutline: "This document has no headings",
+      findHeading: "Find a heading",
+      read: "read",
+      showSections: "Show sections",
+      hideSections: "Hide sections",
       current: "Current",
       size: "Size",
       updated: "Updated",
@@ -128,6 +132,12 @@ var init_text = __esm({
       save: "Save",
       saving: "Saving",
       saved: "Saved",
+      align: "Align",
+      moreTools: "More tools",
+      fewerTools: "Fewer tools",
+      typeFilter: "Type",
+      selectAll: "Select all",
+      clearPick: "Clear",
       saveFailed: "Could not save",
       remove: "Remove",
       notePlaceholder: "Write a note",
@@ -237,6 +247,11 @@ var init_text = __esm({
       someone: "Someone",
       copyAs: "Make an XLSX copy",
       copyFailed: "Could not make the copy",
+      downloadAs: "Download as",
+      makeCopy: "Make a copy",
+      copyOf: "Copy of",
+      rename: "Rename",
+      renameFailed: "Could not rename",
       editComment: "Edit",
       delete: "Delete",
       deleteAsk: "Delete this comment?",
@@ -322,7 +337,52 @@ var init_text = __esm({
       untitled: "Untitled",
       kindHints: { docx: "Word, DOCX", markdown: "MD, same editor", sheet: "Excel, XLSX", slides: "HTML slides" },
       newKinds: { docx: "Document", markdown: "Markdown", sheet: "Spreadsheet", slides: "Presentation" },
-      templates: { blank: "Blank", letter: "Letter", contract: "Contract", notes: "Meeting notes", invoice: "Invoice", report: "Report" }
+      templates: { blank: "Blank", letter: "Letter", contract: "Contract", notes: "Meeting notes", invoice: "Invoice", report: "Report" },
+      menuFile: "File",
+      menuEdit: "Edit",
+      menuFormat: "Format",
+      menuTools: "Tools",
+      zoom: "Zoom",
+      font: "Font",
+      fontSize: "Font size",
+      defaultFont: "Default",
+      lineSpacing: "Line and paragraph spacing",
+      single: "Single",
+      double: "Double",
+      spaceAfter: "Add space after paragraph",
+      noSpaceAfter: "Remove space after paragraph",
+      superscript: "Superscript",
+      subscript: "Subscript",
+      painter: "Paint format",
+      painterHint: "Select text to paint, double click keeps it on, Esc stops",
+      pageSetup: "Page setup",
+      orientation: "Orientation",
+      portrait: "Portrait",
+      landscape: "Landscape",
+      marginsCm: "Margins, cm",
+      mTop: "Top",
+      mRight: "Right",
+      mBottom: "Bottom",
+      mLeft: "Left",
+      headerText: "Header",
+      footerText: "Footer",
+      pageNumbers: "Page numbers in the footer",
+      wrapInline: "In line with text",
+      wrapLeft: "Text wraps on the right",
+      wrapRight: "Text wraps on the left",
+      cellFill: "Cell fill",
+      tableBorders: "Table borders",
+      findReplace: "Find and replace",
+      replaceWith: "Replace with",
+      replaceOne: "Replace",
+      replaceAll: "Replace all",
+      matchCase: "Match case",
+      words: "Words",
+      print: "Print",
+      autosavedNote: "Autosaved",
+      uploadFile: "Upload a file",
+      uploading: "Uploading",
+      uploadFailed: "Could not upload the file"
     };
     pl2 = {
       documents: "Dokumenty",
@@ -339,6 +399,10 @@ var init_text = __esm({
       versions: "Wersje",
       details: "Szczeg\xF3\u0142y",
       noOutline: "Ten dokument nie ma nag\u0142\xF3wk\xF3w",
+      findHeading: "Znajd\u017A nag\u0142\xF3wek",
+      read: "przeczytano",
+      showSections: "Poka\u017C sekcje",
+      hideSections: "Ukryj sekcje",
       current: "Bie\u017C\u0105ca",
       size: "Rozmiar",
       updated: "Zmieniono",
@@ -386,6 +450,12 @@ var init_text = __esm({
       save: "Zapisz",
       saving: "Zapisywanie",
       saved: "Zapisano",
+      align: "Wyr\xF3wnanie",
+      moreTools: "Wi\u0119cej narz\u0119dzi",
+      fewerTools: "Mniej narz\u0119dzi",
+      typeFilter: "Typ",
+      selectAll: "Zaznacz wszystkie",
+      clearPick: "Wyczy\u015B\u0107",
       saveFailed: "Nie uda\u0142o si\u0119 zapisa\u0107",
       remove: "Usu\u0144",
       notePlaceholder: "Napisz notatk\u0119",
@@ -494,6 +564,11 @@ var init_text = __esm({
       removed: "Usuni\u0119to",
       someone: "Kto\u015B",
       copyAs: "Zr\xF3b kopi\u0119 XLSX",
+      downloadAs: "Pobierz jako",
+      makeCopy: "Utw\xF3rz kopi\u0119",
+      copyOf: "Kopia",
+      rename: "Zmie\u0144 nazw\u0119",
+      renameFailed: "Nie uda\u0142o si\u0119 zmieni\u0107 nazwy",
       copyFailed: "Nie uda\u0142o si\u0119 zrobi\u0107 kopii",
       editComment: "Edytuj",
       delete: "Usu\u0144",
@@ -580,7 +655,52 @@ var init_text = __esm({
       untitled: "Bez tytu\u0142u",
       kindHints: { docx: "Word, DOCX", markdown: "MD, ten sam edytor", sheet: "Excel, XLSX", slides: "Slajdy HTML" },
       newKinds: { docx: "Dokument", markdown: "Markdown", sheet: "Arkusz", slides: "Prezentacja" },
-      templates: { blank: "Pusty", letter: "List", contract: "Umowa", notes: "Notatki ze spotkania", invoice: "Faktura", report: "Raport" }
+      templates: { blank: "Pusty", letter: "List", contract: "Umowa", notes: "Notatki ze spotkania", invoice: "Faktura", report: "Raport" },
+      menuFile: "Plik",
+      menuEdit: "Edycja",
+      menuFormat: "Format",
+      menuTools: "Narz\u0119dzia",
+      zoom: "Powi\u0119kszenie",
+      font: "Czcionka",
+      fontSize: "Rozmiar czcionki",
+      defaultFont: "Domy\u015Blna",
+      lineSpacing: "Interlinia i odst\u0119py",
+      single: "Pojedyncza",
+      double: "Podw\xF3jna",
+      spaceAfter: "Dodaj odst\u0119p po akapicie",
+      noSpaceAfter: "Usu\u0144 odst\u0119p po akapicie",
+      superscript: "Indeks g\xF3rny",
+      subscript: "Indeks dolny",
+      painter: "Malarz format\xF3w",
+      painterHint: "Zaznacz tekst, dwuklik zostawia w\u0142\u0105czone, Esc ko\u0144czy",
+      pageSetup: "Ustawienia strony",
+      orientation: "Orientacja",
+      portrait: "Pionowa",
+      landscape: "Pozioma",
+      marginsCm: "Marginesy, cm",
+      mTop: "G\xF3rny",
+      mRight: "Prawy",
+      mBottom: "Dolny",
+      mLeft: "Lewy",
+      headerText: "Nag\u0142\xF3wek",
+      footerText: "Stopka",
+      pageNumbers: "Numery stron w stopce",
+      wrapInline: "W linii z tekstem",
+      wrapLeft: "Tekst op\u0142ywa z prawej",
+      wrapRight: "Tekst op\u0142ywa z lewej",
+      cellFill: "Wype\u0142nienie kom\xF3rki",
+      tableBorders: "Obramowanie tabeli",
+      findReplace: "Znajd\u017A i zamie\u0144",
+      replaceWith: "Zamie\u0144 na",
+      replaceOne: "Zamie\u0144",
+      replaceAll: "Zamie\u0144 wszystko",
+      matchCase: "Uwzgl\u0119dnij wielko\u015B\u0107 liter",
+      words: "S\u0142owa",
+      print: "Drukuj",
+      autosavedNote: "Zapisano automatycznie",
+      uploadFile: "Wgraj plik",
+      uploading: "Wysy\u0142anie",
+      uploadFailed: "Nie uda\u0142o si\u0119 wgra\u0107 pliku"
     };
     uk2 = {
       documents: "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0438",
@@ -597,6 +717,10 @@ var init_text = __esm({
       versions: "\u0412\u0435\u0440\u0441\u0456\u0457",
       details: "\u0414\u0435\u0442\u0430\u043B\u0456",
       noOutline: "\u0423 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0456 \u043D\u0435\u043C\u0430\u0454 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043A\u0456\u0432",
+      findHeading: "\u0417\u043D\u0430\u0439\u0442\u0438 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A",
+      read: "\u043F\u0440\u043E\u0447\u0438\u0442\u0430\u043D\u043E",
+      showSections: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u0438 \u0440\u043E\u0437\u0434\u0456\u043B\u0438",
+      hideSections: "\u0421\u0445\u043E\u0432\u0430\u0442\u0438 \u0440\u043E\u0437\u0434\u0456\u043B\u0438",
       current: "\u041F\u043E\u0442\u043E\u0447\u043D\u0430",
       size: "\u0420\u043E\u0437\u043C\u0456\u0440",
       updated: "\u0417\u043C\u0456\u043D\u0435\u043D\u043E",
@@ -644,6 +768,12 @@ var init_text = __esm({
       save: "\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438",
       saving: "\u0417\u0431\u0435\u0440\u0435\u0436\u0435\u043D\u043D\u044F",
       saved: "\u0417\u0431\u0435\u0440\u0435\u0436\u0435\u043D\u043E",
+      align: "\u0412\u0438\u0440\u0456\u0432\u043D\u044E\u0432\u0430\u043D\u043D\u044F",
+      moreTools: "\u0411\u0456\u043B\u044C\u0448\u0435 \u0456\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u0456\u0432",
+      fewerTools: "\u041C\u0435\u043D\u0448\u0435 \u0456\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u0456\u0432",
+      typeFilter: "\u0422\u0438\u043F",
+      selectAll: "\u0412\u0438\u0431\u0440\u0430\u0442\u0438 \u0432\u0441\u0456",
+      clearPick: "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u0438",
       saveFailed: "\u041D\u0435 \u0432\u0434\u0430\u043B\u043E\u0441\u044F \u0437\u0431\u0435\u0440\u0435\u0433\u0442\u0438",
       remove: "\u0412\u0438\u0434\u0430\u043B\u0438\u0442\u0438",
       notePlaceholder: "\u041D\u0430\u043F\u0438\u0448\u0456\u0442\u044C \u043D\u043E\u0442\u0430\u0442\u043A\u0443",
@@ -752,6 +882,11 @@ var init_text = __esm({
       removed: "\u0412\u0438\u0434\u0430\u043B\u0435\u043D\u043E",
       someone: "\u0425\u0442\u043E\u0441\u044C",
       copyAs: "\u0417\u0440\u043E\u0431\u0438\u0442\u0438 \u043A\u043E\u043F\u0456\u044E XLSX",
+      downloadAs: "\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0438\u0442\u0438 \u044F\u043A",
+      makeCopy: "\u0417\u0440\u043E\u0431\u0438\u0442\u0438 \u043A\u043E\u043F\u0456\u044E",
+      copyOf: "\u041A\u043E\u043F\u0456\u044F",
+      rename: "\u041F\u0435\u0440\u0435\u0439\u043C\u0435\u043D\u0443\u0432\u0430\u0442\u0438",
+      renameFailed: "\u041D\u0435 \u0432\u0434\u0430\u043B\u043E\u0441\u044F \u043F\u0435\u0440\u0435\u0439\u043C\u0435\u043D\u0443\u0432\u0430\u0442\u0438",
       copyFailed: "\u041D\u0435 \u0432\u0434\u0430\u043B\u043E\u0441\u044F \u0437\u0440\u043E\u0431\u0438\u0442\u0438 \u043A\u043E\u043F\u0456\u044E",
       editComment: "\u0417\u043C\u0456\u043D\u0438\u0442\u0438",
       delete: "\u0412\u0438\u0434\u0430\u043B\u0438\u0442\u0438",
@@ -838,7 +973,52 @@ var init_text = __esm({
       untitled: "\u0411\u0435\u0437 \u043D\u0430\u0437\u0432\u0438",
       kindHints: { docx: "Word, DOCX", markdown: "MD, \u0442\u043E\u0439 \u0441\u0430\u043C\u0438\u0439 \u0440\u0435\u0434\u0430\u043A\u0442\u043E\u0440", sheet: "Excel, XLSX", slides: "HTML-\u0441\u043B\u0430\u0439\u0434\u0438" },
       newKinds: { docx: "\u0414\u043E\u043A\u0443\u043C\u0435\u043D\u0442", markdown: "Markdown", sheet: "\u0422\u0430\u0431\u043B\u0438\u0446\u044F", slides: "\u041F\u0440\u0435\u0437\u0435\u043D\u0442\u0430\u0446\u0456\u044F" },
-      templates: { blank: "\u041F\u043E\u0440\u043E\u0436\u043D\u0456\u0439", letter: "\u041B\u0438\u0441\u0442", contract: "\u0414\u043E\u0433\u043E\u0432\u0456\u0440", notes: "\u041D\u043E\u0442\u0430\u0442\u043A\u0438 \u0437\u0443\u0441\u0442\u0440\u0456\u0447\u0456", invoice: "\u0420\u0430\u0445\u0443\u043D\u043E\u043A", report: "\u0417\u0432\u0456\u0442" }
+      templates: { blank: "\u041F\u043E\u0440\u043E\u0436\u043D\u0456\u0439", letter: "\u041B\u0438\u0441\u0442", contract: "\u0414\u043E\u0433\u043E\u0432\u0456\u0440", notes: "\u041D\u043E\u0442\u0430\u0442\u043A\u0438 \u0437\u0443\u0441\u0442\u0440\u0456\u0447\u0456", invoice: "\u0420\u0430\u0445\u0443\u043D\u043E\u043A", report: "\u0417\u0432\u0456\u0442" },
+      menuFile: "\u0424\u0430\u0439\u043B",
+      menuEdit: "\u041F\u0440\u0430\u0432\u043A\u0430",
+      menuFormat: "\u0424\u043E\u0440\u043C\u0430\u0442",
+      menuTools: "\u0406\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u0438",
+      zoom: "\u041C\u0430\u0441\u0448\u0442\u0430\u0431",
+      font: "\u0428\u0440\u0438\u0444\u0442",
+      fontSize: "\u0420\u043E\u0437\u043C\u0456\u0440 \u0448\u0440\u0438\u0444\u0442\u0443",
+      defaultFont: "\u0422\u0438\u043F\u043E\u0432\u0438\u0439",
+      lineSpacing: "\u041C\u0456\u0436\u0440\u044F\u0434\u043A\u043E\u0432\u0438\u0439 \u0456\u043D\u0442\u0435\u0440\u0432\u0430\u043B \u0456 \u0432\u0456\u0434\u0441\u0442\u0443\u043F\u0438",
+      single: "\u041E\u0434\u0438\u043D\u0430\u0440\u043D\u0438\u0439",
+      double: "\u041F\u043E\u0434\u0432\u0456\u0439\u043D\u0438\u0439",
+      spaceAfter: "\u0414\u043E\u0434\u0430\u0442\u0438 \u0432\u0456\u0434\u0441\u0442\u0443\u043F \u043F\u0456\u0441\u043B\u044F \u0430\u0431\u0437\u0430\u0446\u0443",
+      noSpaceAfter: "\u041F\u0440\u0438\u0431\u0440\u0430\u0442\u0438 \u0432\u0456\u0434\u0441\u0442\u0443\u043F \u043F\u0456\u0441\u043B\u044F \u0430\u0431\u0437\u0430\u0446\u0443",
+      superscript: "\u0412\u0435\u0440\u0445\u043D\u0456\u0439 \u0456\u043D\u0434\u0435\u043A\u0441",
+      subscript: "\u041D\u0438\u0436\u043D\u0456\u0439 \u0456\u043D\u0434\u0435\u043A\u0441",
+      painter: "\u041A\u043E\u043F\u0456\u044E\u0432\u0430\u0442\u0438 \u0444\u043E\u0440\u043C\u0430\u0442",
+      painterHint: "\u0412\u0438\u0434\u0456\u043B\u0456\u0442\u044C \u0442\u0435\u043A\u0441\u0442, \u043F\u043E\u0434\u0432\u0456\u0439\u043D\u0438\u0439 \u043A\u043B\u0456\u043A \u043B\u0438\u0448\u0430\u0454 \u0443\u0432\u0456\u043C\u043A\u043D\u0435\u043D\u0438\u043C, Esc \u0432\u0438\u043C\u0438\u043A\u0430\u0454",
+      pageSetup: "\u041F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u0438 \u0441\u0442\u043E\u0440\u0456\u043D\u043A\u0438",
+      orientation: "\u041E\u0440\u0456\u0454\u043D\u0442\u0430\u0446\u0456\u044F",
+      portrait: "\u041A\u043D\u0438\u0436\u043A\u043E\u0432\u0430",
+      landscape: "\u0410\u043B\u044C\u0431\u043E\u043C\u043D\u0430",
+      marginsCm: "\u041F\u043E\u043B\u044F, \u0441\u043C",
+      mTop: "\u0412\u0435\u0440\u0445\u043D\u0454",
+      mRight: "\u041F\u0440\u0430\u0432\u0435",
+      mBottom: "\u041D\u0438\u0436\u043D\u0454",
+      mLeft: "\u041B\u0456\u0432\u0435",
+      headerText: "\u0412\u0435\u0440\u0445\u043D\u0456\u0439 \u043A\u043E\u043B\u043E\u043D\u0442\u0438\u0442\u0443\u043B",
+      footerText: "\u041D\u0438\u0436\u043D\u0456\u0439 \u043A\u043E\u043B\u043E\u043D\u0442\u0438\u0442\u0443\u043B",
+      pageNumbers: "\u041D\u043E\u043C\u0435\u0440\u0438 \u0441\u0442\u043E\u0440\u0456\u043D\u043E\u043A \u0443\u043D\u0438\u0437\u0443",
+      wrapInline: "\u0423 \u0440\u044F\u0434\u043A\u0443 \u0437 \u0442\u0435\u043A\u0441\u0442\u043E\u043C",
+      wrapLeft: "\u0422\u0435\u043A\u0441\u0442 \u043E\u0431\u0442\u0456\u043A\u0430\u0454 \u043F\u0440\u0430\u0432\u043E\u0440\u0443\u0447",
+      wrapRight: "\u0422\u0435\u043A\u0441\u0442 \u043E\u0431\u0442\u0456\u043A\u0430\u0454 \u043B\u0456\u0432\u043E\u0440\u0443\u0447",
+      cellFill: "\u0417\u0430\u043B\u0438\u0432\u043A\u0430 \u043A\u043B\u0456\u0442\u0438\u043D\u043A\u0438",
+      tableBorders: "\u041C\u0435\u0436\u0456 \u0442\u0430\u0431\u043B\u0438\u0446\u0456",
+      findReplace: "\u0417\u043D\u0430\u0439\u0442\u0438 \u0439 \u0437\u0430\u043C\u0456\u043D\u0438\u0442\u0438",
+      replaceWith: "\u0417\u0430\u043C\u0456\u043D\u0438\u0442\u0438 \u043D\u0430",
+      replaceOne: "\u0417\u0430\u043C\u0456\u043D\u0438\u0442\u0438",
+      replaceAll: "\u0417\u0430\u043C\u0456\u043D\u0438\u0442\u0438 \u0432\u0441\u0456",
+      matchCase: "\u0417 \u0443\u0440\u0430\u0445\u0443\u0432\u0430\u043D\u043D\u044F\u043C \u0440\u0435\u0433\u0456\u0441\u0442\u0440\u0443",
+      words: "\u0421\u043B\u043E\u0432\u0430",
+      print: "\u0414\u0440\u0443\u043A",
+      autosavedNote: "\u0417\u0431\u0435\u0440\u0435\u0436\u0435\u043D\u043E \u0430\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0447\u043D\u043E",
+      uploadFile: "\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0438\u0442\u0438 \u0444\u0430\u0439\u043B",
+      uploading: "\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0435\u043D\u043D\u044F",
+      uploadFailed: "\u041D\u0435 \u0432\u0434\u0430\u043B\u043E\u0441\u044F \u0437\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0438\u0442\u0438 \u0444\u0430\u0439\u043B"
     };
     texts = { en: en2, pl: pl2, uk: uk2 };
   }
@@ -1237,6 +1417,8 @@ function fmtOf(marks2) {
     else if (m.type === "underline") f.u = true;
     else if (m.type === "strike") f.s = true;
     else if (m.type === "code") f.code = true;
+    else if (m.type === "superscript") f.va = "sup";
+    else if (m.type === "subscript") f.va = "sub";
     else if (m.type === "link" && typeof a.href === "string" && a.href) f.link = a.href;
     else if (m.type === "highlight") f.hl = color(a.color) ?? "#ffff00";
     else if (m.type === "textStyle") {
@@ -1255,6 +1437,7 @@ function marksOf(f) {
   if (f.u) out.push({ type: "underline" });
   if (f.s) out.push({ type: "strike" });
   if (f.code) out.push({ type: "code" });
+  if (f.va) out.push({ type: f.va === "sup" ? "superscript" : "subscript" });
   if (f.link) out.push({ type: "link", attrs: { href: f.link } });
   if (f.hl) out.push({ type: "highlight", attrs: { color: f.hl } });
   if (f.color || f.size || f.font) out.push({ type: "textStyle", attrs: { color: f.color, fontSize: f.size, fontFamily: f.font } });
@@ -1265,7 +1448,7 @@ function marksOf(f) {
   return out.length ? out : void 0;
 }
 function keyOf(f) {
-  return `${+f.b}${+f.i}${+f.u}${+f.s}${+f.code}|${f.link ?? ""}|${f.hl ?? ""}|${f.color ?? ""}|${f.size ?? ""}|${f.font ?? ""}|${f.rev ?? ""}`;
+  return `${+f.b}${+f.i}${+f.u}${+f.s}${+f.code}|${f.link ?? ""}|${f.hl ?? ""}|${f.color ?? ""}|${f.size ?? ""}|${f.font ?? ""}|${f.rev ?? ""}|${f.va ?? ""}`;
 }
 function outline(v) {
   const n = Number(v);
@@ -1303,6 +1486,11 @@ function props(s, rPr, fonts) {
       case "w:sz":
         out.size = size(+(attr(s, k, "w:val") ?? 0) / 2);
         break;
+      case "w:vertAlign": {
+        const v = attr(s, k, "w:val");
+        out.va = v === "superscript" ? "sup" : v === "subscript" ? "sub" : null;
+        break;
+      }
       case "w:highlight": {
         const v = attr(s, k, "w:val") ?? "none";
         out.hl = highlights[v] ? "#" + highlights[v] : null;
@@ -1338,7 +1526,7 @@ var init_pkg = __esm({
     "use strict";
     init_xml();
     init_zip();
-    plain = { b: false, i: false, u: false, s: false, code: false, link: null, hl: null, color: null, size: null, font: null, rev: null };
+    plain = { b: false, i: false, u: false, s: false, code: false, link: null, hl: null, color: null, size: null, font: null, rev: null, va: null };
     highlights = {
       yellow: "ffff00",
       green: "00ff00",
@@ -1738,7 +1926,7 @@ var init_read = __esm({
     "use strict";
     init_pkg();
     init_xml();
-    blank2 = () => ({ align: null, indent: 0, ref: null });
+    blank2 = () => ({ align: null, indent: 0, line: null, after: null, ref: null });
     mimes = { png: "image/png", jpg: "image/jpeg", jpeg: "image/jpeg", gif: "image/gif", bmp: "image/bmp", webp: "image/webp", svg: "image/svg+xml" };
     Reader = class {
       constructor(pkg) {
@@ -1845,7 +2033,14 @@ var init_read = __esm({
           const src = p.pic && this.src(p.pic.embed);
           if (!src) continue;
           const meta2 = Object.fromEntries(attrs(/<wp:docPr\b[^>]*>/.exec(p.raw)?.[0] ?? "<x>"));
-          p.img = { src, alt: meta2.descr ?? null, title: meta2.title ?? null, width: Math.round(p.pic.cx / 9525), height: Math.round(p.pic.cy / 9525) };
+          p.img = {
+            src,
+            alt: meta2.descr ?? null,
+            title: meta2.title ?? null,
+            width: Math.round(p.pic.cx / 9525),
+            height: Math.round(p.pic.cy / 9525),
+            wrap: /<wp:anchor\b/.test(p.raw) ? /<wp:positionH\b[^>]*>\s*<wp:align>right</.test(p.raw) ? "right" : "left" : null
+          };
         }
         const pPr = kid(el, "w:pPr");
         const styles2 = this.pkg.styles;
@@ -1873,7 +2068,11 @@ var init_read = __esm({
         const ind = pPr && kid(pPr, "w:ind");
         const left = ind && (attr(s, ind, "w:left") ?? attr(s, ind, "w:start"));
         const indent2 = isList ? 0 : Math.max(0, Math.round((left !== null && left !== void 0 ? +left : styles2.left(style)) / 720));
-        const base = { align: align(jc ? attr(s, jc, "w:val") : styles2.jc(style)), indent: indent2, ref };
+        const sp = pPr && kid(pPr, "w:spacing");
+        const lineAt = sp && attr(s, sp, "w:line");
+        const afterAt = sp && attr(s, sp, "w:after");
+        const auto = !sp || !attr(s, sp, "w:lineRule") || attr(s, sp, "w:lineRule") === "auto";
+        const base = { align: align(jc ? attr(s, jc, "w:val") : styles2.jc(style)), indent: indent2, line: lineAt && auto ? Math.round(+lineAt / 2.4) / 100 : null, after: afterAt ? +afterAt / 20 : null, ref };
         const node = level ? { type: "heading", attrs: { level, ...base } } : { type: "paragraph", attrs: base };
         const content = inline2(final);
         if (content.length) node.content = content;
@@ -2081,10 +2280,13 @@ var init_read = __esm({
         const ref = this.ref();
         const pr = kid(el, "w:tblPr");
         const jc = pr && kid(pr, "w:jc");
-        const node = { type: "table", attrs: { align: align(jc ? attr(s, jc, "w:val") : null), indent: 0, ref }, content: [] };
+        const bd = pr && kid(pr, "w:tblBorders");
+        const bare2 = !!bd && bd.kids.length > 0 && bd.kids.every((k) => /^(none|nil)$/.test(attr(s, k, "w:val") ?? ""));
+        const node = { type: "table", attrs: { align: align(jc ? attr(s, jc, "w:val") : null), indent: 0, borders: bare2 ? "none" : null, ref }, content: [] };
         const b = this.block("tbl", el, node, ref);
         const grid3 = kid(el, "w:tblGrid");
         b.cols = grid3 ? grid3.kids.filter((k) => k.name === "w:gridCol").length : 0;
+        const widths = grid3 ? grid3.kids.filter((k) => k.name === "w:gridCol").map((k) => Math.floor(+(attr(s, k, "w:w") ?? 0) / 15)) : [];
         const open = [];
         let prev = grid3 ? grid3.end : pr ? pr.end : el.open;
         for (const tr of el.kids) {
@@ -2120,7 +2322,10 @@ var init_read = __esm({
             if (vm === "continue") open[col].attrs.rowspan++;
             else {
               const content = assemble(inside.list);
-              cell2.node = { type: header ? "tableHeader" : "tableCell", attrs: { colspan: span2, rowspan: 1, align: null, indent: 0, ref: cref }, content: content.length ? content : [{ type: "paragraph", attrs: blank2() }] };
+              const own = widths.slice(col, col + span2);
+              const shd = tcPr && kid(tcPr, "w:shd");
+              const fill3 = shd ? attr(s, shd, "w:fill") : null;
+              cell2.node = { type: header ? "tableHeader" : "tableCell", attrs: { colspan: span2, rowspan: 1, colwidth: own.length === span2 && own.every((w) => w > 0) ? own : null, background: fill3 && /^[0-9a-f]{6}$/i.test(fill3) ? `#${fill3.toLowerCase()}` : null, align: null, indent: 0, ref: cref }, content: content.length ? content : [{ type: "paragraph", attrs: blank2() }] };
               row2.node.content.push(cell2.node);
               for (let c = col; c < col + span2; c++) open[c] = null;
               if (vm === "restart") open[col] = cell2.node;
@@ -2195,6 +2400,8 @@ function value(key2, v) {
   if (v === void 0 || v === "" || v === null) return null;
   if (key2 === "align") return v === "left" ? null : v;
   if (key2 === "width" || key2 === "height") return Math.round(Number(v)) || null;
+  if (key2 === "line" || key2 === "after") return Number.isFinite(Number(v)) ? Number(v) : null;
+  if (key2 === "colwidth") return Array.isArray(v) && v.length && v.every((w) => Number(w) > 0) ? v.map((w) => Math.round(Number(w))) : null;
   if (key2 === "indent" || key2 === "level" || key2 === "colspan" || key2 === "rowspan" || key2 === "start") return Number(v) || 0;
   if (key2 === "checked") return !!v;
   return v;
@@ -2228,7 +2435,7 @@ function inlineSig(kids) {
   return out;
 }
 function picture2(a) {
-  return JSON.stringify([a.src ?? null, a.alt || null, a.title || null, Math.round(Number(a.width)) || null, Math.round(Number(a.height)) || null]);
+  return JSON.stringify([a.src ?? null, a.alt || null, a.title || null, Math.round(Number(a.width)) || null, Math.round(Number(a.height)) || null, a.wrap || null]);
 }
 function flatten(content, out = [], quote2 = false) {
   for (const node of content) {
@@ -2360,15 +2567,16 @@ var init_write = __esm({
     REL = "http://schemas.openxmlformats.org/officeDocument/2006/relationships";
     special = { "	": "<w:tab/>", "\n": "<w:br/>", "\u2011": "<w:noBreakHyphen/>", "\xAD": "<w:softHyphen/>" };
     keys = {
-      paragraph: [["align", null], ["indent", 0]],
-      heading: [["level", 1], ["align", null], ["indent", 0]],
-      table: [["align", null]],
-      tableCell: [["colspan", 1], ["rowspan", 1]],
-      tableHeader: [["colspan", 1], ["rowspan", 1]],
+      paragraph: [["align", null], ["indent", 0], ["line", null], ["after", null]],
+      heading: [["level", 1], ["align", null], ["indent", 0], ["line", null], ["after", null]],
+      table: [["align", null], ["borders", null]],
+      tableCell: [["colspan", 1], ["rowspan", 1], ["colwidth", null], ["background", null]],
+      tableHeader: [["colspan", 1], ["rowspan", 1], ["colwidth", null], ["background", null]],
       orderedList: [["start", 1]],
       taskItem: [["checked", false]],
       codeBlock: [["language", null]],
-      toc: [["entries", "[]"], ["title", null]]
+      toc: [["entries", "[]"], ["title", null]],
+      image: [["src", null], ["alt", null], ["title", null], ["width", null], ["height", null], ["wrap", null]]
     };
     groups = 0;
     Writer = class {
@@ -2404,7 +2612,7 @@ var init_write = __esm({
         this.docPr = max + 1;
         this.nextRev = Math.max(0, ...[...this.s.matchAll(/\bw:id="(\d+)"/g)].map((m) => +m[1])) + 1;
       }
-      run(doc) {
+      run(doc, setup) {
         const s = this.s;
         this.body = this.r.body();
         const { list, tail, body } = this.body;
@@ -2414,8 +2622,8 @@ var init_write = __esm({
         this.carryOver(list, (x) => rest = x);
         let xml = this.container(flatten(doc.content ?? []), list, null);
         if (this.last === "tbl" && list[list.length - 1]?.kind !== "tbl") xml += "<w:p/>";
-        const text = s.slice(0, body.open) + xml + rest + s.slice(tail);
         const changed2 = /* @__PURE__ */ new Map();
+        const text = this.marginal(s.slice(0, body.open) + xml + rest + s.slice(tail), setup, changed2);
         if (text !== s) changed2.set(this.pkg.main, text);
         if (this.rels.length) {
           const path = this.pkg.relsPath(this.pkg.main);
@@ -2541,6 +2749,79 @@ var init_write = __esm({
         if (o.kind === "toc") return b && sig(o.node) === sig(b.node) ? s.slice(b.start, b.end) : this.toc(o.node);
         return this.code(o);
       }
+      marginal(text, setup, changed2) {
+        if (!setup || !setup.page && setup.header === void 0 && setup.footer === void 0 && setup.numbers === void 0) return text;
+        const end = text.lastIndexOf("</w:body>");
+        const opens2 = (i) => /^<w:sectPr[\s>/]/.test(text.slice(i, i + 11));
+        let start = -1;
+        let close = text.lastIndexOf("</w:sectPr>", end);
+        if (close >= 0 && !text.slice(close + 11, end).trim()) {
+          let depth = 1;
+          let i = close;
+          while (depth > 0 && i > 0) {
+            let o = text.lastIndexOf("<w:sectPr", i - 1);
+            while (o >= 0 && !opens2(o)) o = text.lastIndexOf("<w:sectPr", o - 1);
+            const c = text.lastIndexOf("</w:sectPr>", i - 1);
+            if (c > o) {
+              depth++;
+              i = c;
+            } else if (o < 0) break;
+            else {
+              if (text[text.indexOf(">", o) - 1] !== "/") depth--;
+              i = o;
+            }
+          }
+          start = i;
+          close += 11;
+        } else {
+          start = close = end;
+        }
+        let sec = start === end ? "<w:sectPr></w:sectPr>" : text.slice(start, close);
+        if (sec.endsWith("/>") && !sec.includes("</w:sectPr>")) sec = sec.slice(0, -2) + "></w:sectPr>";
+        const after = ["w:pgMar", "w:paperSrc", "w:pgBorders", "w:lnNumType", "w:pgNumType", "w:cols", "w:formProt", "w:vAlign", "w:noEndnote", "w:titlePg", "w:textDirection", "w:bidi", "w:rtlGutter", "w:docGrid", "w:printerSettings", "w:sectPrChange"];
+        const put = (name, xml, before) => {
+          const re = new RegExp(`<${name}\\b[^>]*?(?:/>|>[\\s\\S]*?</${name}>)`);
+          if (re.test(sec)) {
+            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>");
+          sec = sec.slice(0, i) + xml + sec.slice(i);
+        };
+        const tw = (px2) => Math.round(px2 * 15);
+        if (setup.page) {
+          const { width, height, margins: [top, right, bottom, left] } = setup.page;
+          put("w:pgSz", `<w:pgSz w:w="${tw(width)}" w:h="${tw(height)}"${width > height ? ' w:orient="landscape"' : ""}/>`, after);
+          const was = /<w:pgMar\b[^>]*\/>/.exec(sec)?.[0] ?? "";
+          const keep = attrs(was.replace(/^<w:pgMar|\/>$/g, "")).filter(([k]) => !["w:top", "w:right", "w:bottom", "w:left"].includes(k));
+          if (!keep.some(([k]) => k === "w:header")) keep.push(["w:header", "708"], ["w:footer", "708"], ["w:gutter", "0"]);
+          put("w:pgMar", `<w:pgMar w:top="${tw(top)}" w:right="${tw(right)}" w:bottom="${tw(bottom)}" w:left="${tw(left)}" ${keep.map(([k, v]) => `${k}="${escape2(v)}"`).join(" ")}/>`, after.slice(1));
+        }
+        const part = (kind, body) => {
+          sec = sec.replace(new RegExp(`<w:${kind}Reference\\b[^>]*\\bw:type="default"[^>]*/>`), "");
+          if (!body) return;
+          let n = 1;
+          while (this.pkg.files.has(`word/${kind}${n}.xml`) || changed2.has(`word/${kind}${n}.xml`)) n++;
+          const id = this.relId();
+          const tag = kind === "header" ? "w:hdr" : "w:ftr";
+          changed2.set(`word/${kind}${n}.xml`, `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<${tag} xmlns:w="http://schemas.openxmlformats.org/wordprocessingml/2006/main" xmlns:r="${REL}">${body}</${tag}>`);
+          this.rels.push(`<Relationship Id="${id}" Type="${REL}/${kind}" Target="${kind}${n}.xml"/>`);
+          this.types.add(`<Override PartName="/word/${kind}${n}.xml" ContentType="application/vnd.openxmlformats-officedocument.wordprocessingml.${kind}+xml"/>`);
+          const open = sec.indexOf(">") + 1;
+          sec = sec.slice(0, open) + `<w:${kind}Reference w:type="default" r:id="${id}"/>` + sec.slice(open);
+        };
+        const line = (words, 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 run2 = words ? `<w:r><w:t xml:space="preserve">${escape2(words)}</w:t></w:r>` : "";
+          if (!words && !page) return "";
+          return `<w:p><w:pPr>${page && words ? `<w:tabs><w:tab w:val="right" w:pos="${this.textWidth()}"/></w:tabs>` : page ? '<w:jc w:val="right"/>' : ""}</w:pPr>${run2}${page && words ? "<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));
+        return text.slice(0, start) + sec + text.slice(close);
+      }
       toc(node) {
         this.tocs = true;
         const styles2 = this.pkg.styles;
@@ -2658,6 +2939,20 @@ var init_write = __esm({
         if (align(direct ?? styles2.jc(style)) !== want) {
           set["w:jc"] = align(styles2.jc(style)) === want ? null : `<w:jc w:val="${{ center: "center", right: "right", justify: "both" }[want ?? ""] ?? "left"}"/>`;
         }
+        const spEl = get("w:spacing");
+        const spacing2 = spEl ? attrs(xml.slice(spEl.start, spEl.open)) : [];
+        const had = (name) => spacing2.find(([k]) => k === name)?.[1] ?? null;
+        const line = value("line", o.node.attrs?.line);
+        const after = value("after", o.node.attrs?.after);
+        const auto = !had("w:lineRule") || had("w:lineRule") === "auto";
+        const drift = (had("w:line") && auto ? Math.round(+had("w:line") / 2.4) / 100 : null) !== line || (had("w:after") ? +had("w:after") / 20 : null) !== after;
+        if ((b || line !== null || after !== null) && drift) {
+          const kept = spacing2.filter(([k]) => k !== "w:line" && k !== "w:lineRule" && k !== "w:after" && !(k === "w:afterAutospacing" && after !== null));
+          if (line !== null) kept.push(["w:line", String(Math.round(line * 240))], ["w:lineRule", "auto"]);
+          else if (had("w:line") && !auto) kept.push(["w:line", had("w:line")], ["w:lineRule", had("w:lineRule")]);
+          if (after !== null) kept.push(["w:after", String(Math.round(after * 20))]);
+          set["w:spacing"] = kept.length ? `<w:spacing ${kept.map(([k, v]) => `${k}="${escape2(v)}"`).join(" ")}/>` : null;
+        }
         if (!pr) {
           const indEl = "w:ind" in set ? void 0 : get("w:ind");
           const list = indEl ? attrs(xml.slice(indEl.start, indEl.open)).filter(([k]) => k !== "w:left" && k !== "w:start") : [];
@@ -2912,6 +3207,7 @@ var init_write = __esm({
           set["w:strike"] = to.s ? "<w:strike/>" : sf.s ? '<w:strike w:val="0"/>' : null;
           if (!to.s) set["w:dstrike"] = null;
         }
+        if (to.va !== from.va) set["w:vertAlign"] = to.va ? `<w:vertAlign w:val="${to.va === "sup" ? "superscript" : "subscript"}"/>` : sf.va ? '<w:vertAlign w:val="baseline"/>' : null;
         if (to.color !== from.color) set["w:color"] = to.color ? `<w:color w:val="${to.color.slice(1).toUpperCase()}"/>` : sf.color ? '<w:color w:val="auto"/>' : null;
         if (to.size !== from.size) {
           const hp = to.size ? Math.round(parseFloat(to.size) * 2) : 0;
@@ -2970,6 +3266,17 @@ var init_write = __esm({
         this.srcs.set(src, added.id);
         return added;
       }
+      wrapped(raw, side2) {
+        const anchor = /<wp:anchor\b/.test(raw);
+        if (!side2 && !anchor) return raw;
+        const ns = (tag) => attrs(/<wp:(?:inline|anchor)\b([^>]*)>/.exec(tag)?.[1] ?? "").filter(([k]) => k.startsWith("xmlns")).map(([k, v]) => ` ${k}="${v}"`).join("");
+        const part = (name) => new RegExp(`<${name}\\b[^>]*?(?:/>|>[\\s\\S]*?</${name}>)`).exec(raw)?.[0] ?? "";
+        const body = part("wp:extent") + part("wp:effectExtent");
+        const rest = part("wp:docPr") + part("wp:cNvGraphicFramePr") + part("a:graphic");
+        if (!side2) return raw.replace(/<wp:anchor\b[\s\S]*<\/wp:anchor>/, `<wp:inline distT="0" distB="0" distL="0" distR="0"${ns(raw)}>${body}${rest}</wp:inline>`);
+        const head2 = `<wp:anchor distT="0" distB="0" distL="114300" distR="114300" simplePos="0" relativeHeight="251658240" behindDoc="0" locked="0" layoutInCell="1" allowOverlap="1"${ns(raw)}><wp:simplePos x="0" y="0"/><wp:positionH relativeFrom="column"><wp:align>${side2 === "right" ? "right" : "left"}</wp:align></wp:positionH><wp:positionV relativeFrom="paragraph"><wp:posOffset>0</wp:posOffset></wp:positionV>`;
+        return raw.replace(anchor ? /<wp:anchor\b[\s\S]*<\/wp:anchor>/ : /<wp:inline\b[\s\S]*<\/wp:inline>/, `${head2}${body}<wp:wrapSquare wrapText="bothSides"/>${rest}</wp:anchor>`);
+      }
       drawing(img) {
         const media = this.embed(String(img.src ?? ""));
         const max = Math.round(this.textWidth() / 15);
@@ -2981,7 +3288,8 @@ var init_write = __esm({
         else if (!w) w = Math.round(h * nw / nh);
         const id = this.docPr++;
         const ext = `cx="${Math.round(w * 9525)}" cy="${Math.round(h * 9525)}"`;
-        return `<w:drawing><wp:inline distT="0" distB="0" distL="0" distR="0" xmlns:wp="http://schemas.openxmlformats.org/drawingml/2006/wordprocessingDrawing"><wp:extent ${ext}/><wp:effectExtent l="0" t="0" r="0" b="0"/>${meta(`<wp:docPr id="${id}" name="Picture ${id}"/>`, img)}<wp:cNvGraphicFramePr><a:graphicFrameLocks xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" noChangeAspect="1"/></wp:cNvGraphicFramePr><a:graphic xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main"><a:graphicData uri="http://schemas.openxmlformats.org/drawingml/2006/picture"><pic:pic xmlns:pic="http://schemas.openxmlformats.org/drawingml/2006/picture"><pic:nvPicPr><pic:cNvPr id="${id}" name="Picture ${id}"/><pic:cNvPicPr/></pic:nvPicPr><pic:blipFill><a:blip r:embed="${media.id}"/><a:stretch><a:fillRect/></a:stretch></pic:blipFill><pic:spPr><a:xfrm><a:off x="0" y="0"/><a:ext ${ext}/></a:xfrm><a:prstGeom prst="rect"><a:avLst/></a:prstGeom></pic:spPr></pic:pic></a:graphicData></a:graphic></wp:inline></w:drawing>`;
+        const xml = `<w:drawing><wp:inline distT="0" distB="0" distL="0" distR="0" xmlns:wp="http://schemas.openxmlformats.org/drawingml/2006/wordprocessingDrawing"><wp:extent ${ext}/><wp:effectExtent l="0" t="0" r="0" b="0"/>${meta(`<wp:docPr id="${id}" name="Picture ${id}"/>`, img)}<wp:cNvGraphicFramePr><a:graphicFrameLocks xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" noChangeAspect="1"/></wp:cNvGraphicFramePr><a:graphic xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main"><a:graphicData uri="http://schemas.openxmlformats.org/drawingml/2006/picture"><pic:pic xmlns:pic="http://schemas.openxmlformats.org/drawingml/2006/picture"><pic:nvPicPr><pic:cNvPr id="${id}" name="Picture ${id}"/><pic:cNvPicPr/></pic:nvPicPr><pic:blipFill><a:blip r:embed="${media.id}"/><a:stretch><a:fillRect/></a:stretch></pic:blipFill><pic:spPr><a:xfrm><a:off x="0" y="0"/><a:ext ${ext}/></a:xfrm><a:prstGeom prst="rect"><a:avLst/></a:prstGeom></pic:spPr></pic:pic></a:graphicData></a:graphic></wp:inline></w:drawing>`;
+        return img.wrap ? this.wrapped(xml, img.wrap) : xml;
       }
       patch(raw, old, img) {
         let xml = raw;
@@ -2993,6 +3301,7 @@ var init_write = __esm({
         }
         if ((img.alt || null) !== (old.alt || null) || (img.title || null) !== (old.title || null)) xml = xml.replace(/<wp:docPr\b[^>]*>/, (tag) => meta(tag, img));
         if (img.src !== old.src) xml = xml.replace(/(<a:blip\b[^>]*\br:embed=")[^"]*"/, `$1${this.embed(String(img.src ?? "")).id}"`);
+        if ((img.wrap || null) !== (old.wrap || null)) xml = this.wrapped(xml, img.wrap);
         return xml;
       }
       textWidth() {
@@ -3058,6 +3367,27 @@ var init_write = __esm({
           head2 = `<w:tbl>${tblPr}<w:tblGrid>${`<w:gridCol w:w="${Math.floor(this.textWidth() / cols)}"/>`.repeat(cols)}</w:tblGrid>`;
         }
         const width = Math.floor(this.textWidth() / cols);
+        const sized = [];
+        for (const r of layout2) for (const sl of r) {
+          const own2 = sl.cell && value("colwidth", sl.cell.attrs?.colwidth);
+          if (own2 && own2.length === sl.span) own2.forEach((w, k) => {
+            var _a;
+            return sized[_a = sl.col + k] ?? (sized[_a] = w);
+          });
+        }
+        const known = sized.length === cols && sized.every(Boolean);
+        const had = [...head2.matchAll(/<w:gridCol\b[^>]*\bw:w="(\d+)"/g)].map((m) => Math.floor(+m[1] / 15));
+        if (known && had.join() !== sized.join()) {
+          const list = sized.map((w) => `<w:gridCol w:w="${Math.round(w * 15)}"/>`).join("");
+          head2 = head2.replace(/(<w:tblGrid\b[^>]*>)[\s\S]*?(<\/w:tblGrid>)/, `$1${list}$2`);
+        }
+        const own = (col, span2) => known ? sized.slice(col, col + span2) : null;
+        const borders = value("borders", o.node.attrs?.borders);
+        if (borders !== value("borders", b?.node.attrs?.borders)) {
+          const line = (side2) => `<w:${side2} w:val="${borders === "none" ? "none" : "single"}" w:sz="4" w:space="0" w:color="${borders === "none" ? "auto" : "94A3B8"}"/>`;
+          const all = `<w:tblBorders>${["top", "left", "bottom", "right", "insideH", "insideV"].map(line).join("")}</w:tblBorders>`;
+          head2 = /<w:tblBorders\b/.test(head2) ? head2.replace(/<w:tblBorders\b[\s\S]*?<\/w:tblBorders>|<w:tblBorders\/>/, all) : head2.replace(/(<w:tblPr\b[^>]*>(?:(?!<\/w:tblPr>)[\s\S])*?)(<w:shd\b|<w:tblLayout\b|<w:tblCellMar\b|<w:tblLook\b|<w:tblCaption\b|<w:tblDescription\b|<w:tblPrChange\b|<\/w:tblPr>)/, `$1${all}$2`);
+        }
         let xml = head2;
         let above = [];
         let aboveRow = null;
@@ -3088,7 +3418,7 @@ var init_write = __esm({
             if (!sl.cell) {
               const cont = R2?.cells.find((c) => c.vm === "continue" && c.col === sl.col);
               if (cont) xml += cont.lead + s.slice(cont.el.start, cont.el.end);
-              else xml += `<w:tc>${this.tcPr(cover.get(sl.from) ?? above[sl.col] ?? null, sl.span, "continue", width)}<w:p/></w:tc>`;
+              else xml += `<w:tc>${this.tcPr(cover.get(sl.from) ?? above[sl.col] ?? null, sl.span, "continue", width, true, own(sl.col, sl.span))}<w:p/></w:tc>`;
               now[sl.col] = cover.get(sl.from) ?? null;
               continue;
             }
@@ -3104,7 +3434,7 @@ var init_write = __esm({
             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) + inside + (C ? C.tail : "") + "</w:tc>";
+            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>";
           }
           const lastCell = R2?.cells[R2.cells.length - 1];
           xml += (R2 && lastCell ? s.slice(lastCell.el.end, R2.el.close) : "") + "</w:tr>";
@@ -3113,15 +3443,21 @@ var init_write = __esm({
         });
         return xml + tail + "</w:tbl>";
       }
-      tcPr(src, span2, vm, width, clone = true) {
+      tcPr(src, span2, vm, width, clone = true, own = null, fill3) {
         const s = this.s;
         const el = src && kid(src.el, "w:tcPr");
         const xml = el ? s.slice(el.start, el.end) : "";
-        if (!clone && src && src.span === span2 && src.vm === vm) return xml;
+        const tcW = el && kid(el, "w:tcW");
+        const sized = own ? Math.round(own.reduce((a, w) => a + w, 0) * 15) : null;
+        const resized = sized !== null && !(tcW && attr(s, tcW, "w:type") === "dxa" && Math.abs(+(attr(s, tcW, "w:w") ?? 0) - sized) < 15);
+        const was = src?.node ? value("background", src.node.attrs?.background) : null;
+        const painted = fill3 !== void 0 && fill3 !== was;
+        if (!clone && src && src.span === span2 && src.vm === vm && !resized && !painted) return xml;
         const set = { "w:gridSpan": span2 > 1 ? `<w:gridSpan w:val="${span2}"/>` : null, "w:vMerge": vm === "restart" ? '<w:vMerge w:val="restart"/>' : vm ? "<w:vMerge/>" : null, "w:hMerge": null };
         if (clone) Object.assign(set, { "w:cellIns": null, "w:cellDel": null, "w:cellMerge": null, "w:tcPrChange": null });
-        const tcW = el && kid(el, "w:tcW");
-        if (!tcW && !src) set["w:tcW"] = `<w:tcW w:w="${width * span2}" w:type="dxa"/>`;
+        if (painted) set["w:shd"] = fill3 ? `<w:shd w:val="clear" w:color="auto" w:fill="${fill3.slice(1).toUpperCase()}"/>` : null;
+        if (resized) set["w:tcW"] = `<w:tcW w:w="${sized}" w:type="dxa"/>`;
+        else if (!tcW && !src) set["w:tcW"] = `<w:tcW w:w="${width * span2}" w:type="dxa"/>`;
         else if (tcW && src && src.span !== span2 && attr(xml, tcW, "w:type") === "dxa") set["w:tcW"] = `<w:tcW w:w="${Math.round(+(attr(xml, tcW, "w:w") ?? 0) * span2 / src.span)}" w:type="dxa"/>`;
         return rebuild(xml, "w:tcPr", TC, set);
       }
@@ -3138,15 +3474,24 @@ 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 words = (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 = words("header");
+  const foot = words("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 } }] },
     styles: pkg.styles.list(),
     page: { width: px2(size2, "w:w", 12240), height: px2(size2, "w:h", 15840), margins: [px2(mar, "w:top", 1440), px2(mar, "w:right", 1440), px2(mar, "w:bottom", 1440), px2(mar, "w:left", 1440)] }
   };
 }
-async function writeDocx(original, doc, load3 = fetched) {
+async function writeDocx(original, doc, load3 = fetched, setup) {
   const pkg = new Pkg(new Uint8Array(original));
-  const out = new Writer(pkg, await images(doc, load3)).run(doc);
+  const out = new Writer(pkg, await images(doc, load3)).run(doc, setup);
   return out ? out.slice().buffer : original.slice(0);
 }
 var init_docx = __esm({
@@ -3269,10 +3614,10 @@ var init_pager = __esm({
       addProseMirrorPlugins: () => [new import_state.Plugin({
         key: paging,
         state: {
-          init: () => ({ set: import_view.DecorationSet.empty, page: a4 }),
+          init: () => ({ set: import_view.DecorationSet.empty, page: a4, marks: { header: "", footer: "" } }),
           apply(tr, value3) {
             const next = tr.getMeta(paging);
-            return { set: next?.set ?? value3.set.map(tr.mapping, tr.doc), page: next?.page ?? value3.page };
+            return { set: next?.set ?? value3.set.map(tr.mapping, tr.doc), page: next?.page ?? value3.page, marks: next?.marks ?? value3.marks };
           }
         },
         props: { decorations: (state) => paging.getState(state).set },
@@ -3282,17 +3627,34 @@ var init_pager = __esm({
           const run2 = () => {
             if (!view.dom.isConnected) return;
             const gaps = measure(view);
-            const next = gaps.map((g) => `${g.pos}:${g.height}`).join();
+            const { marks: marks2 } = paging.getState(view.state);
+            const next = gaps.map((g) => `${g.pos}:${g.height}`).join() + `|${marks2.header}|${marks2.footer}`;
             if (next === sig2) return;
             sig2 = next;
-            const set = import_view.DecorationSet.create(view.state.doc, gaps.map((g) => import_view.Decoration.widget(g.pos, () => {
+            const line = (parent, cls, text) => {
+              if (!text) return;
+              const span2 = document.createElement("span");
+              span2.className = cls;
+              span2.textContent = text;
+              parent.append(span2);
+            };
+            const first = import_view.Decoration.widget(0, () => {
+              const el = document.createElement("div");
+              el.className = "w100n-text-first";
+              el.contentEditable = "false";
+              line(el, "w100n-text-head", marks2.header);
+              return el;
+            }, { key: `first:${marks2.header}`, side: -1, ignoreSelection: true });
+            const set = import_view.DecorationSet.create(view.state.doc, [first, ...gaps.map((g) => import_view.Decoration.widget(g.pos, () => {
               const el = document.createElement("div");
               el.className = g.end ? "w100n-text-gap is-end" : "w100n-text-gap";
               el.style.height = `${g.height}px`;
               el.dataset.page = String(g.page);
               el.contentEditable = "false";
+              line(el, "w100n-text-foot", marks2.footer);
+              if (!g.end) line(el, "w100n-text-head", marks2.header);
               return el;
-            }, { key: `${g.pos}:${g.height}:${g.page}`, side: -1, ignoreSelection: true })));
+            }, { key: `${g.pos}:${g.height}:${g.page}:${marks2.header}:${marks2.footer}`, side: -1, ignoreSelection: true }))]);
             view.dispatch(view.state.tr.setMeta(paging, { set }).setMeta("addToHistory", false));
           };
           const later = (ms) => {
@@ -3304,7 +3666,7 @@ var init_pager = __esm({
           later(0);
           return {
             update: (next, prev) => {
-              if (paging.getState(next.state).page !== paging.getState(prev).page) later(0);
+              if (paging.getState(next.state).page !== paging.getState(prev).page || paging.getState(next.state).marks !== paging.getState(prev).marks) later(0);
               else if (next.state.doc !== prev.doc) later(400);
             },
             destroy: () => {
@@ -3353,13 +3715,21 @@ function kit(kind, t, live) {
     import_starter_kit.default.configure({ trailingNode: false, link: { openOnClick: false, autolink: true, defaultProtocol: "https" }, dropcursor: { color: "#8b5cf6", width: 2 }, ...live ? { undoRedo: false } : {} }),
     import_extension_list.TaskList,
     import_extension_list.TaskItem.configure({ nested: true, a11y: { checkboxLabel: (node) => node.textContent || t.tasks } }),
-    import_extension_table.TableKit.configure({ table: { resizable: false } }),
-    import_extension_image.default.configure({ inline: true, allowBase64: true }),
+    import_extension_table.TableKit.configure({ table: { resizable: true, cellMinWidth: 32 } }),
+    Cells,
+    Search2,
+    import_extension_image.default.extend({
+      addAttributes() {
+        return { ...this.parent?.(), wrap: { default: null, parseHTML: (el) => el.dataset.wrap ?? null, renderHTML: (attrs2) => attrs2.wrap ? { "data-wrap": attrs2.wrap } : {} } };
+      }
+    }).configure({ inline: true, allowBase64: true, resize: { enabled: true, directions: ["top-left", "top-right", "bottom-left", "bottom-right"], minWidth: 24, minHeight: 24, alwaysPreserveAspectRatio: true } }),
     import_extension_highlight.default.configure({ multicolor: true }),
     import_extension_text_style.TextStyle,
     import_extension_text_style.Color,
     import_extension_text_style.FontSize,
     import_extension_text_style.FontFamily,
+    script("superscript", "sup", "subscript"),
+    script("subscript", "sub", "superscript"),
     Blocks,
     PageBreak.configure({ label: t.pageBreak }),
     Toc.configure({ relative: kind === "markdown", label: t.toc, empty: t.tocEmpty }),
@@ -3408,7 +3778,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, Blocks, PageBreak, headings, Toc, revision, seen, suggesting, Suggest, Note, locks, locked, scan, Locks, paint, remap, Notes, textblocks, align2, 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, 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";
@@ -3456,6 +3826,63 @@ var init_extensions = __esm({
       }));
       return ranges;
     };
+    Cells = import_core2.Extension.create({
+      name: "cells",
+      addGlobalAttributes: () => [
+        { types: ["tableCell", "tableHeader"], attributes: { background: { default: null, parseHTML: (el) => el.dataset.fill ?? null, renderHTML: (attrs2) => attrs2.background ? { "data-fill": attrs2.background, style: `background-color: ${attrs2.background}` } : {} } } },
+        { types: ["table"], attributes: { borders: { default: null, parseHTML: (el) => el.dataset.borders ?? null, renderHTML: (attrs2) => attrs2.borders ? { "data-borders": attrs2.borders } : {} } } }
+      ]
+    });
+    searching = new import_state2.PluginKey("w100n-search");
+    lookup = (doc, query, matchCase) => {
+      const hits = [];
+      if (!query) return hits;
+      const needle = matchCase ? query : query.toLowerCase();
+      doc.descendants((node, pos) => {
+        if (!node.isTextblock) return true;
+        let text = "";
+        const at = [];
+        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);
+          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 });
+        return false;
+      });
+      return hits;
+    };
+    Search2 = import_core2.Extension.create({
+      name: "search",
+      addProseMirrorPlugins: () => [new import_state2.Plugin({
+        key: searching,
+        state: {
+          init: () => ({ query: "", matchCase: false, hits: [], at: 0, set: import_view2.DecorationSet.empty }),
+          apply(tr, value3) {
+            const meta2 = tr.getMeta(searching);
+            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" }))) };
+          }
+        },
+        props: { decorations: (state) => searching.getState(state).set }
+      })]
+    });
+    replace = (editor, text, all) => {
+      const { hits, at } = 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);
+      editor.view.dispatch(tr);
+      return all ? hits.length : 1;
+    };
+    cleanPaste = (html) => html.replace(/<!--\[if[\s\S]*?<!\[endif\]-->/g, "").replace(/<o:p>[\s\S]*?<\/o:p>/g, "").replace(/\sclass=("|')?Mso[^"'\s>]*\1?/g, "").replace(/<img\b[^>]*\ssrc=("|')file:[^"']*\1[^>]*>/gi, "").replace(/\sstyle=("|')([^"']*)\1/g, (_, q, css2) => {
+      const kept = css2.split(";").map((x) => x.trim()).filter((x) => x && !/^mso-|^tab-stops|^font-family:\s*["']?(Symbol|Wingdings)/i.test(x)).join("; ");
+      return kept ? ` style=${q}${kept}${q}` : "";
+    });
     Blocks = import_core2.Extension.create({
       name: "blocks",
       addGlobalAttributes: () => [{
@@ -3463,6 +3890,8 @@ var init_extensions = __esm({
         attributes: {
           align: { default: null, parseHTML: (el) => el.style.textAlign || null, renderHTML: (attrs2) => attrs2.align ? { style: `text-align: ${attrs2.align}` } : {} },
           indent: { default: 0, parseHTML: (el) => Number(el.dataset.indent) || 0, renderHTML: (attrs2) => attrs2.indent ? { "data-indent": attrs2.indent, style: `margin-left: ${attrs2.indent * 0.5}in` } : {} },
+          line: { default: null, parseHTML: (el) => Number(el.dataset.line) || null, renderHTML: (attrs2) => attrs2.line ? { "data-line": attrs2.line, style: `line-height: ${attrs2.line * 1.15}` } : {} },
+          after: { default: null, parseHTML: (el) => el.dataset.after ? Number(el.dataset.after) : null, renderHTML: (attrs2) => attrs2.after === null || attrs2.after === void 0 ? {} : { "data-after": attrs2.after, style: `margin-bottom: ${attrs2.after}pt` } },
           ref: { default: null, rendered: false, keepOnSplit: false }
         }
       }],
@@ -3773,6 +4202,15 @@ var init_extensions = __esm({
         props: { decorations: (state) => notes.getState(state).set }
       })]
     });
+    script = (name, tag, other) => import_core2.Mark.create({
+      name,
+      excludes: other,
+      parseHTML: () => [{ tag }, { style: `vertical-align=${name === "superscript" ? "super" : "sub"}` }],
+      renderHTML: () => [tag, 0],
+      addKeyboardShortcuts() {
+        return { [name === "superscript" ? "Mod-." : "Mod-,"]: () => this.editor.commands.toggleMark(name) };
+      }
+    });
     textblocks = (editor, change) => editor.chain().focus().command(({ tr, state }) => {
       state.doc.nodesBetween(state.selection.from, state.selection.to, (node, pos) => {
         if (!node.isTextblock) return true;
@@ -3782,6 +4220,7 @@ var init_extensions = __esm({
       return true;
     }).run();
     align2 = (editor, value3) => textblocks(editor, () => ({ align: value3 === "left" ? null : value3 }));
+    spacing = (editor, change) => textblocks(editor, () => change);
     indent = (editor, step) => {
       const type = editor.isActive("taskItem") ? "taskItem" : editor.isActive("listItem") ? "listItem" : null;
       if (type) return step > 0 ? editor.chain().focus().sinkListItem(type).run() : editor.chain().focus().liftListItem(type).run();
@@ -3800,7 +4239,7 @@ var init_extensions = __esm({
 var version;
 var init_package = __esm({
   "package.json"() {
-    version = "0.13.0";
+    version = "0.14.0";
   }
 });
 
@@ -5503,7 +5942,7 @@ function equalValue(a, b) {
   if (typeof a === "number" && typeof b === "number") return a === b || Math.abs(a - b) <= 1e-9 * Math.max(1, Math.abs(a), Math.abs(b));
   return a === b;
 }
-function lookup(book, s) {
+function lookup2(book, s) {
   if (!s) return {};
   return (typeof s === "string" ? book.styles[s] : s) ?? {};
 }
@@ -5643,7 +6082,7 @@ function writeXlsx(original, model) {
       const id = typeof s === "string" ? (bk === cur ? "c" : "b") + s : "";
       const known = id && seen2.get(id);
       if (known) return known;
-      const look = norm({ ...defaults, ...lookup(bk, s) });
+      const look = norm({ ...defaults, ...lookup2(bk, s) });
       const made2 = { look, json: JSON.stringify(look) };
       if (id) seen2.set(id, made2);
       return made2;
@@ -5684,8 +6123,8 @@ function writeXlsx(original, model) {
         changed2 = true;
         tag = setAttr(tag, "hidden", hidden ? "1" : null);
       }
-      const look = rd.s ? norm({ ...defaults, ...lookup(cur, rd.s) }) : null;
-      const was = od.s ? norm({ ...defaults, ...lookup(base.book, od.s) }) : null;
+      const look = rd.s ? norm({ ...defaults, ...lookup2(cur, rd.s) }) : null;
+      const was = od.s ? norm({ ...defaults, ...lookup2(base.book, od.s) }) : null;
       if (!same2(look, was)) {
         changed2 = true;
         tag = setAttr(setAttr(tag, "s", look ? String(xfFor(look, xfOf(od.s))) : null), "customFormat", look ? "1" : null);
@@ -5975,7 +6414,7 @@ function cellXml(p, ref, xf, x, f, v) {
 function columns(p, rec, sheet2, old, cols, defaults, cur, baseBook, xfFor, xfOf) {
   const now = sheet2.columnData ?? {}, was = old.columnData ?? {};
   const count = sheet2.columnCount ?? 26;
-  const look = (bk, s) => s ? norm({ ...defaults, ...lookup(bk, s) }) : null;
+  const look = (bk, s) => s ? norm({ ...defaults, ...lookup2(bk, s) }) : null;
   let differs2 = cols.moved;
   for (let c = 0; c < count && !differs2; c++) {
     const c0 = cols.from(c);
@@ -6448,6 +6887,11 @@ var init_text2 = __esm({
   "src/sheets/text.ts"() {
     "use strict";
     en3 = {
+      asCurrency: "Format as euro",
+      asPercent: "Format as percent",
+      fewerDecimals: "Fewer decimal places",
+      moreDecimals: "More decimal places",
+      sum: "Sum",
       tools: "Sheet tools",
       loading: "Opening the sheet",
       failed: "This sheet could not be opened",
@@ -6516,6 +6960,11 @@ var init_text2 = __esm({
       }
     };
     pl3 = {
+      asCurrency: "Formatuj jako euro",
+      asPercent: "Formatuj jako procent",
+      fewerDecimals: "Mniej miejsc po przecinku",
+      moreDecimals: "Wi\u0119cej miejsc po przecinku",
+      sum: "Suma",
       tools: "Narz\u0119dzia arkusza",
       loading: "Otwieranie arkusza",
       failed: "Nie uda\u0142o si\u0119 otworzy\u0107 tego arkusza",
@@ -6584,6 +7033,11 @@ var init_text2 = __esm({
       }
     };
     uk3 = {
+      asCurrency: "\u0424\u043E\u0440\u043C\u0430\u0442 \u0454\u0432\u0440\u043E",
+      asPercent: "\u0424\u043E\u0440\u043C\u0430\u0442 \u0432\u0456\u0434\u0441\u043E\u0442\u043A\u0456\u0432",
+      fewerDecimals: "\u041C\u0435\u043D\u0448\u0435 \u0437\u043D\u0430\u043A\u0456\u0432 \u043F\u0456\u0441\u043B\u044F \u043A\u043E\u043C\u0438",
+      moreDecimals: "\u0411\u0456\u043B\u044C\u0448\u0435 \u0437\u043D\u0430\u043A\u0456\u0432 \u043F\u0456\u0441\u043B\u044F \u043A\u043E\u043C\u0438",
+      sum: "\u0421\u0443\u043C\u0430",
       tools: "\u0406\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442\u0438 \u0442\u0430\u0431\u043B\u0438\u0446\u0456",
       loading: "\u0412\u0456\u0434\u043A\u0440\u0438\u0432\u0430\u0454\u043C\u043E \u0442\u0430\u0431\u043B\u0438\u0446\u044E",
       failed: "\u041D\u0435 \u0432\u0434\u0430\u043B\u043E\u0441\u044F \u0432\u0456\u0434\u043A\u0440\u0438\u0442\u0438 \u0446\u044E \u0442\u0430\u0431\u043B\u0438\u0446\u044E",
@@ -6679,8 +7133,8 @@ function follow(doc, author) {
     doc.off("afterTransaction", after);
   };
 }
-async function write3(kind, base, node, load3) {
-  if (kind === "docx") return writeDocx(base, node.toJSON(), load3);
+async function write3(kind, base, node, load3, setup) {
+  if (kind === "docx") return writeDocx(base, node.toJSON(), load3, setup);
   const parsed = fromMarkdown(new TextDecoder().decode(base));
   return new TextEncoder().encode(toMarkdown(node, track(parsed, node.type.schema.nodeFromJSON(parsed.doc))).text).buffer;
 }
@@ -6699,7 +7153,7 @@ async function save(doc, kind, base, put, load3, note) {
   };
   doc.on("afterTransaction", watch);
   try {
-    const bytes = await write3(kind, base, node, load3);
+    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 = [];
@@ -6763,7 +7217,7 @@ var init_collab = __esm({
     schemas = /* @__PURE__ */ new Map();
     schemaOf = (kind) => schemas.get(kind) ?? schemas.set(kind, (0, import_core3.getSchema)(kit(kind, texts.en))).get(kind);
     parse3 = async (kind, bytes) => kind === "docx" ? (await readDocx(bytes)).doc : fromMarkdown(new TextDecoder().decode(bytes)).doc;
-    edits = (tr) => tr.changedParentTypes.has(tr.doc.get("default")) || tr.changedParentTypes.has(tr.doc.get("book"));
+    edits = (tr) => tr.changedParentTypes.has(tr.doc.get("default")) || tr.changedParentTypes.has(tr.doc.get("book")) || tr.changedParentTypes.has(tr.doc.get("setup"));
     filled = (doc) => doc.getXmlFragment("default").length > 0 || doc.getMap("book").size > 0;
     pending = (doc) => doc.getMap("editors").size > 0;
     blocks2 = (fragment, schema) => {
@@ -6988,7 +7442,7 @@ var TextEditor_exports = {};
 __export(TextEditor_exports, {
   default: () => TextEditor
 });
-function TextEditor({ kind, bytes, t, language, rights, host, together, documentId, onSaved, onOutline, onPanel, slot, guard }) {
+function TextEditor({ kind, bytes, t, language, rights, host, together, documentId, onSaved, onOutline, onReading, onPanel, slot, head: head2, file, guard }) {
   const docx2 = kind === "docx";
   const can = { edit: !!host?.save && !!rights?.edit, comment: !!host?.comment && !!rights && (rights.comment || rights.edit) };
   const source = useLoad(async () => {
@@ -7002,8 +7456,9 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
   const baseline = (0, import_react10.useRef)(null);
   const anchors2 = (0, import_react10.useRef)(/* @__PURE__ */ new Map());
   const scroller = (0, import_react10.useRef)(null);
-  const [tab, setTab] = (0, import_react10.useState)(can.edit ? "home" : can.comment ? "review" : "view");
+  const root = (0, import_react10.useRef)(null);
   const [pop, setPop] = (0, import_react10.useState)(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);
@@ -7020,6 +7475,14 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
   const [editing, setEditing] = (0, import_react10.useState)(null);
   const [dropping, setDropping] = (0, import_react10.useState)(null);
   const [failed, setFailed] = (0, import_react10.useState)(false);
+  const [paint2, setPaint] = (0, import_react10.useState)(null);
+  const [query, setQuery] = (0, import_react10.useState)("");
+  const [swap, setSwap] = (0, import_react10.useState)("");
+  const [matchCase, setMatchCase] = (0, import_react10.useState)(false);
+  const [count, setCount] = (0, import_react10.useState)({ words: 0, pages: 0 });
+  const [marg, setMarg] = (0, import_react10.useState)(null);
+  const [unsetup, setUnsetup] = (0, import_react10.useState)(false);
+  const [draft2, setDraft2] = (0, import_react10.useState)(null);
   useRestore(pop !== null);
   useRestore(editing !== null);
   useRestore(dropping !== null);
@@ -7029,7 +7492,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 } },
+    editorProps: { attributes: { class: "w100n-docs-prose w100n-text-body", "aria-label": t.documentText }, 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) };
     }
@@ -7055,6 +7518,15 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
         link: e.isActive("link"),
         color: e.getAttributes("textStyle").color ?? null,
         glow: e.isActive("highlight"),
+        font: e.getAttributes("textStyle").fontFamily ?? null,
+        size: e.getAttributes("textStyle").fontSize ?? null,
+        fill: e.getAttributes("tableCell").background ?? e.getAttributes("tableHeader").background ?? null,
+        bare: e.getAttributes("table").borders === "none",
+        sup: e.isActive("superscript"),
+        sub: e.isActive("subscript"),
+        img: e.isActive("image") ? e.getAttributes("image").wrap ?? "inline" : null,
+        line: block2.attrs.line ?? null,
+        after: block2.attrs.after ?? null,
         undo: e.can().undo(),
         redo: e.can().redo(),
         empty,
@@ -7065,6 +7537,7 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
           });
           return at;
         })(),
+        find: (({ at, hits }) => `${at}/${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)
@@ -7072,9 +7545,43 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
     }
   });
   const page = layout2 ?? source.data?.page ?? a4;
+  const print = () => {
+    if (!editor) return;
+    const frame = document.createElement("iframe");
+    frame.style.cssText = "position:fixed;width:0;height:0;border:0;opacity:0";
+    document.body.append(frame);
+    const [mt, mr, mb, ml] = page.margins;
+    const size2 = docx2 ? `${page.width}px ${page.height}px` : "A4";
+    frame.contentDocument.open();
+    frame.contentDocument.write(`<!DOCTYPE html><html><head><meta charset="utf-8"><title>${editor.state.doc.firstChild?.textContent.slice(0, 80).replace(/[<&]/g, "") ?? ""}</title><style>
+@page { size: ${size2}; margin: ${docx2 ? `${mt}px ${mr}px ${mb}px ${ml}px` : "20mm"}; }
+body { margin: 0; font: 11pt/1.5 Arial, sans-serif; color: #111; }
+h1 { font-size: 20pt; } h2 { font-size: 15pt; } h3 { font-size: 13pt; }
+table { border-collapse: collapse; width: 100%; } td, th { border: 1px solid #94a3b8; padding: 4px 6px; vertical-align: top; } table[data-borders='none'] td, table[data-borders='none'] th { border-color: transparent; }
+img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt 0; } img[data-wrap='right'] { float: right; margin: 0 0 6pt 12pt; }
+[data-type='page-break'], .page-break { break-after: page; height: 0; overflow: hidden; }
+</style></head><body>${editor.getHTML()}</body></html>`);
+    frame.contentDocument.close();
+    frame.contentWindow.focus();
+    frame.contentWindow.print();
+    setTimeout(() => frame.remove(), 1e3);
+  };
+  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]);
   (0, import_react10.useEffect)(() => {
-    if (editor && docx2 && source.data) editor.view.dispatch(editor.state.tr.setMeta(paging, { page }));
-  }, [editor, source.data, page]);
+    if (!shared || !docx2) return;
+    const map = shared.doc.getMap("setup");
+    const sync = () => {
+      const v = map.toJSON();
+      if (v.page) setLayout(v.page);
+      if (v.header !== void 0 || v.footer !== void 0 || v.numbers !== void 0) setMarg({ header: v.header ?? "", footer: v.footer ?? "", numbers: !!v.numbers });
+    };
+    sync();
+    map.observe(sync);
+    return () => map.unobserve(sync);
+  }, [shared, docx2]);
   const loaded = useLoad((signal) => host?.comments ? host.comments(documentId, { signal }) : Promise.resolve([]), [host, documentId]);
   const all = [...loaded.data ?? [], ...added].flatMap((c) => c.id in changed2 ? changed2[c.id] ?? [] : [c]).filter((c) => !c.replyTo || changed2[c.replyTo] !== null);
   const open = all.filter((c) => !c.replyTo && !c.resolved);
@@ -7084,8 +7591,8 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
     if (!editor || !source.data) return;
     const have = new Map(notes.getState(editor.state).spots.map((s) => [s.id, s]));
     const fresh2 = open.filter((c) => !have.has(c.id));
-    const found = locate(editor.state.doc, fresh2.map((c) => ({ id: c.id, quote: c.quote, anchor: anchors2.current.get(c.id) })));
-    editor.view.dispatch(editor.state.tr.setMeta(notes, { spots: [...open.flatMap((c) => have.get(c.id) ?? []), ...found] }));
+    const found2 = locate(editor.state.doc, fresh2.map((c) => ({ id: c.id, quote: c.quote, anchor: anchors2.current.get(c.id) })));
+    editor.view.dispatch(editor.state.tr.setMeta(notes, { spots: [...open.flatMap((c) => have.get(c.id) ?? []), ...found2] }));
   }, [editor, source.data, openIds]);
   (0, import_react10.useEffect)(() => {
     if (editor && source.data) editor.view.dispatch(editor.state.tr.setMeta(notes, { active }));
@@ -7103,6 +7610,8 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
           editor.commands.setTextSelection(offset + 1);
         } });
       });
+      const text = editor.state.doc.textBetween(0, editor.state.doc.content.size, " ", " ");
+      setCount({ words: (text.match(/[\p{L}\p{N}]+(?:['’-][\p{L}\p{N}]+)*/gu) ?? []).length, pages: scroller.current?.querySelectorAll(".w100n-text-gap").length ?? 0 });
       const key2 = JSON.stringify(list.map((h) => [h.id, h.level, h.text]));
       if (key2 === last2) return;
       last2 = key2;
@@ -7119,7 +7628,35 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
       editor.off("update", later);
     };
   }, [editor, source.data, onOutline]);
-  const dirty = live ? live.pending : !!state?.dirty;
+  (0, import_react10.useEffect)(() => {
+    const el = scroller.current;
+    if (!el || !editor || !onReading) return;
+    let frame = 0;
+    let last2 = "";
+    const look = () => {
+      cancelAnimationFrame(frame);
+      frame = requestAnimationFrame(() => {
+        const line = el.getBoundingClientRect().top + el.clientHeight / 3;
+        let id = null;
+        editor.state.doc.forEach((node, offset) => {
+          const dom = node.type.name === "heading" && node.textContent.trim() ? editor.view.nodeDOM(offset) : null;
+          if (dom && dom.getBoundingClientRect().top <= line) id = `h${offset}`;
+        });
+        const room2 = el.scrollHeight - el.clientHeight;
+        const progress = room2 > 0 ? Math.round(el.scrollTop / room2 * 100) / 100 : 1;
+        if (`${id}:${progress}` === last2) return;
+        last2 = `${id}:${progress}`;
+        onReading({ documentId, id, progress });
+      });
+    };
+    look();
+    el.addEventListener("scroll", look, { passive: true });
+    return () => {
+      cancelAnimationFrame(frame);
+      el.removeEventListener("scroll", look);
+    };
+  }, [editor, source.data, onReading, documentId]);
+  const dirty = live ? live.pending : !!state?.dirty || unsetup;
   const unsent = live ? live.unsynced && can.edit : dirty;
   (0, import_react10.useEffect)(() => {
     if (!guard || live || !dirty || !source.data || !editor) return;
@@ -7128,6 +7665,11 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
       guard.current = null;
     };
   });
+  (0, import_react10.useEffect)(() => {
+    if (live || !dirty || !can.edit || saving === "busy" || !editor) return;
+    const timer = window.setTimeout(() => void save2(true), 3e3);
+    return () => clearTimeout(timer);
+  });
   (0, import_react10.useEffect)(() => {
     if (!unsent) return;
     const stop = (e) => e.preventDefault();
@@ -7141,6 +7683,30 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
     watch.observe(el);
     return () => watch.disconnect();
   }, [editor, source.data]);
+  (0, import_react10.useEffect)(() => {
+    const el = root.current;
+    if (!el) return;
+    const open2 = () => {
+      setPop("find");
+      el.querySelector(".w100n-text-find input")?.focus();
+    };
+    el.addEventListener("docs-find", open2);
+    return () => el.removeEventListener("docs-find", open2);
+  }, [editor, source.data]);
+  (0, import_react10.useEffect)(() => {
+    const shown = pop === "find" ? query : "";
+    if (editor && searching.getState(editor.state).query !== shown) editor.view.dispatch(editor.state.tr.setMeta(searching, { query: shown }));
+  }, [editor, pop, query]);
+  (0, import_react10.useEffect)(() => {
+    const press = (e) => {
+      if (!(e.metaKey || e.ctrlKey) || e.altKey || e.shiftKey || e.key.toLowerCase() !== "p") return;
+      e.preventDefault();
+      e.stopPropagation();
+      print();
+    };
+    window.addEventListener("keydown", press, true);
+    return () => window.removeEventListener("keydown", press, true);
+  });
   (0, import_react10.useEffect)(() => {
     if (!pop) return;
     const close = (e) => {
@@ -7151,7 +7717,7 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
   }, [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 });
-  const save2 = async () => {
+  const save2 = async (auto = false) => {
     if (live) {
       if (!can.edit || !live.ready || !live.online || !live.pending || saving === "busy") return false;
       setSaving("busy");
@@ -7161,17 +7727,18 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
     }
     const was = baseline.current;
     const doc = editor.state.doc;
-    if (!can.edit || !was || saving === "busy" || doc.eq(was.doc)) return false;
+    if (!can.edit || !was || saving === "busy" || doc.eq(was.doc) && !unsetup) return false;
     setSaving("busy");
     try {
       const md = was.base && toMarkdown(doc, was.base);
-      const out = md ? new TextEncoder().encode(md.text).buffer : await writeDocx(was.bytes, editor.getJSON());
-      await host.save(documentId, out, t.editedNote);
+      const out = md ? new TextEncoder().encode(md.text).buffer : await writeDocx(was.bytes, editor.getJSON(), void 0, unsetup ? { page, ...marginal } : void 0);
+      await host.save(documentId, out, auto ? t.autosavedNote : t.editedNote, auto);
       baseline.current = { bytes: md ? out : was.bytes, doc, base: md ? md.base : null };
       if (!md && editor.state.doc === doc) {
         const fresh2 = (await readDocx(out)).doc;
         if (editor.state.doc === doc && renew(fresh2)) baseline.current = { bytes: out, doc: editor.state.doc, base: null };
       }
+      setUnsetup(false);
       setSaving("done");
       onSaved?.();
       return true;
@@ -7199,7 +7766,6 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
   };
   const linkUp = () => {
     setHref(editor.getAttributes("link").href ?? "");
-    setTab("insert");
     setPop("link");
   };
   const putLink = () => {
@@ -7300,20 +7866,22 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
   const keys2 = (e) => {
     if (e.defaultPrevented) return;
     const key2 = e.key.toLowerCase();
-    const mod = e.metaKey || e.ctrlKey;
-    if (key2 === "escape" && (pop || draft)) {
+    const mod2 = e.metaKey || e.ctrlKey;
+    if (key2 === "escape" && (pop || draft || paint2)) {
       e.stopPropagation();
-      if (pop) setPop(null);
+      if (paint2) setPaint(null);
+      else if (pop) setPop(null);
       else drop2();
       return;
     }
-    if (!mod) return;
+    if (!mod2) return;
     const act = (run2) => {
       e.preventDefault();
       run2();
     };
     if (key2 === "s" && can.edit) act(() => void save2());
     else if (key2 === "k" && can.edit) act(linkUp);
+    else if (key2 === "f" && !e.altKey) act(() => setPop("find"));
     else if (key2 === "m" && e.altKey && can.comment) act(begin);
     else if (!can.edit || e.altKey) return;
     else if (key2 === "]" || key2 === "[") act(() => indent(editor, key2 === "]" ? 1 : -1));
@@ -7344,14 +7912,6 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
     ["quote", named3((s) => /quote/i.test(s.name)) || t.quote, () => editor.chain().focus().clearNodes().setParagraph().setBlockquote().run()],
     ["code", t.code, () => editor.chain().focus().setCodeBlock().run()]
   ];
-  const tabs = [
-    ...can.edit ? [["home", t.home], ["insert", t.insert]] : [],
-    ...can.edit && docx2 ? [["layout", t.layout]] : [],
-    ...can.edit ? [["refs", t.references]] : [],
-    ...host?.comments && (can.comment || open.length > 0) ? [["review", t.review]] : [],
-    ["view", t.viewTab]
-  ];
-  const shown = tabs.some(([key2]) => key2 === tab) ? tab : "view";
   const margins = [[t.marginsNormal, [96, 96, 96, 96]], [t.marginsNarrow, [48, 48, 48, 48]], [t.marginsWide, [96, 192, 96, 192]]];
   const when = (iso) => new Intl.DateTimeFormat(language, { day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" }).format(new Date(iso));
   const person = (c) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("header", { children: [
@@ -7415,10 +7975,273 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
       setPop(null);
     }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("i", { style: { background: c } }) }, i))
   ] });
-  let tools = null;
-  if (shown === "home") tools = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+  const mod = /Mac|iPhone|iPad/.test(navigator.platform) ? "\u2318" : "Ctrl+";
+  const item = (label, run2, more2 = {}) => ({ label, run: run2, ...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 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"]];
+  const lines2 = [[1, t.single], [1.15, "1.15"], [1.5, "1.5"], [2, t.double]];
+  const menus = [
+    ["file", t.menuFile, [
+      ...can.edit ? [
+        item(t.save, () => void save2(), { keys: `${mod}S`, off: !dirty }),
+        item(t.print, print, { keys: `${mod}P` }),
+        ...docx2 ? ["-", item(t.pageSetup, () => setDraft2({ width: page.width, height: page.height, margins: page.margins.map(cm), ...marginal }))] : []
+      ] : [],
+      ...can.edit && (file?.formats.length || file?.copy || file?.rename) ? ["-"] : [],
+      ...(file?.formats ?? []).map((f) => item(`${t.downloadAs} ${f === "md" ? "Markdown" : f.toUpperCase()}`, () => file.download(f))),
+      !!file?.copy && item(t.makeCopy, file.copy),
+      !!file?.rename && item(t.rename, file.rename)
+    ]],
+    ["edit", t.menuEdit, can.edit ? [
+      item(t.undo, () => editor.chain().focus().undo().run(), { keys: `${mod}Z`, off: !state.undo }),
+      item(t.redo, () => editor.chain().focus().redo().run(), { keys: `${mod}\u21E7Z`, off: !state.redo }),
+      "-",
+      item(t.findReplace, () => setPop("find"), { keys: `${mod}F` }),
+      "-",
+      item(t.clearFormat, () => clear(editor), { keys: `${mod}\\` })
+    ] : []],
+    ["view", t.viewTab, [
+      item(t.zoomIn, () => zoomBy(10)),
+      item(t.zoomOut, () => zoomBy(-10)),
+      docx2 && item(t.fitWidth, () => setZoom(null), { on: zoom === null }),
+      item(t.fit, () => setZoom(100)),
+      "-",
+      item(t.outline, () => onPanel?.("outline")),
+      "-",
+      item([docx2 && count.pages ? `${t.pages}: ${count.pages}` : "", `${t.words}: ${count.words.toLocaleString(language)}`].filter(Boolean).join(" \xB7 "), () => {
+      }, { off: true })
+    ]],
+    ["insert", t.insert, can.edit ? [
+      item(t.table, () => setPop("table")),
+      item(t.image, () => {
+        setHref("");
+        setPop("image");
+      }),
+      item(t.link, linkUp, { keys: `${mod}K` }),
+      docx2 && item(t.pageBreak, () => editor.chain().focus().insertContent({ type: "pageBreak" }).run(), { keys: `${mod}\u21B5` }),
+      item(t.rule, () => editor.chain().focus().setHorizontalRule().run()),
+      "-",
+      state.toc < 0 ? item(t.tocInsert, insertToc) : item(t.tocRemove, () => editor.chain().focus().deleteRange({ from: state.toc, to: state.toc + editor.state.doc.nodeAt(state.toc).nodeSize }).run()),
+      can.comment && item(t.addComment, begin, { off: state.empty, keys: `${mod}\u2325M` })
+    ] : []],
+    ["format", t.menuFormat, can.edit ? [
+      ...styles2.map(([key2, label, run2]) => item(label, run2, { on: state.style === key2 })),
+      "-",
+      item(t.bold, () => editor.chain().focus().toggleBold().run(), { on: state.bold, keys: `${mod}B` }),
+      item(t.italic, () => editor.chain().focus().toggleItalic().run(), { on: state.italic, keys: `${mod}I` }),
+      docx2 && item(t.underline, () => editor.chain().focus().toggleUnderline().run(), { on: state.underline, keys: `${mod}U` }),
+      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 }))
+      ] : [],
+      "-",
+      item(t.bullets, () => editor.chain().focus().toggleBulletList().run(), { on: state.bullets }),
+      item(t.numbers, () => editor.chain().focus().toggleOrderedList().run(), { on: state.numbers }),
+      item(t.tasks, () => editor.chain().focus().toggleTaskList().run(), { on: state.tasks }),
+      "-",
+      item(t.outdent, () => indent(editor, -1), { keys: `${mod}[` }),
+      item(t.indent, () => indent(editor, 1), { keys: `${mod}]` })
+    ] : []],
+    ["tools", t.menuTools, [
+      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"))
+    ]]
+  ];
+  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)) })
+  ] }, key2);
+  const seek = (next) => {
+    editor.view.dispatch(editor.state.tr.setMeta(searching, next));
+    const found2 = searching.getState(editor.state);
+    const hit = found2.hits[found2.at];
+    if (hit && next.at !== void 0) {
+      editor.commands.setTextSelection(hit);
+      editor.view.dom.querySelector(".w100n-found.is-current")?.scrollIntoView({ behavior: "smooth", block: "center" });
+    }
+  };
+  const found = searching.getState(editor.state);
+  const finder = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-anchor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "find", "aria-label": t.findReplace, title: t.findReplace, onClick: () => pick("find"), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Search, { "aria-hidden": true }) }),
+    pop === "find" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-pop w100n-text-find", role: "search", "aria-label": t.findReplace, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-docs-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "input",
+          {
+            autoFocus: true,
+            value: query,
+            placeholder: t.find,
+            "aria-label": t.find,
+            onFocus: (e) => e.currentTarget.select(),
+            onChange: (e) => {
+              setQuery(e.target.value);
+              seek({ query: e.target.value, at: 0 });
+            },
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                e.preventDefault();
+                seek({ at: (found?.at ?? 0) + (e.shiftKey ? -1 : 1) });
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("small", { "aria-live": "polite", children: query ? found?.hits.length ? `${(found.at ?? 0) + 1} / ${found.hits.length}` : t.noHits : "" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", "aria-label": t.previous, title: t.previous, disabled: !found?.hits.length, onClick: () => seek({ at: found.at - 1 }), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.ChevronUp, { "aria-hidden": true }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", "aria-label": t.next, title: t.next, disabled: !found?.hits.length, onClick: () => seek({ at: found.at + 1 }), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.ChevronDown, { "aria-hidden": true }) })
+      ] }),
+      can.edit && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-docs-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { value: swap, placeholder: t.replaceWith, "aria-label": t.replaceWith, onChange: (e) => setSwap(e.target.value) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "w100n-pdf-link", disabled: !found?.hits.length, onClick: () => {
+          replace(editor, swap, false);
+          seek({});
+        }, children: t.replaceOne }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "w100n-docs-action", disabled: !found?.hits.length, onClick: () => {
+          replace(editor, swap, true);
+          seek({});
+        }, children: t.replaceAll })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "w100n-setup-check", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { type: "checkbox", checked: matchCase, onChange: (e) => {
+          setMatchCase(e.target.checked);
+          seek({ matchCase: e.target.checked, at: 0 });
+        } }),
+        t.matchCase
+      ] })
+    ] })
+  ] });
+  const formats = ["bold", "italic", "underline", "strike", "code", "highlight", "textStyle", "superscript", "subscript"];
+  const take = (keep2) => {
+    if (paint2 && !keep2) return setPaint(null);
+    const { $from } = editor.state.selection;
+    const marks2 = (editor.state.storedMarks ?? $from.marks()).filter((m) => formats.includes(m.type.name)).map((m) => ({ type: m.type.name, attrs: m.attrs }));
+    setPaint({ marks: marks2, block: { align: $from.parent.attrs.align, line: $from.parent.attrs.line, after: $from.parent.attrs.after }, keep: keep2 });
+  };
+  const lay = () => {
+    if (!paint2 || editor.state.selection.empty) return;
+    const chain = editor.chain().focus();
+    for (const name of formats) chain.unsetMark(name);
+    for (const m of paint2.marks) chain.setMark(m.type, m.attrs);
+    chain.run();
+    align2(editor, paint2.block.align);
+    spacing(editor, { line: paint2.block.line, after: paint2.block.after });
+    if (!paint2.keep) setPaint(null);
+  };
+  const fontPicker = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-anchor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-text-picker", "data-size": "mid", "data-pop": true, "aria-haspopup": "listbox", "aria-expanded": pop === "font", "aria-label": t.font, title: t.font, onClick: () => pick("font"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { fontFamily: state.font ?? void 0 }, children: state.font ?? t.defaultFont }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.ChevronDown, { "aria-hidden": true })
+    ] }),
+    pop === "font" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-pop w100n-text-styles", role: "listbox", "aria-label": t.font, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", role: "option", "aria-selected": !state.font, onClick: () => {
+        editor.chain().focus().unsetFontFamily().run();
+        setPop(null);
+      }, children: t.defaultFont }),
+      faces.map((f) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", role: "option", "aria-selected": state.font === f, style: { fontFamily: f }, onClick: () => {
+        editor.chain().focus().setFontFamily(f).run();
+        setPop(null);
+      }, children: f }, f))
+    ] })
+  ] });
+  const sizePicker = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-anchor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-text-picker", "data-size": "small", "data-pop": true, "aria-haspopup": "listbox", "aria-expanded": pop === "size", "aria-label": t.fontSize, title: t.fontSize, onClick: () => pick("size"), children: [
+      state.size ? parseFloat(state.size) : t.defaultFont,
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.ChevronDown, { "aria-hidden": true })
+    ] }),
+    pop === "size" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-pop w100n-text-styles", role: "listbox", "aria-label": t.fontSize, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", role: "option", "aria-selected": !state.size, onClick: () => {
+        editor.chain().focus().unsetFontSize().run();
+        setPop(null);
+      }, children: t.defaultFont }),
+      sizes.map((n) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", role: "option", "aria-selected": state.size !== null && parseFloat(state.size) === n, onClick: () => {
+        editor.chain().focus().setFontSize(`${n}pt`).run();
+        setPop(null);
+      }, children: n }, n))
+    ] })
+  ] });
+  const spacer = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-anchor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "spacing", "aria-label": t.lineSpacing, title: t.lineSpacing, onClick: () => pick("spacing"), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.UnfoldVertical, { "aria-hidden": true }) }),
+    pop === "spacing" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-pop w100n-text-styles", role: "listbox", "aria-label": t.lineSpacing, children: [
+      lines2.map(([v, label]) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", role: "option", "aria-selected": state.line === v, onClick: () => {
+        spacing(editor, { line: v });
+        setPop(null);
+      }, children: label }, v)),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("hr", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", role: "option", "aria-selected": false, onClick: () => {
+        spacing(editor, { after: state.after === 0 ? 8 : 0 });
+        setPop(null);
+      }, children: state.after === 0 ? t.spaceAfter : t.noSpaceAfter })
+    ] })
+  ] });
+  const applySetup = () => {
+    const d = draft2;
+    const next = { width: d.width, height: d.height, margins: d.margins.map((v) => Math.round(v / 2.54 * 96 * 100) / 100) };
+    const marks2 = { header: d.header.trim(), footer: d.footer.trim(), numbers: d.numbers };
+    if (shared) shared.doc.transact(() => {
+      const map = shared.doc.getMap("setup");
+      map.set("page", next);
+      for (const [key2, v] of Object.entries(marks2)) map.set(key2, v);
+    });
+    else {
+      setLayout(next);
+      setMarg(marks2);
+      setUnsetup(true);
+    }
+    setDraft2(null);
+  };
+  const zooms = [50, 75, 90, 100, 125, 150, 200];
+  const zoomer = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-anchor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-text-picker", "data-size": "small", "data-pop": true, "aria-haspopup": "listbox", "aria-expanded": pop === "zoom", "aria-label": t.zoom, title: t.zoom, onClick: () => pick("zoom"), children: [
+      percent,
+      "%",
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.ChevronDown, { "aria-hidden": true })
+    ] }),
+    pop === "zoom" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-pop w100n-text-styles", role: "listbox", "aria-label": t.zoom, children: [
+      docx2 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", role: "option", "aria-selected": zoom === null, onClick: () => {
+        setZoom(null);
+        setPop(null);
+      }, children: t.fitWidth }),
+      zooms.map((z) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", role: "option", "aria-selected": zoom === z, onClick: () => {
+        setZoom(z);
+        setPop(null);
+      }, children: [
+        z,
+        "%"
+      ] }, z))
+    ] })
+  ] });
+  const Aligned = aligns.find(([, , value3]) => value3 === state.align)?.[0] ?? import_lucide_react5.AlignLeft;
+  const aligner = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-anchor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "align", "aria-label": t.align, title: t.align, onClick: () => pick("align"), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Aligned, { "aria-hidden": true }) }),
+    pop === "align" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "w100n-text-pop", role: "group", "aria-label": t.align, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "w100n-text-tools", children: aligns.map(([icon, label, value3], i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react10.Fragment, { children: tool(icon, label, () => {
+      align2(editor, value3);
+      setPop(null);
+    }, state.align === value3) }, i)) }) })
+  ] });
+  const widen = () => {
+    localStorage.setItem("w100n-docs-more", more ? "" : "1");
+    setMore(!more);
+  };
+  const main = can.edit ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-anchor", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-text-picker", "data-pop": true, "aria-haspopup": "listbox", "aria-expanded": pop === "style", "aria-label": t.paragraphStyle, title: t.paragraphStyle, onClick: () => pick("style"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-text-picker", "data-size": "mid", "data-pop": true, "aria-haspopup": "listbox", "aria-expanded": pop === "style", "aria-label": t.paragraphStyle, title: t.paragraphStyle, onClick: () => pick("style"), children: [
         styles2.find(([key2]) => key2 === state.style)?.[1] ?? t.normal,
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.ChevronDown, { "aria-hidden": true })
       ] }),
@@ -7441,8 +8264,7 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
     gap,
     tool(import_lucide_react5.Bold, t.bold, () => editor.chain().focus().toggleBold().run(), state.bold),
     tool(import_lucide_react5.Italic, t.italic, () => editor.chain().focus().toggleItalic().run(), state.italic),
-    docx2 && tool(import_lucide_react5.Underline, t.underline, () => editor.chain().focus().toggleUnderline().run(), state.underline),
-    tool(import_lucide_react5.Strikethrough, t.strike, () => editor.chain().focus().toggleStrike().run(), state.strike),
+    docx2 ? tool(import_lucide_react5.Underline, t.underline, () => editor.chain().focus().toggleUnderline().run(), state.underline) : tool(import_lucide_react5.Strikethrough, t.strike, () => editor.chain().focus().toggleStrike().run(), state.strike),
     !docx2 && tool(import_lucide_react5.Code, t.code, () => editor.chain().focus().toggleCode().run(), state.code),
     docx2 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-anchor", children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "color", "aria-label": t.textColour, title: t.textColour, onClick: () => pick("color"), children: [
@@ -7451,60 +8273,34 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
       ] }),
       pop === "color" && swatches(inks, state.color, (c) => c ? editor.chain().focus().setColor(c).run() : editor.chain().focus().unsetColor().run(), t.automatic)
     ] }),
-    docx2 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-anchor", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "mark", "aria-pressed": state.glow, "aria-label": t.highlight, title: t.highlight, onClick: () => pick("mark"), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Highlighter, { "aria-hidden": true }) }),
-      pop === "mark" && swatches(glows, null, (c) => c ? editor.chain().focus().setHighlight({ color: c }).run() : editor.chain().focus().unsetHighlight().run(), t.noColour)
-    ] }),
     gap,
+    docx2 && 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),
-    tool(import_lucide_react5.ListChecks, t.tasks, () => editor.chain().focus().toggleTaskList().run(), state.tasks),
-    docx2 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-      gap,
-      [[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"]].map(([icon, label, value3], i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react10.Fragment, { children: tool(icon, label, () => align2(editor, value3), state.align === value3) }, i))
-    ] }),
+    !docx2 && tool(import_lucide_react5.ListChecks, t.tasks, () => editor.chain().focus().toggleTaskList().run(), state.tasks),
     gap,
-    tool(import_lucide_react5.ListIndentDecrease, t.outdent, () => indent(editor, -1)),
-    tool(import_lucide_react5.ListIndentIncrease, t.indent, () => indent(editor, 1)),
-    tool(import_lucide_react5.RemoveFormatting, t.clearFormat, () => clear(editor))
-  ] });
-  else if (shown === "insert") tools = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-anchor", children: [
-      /* @__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 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 }),
-              onClick: () => {
-                editor.chain().focus().insertTable({ rows, cols, withHeaderRow: true }).run();
-                setPop(null);
-              }
-            },
-            i
-          );
-        }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("small", { children: grid3.rows ? `${grid3.rows} \xD7 ${grid3.cols}` : t.table })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "link", "aria-pressed": state.link, "aria-label": t.link, title: t.link, onClick: () => pop === "link" ? setPop(null) : linkUp(), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Link, { "aria-hidden": true }) }),
+      pop === "link" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-pop w100n-text-form", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { autoFocus: true, value: href, placeholder: t.linkAddress, "aria-label": t.linkAddress, onChange: (e) => setHref(e.target.value), onKeyDown: (e) => {
+          if (e.key === "Enter") putLink();
+        } }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-docs-row", children: [
+          state.link && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-pdf-link", onClick: () => {
+            editor.chain().focus().extendMarkRange("link").unsetLink().run();
+            setPop(null);
+          }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Link2Off, { "aria-hidden": true }),
+            t.unlink
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: !href.trim(), onClick: putLink, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Link, { "aria-hidden": true }),
+            t.apply
+          ] })
+        ] })
       ] })
     ] }),
-    state.table && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-      tool(import_lucide_react5.BetweenHorizontalStart, t.rowAbove, () => editor.chain().focus().addRowBefore().run()),
-      tool(import_lucide_react5.BetweenHorizontalEnd, t.rowBelow, () => editor.chain().focus().addRowAfter().run()),
-      tool(import_lucide_react5.BetweenVerticalStart, t.columnLeft, () => editor.chain().focus().addColumnBefore().run()),
-      tool(import_lucide_react5.BetweenVerticalEnd, t.columnRight, () => editor.chain().focus().addColumnAfter().run()),
-      tool(import_lucide_react5.PanelTop, t.headerRow, () => editor.chain().focus().toggleHeaderRow().run()),
-      docx2 && tool(import_lucide_react5.TableCellsMerge, t.mergeCells, () => editor.chain().focus().mergeOrSplit().run()),
-      tool(import_lucide_react5.TableRowsSplit, t.deleteRow, () => editor.chain().focus().deleteRow().run()),
-      tool(import_lucide_react5.TableColumnsSplit, t.deleteColumn, () => editor.chain().focus().deleteColumn().run()),
-      tool(import_lucide_react5.Trash2, t.deleteTable, () => editor.chain().focus().deleteTable().run())
-    ] }),
-    gap,
+    can.comment && tool(import_lucide_react5.MessageSquarePlus, t.addComment, begin, void 0, state.empty),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-anchor", children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "image", "aria-label": t.image, title: t.image, onClick: () => {
         setHref("");
@@ -7531,14 +8327,14 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
           docx2 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "w100n-pdf-link", children: [
             t.chooseFile,
             /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { type: "file", accept: "image/png,image/jpeg,image/gif", hidden: true, onChange: (e) => {
-              const file = e.target.files?.[0];
-              if (!file) return;
+              const file2 = e.target.files?.[0];
+              if (!file2) return;
               const reader = new FileReader();
               reader.onload = () => {
-                editor.chain().focus().setImage({ src: String(reader.result), alt: file.name }).run();
+                editor.chain().focus().setImage({ src: String(reader.result), alt: file2.name }).run();
                 setPop(null);
               };
-              reader.readAsDataURL(file);
+              reader.readAsDataURL(file2);
             } })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: !href.trim(), onClick: () => {
@@ -7552,162 +8348,215 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-anchor", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "link", "aria-pressed": state.link, "aria-label": t.link, title: t.link, onClick: () => pop === "link" ? setPop(null) : linkUp(), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Link, { "aria-hidden": true }) }),
-      pop === "link" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-pop w100n-text-form", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { autoFocus: true, value: href, placeholder: t.linkAddress, "aria-label": t.linkAddress, onChange: (e) => setHref(e.target.value), onKeyDown: (e) => {
-          if (e.key === "Enter") putLink();
-        } }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-docs-row", children: [
-          state.link && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-pdf-link", onClick: () => {
-            editor.chain().focus().extendMarkRange("link").unsetLink().run();
-            setPop(null);
-          }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Link2Off, { "aria-hidden": true }),
-            t.unlink
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: !href.trim(), onClick: putLink, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Link, { "aria-hidden": true }),
-            t.apply
-          ] })
-        ] })
+      /* @__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 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 }),
+              onClick: () => {
+                editor.chain().focus().insertTable({ rows, cols, withHeaderRow: true }).run();
+                setPop(null);
+              }
+            },
+            i
+          );
+        }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("small", { children: grid3.rows ? `${grid3.rows} \xD7 ${grid3.cols}` : t.table })
       ] })
     ] }),
-    docx2 && tool(import_lucide_react5.SeparatorHorizontal, t.pageBreak, () => editor.chain().focus().insertContent({ type: "pageBreak" }).run()),
-    tool(import_lucide_react5.Minus, t.rule, () => editor.chain().focus().setHorizontalRule().run())
-  ] });
-  else if (shown === "layout") tools = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "w100n-text-label", children: t.pageSize }),
-    [["A4", a4], ["Letter", letter]].map(([label, size2], i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "button",
-      {
-        type: "button",
-        className: "w100n-text-word",
-        "aria-pressed": Math.abs(page.width - size2.width) < 2 && Math.abs(page.height - size2.height) < 2,
-        onClick: () => setLayout({ ...page, width: size2.width, height: size2.height }),
-        children: label
-      },
-      i
-    )),
     gap,
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "w100n-text-label", children: t.margins }),
-    margins.map(([label, values], i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "button",
-      {
-        type: "button",
-        className: "w100n-text-word",
-        "aria-pressed": values.every((v, n) => Math.abs(page.margins[n] - v) < 2),
-        onClick: () => setLayout({ ...page, margins: values }),
-        children: label
-      },
-      i
-    ))
-  ] });
-  else if (shown === "refs") tools = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    state.toc < 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-docs-action", onClick: () => {
-      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();
-    }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.TableOfContents, { "aria-hidden": true }),
-      t.tocInsert
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-text-word", onClick: () => editor.view.nodeDOM(state.toc)?.scrollIntoView({ behavior: "smooth", block: "start" }), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.TableOfContents, { "aria-hidden": true }),
-        t.tocGo
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", onClick: () => editor.chain().focus().deleteRange({ from: state.toc, to: state.toc + editor.state.doc.nodeAt(state.toc).nodeSize }).run(), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Trash2, { "aria-hidden": true }),
-        t.tocRemove
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "w100n-text-label", children: t.tocHint })
-  ] });
-  else if (shown === "review") tools = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    can.comment && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: state.empty, onClick: begin, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.MessageSquarePlus, { "aria-hidden": true }),
-      t.addComment
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", "aria-expanded": more, "aria-label": more ? t.fewerTools : t.moreTools, title: more ? t.fewerTools : t.moreTools, onClick: widen, children: more ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.ChevronDown, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.ChevronUp, { "aria-hidden": true }) })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-text-word", onClick: () => onPanel?.("outline"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.ListTree, { "aria-hidden": true }),
+      t.outline
     ] }),
-    docx2 && can.edit && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-        "button",
-        {
-          type: "button",
-          className: "w100n-text-word",
-          "aria-pressed": state.suggest,
-          onClick: () => editor.view.dispatch(editor.state.tr.setMeta(suggesting, { on: !state.suggest, me: host?.me.name ?? "" })),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.FilePenLine, { "aria-hidden": true }),
-            t.suggest
-          ]
-        }
-      ),
-      state.revs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "green", onClick: () => decide(editor, true), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.CheckCheck, { "aria-hidden": true }),
-          t.acceptAll
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", onClick: () => decide(editor, false), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.X, { "aria-hidden": true }),
-          t.rejectAll
-        ] })
+    can.comment && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "w100n-text-grow" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: state.empty, onClick: begin, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.MessageSquarePlus, { "aria-hidden": true }),
+        t.addComment
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-text-word", onClick: () => onPanel?.("comments"), children: [
+    !!host?.comments && (can.comment || open.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-text-word", onClick: () => onPanel?.("comments"), children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.MessagesSquare, { "aria-hidden": true }),
       t.comments,
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("b", { children: open.length })
     ] })
   ] });
-  else tools = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    tool(import_lucide_react5.Minus, t.zoomOut, () => zoomBy(-10)),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-pdf-zoom", children: [
-      percent,
-      "%"
+  const extra = can.edit && more && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    docx2 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+      fontPicker,
+      sizePicker,
+      gap
+    ] }),
+    docx2 && tool(import_lucide_react5.Strikethrough, t.strike, () => editor.chain().focus().toggleStrike().run(), state.strike),
+    docx2 && tool(import_lucide_react5.Superscript, t.superscript, () => editor.chain().focus().toggleMark("superscript").run(), state.sup),
+    docx2 && tool(import_lucide_react5.Subscript, t.subscript, () => editor.chain().focus().toggleMark("subscript").run(), state.sub),
+    docx2 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-anchor", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "mark", "aria-pressed": state.glow, "aria-label": t.highlight, title: t.highlight, onClick: () => pick("mark"), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Highlighter, { "aria-hidden": true }) }),
+      pop === "mark" && swatches(glows, null, (c) => c ? editor.chain().focus().setHighlight({ color: c }).run() : editor.chain().focus().unsetHighlight().run(), t.noColour)
     ] }),
-    tool(import_lucide_react5.Plus, t.zoomIn, () => zoomBy(10)),
-    docx2 && tool(import_lucide_react5.MoveHorizontal, t.fitWidth, () => setZoom(null), zoom === null),
-    tool(import_lucide_react5.Maximize2, t.fit, () => setZoom(100)),
+    docx2 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+      gap,
+      spacer
+    ] }),
+    tool(import_lucide_react5.ListIndentDecrease, t.outdent, () => indent(editor, -1)),
+    tool(import_lucide_react5.ListIndentIncrease, t.indent, () => indent(editor, 1)),
+    docx2 && tool(import_lucide_react5.ListChecks, t.tasks, () => editor.chain().focus().toggleTaskList().run(), state.tasks),
     gap,
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-text-word", onClick: () => onPanel?.("outline"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.ListTree, { "aria-hidden": true }),
-      t.outline
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", "aria-label": t.painter, title: paint2 ? t.painterHint : t.painter, "aria-pressed": !!paint2, onClick: () => take(false), onDoubleClick: () => take(true), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.PaintRoller, { "aria-hidden": true }) }),
+    tool(import_lucide_react5.RemoveFormatting, t.clearFormat, () => clear(editor)),
+    docx2 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+      gap,
+      tool(import_lucide_react5.FilePenLine, t.suggest, suggest, state.suggest)
     ] })
   ] });
-  const sheet2 = docx2 ? { "--page-w": `${page.width}px`, "--page-h": `${page.height}px`, "--mt": `${page.margins[0]}px`, "--mr": `${page.margins[1]}px`, "--mb": `${page.margins[2]}px`, "--ml": `${page.margins[3]}px` } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w100n-text", "data-kind": kind, onKeyDown: keys2, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w100n-text-ribbon", role: "toolbar", "aria-label": t.textTools, onKeyDown: rove, onPointerDown: (e) => {
-      if (e.target.closest("button")) e.preventDefault();
-    }, children: [
-      (tabs.length > 1 || live) && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w100n-text-tabs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { role: "tablist", "aria-label": t.textTools, children: tabs.length > 1 && tabs.map(([key2, label]) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", role: "tab", "aria-selected": shown === key2, onClick: () => {
-          setTab(key2);
-          setPop(null);
-        }, children: label }, key2)) }),
-        (can.edit || live) && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-end", children: [
-          live && (live.ready ? !live.online : live.late || live.denied) && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-live", title: live.denied ? void 0 : t.offlineHint, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.WifiOff, { "aria-hidden": true }),
-            live.denied ? t.liveOff : t.offline
-          ] }),
-          live && live.people.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "w100n-text-people", role: "group", "aria-label": t.people, children: live.people.map((p) => /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)("img", { src: p.avatarUrl, alt: "" }) : p.name.slice(0, 1).toUpperCase() }, p.id)) }),
-          state.suggest && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "w100n-docs-badge", children: t.suggesting }),
-          can.edit && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-            tool(import_lucide_react5.Undo2, t.undo, () => editor.chain().focus().undo().run(), void 0, !state.undo),
-            tool(import_lucide_react5.Redo2, t.redo, () => editor.chain().focus().redo().run(), void 0, !state.redo),
-            saving === "failed" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "w100n-docs-muted", children: t.saveFailed }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-docs-action", disabled: !dirty || saving === "busy" || !!live && !live.online, onClick: () => void save2(), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Save, { "aria-hidden": true }),
-              saving === "busy" ? t.saving : !dirty && saving === "done" ? t.saved : t.save
-            ] })
-          ] })
-        ] })
+  const context = can.edit && (state.table ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    tool(import_lucide_react5.BetweenHorizontalStart, t.rowAbove, () => editor.chain().focus().addRowBefore().run()),
+    tool(import_lucide_react5.BetweenHorizontalEnd, t.rowBelow, () => editor.chain().focus().addRowAfter().run()),
+    tool(import_lucide_react5.BetweenVerticalStart, t.columnLeft, () => editor.chain().focus().addColumnBefore().run()),
+    tool(import_lucide_react5.BetweenVerticalEnd, t.columnRight, () => editor.chain().focus().addColumnAfter().run()),
+    tool(import_lucide_react5.PanelTop, t.headerRow, () => editor.chain().focus().toggleHeaderRow().run()),
+    docx2 && tool(import_lucide_react5.TableCellsMerge, t.mergeCells, () => editor.chain().focus().mergeOrSplit().run()),
+    docx2 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-anchor", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", "data-pop": true, "aria-expanded": pop === "fill", "aria-label": t.cellFill, title: t.cellFill, onClick: () => pick("fill"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.PaintBucket, { "aria-hidden": true }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("i", { className: "w100n-text-bar", style: { background: state.fill ?? "transparent" } })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w100n-text-tools", role: "group", "aria-label": tabs.find(([key2]) => key2 === shown)?.[1], children: tools })
+      pop === "fill" && swatches(glows, state.fill, (c) => editor.chain().focus().setCellAttribute("background", c).run(), t.noColour)
+    ] }),
+    docx2 && tool(import_lucide_react5.Grid3x3, t.tableBorders, () => editor.chain().focus().updateAttributes("table", { borders: state.bare ? null : "none" }).run(), !state.bare),
+    tool(import_lucide_react5.TableRowsSplit, t.deleteRow, () => editor.chain().focus().deleteRow().run()),
+    tool(import_lucide_react5.TableColumnsSplit, t.deleteColumn, () => editor.chain().focus().deleteColumn().run()),
+    tool(import_lucide_react5.Trash2, t.deleteTable, () => editor.chain().focus().deleteTable().run())
+  ] }) : state.img && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: [[import_lucide_react5.Image, t.wrapInline, "inline"], [import_lucide_react5.PanelLeft, t.wrapLeft, "left"], [import_lucide_react5.PanelRight, t.wrapRight, "right"]].map(([icon, label, value3]) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react10.Fragment, { children: tool(icon, label, () => editor.chain().focus().updateAttributes("image", { wrap: value3 === "inline" ? null : value3 }).run(), state.img === value3) }, value3)) }));
+  const status = (can.edit || live) && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-end", children: [
+    live && (live.ready ? !live.online : live.late || live.denied) && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "w100n-text-live", title: live.denied ? void 0 : t.offlineHint, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.WifiOff, { "aria-hidden": true }),
+      live.denied ? t.liveOff : t.offline
+    ] }),
+    state.suggest && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "w100n-docs-badge", children: t.suggesting }),
+    can.edit && saving === "failed" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-text-saved", title: `${t.save} (${mod}S)`, onClick: () => void save2(), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.CloudAlert, { "aria-hidden": true }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: t.saveFailed })
+    ] }),
+    live && live.people.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "w100n-text-people", role: "group", "aria-label": t.people, children: live.people.map((p) => /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)("img", { src: p.avatarUrl, alt: "" }) : p.name.split(/\s+/).map((w) => w[0]).join("").slice(0, 2).toUpperCase() }, p.id)) })
+  ] });
+  const menubar = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "w100n-text-menus", role: "menubar", "aria-label": t.textTools, children: menus.filter(([, , list]) => list.some((x) => x && x !== "-")).map(menu) });
+  const keep = (e) => {
+    if (e.target.closest("button")) e.preventDefault();
+  };
+  const sheet2 = docx2 ? { "--page-w": `${page.width}px`, "--page-h": `${page.height}px`, "--mt": `${page.margins[0]}px`, "--mr": `${page.margins[1]}px`, "--mb": `${page.margins[2]}px`, "--ml": `${page.margins[3]}px` } : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { ref: root, className: "w100n-text", "data-kind": kind, "data-docs-find": true, onKeyDown: keys2, children: [
+    head2 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+      head2.menus && (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w100n-text-ribbon w100n-text-docbar", onKeyDown: rove, onPointerDown: keep, children: menubar }), head2.menus),
+      head2.status && status && (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w100n-text-ribbon w100n-text-docbar", onPointerDown: keep, children: status }), head2.status)
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w100n-text-ribbon w100n-text-top", onKeyDown: rove, onPointerDown: keep, children: [
+      menubar,
+      status
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref: scroller, className: "w100n-text-scroll", onClick: (e) => {
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref: scroller, className: "w100n-text-scroll", "data-paint": !!paint2, onMouseUp: lay, onClick: (e) => {
       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 }) }) }) }),
+    /* @__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,
+      tool(import_lucide_react5.Plus, t.zoomIn, () => zoomBy(10))
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w100n-text-ribbon w100n-text-island", role: "toolbar", "aria-label": t.textTools, onKeyDown: rove, onPointerDown: keep, children: [
+      context && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w100n-text-tools", role: "group", "aria-label": state.table ? t.table : t.image, children: context }),
+      extra && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w100n-text-tools", role: "group", "aria-label": t.moreTools, children: extra }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w100n-text-tools", role: "group", "aria-label": t.textTools, children: main })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w100n-text-ribbon w100n-text-corner", "data-side": "right", onPointerDown: keep, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w100n-text-tools", role: "group", "aria-label": t.findReplace, children: [
+      can.edit && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+        tool(import_lucide_react5.Undo2, t.undo, () => editor.chain().focus().undo().run(), void 0, !state.undo),
+        tool(import_lucide_react5.Redo2, t.redo, () => editor.chain().focus().redo().run(), void 0, !state.redo),
+        gap
+      ] }),
+      finder
+    ] }) }),
+    draft2 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w100n-pdf-back", onKeyDown: (e) => {
+      if (e.key === "Escape") {
+        e.stopPropagation();
+        setDraft2(null);
+      }
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("form", { className: "w100n-pdf-dialog w100n-setup", role: "dialog", "aria-modal": true, "aria-label": t.pageSetup, onSubmit: (e) => {
+      e.preventDefault();
+      applySetup();
+    }, children: [
+      /* @__PURE__ */ (0, import_jsx_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.Ruler, { "aria-hidden": true }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("b", { className: "w100n-pdf-dialog-title", children: t.pageSetup }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "w100n-docs-close", onClick: () => setDraft2(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)("p", { className: "w100n-docs-caption", children: t.pageSize }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w100n-docs-chips", role: "group", "aria-label": t.pageSize, children: [["A4", a4], ["Letter", letter], ["Legal", legal]].map(([label, size2]) => {
+        const land = draft2.width > draft2.height;
+        const on2 = Math.abs(Math.min(draft2.width, draft2.height) - size2.width) < 2 && Math.abs(Math.max(draft2.width, draft2.height) - size2.height) < 2;
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", "aria-pressed": on2, onClick: () => setDraft2({ ...draft2, width: land ? size2.height : size2.width, height: land ? size2.width : size2.height }), children: label }, label);
+      }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "w100n-docs-caption", children: t.orientation }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w100n-docs-chips", role: "group", "aria-label": t.orientation, children: [[false, t.portrait], [true, t.landscape]].map(([land, label]) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "button",
+        {
+          type: "button",
+          "aria-pressed": draft2.width > draft2.height === land,
+          onClick: () => {
+            if (draft2.width > draft2.height !== land) setDraft2({ ...draft2, width: draft2.height, height: draft2.width });
+          },
+          children: label
+        },
+        label
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "w100n-docs-caption", children: t.marginsCm }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w100n-docs-chips", role: "group", "aria-label": t.margins, children: margins.map(([label, values]) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", "aria-pressed": values.every((v, n) => Math.abs(cm(v) - draft2.margins[n]) < 0.05), onClick: () => setDraft2({ ...draft2, margins: values.map(cm) }), children: label }, label)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w100n-setup-grid", children: [t.mTop, t.mRight, t.mBottom, t.mLeft].map((label, n) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "input",
+          {
+            className: "w100n-docs-field",
+            type: "number",
+            min: 0,
+            max: 10,
+            step: 0.1,
+            value: draft2.margins[n],
+            onChange: (e) => setDraft2({ ...draft2, margins: draft2.margins.map((v, i) => i === n ? Math.max(0, Math.min(10, Number(e.target.value) || 0)) : v) })
+          }
+        )
+      ] }, n)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "w100n-setup-line", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: t.headerText }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { className: "w100n-docs-field", value: draft2.header, onChange: (e) => setDraft2({ ...draft2, header: e.target.value }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "w100n-setup-line", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: t.footerText }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { className: "w100n-docs-field", value: draft2.footer, onChange: (e) => setDraft2({ ...draft2, footer: e.target.value }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "w100n-setup-check", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { type: "checkbox", checked: draft2.numbers, onChange: (e) => setDraft2({ ...draft2, numbers: e.target.checked }) }),
+        t.pageNumbers
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w100n-pdf-dialog-end", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => setDraft2(null), children: t.cancel }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "w100n-docs-action", onClick: applySetup, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Check, { "aria-hidden": true }),
+          t.apply
+        ] })
+      ] })
+    ] }) }),
     slot && (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w100n-text-notes", children: [
       draft && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "w100n-text-card w100n-text-draft", children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("blockquote", { children: draft.quote }),
@@ -7819,7 +8668,7 @@ function TextEditor({ kind, bytes, t, language, rights, host, together, document
     ] }), slot)
   ] });
 }
-var import_react9, import_lucide_react5, import_react10, import_react_dom2, import_jsx_runtime6, inks, glows, uid2;
+var import_react9, import_lucide_react5, import_react10, import_react_dom2, import_jsx_runtime6, legal, cm, inks, glows, faces, sizes, uid2;
 var init_TextEditor = __esm({
   "src/editor/TextEditor.tsx"() {
     "use strict";
@@ -7836,8 +8685,12 @@ var init_TextEditor = __esm({
     init_markdown();
     init_pager();
     import_jsx_runtime6 = require("react/jsx-runtime");
+    legal = { width: 816, height: 1344 };
+    cm = (px2) => Math.round(px2 / 96 * 254) / 100;
     inks = ["#0f172a", "#475569", "#dc2626", "#ea580c", "#ca8a04", "#16a34a", "#0891b2", "#2563eb", "#7c3aed", "#db2777"];
     glows = ["#fef08a", "#bbf7d0", "#bfdbfe", "#fbcfe8", "#fed7aa", "#ddd6fe"];
+    faces = ["Arial", "Calibri", "Cambria", "Courier New", "Georgia", "Inter", "Roboto", "Times New Roman", "Verdana"];
+    sizes = [8, 9, 10, 11, 12, 14, 16, 18, 20, 24, 28, 32, 36, 48, 72];
     uid2 = () => Math.random().toString(36).slice(2, 10);
   }
 });
@@ -8159,7 +9012,7 @@ function bind(api, injector, doc, model, edit) {
   const linesTo = (sid, ids, row2) => {
     const { rowData, colData } = pieces(sheets.get(sid));
     const map = row2 ? index(sid).rows : index(sid).cols;
-    const info = {}, sizes = {};
+    const info = {}, sizes2 = {};
     const ranges = [];
     for (const id of ids) {
       const i = map.get(id);
@@ -8168,16 +9021,16 @@ function bind(api, injector, doc, model, edit) {
       const s = x?.s ? styles2.get(x.s) : void 0;
       info[i] = x ? row2 ? { h: x.h, hd: x.hd, ia: x.ia, s } : { w: x.w, hd: x.hd, s } : null;
       const size2 = row2 ? x?.h : x?.w;
-      if (size2 !== void 0) sizes[i] = size2;
+      if (size2 !== void 0) sizes2[i] = size2;
       ranges.push({ startRow: row2 ? i : 0, endRow: row2 ? i : 0, startColumn: row2 ? 0 : i, endColumn: row2 ? 0 : i });
     }
     if (!ranges.length) return;
     if (row2) {
       run2("sheet.mutation.set-row-data", { subUnitId: sid, rowData: info });
-      run2("sheet.mutation.set-worksheet-row-height", { subUnitId: sid, ranges, rowHeight: sizes });
+      run2("sheet.mutation.set-worksheet-row-height", { subUnitId: sid, ranges, rowHeight: sizes2 });
     } else {
       run2("sheet.mutation.set-col-data", { subUnitId: sid, columnData: info });
-      run2("sheet.mutation.set-worksheet-col-width", { subUnitId: sid, ranges, colWidth: sizes });
+      run2("sheet.mutation.set-worksheet-col-width", { subUnitId: sid, ranges, colWidth: sizes2 });
     }
   };
   const mergesTo = (sid) => {
@@ -8343,7 +9196,7 @@ __export(grid_exports, {
   grid: () => grid2,
   marks: () => marks
 });
-function grid2(container, language, dark, edit) {
+function grid2(container, language, edit) {
   return (0, import_presets.createUniver)({
     locale: language === "pl" ? import_presets.LocaleType.PL_PL : import_presets.LocaleType.EN_US,
     locales: {
@@ -8351,7 +9204,7 @@ function grid2(container, language, dark, edit) {
       [import_presets.LocaleType.PL_PL]: (0, import_presets.mergeLocales)(import_pl_PL.default, import_pl_PL2.default, import_pl_PL3.default, import_pl_PL4.default, import_pl_PL5.default, import_pl_PL6.default)
     },
     theme: import_presets.purpleTheme,
-    darkMode: dark,
+    darkMode: false,
     presets: [
       (0, import_preset_sheets_core.UniverSheetsCorePreset)({
         container,
@@ -8432,10 +9285,26 @@ var init_grid = __esm({
 var SheetView_exports = {};
 __export(SheetView_exports, {
   SheetView: () => SheetView,
+  autoSum: () => autoSum,
+  decimals: () => decimals,
   default: () => SheetView_default,
   readSheet: () => readSheet,
   writeSheet: () => writeSheet
 });
+function autoSum(r, numeric2) {
+  if (r.startRow !== r.endRow || r.startColumn !== r.endColumn) {
+    return Array.from({ length: r.endColumn - r.startColumn + 1 }, (_, i) => {
+      const col = r.startColumn + i;
+      return { row: r.endRow + 1, col, f: `=SUM(${letters2(col)}${r.startRow + 1}:${letters2(col)}${r.endRow + 1})` };
+    });
+  }
+  let top = r.startRow;
+  while (top > 0 && numeric2(top - 1, r.startColumn)) top--;
+  if (top < r.startRow) return [{ row: r.startRow, col: r.startColumn, f: `=SUM(${letters2(r.startColumn)}${top + 1}:${letters2(r.startColumn)}${r.startRow})` }];
+  let left = r.startColumn;
+  while (left > 0 && numeric2(r.startRow, left - 1)) left--;
+  return left < r.startColumn ? [{ row: r.startRow, col: r.startColumn, f: `=SUM(${letters2(left)}${r.startRow + 1}:${letters2(r.startColumn - 1)}${r.startRow + 1})` }] : [];
+}
 function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSaveRequest, guard, host, together, documentId = "", onSaved }) {
   const t = sheetTexts[language];
   const box2 = (0, import_react11.useRef)(null);
@@ -8480,7 +9349,7 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
       if (kind === "csv") model.book.sheets.s1.name = name.replace(/\.[^.]+$/, "") || "Sheet1";
       const host2 = box2.current.appendChild(document.createElement("div"));
       host2.className = "w100n-sheet-host";
-      const view = grid3(host2, language, theme === "dark", edit);
+      const view = grid3(host2, language, edit);
       const { univer, univerAPI: api2 } = view;
       const wb = api2.createWorkbook(model.book);
       if (model.active) wb.setActiveSheet(model.active);
@@ -8547,9 +9416,6 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
   (0, import_react11.useEffect)(() => {
     live.current?.marks?.show((room?.people ?? []).flatMap((p) => !p.me && p.selection ? [{ ...p.selection, color: p.color }] : []));
   }, [room?.people, phase]);
-  (0, import_react11.useEffect)(() => {
-    live.current?.api.toggleDarkMode(theme === "dark");
-  }, [theme]);
   (0, import_react11.useEffect)(() => {
     live.current?.api.setLocale(language === "pl" ? "plPL" : "enUS");
   }, [language]);
@@ -8644,6 +9510,13 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
     [t.time, "hh:mm"],
     [t.text, "@"]
   ];
+  const places = (step) => range()?.setNumberFormat(decimals(look?.n ?? "General", step));
+  const sum = () => {
+    const r = range()?.getRange();
+    const ws = sheet2();
+    const numeric2 = (row2, c) => ws?.getRange(row2, c).getCellData()?.t === import_core5.CellValueType.NUMBER;
+    if (r && ws) for (const x of autoSum(r, numeric2)) ws.getRange(x.row, x.col).setValue({ f: x.f });
+  };
   const shown = formats.find(([, p]) => p === look?.n)?.[0] ?? (look && look.n !== "General" ? look.n : t.general);
   const border = (type) => {
     range()?.setBorder(type, type === "none" ? 0 : 1, "#000000");
@@ -8704,6 +9577,10 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
               i
             )) })
           ),
+          tool(import_lucide_react6.Euro, t.asCurrency, () => range()?.setNumberFormat('#,##0.00 "\u20AC"'), look?.n === '#,##0.00 "\u20AC"'),
+          tool(import_lucide_react6.Percent, t.asPercent, () => range()?.setNumberFormat("0.00%"), look?.n === "0.00%"),
+          tool(import_lucide_react6.DecimalsArrowLeft, t.fewerDecimals, () => places(-1)),
+          tool(import_lucide_react6.DecimalsArrowRight, t.moreDecimals, () => places(1)),
           gap,
           tool(import_lucide_react6.Bold, t.bold, () => run2("sheet.command.set-range-bold"), look?.bl),
           tool(import_lucide_react6.Italic, t.italic, () => run2("sheet.command.set-range-italic"), look?.it),
@@ -8772,6 +9649,7 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
             ] })
           ),
           gap,
+          tool(import_lucide_react6.Sigma, t.sum, sum),
           tool(import_lucide_react6.ArrowDownAZ, t.sortUp, () => run2("sheet.command.sort-range-asc")),
           tool(import_lucide_react6.ArrowDownZA, t.sortDown, () => run2("sheet.command.sort-range-desc")),
           !room && tool(import_lucide_react6.Funnel, t.filter, () => run2("sheet.command.smart-toggle-filter")),
@@ -8785,7 +9663,7 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
           /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.WifiOff, { "aria-hidden": true }),
           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.slice(0, 1).toUpperCase() }, p.id)) }),
+        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 }),
         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: [
@@ -8803,12 +9681,13 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
     ] })
   ] });
 }
-var import_react11, import_lucide_react6, import_jsx_runtime7, SheetView_default;
+var import_react11, import_lucide_react6, import_core5, import_jsx_runtime7, decimals, letters2, SheetView_default;
 var init_SheetView = __esm({
   "src/sheets/SheetView.tsx"() {
     "use strict";
     import_react11 = require("react");
     import_lucide_react6 = require("lucide-react");
+    import_core5 = require("@univerjs/core");
     init_live();
     init_focus();
     init_bind();
@@ -8821,6 +9700,16 @@ var init_SheetView = __esm({
     init_xlsx();
     init_sheets();
     import_jsx_runtime7 = require("react/jsx-runtime");
+    decimals = (pattern, step) => {
+      const p = pattern === "General" ? "0" : pattern;
+      const next = Math.max(0, (/0(?:\.(0+))?/.exec(p)?.[1]?.length ?? 0) + step);
+      return p.replace(/0(?:\.0+)?/, `0${next ? `.${"0".repeat(next)}` : ""}`);
+    };
+    letters2 = (c) => {
+      let s = "";
+      for (let n = c + 1; n > 0; n = Math.floor((n - 1) / 26)) s = String.fromCharCode(65 + (n - 1) % 26) + s;
+      return s;
+    };
     SheetView_default = SheetView;
   }
 });
@@ -8881,9 +9770,9 @@ function readable(name, mimeType) {
   const kind = kindOf(name, mimeType);
   return kind !== "sheet" || /\.(xlsx|csv)$/i.test(name) || /spreadsheetml|text\/csv/.test(mimeType ?? "") ? kind : null;
 }
-function matches(doc, query, kind) {
+function matches(doc, query, picked) {
   const words = query.toLocaleLowerCase().split(/\s+/).filter(Boolean);
-  return (kind === "all" || doc.kind === kind) && words.every((word) => doc.name.toLocaleLowerCase().includes(word));
+  return (!picked.length || picked.includes(doc.kind)) && words.every((word) => doc.name.toLocaleLowerCase().includes(word));
 }
 
 // src/slides/SlidesView.tsx
@@ -10581,7 +11470,7 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
   const words = (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 [sizes, setSizes] = (0, import_react6.useState)([]);
+  const [sizes2, setSizes] = (0, import_react6.useState)([]);
   const [error, setError] = (0, import_react6.useState)(false);
   const [box2, setBox] = (0, import_react6.useState)({ w: 0, h: 0 });
   const [top, setTop] = (0, import_react6.useState)(0);
@@ -10691,23 +11580,23 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
     document.addEventListener("pointerdown", close);
     return () => document.removeEventListener("pointerdown", close);
   }, [more, palette2]);
-  const widest = Math.max(1, ...sizes.map((s) => s.w));
-  const tallest = Math.max(1, ...sizes.map((s) => s.h));
+  const widest = Math.max(1, ...sizes2.map((s) => s.w));
+  const tallest = Math.max(1, ...sizes2.map((s) => s.h));
   const room = { w: Math.max(120, box2.w - 32), h: Math.max(120, box2.h - 32) };
   const scale = fit === "auto" ? Math.min(room.w / widest, 5 / 3) : fit === "width" ? room.w / widest : fit === "page" ? Math.min(room.w / widest, room.h / tallest) : zoom / 75;
   const percent = Math.round(scale * 75);
   const tops = [];
   let end = 16;
-  for (const s of sizes) {
+  for (const s of sizes2) {
     tops.push(end);
     end += s.h * scale + 16;
   }
   let page = 1;
   while (page < tops.length && tops[page] <= top + box2.h / 3) page++;
-  const live = (i) => !!pdf && tops[i] < top + box2.h * 2 && tops[i] + sizes[i].h * scale > top - box2.h;
+  const live = (i) => !!pdf && tops[i] < top + box2.h * 2 && tops[i] + sizes2[i].h * scale > top - box2.h;
   const thumbTops = [];
   let thumbEnd = 10;
-  for (const s of sizes) {
+  for (const s of sizes2) {
     thumbTops.push(thumbEnd);
     thumbEnd += s.h * 96 / s.w + 34;
   }
@@ -10715,11 +11604,11 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
   const centre = (y) => {
     let i = 0;
     while (i + 1 < tops.length && tops[i + 1] <= y + box2.h / 2) i++;
-    return { page: i, frac: sizes[i] ? (y + box2.h / 2 - tops[i]) / (sizes[i].h * scale) : 0 };
+    return { page: i, frac: sizes2[i] ? (y + box2.h / 2 - tops[i]) / (sizes2[i].h * scale) : 0 };
   };
   (0, import_react6.useLayoutEffect)(() => {
     const was = anchor.current;
-    if (was.scale && was.scale !== scale && sizes[was.page]) scroller.current.scrollTop = tops[was.page] + was.frac * sizes[was.page].h * scale - box2.h / 2;
+    if (was.scale && was.scale !== scale && sizes2[was.page]) scroller.current.scrollTop = tops[was.page] + was.frac * sizes2[was.page].h * scale - box2.h / 2;
     anchor.current = { ...was, scale };
   }, [scale]);
   (0, import_react6.useEffect)(() => {
@@ -10796,7 +11685,7 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
     const next = (at + d + hits.list.length) % hits.list.length;
     setAt(next);
     const n = hits.list[next].page;
-    if (tops[n - 1] + sizes[n - 1].h * scale < top || tops[n - 1] > top + box2.h) go(n);
+    if (tops[n - 1] + sizes2[n - 1].h * scale < top || tops[n - 1] > top + box2.h) go(n);
   };
   const markText = (kind) => {
     const picked = document.getSelection();
@@ -10852,7 +11741,7 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
     }),
     place: (n, p) => {
       if (!pending2) return;
-      const size2 = sizes[n - 1];
+      const size2 = sizes2[n - 1];
       const w = Math.min(180, size2.w / 2);
       const h = w / pending2.ratio;
       const mark = {
@@ -11032,7 +11921,7 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
       ),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
         "/ ",
-        sizes.length || ""
+        sizes2.length || ""
       ] })
     ] }) },
     { key: "g1", at: 2, node: gap },
@@ -11148,7 +12037,7 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
       }, children: t.cancel })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "w100n-pdf-body", children: [
-      rail && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("nav", { ref: railBox, className: "w100n-pdf-rail", "aria-label": t.pages, onScroll: (e) => setRailTop(Math.round(e.currentTarget.scrollTop / 80) * 80), children: sizes.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { type: "button", className: "w100n-pdf-thumb", "aria-current": page === i + 1, onClick: () => go(i + 1), "aria-label": `${t.page} ${i + 1}`, children: [
+      rail && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("nav", { ref: railBox, className: "w100n-pdf-rail", "aria-label": t.pages, onScroll: (e) => setRailTop(Math.round(e.currentTarget.scrollTop / 80) * 80), children: sizes2.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { type: "button", className: "w100n-pdf-thumb", "aria-current": page === i + 1, onClick: () => go(i + 1), "aria-label": `${t.page} ${i + 1}`, children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PdfPage, { pdf, n: i + 1, size: s, scale: 96 / s.w, live: !!pdf && thumbLive(i) }),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: i + 1 })
       ] }, i)) }),
@@ -11175,7 +12064,7 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
           },
           children: [
             error && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "w100n-docs-note", children: t.failed }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "w100n-pdf-pages", children: sizes.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PdfPage, { id: `${prefix}-${i + 1}`, pdf, n: i + 1, size: s, scale, live: live(i), layers: {
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "w100n-pdf-pages", children: sizes2.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PdfPage, { id: `${prefix}-${i + 1}`, pdf, n: i + 1, size: s, scale, live: live(i), layers: {
               forms: can.edit,
               tool,
               marks: byPage.get(i + 1) ?? [],
@@ -11935,7 +12824,12 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
     onPlace?.(next);
   };
   const [query, setQuery] = (0, import_react16.useState)("");
-  const [kind, setKind] = (0, import_react16.useState)("all");
+  const [picked, setPicked] = (0, import_react16.useState)([]);
+  const [typing, setTyping] = (0, import_react16.useState)(false);
+  const [menusAt, setMenusAt] = (0, import_react16.useState)(null);
+  const [renaming, setRenaming] = (0, import_react16.useState)(null);
+  const [renamed2, setRenamed] = (0, import_react16.useState)("idle");
+  const [statusAt, setStatusAt] = (0, import_react16.useState)(null);
   const [listOpen, setListOpen] = (0, import_react16.useState)(true);
   const [panelOpen, setPanelOpen] = (0, import_react16.useState)(true);
   const [narrow, setNarrow] = (0, import_react16.useState)(false);
@@ -11949,13 +12843,13 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
     const el = body.current;
     let was = false;
     const check = () => {
-      const now = getComputedStyle(el).getPropertyValue("--docs-narrow").trim() === "1";
-      if (now && !was) {
+      const now2 = getComputedStyle(el).getPropertyValue("--docs-narrow").trim() === "1";
+      if (now2 && !was) {
         setPanelOpen(false);
         if (here.documentId) setListOpen(false);
       }
-      was = now;
-      setNarrow(now);
+      was = now2;
+      setNarrow(now2);
     };
     check();
     if (typeof ResizeObserver === "undefined") return;
@@ -11964,6 +12858,23 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
     return () => watch.disconnect();
   }, [here.documentId]);
   const [picking, setPicking] = (0, import_react16.useState)(false);
+  const [adding, setAdding] = (0, import_react16.useState)(false);
+  (0, import_react16.useEffect)(() => {
+    if (!adding) return;
+    const close = (e) => {
+      if (!e.target.closest(".w100n-docs-new")) setAdding(false);
+    };
+    document.addEventListener("pointerdown", close);
+    return () => document.removeEventListener("pointerdown", close);
+  }, [adding]);
+  (0, import_react16.useEffect)(() => {
+    if (!typing) return;
+    const close = (e) => {
+      if (!e.target.closest(".w100n-docs-types")) setTyping(false);
+    };
+    document.addEventListener("pointerdown", close);
+    return () => document.removeEventListener("pointerdown", close);
+  }, [typing]);
   (0, import_react16.useEffect)(() => {
     if (!picking) return;
     const close = (e) => {
@@ -11974,6 +12885,9 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
   }, [picking]);
   const [tab, setTab] = (0, import_react16.useState)("outline");
   const [outline2, setOutline] = (0, import_react16.useState)([]);
+  const [reading, setReading] = (0, import_react16.useState)(null);
+  const [hunt, setHunt] = (0, import_react16.useState)("");
+  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 [restoring, setRestoring] = (0, import_react16.useState)("idle");
@@ -11981,6 +12895,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
   const [copying, setCopying] = (0, import_react16.useState)("idle");
   const [box2, setBox] = (0, import_react16.useState)(null);
   const [making, setMaking] = (0, import_react16.useState)(false);
+  const [sending, setSending] = (0, import_react16.useState)("idle");
+  const upload = (0, import_react16.useRef)(null);
   const spaces = useLoad((signal) => host.spaces({ signal }), [host]);
   const single = spaces.data?.length === 1 ? spaces.data[0].id : null;
   const spaceId = here.spaceId ?? single;
@@ -11991,14 +12907,30 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
     const all2 = await host.spaces({ signal });
     return (await Promise.all(all2.map((item) => host.documents(item.id, { signal })))).flat();
   }, [host, spaceId]);
+  (0, import_react16.useEffect)(() => {
+    const sync = () => {
+      if (document.visibilityState !== "visible") return;
+      spaces.retry();
+      list.retry();
+    };
+    const timer = window.setInterval(sync, 3e4);
+    window.addEventListener("focus", sync);
+    document.addEventListener("visibilitychange", sync);
+    return () => {
+      clearInterval(timer);
+      window.removeEventListener("focus", sync);
+      document.removeEventListener("visibilitychange", sync);
+    };
+  }, []);
   const doc = useLoad((signal) => here.documentId ? host.document(here.documentId, { signal }) : Promise.resolve(null), [host, here.documentId]);
   const versions = useLoad((signal) => here.documentId ? host.versions(here.documentId, { signal }) : Promise.resolve([]), [host, here.documentId]);
   const content = useLoad((signal) => here.documentId ? host.content(here.documentId, versionId, { signal }) : Promise.resolve(null), [host, here.documentId, versionId]);
   const pdf = doc.data?.kind === "pdf";
   const text = doc.data?.kind === "markdown" || doc.data?.kind === "docx";
+  const docbar = text && !versionId && !narrow;
   const signatures = useLoad((signal) => here.documentId && pdf && host.signatures ? host.signatures(here.documentId, { signal }) : Promise.resolve([]), [host, here.documentId, pdf]);
   const all = list.data ?? [];
-  const shown = all.filter((item) => matches(item, query, kind));
+  const shown = all.filter((item) => matches(item, query, picked));
   const present = kinds.filter((item) => all.some((doc2) => doc2.kind === item));
   const folders = spaceId ? [.../* @__PURE__ */ new Set(["", ...shown.map((item) => item.folder ?? "")])].filter((folder2) => shown.some((item) => (item.folder ?? "") === folder2)) : [""];
   const names2 = new Map((spaces.data ?? []).map((item) => [item.id, item.name]));
@@ -12036,6 +12968,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
     }
     ask(() => {
       setOutline([]);
+      setHunt("");
+      setFold({});
       setTab("outline");
       go({ spaceId: here.spaceId, documentId: item.id });
       if (narrow) setListOpen(false);
@@ -12044,7 +12978,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
   const pick = (next) => {
     setPicking(false);
     ask(() => {
-      setKind("all");
+      setPicked([]);
       go({ spaceId: next, documentId: null });
     });
   };
@@ -12095,6 +13029,44 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       setCopying("failed");
     }
   };
+  const copy2 = async (file) => {
+    setCopying("busy");
+    try {
+      const made2 = await host.create({ name: `${t.copyOf} ${file.name}`, bytes: await host.content(file.id), mimeType: file.mimeType ?? "application/octet-stream" });
+      setCopying("idle");
+      opened2(made2);
+    } catch {
+      setCopying("failed");
+    }
+  };
+  const rename = async (file, draft) => {
+    setRenaming(null);
+    const ext = /\.[^.]+$/.exec(file.name)?.[0] ?? "";
+    const name = draft.trim() && (/\.[^.\s]+$/.test(draft.trim()) ? draft.trim() : draft.trim() + ext);
+    if (!name || name === file.name) return;
+    try {
+      await host.rename(file.id, name);
+      setRenamed("idle");
+      doc.retry();
+      list.retry();
+    } catch {
+      setRenamed("failed");
+    }
+  };
+  const opened2 = (made2) => {
+    spaces.retry();
+    list.retry();
+    ask(() => go({ spaceId: here.spaceId && made2.spaceId, documentId: made2.id }));
+  };
+  const send = async (file) => {
+    setSending("busy");
+    try {
+      opened2(await host.create({ name: file.name, bytes: await file.arrayBuffer(), mimeType: file.type || "application/octet-stream" }));
+      setSending("idle");
+    } catch {
+      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 }),
     t.pick
@@ -12117,13 +13089,21 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
         together: doc.data.live,
         documentId: doc.data.id,
         onOutline: setOutline,
+        onReading: setReading,
         onPanel: (next) => {
           setPanelOpen(true);
           setTab(next);
           if (narrow) setListOpen(false);
         },
         slot: tab === "comments" && panelOpen ? box2 : null,
+        head: docbar ? { menus: menusAt, status: statusAt } : void 0,
         guard,
+        file: versionId ? void 0 : {
+          formats: host.exportAs ? doc.data.exports ?? [] : [],
+          download: (f) => void exportAs(doc.data, f),
+          copy: host.create ? () => void copy2(doc.data) : void 0,
+          rename: host.rename && doc.data.rights.edit ? () => setRenaming(doc.data.name.replace(/\.[^.]+$/, "")) : void 0
+        },
         onSaved: () => {
           versions.retry();
           doc.retry();
@@ -12203,6 +13183,17 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
     else stage = /* @__PURE__ */ (0, import_jsx_runtime12.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));
+  const chapters = outline2.reduce((all2, h) => {
+    if (h.level === top || !all2.length) all2.push({ head: h, subs: [] });
+    else all2[all2.length - 1].subs.push(h);
+    return all2;
+  }, []);
+  const now = reading?.documentId === here.documentId ? reading : null;
+  const reached = now ? chapters.findIndex((c) => c.head.id === now.id || c.subs.some((s) => s.id === now.id)) : -1;
+  const words = hunt.toLocaleLowerCase().split(/\s+/).filter(Boolean);
+  const hit = (h) => words.every((w) => h.text.toLocaleLowerCase().includes(w));
+  const reach = (h) => h.go ? h.go() : document.getElementById(h.id)?.scrollIntoView({ behavior: "smooth", block: "start" });
   const crumbs = doc.data ? [names2.get(doc.data.spaceId), doc.data.folder].filter(Boolean) : space ? [space.name] : [];
   const panelTabs = [["outline", import_lucide_react10.ListTree, t.outline], ["versions", import_lucide_react10.History, t.versions], ["details", import_lucide_react10.Info, t.details]];
   if (pdf && host.signatures) panelTabs.push(["signatures", import_lucide_react10.Signature, t.signatures]);
@@ -12241,13 +13232,38 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       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: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { className: "w100n-docs-title", children: doc.data?.name ?? t.documents }),
-        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: [
+        renaming !== null && doc.data ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "input",
+          {
+            className: "w100n-docs-title w100n-docs-rename",
+            autoFocus: true,
+            value: renaming,
+            "aria-label": t.rename,
+            onFocus: (e) => e.currentTarget.select(),
+            onChange: (e) => setRenaming(e.target.value),
+            onBlur: () => void rename(doc.data, renaming),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") e.currentTarget.blur();
+              if (e.key === "Escape") {
+                e.stopPropagation();
+                setRenaming(null);
+              }
+            }
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "strong",
+          {
+            className: "w100n-docs-title",
+            title: docbar ? crumbs.join(" / ") : void 0,
+            onDoubleClick: host.rename && doc.data?.rights.edit && !versionId ? () => setRenaming(doc.data.name.replace(/\.[^.]+$/, "")) : void 0,
+            children: doc.data?.name ?? t.documents
+          }
+        ),
+        docbar ? /* @__PURE__ */ (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 }),
           item
         ] }, i)) }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-hint", children: t.hint })
       ] }),
-      doc.data && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-badge", "data-kind": doc.data.kind, children: t.kinds[doc.data.kind] }),
       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 }),
@@ -12259,6 +13275,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
         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: () => {
         setTab("sharing");
         side2("panel", true);
@@ -12267,10 +13285,6 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
         /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: t.share })
       ] }),
       doc.data && !versionId && actions?.(doc.data),
-      host.create && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", className: "w100n-docs-action", "aria-label": t.create, title: t.create, onClick: () => setMaking(true), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react10.Plus, { "aria-hidden": true }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: t.create })
-      ] }),
       narrow && panelToggle,
       end && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w100n-docs-end w100n-docs-slot", children: slot(end) })
     ] }),
@@ -12283,6 +13297,39 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
               t.documents,
               /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: all.length })
             ] }),
+            host.create && /* @__PURE__ */ (0, import_jsx_runtime12.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 })
+              ] }),
+              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: () => {
+                  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_runtime12.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_runtime12.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 }) })
           ] }),
           (spaces.data?.length ?? 0) > 1 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w100n-docs-picker", onKeyDown: (e) => {
@@ -12314,16 +13361,48 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
               ] }, group))
             ] })
           ] }),
-          /* @__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_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 })
+            ] }),
+            present.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime12.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 })
+              ] }),
+              typing && /* @__PURE__ */ (0, import_jsx_runtime12.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 })
+                  ] }, 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 })
+                ] })
+              ] })
+            ] })
           ] }),
-          present.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "w100n-docs-chips", role: "group", "aria-label": t.kind, children: ["all", ...present].map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", "aria-pressed": kind === item, onClick: () => setKind(item), children: [
-            item === "all" ? t.all : t.kinds[item],
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { "aria-hidden": true, children: item === "all" ? all.length : all.filter((doc2) => doc2.kind === item).length })
+          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: [
+            t.kinds[item],
+            /* @__PURE__ */ (0, import_jsx_runtime12.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 }),
           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 }),
@@ -12353,7 +13432,65 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
           /* @__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_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.jsx)("nav", { className: "w100n-docs-outline", children: outline2.map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", "data-level": item.level, onClick: () => item.go ? item.go() : document.getElementById(item.id)?.scrollIntoView({ behavior: "smooth", block: "start" }), children: item.text }, item.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "w100n-docs-muted", children: t.noOutline })),
+          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: [
+                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 })
+            ] }),
+            chapters.map((c, i) => {
+              const subs = words.length ? c.subs.filter(hit) : c.subs;
+              if (words.length && !hit(c.head) && !subs.length) return null;
+              const opened3 = words.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 })
+                  ] }),
+                  c.subs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                    "button",
+                    {
+                      type: "button",
+                      className: "w100n-docs-chapter-fold",
+                      "aria-expanded": opened3,
+                      "aria-label": opened3 ? t.hideSections : t.showSections,
+                      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 })
+                      ]
+                    }
+                  )
+                ] }),
+                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)(
+                  "button",
+                  {
+                    type: "button",
+                    "data-level": s.level - top,
+                    onClick: () => reach(s),
+                    "data-state": i < reached || i === reached && c.subs.indexOf(s) < mark ? "done" : void 0,
+                    "aria-current": now?.id === s.id ? "location" : void 0,
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("i", { "aria-hidden": true }),
+                      s.text
+                    ]
+                  },
+                  s.id
+                )) })
+              ] }, 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: [
             versions.error && failed(versions.retry),
             (versions.data ?? []).map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
@@ -12444,9 +13581,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) => {
       setMaking(false);
-      spaces.retry();
-      list.retry();
-      ask(() => go({ spaceId: here.spaceId && made2.spaceId, documentId: made2.id }));
+      opened2(made2);
     } }),
     dialog
   ] });