@w100n/documents 0.13.0 → 0.15.0

package/dist/index.d.cts

@@ -1,12 +1,17 @@
 import * as react from 'react';
 import { ReactNode, RefObject } from 'react';
-import { L as Language, D as DocumentsHost, P as Place, a as DocumentFile, G as GuestHost, R as Rights } from './types-Er60M5kL.cjs';
-export { C as Comment, b as DocumentKind, c as DocumentSummary, d as DocumentVersion, F as Fetch, e as GuestFile, f as GuestLink, g as LinkEntry, h as Person, S as Signature, i as SignatureMethod, j as Space } from './types-Er60M5kL.cjs';
+import { L as Language, D as DocumentsHost, P as Place, a as DocumentFile, G as GuestHost, R as Rights } from './types-BTsVooZw.cjs';
+export { C as Comment, b as DocumentKind, c as DocumentSummary, d as DocumentVersion, F as Fetch, e as GuestFile, f as GuestLink, g as LinkEntry, h as Person, S as Signature, i as SignatureMethod, j as Space } from './types-BTsVooZw.cjs';
 import { JSONContent } from '@tiptap/core';
-import { I as Img } from './write-DaVtTJCS.cjs';
+import { I as Img, S as Setup } from './write-BCI8yool.cjs';
 export { kindOf, kinds, matches, readable } from './kinds.cjs';
 
 type DocxModel = {
+    marginal: {
+        header: string;
+        footer: string;
+        numbers: boolean;
+    };
     doc: JSONContent;
     styles: {
         name: string;
@@ -20,7 +25,7 @@ type DocxModel = {
     };
 };
 declare function readDocx(bytes: ArrayBuffer): Promise<DocxModel>;
-declare function writeDocx(original: ArrayBuffer, doc: JSONContent, load?: (src: string) => Promise<Img>): Promise<ArrayBuffer>;
+declare function writeDocx(original: ArrayBuffer, doc: JSONContent, load?: (src: string) => Promise<Img>, setup?: Setup): Promise<ArrayBuffer>;
 
 declare function DocumentOverlay({ source, name, mimeType, info, download, actions, onClose, onOpen, language, theme, worker, host, documentId }: {
     source: ArrayBuffer | Blob | string;

package/dist/index.d.ts

@@ -1,12 +1,17 @@
 import * as react from 'react';
 import { ReactNode, RefObject } from 'react';
-import { L as Language, D as DocumentsHost, P as Place, a as DocumentFile, G as GuestHost, R as Rights } from './types-Er60M5kL.js';
-export { C as Comment, b as DocumentKind, c as DocumentSummary, d as DocumentVersion, F as Fetch, e as GuestFile, f as GuestLink, g as LinkEntry, h as Person, S as Signature, i as SignatureMethod, j as Space } from './types-Er60M5kL.js';
+import { L as Language, D as DocumentsHost, P as Place, a as DocumentFile, G as GuestHost, R as Rights } from './types-BTsVooZw.js';
+export { C as Comment, b as DocumentKind, c as DocumentSummary, d as DocumentVersion, F as Fetch, e as GuestFile, f as GuestLink, g as LinkEntry, h as Person, S as Signature, i as SignatureMethod, j as Space } from './types-BTsVooZw.js';
 import { JSONContent } from '@tiptap/core';
-import { I as Img } from './write-DaVtTJCS.js';
+import { I as Img, S as Setup } from './write-BCI8yool.js';
 export { kindOf, kinds, matches, readable } from './kinds.js';
 
 type DocxModel = {
+    marginal: {
+        header: string;
+        footer: string;
+        numbers: boolean;
+    };
     doc: JSONContent;
     styles: {
         name: string;
@@ -20,7 +25,7 @@ type DocxModel = {
     };
 };
 declare function readDocx(bytes: ArrayBuffer): Promise<DocxModel>;
-declare function writeDocx(original: ArrayBuffer, doc: JSONContent, load?: (src: string) => Promise<Img>): Promise<ArrayBuffer>;
+declare function writeDocx(original: ArrayBuffer, doc: JSONContent, load?: (src: string) => Promise<Img>, setup?: Setup): Promise<ArrayBuffer>;
 
 declare function DocumentOverlay({ source, name, mimeType, info, download, actions, onClose, onOpen, language, theme, worker, host, documentId }: {
     source: ArrayBuffer | Blob | string;

package/dist/index.js

@@ -4,7 +4,7 @@ import {
   kinds,
   matches,
   readable
-} from "./chunk-L765DZPO.js";
+} from "./chunk-2CA3HQTI.js";
 import {
   useLoad
 } from "./chunk-QDH7EZAF.js";
@@ -17,7 +17,7 @@ import {
   readDocx,
   texts,
   writeDocx
-} from "./chunk-WR3MT7KP.js";
+} from "./chunk-M4OQG3EN.js";
 
 // src/DocumentOverlay.tsx
 import { Download, ExternalLink, FileSpreadsheet, FileText, FileType, Files, Presentation, X as X4 } from "lucide-react";
@@ -2407,8 +2407,8 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
 
 // src/DocumentOverlay.tsx
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var TextEditor = lazy(() => import("./TextEditor-OLBLWC6F.js"));
-var SheetView = lazy(() => import("./SheetView-3UAFXGZS.js"));
+var TextEditor = lazy(() => import("./TextEditor-NSICFE6U.js"));
+var SheetView = lazy(() => import("./SheetView-72KXS4DM.js"));
 var icons = { docx: FileText, markdown: FileType, pdf: Files, sheet: FileSpreadsheet, slides: Presentation };
 var read = { view: true, comment: false, edit: false };
 var quiet = () => {
@@ -2515,10 +2515,12 @@ function DocumentOverlay({ source, name, mimeType, info, download, actions, onCl
 import { lazy as lazy2, Suspense as Suspense2, useEffect as useEffect6, useLayoutEffect as useLayoutEffect3, useRef as useRef6, useState as useState9 } from "react";
 import { flushSync } from "react-dom";
 import {
+  Bookmark,
   Check as Check2,
   ChevronDown as ChevronDown2,
   ChevronRight as ChevronRight2,
   FileDown,
+  FilePlus,
   FileSpreadsheet as FileSpreadsheet3,
   FileText as FileText3,
   FileType as FileType3,
@@ -2526,6 +2528,7 @@ import {
   History,
   Info,
   LayoutGrid,
+  ListFilter,
   ListTree,
   MessagesSquare,
   PanelLeftClose,
@@ -2538,6 +2541,7 @@ import {
   Search as Search2,
   Share2,
   Signature,
+  Upload,
   X as X6
 } from "lucide-react";
 
@@ -3093,8 +3097,8 @@ function Thumb({ host, item, label }) {
 
 // src/DocumentsWorkspace.tsx
 import { Fragment as Fragment8, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
-var TextEditor2 = lazy2(() => import("./TextEditor-OLBLWC6F.js"));
-var SheetView2 = lazy2(() => import("./SheetView-3UAFXGZS.js"));
+var TextEditor2 = lazy2(() => import("./TextEditor-NSICFE6U.js"));
+var SheetView2 = lazy2(() => import("./SheetView-72KXS4DM.js"));
 var icons3 = { docx: FileText3, markdown: FileType3, pdf: Files2, sheet: FileSpreadsheet3, slides: Presentation3 };
 function DocumentsWorkspace({ host, language = "en", theme = "light", place, onPlace, start, end, aside, actions }) {
   const t = texts[language];
@@ -3105,7 +3109,12 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     onPlace?.(next);
   };
   const [query, setQuery] = useState9("");
-  const [kind, setKind] = useState9("all");
+  const [picked, setPicked] = useState9([]);
+  const [typing, setTyping] = useState9(false);
+  const [menusAt, setMenusAt] = useState9(null);
+  const [renaming, setRenaming] = useState9(null);
+  const [renamed, setRenamed] = useState9("idle");
+  const [statusAt, setStatusAt] = useState9(null);
   const [listOpen, setListOpen] = useState9(true);
   const [panelOpen, setPanelOpen] = useState9(true);
   const [narrow, setNarrow] = useState9(false);
@@ -3119,13 +3128,13 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     const el = body.current;
     let was = false;
     const check = () => {
-      const now = getComputedStyle(el).getPropertyValue("--docs-narrow").trim() === "1";
-      if (now && !was) {
+      const now2 = getComputedStyle(el).getPropertyValue("--docs-narrow").trim() === "1";
+      if (now2 && !was) {
         setPanelOpen(false);
         if (here.documentId) setListOpen(false);
       }
-      was = now;
-      setNarrow(now);
+      was = now2;
+      setNarrow(now2);
     };
     check();
     if (typeof ResizeObserver === "undefined") return;
@@ -3134,6 +3143,23 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     return () => watch.disconnect();
   }, [here.documentId]);
   const [picking, setPicking] = useState9(false);
+  const [adding, setAdding] = useState9(false);
+  useEffect6(() => {
+    if (!adding) return;
+    const close = (e) => {
+      if (!e.target.closest(".w100n-docs-new")) setAdding(false);
+    };
+    document.addEventListener("pointerdown", close);
+    return () => document.removeEventListener("pointerdown", close);
+  }, [adding]);
+  useEffect6(() => {
+    if (!typing) return;
+    const close = (e) => {
+      if (!e.target.closest(".w100n-docs-types")) setTyping(false);
+    };
+    document.addEventListener("pointerdown", close);
+    return () => document.removeEventListener("pointerdown", close);
+  }, [typing]);
   useEffect6(() => {
     if (!picking) return;
     const close = (e) => {
@@ -3144,6 +3170,9 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
   }, [picking]);
   const [tab, setTab] = useState9("outline");
   const [outline, setOutline] = useState9([]);
+  const [reading, setReading] = useState9(null);
+  const [hunt, setHunt] = useState9("");
+  const [fold, setFold] = useState9({});
   const [version, setVersion] = useState9({ documentId: null, id: null });
   const versionId = version.documentId === here.documentId ? version.id : null;
   const [restoring, setRestoring] = useState9("idle");
@@ -3151,6 +3180,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
   const [copying, setCopying] = useState9("idle");
   const [box, setBox] = useState9(null);
   const [making, setMaking] = useState9(false);
+  const [sending, setSending] = useState9("idle");
+  const upload = useRef6(null);
   const spaces = useLoad((signal) => host.spaces({ signal }), [host]);
   const single = spaces.data?.length === 1 ? spaces.data[0].id : null;
   const spaceId = here.spaceId ?? single;
@@ -3161,14 +3192,30 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     const all2 = await host.spaces({ signal });
     return (await Promise.all(all2.map((item) => host.documents(item.id, { signal })))).flat();
   }, [host, spaceId]);
+  useEffect6(() => {
+    const sync = () => {
+      if (document.visibilityState !== "visible") return;
+      spaces.retry();
+      list.retry();
+    };
+    const timer = window.setInterval(sync, 3e4);
+    window.addEventListener("focus", sync);
+    document.addEventListener("visibilitychange", sync);
+    return () => {
+      clearInterval(timer);
+      window.removeEventListener("focus", sync);
+      document.removeEventListener("visibilitychange", sync);
+    };
+  }, []);
   const doc = useLoad((signal) => here.documentId ? host.document(here.documentId, { signal }) : Promise.resolve(null), [host, here.documentId]);
   const versions = useLoad((signal) => here.documentId ? host.versions(here.documentId, { signal }) : Promise.resolve([]), [host, here.documentId]);
   const content = useLoad((signal) => here.documentId ? host.content(here.documentId, versionId, { signal }) : Promise.resolve(null), [host, here.documentId, versionId]);
   const pdf = doc.data?.kind === "pdf";
   const text = doc.data?.kind === "markdown" || doc.data?.kind === "docx";
+  const docbar = text && !versionId && !narrow;
   const signatures = useLoad((signal) => here.documentId && pdf && host.signatures ? host.signatures(here.documentId, { signal }) : Promise.resolve([]), [host, here.documentId, pdf]);
   const all = list.data ?? [];
-  const shown = all.filter((item) => matches(item, query, kind));
+  const shown = all.filter((item) => matches(item, query, picked));
   const present = kinds.filter((item) => all.some((doc2) => doc2.kind === item));
   const folders = spaceId ? [.../* @__PURE__ */ new Set(["", ...shown.map((item) => item.folder ?? "")])].filter((folder2) => shown.some((item) => (item.folder ?? "") === folder2)) : [""];
   const names2 = new Map((spaces.data ?? []).map((item) => [item.id, item.name]));
@@ -3206,6 +3253,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     }
     ask(() => {
       setOutline([]);
+      setHunt("");
+      setFold({});
       setTab("outline");
       go({ spaceId: here.spaceId, documentId: item.id });
       if (narrow) setListOpen(false);
@@ -3214,7 +3263,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
   const pick = (next) => {
     setPicking(false);
     ask(() => {
-      setKind("all");
+      setPicked([]);
       go({ spaceId: next, documentId: null });
     });
   };
@@ -3265,6 +3314,44 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       setCopying("failed");
     }
   };
+  const copy = async (file) => {
+    setCopying("busy");
+    try {
+      const made = await host.create({ name: `${t.copyOf} ${file.name}`, bytes: await host.content(file.id), mimeType: file.mimeType ?? "application/octet-stream" });
+      setCopying("idle");
+      opened(made);
+    } catch {
+      setCopying("failed");
+    }
+  };
+  const rename = async (file, draft) => {
+    setRenaming(null);
+    const ext = /\.[^.]+$/.exec(file.name)?.[0] ?? "";
+    const name = draft.trim() && (/\.[^.\s]+$/.test(draft.trim()) ? draft.trim() : draft.trim() + ext);
+    if (!name || name === file.name) return;
+    try {
+      await host.rename(file.id, name);
+      setRenamed("idle");
+      doc.retry();
+      list.retry();
+    } catch {
+      setRenamed("failed");
+    }
+  };
+  const opened = (made) => {
+    spaces.retry();
+    list.retry();
+    ask(() => go({ spaceId: here.spaceId && made.spaceId, documentId: made.id }));
+  };
+  const send = async (file) => {
+    setSending("busy");
+    try {
+      opened(await host.create({ name: file.name, bytes: await file.arrayBuffer(), mimeType: file.type || "application/octet-stream" }));
+      setSending("idle");
+    } catch {
+      setSending("failed");
+    }
+  };
   let stage = /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-empty", children: [
     /* @__PURE__ */ jsx9(FileText3, { "aria-hidden": true }),
     t.pick
@@ -3287,13 +3374,21 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
         together: doc.data.live,
         documentId: doc.data.id,
         onOutline: setOutline,
+        onReading: setReading,
         onPanel: (next) => {
           setPanelOpen(true);
           setTab(next);
           if (narrow) setListOpen(false);
         },
         slot: tab === "comments" && panelOpen ? box : null,
+        head: docbar ? { menus: menusAt, status: statusAt } : void 0,
         guard,
+        file: versionId ? void 0 : {
+          formats: host.exportAs ? doc.data.exports ?? [] : [],
+          download: (f) => void exportAs(doc.data, f),
+          copy: host.create ? () => void copy(doc.data) : void 0,
+          rename: host.rename && doc.data.rights.edit ? () => setRenaming(doc.data.name.replace(/\.[^.]+$/, "")) : void 0
+        },
         onSaved: () => {
           versions.retry();
           doc.retry();
@@ -3373,6 +3468,17 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     else stage = /* @__PURE__ */ jsx9("div", { className: "w100n-docs-empty", children: t.unsupported });
   }
   const Kind = doc.data ? icons3[doc.data.kind] : FileText3;
+  const top = Math.min(...outline.map((h) => h.level));
+  const chapters = outline.reduce((all2, h) => {
+    if (h.level === top || !all2.length) all2.push({ head: h, subs: [] });
+    else all2[all2.length - 1].subs.push(h);
+    return all2;
+  }, []);
+  const now = reading?.documentId === here.documentId ? reading : null;
+  const reached = now ? chapters.findIndex((c) => c.head.id === now.id || c.subs.some((s) => s.id === now.id)) : -1;
+  const words = hunt.toLocaleLowerCase().split(/\s+/).filter(Boolean);
+  const hit = (h) => words.every((w) => h.text.toLocaleLowerCase().includes(w));
+  const reach = (h) => h.go ? h.go() : document.getElementById(h.id)?.scrollIntoView({ behavior: "smooth", block: "start" });
   const crumbs = doc.data ? [names2.get(doc.data.spaceId), doc.data.folder].filter(Boolean) : space ? [space.name] : [];
   const panelTabs = [["outline", ListTree, t.outline], ["versions", History, t.versions], ["details", Info, t.details]];
   if (pdf && host.signatures) panelTabs.push(["signatures", Signature, t.signatures]);
@@ -3411,13 +3517,38 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       narrow && listToggle,
       /* @__PURE__ */ jsx9("span", { className: "w100n-docs-tile", "data-kind": doc.data?.kind, children: /* @__PURE__ */ jsx9(Kind, { "aria-hidden": true }) }),
       /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-heading", children: [
-        /* @__PURE__ */ jsx9("strong", { className: "w100n-docs-title", children: doc.data?.name ?? t.documents }),
-        crumbs.length > 0 ? /* @__PURE__ */ jsx9("span", { className: "w100n-docs-crumbs", children: crumbs.map((item, i) => /* @__PURE__ */ jsxs9("span", { children: [
+        renaming !== null && doc.data ? /* @__PURE__ */ jsx9(
+          "input",
+          {
+            className: "w100n-docs-title w100n-docs-rename",
+            autoFocus: true,
+            value: renaming,
+            "aria-label": t.rename,
+            onFocus: (e) => e.currentTarget.select(),
+            onChange: (e) => setRenaming(e.target.value),
+            onBlur: () => void rename(doc.data, renaming),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") e.currentTarget.blur();
+              if (e.key === "Escape") {
+                e.stopPropagation();
+                setRenaming(null);
+              }
+            }
+          }
+        ) : /* @__PURE__ */ jsx9(
+          "strong",
+          {
+            className: "w100n-docs-title",
+            title: docbar ? crumbs.join(" / ") : void 0,
+            onDoubleClick: host.rename && doc.data?.rights.edit && !versionId ? () => setRenaming(doc.data.name.replace(/\.[^.]+$/, "")) : void 0,
+            children: doc.data?.name ?? t.documents
+          }
+        ),
+        docbar ? /* @__PURE__ */ jsx9("div", { ref: setMenusAt, className: "w100n-docs-menus" }) : crumbs.length > 0 ? /* @__PURE__ */ jsx9("span", { className: "w100n-docs-crumbs", children: crumbs.map((item, i) => /* @__PURE__ */ jsxs9("span", { children: [
           i > 0 && /* @__PURE__ */ jsx9(ChevronRight2, { "aria-hidden": true }),
           item
         ] }, i)) }) : /* @__PURE__ */ jsx9("span", { className: "w100n-docs-hint", children: t.hint })
       ] }),
-      doc.data && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-badge", "data-kind": doc.data.kind, children: t.kinds[doc.data.kind] }),
       versionId && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-badge", children: versions.data?.find((v) => v.id === versionId) && date(versions.data.find((v) => v.id === versionId).createdAt) }),
       versionId && here.documentId && host.restore && doc.data?.rights.edit && /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", disabled: restoring === "busy", onClick: () => void restore(here.documentId, versionId), children: [
         /* @__PURE__ */ jsx9(RotateCcw2, { "aria-hidden": true }),
@@ -3429,6 +3560,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
         t.copyAs
       ] }),
       copying === "failed" && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-muted", children: t.copyFailed }),
+      renamed === "failed" && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-muted", children: t.renameFailed }),
+      docbar && /* @__PURE__ */ jsx9("span", { ref: setStatusAt, className: "w100n-docs-status" }),
       sharing && /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", "aria-label": t.share, title: t.share, onClick: () => {
         setTab("sharing");
         side("panel", true);
@@ -3437,10 +3570,6 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
         /* @__PURE__ */ jsx9("span", { children: t.share })
       ] }),
       doc.data && !versionId && actions?.(doc.data),
-      host.create && /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", "aria-label": t.create, title: t.create, onClick: () => setMaking(true), children: [
-        /* @__PURE__ */ jsx9(Plus4, { "aria-hidden": true }),
-        /* @__PURE__ */ jsx9("span", { children: t.create })
-      ] }),
       narrow && panelToggle,
       end && /* @__PURE__ */ jsx9("div", { className: "w100n-docs-end w100n-docs-slot", children: slot(end) })
     ] }),
@@ -3453,6 +3582,39 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
               t.documents,
               /* @__PURE__ */ jsx9("span", { children: all.length })
             ] }),
+            host.create && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-new", onKeyDown: (e) => {
+              if (e.key === "Escape" && adding) {
+                e.stopPropagation();
+                setAdding(false);
+              }
+            }, children: [
+              /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", "aria-haspopup": "menu", "aria-expanded": adding, disabled: sending === "busy", onClick: () => setAdding(!adding), children: [
+                /* @__PURE__ */ jsx9(Plus4, { "aria-hidden": true }),
+                /* @__PURE__ */ jsx9("span", { children: sending === "busy" ? t.uploading : t.create }),
+                /* @__PURE__ */ jsx9(ChevronDown2, { "aria-hidden": true })
+              ] }),
+              adding && /* @__PURE__ */ jsxs9("div", { role: "menu", className: "w100n-docs-menu", children: [
+                /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => {
+                  setAdding(false);
+                  setMaking(true);
+                }, children: [
+                  /* @__PURE__ */ jsx9("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx9(FilePlus, { "aria-hidden": true }) }),
+                  /* @__PURE__ */ jsx9("b", { children: t.newTitle })
+                ] }),
+                /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => {
+                  setAdding(false);
+                  upload.current.click();
+                }, children: [
+                  /* @__PURE__ */ jsx9("span", { className: "w100n-docs-all", children: /* @__PURE__ */ jsx9(Upload, { "aria-hidden": true }) }),
+                  /* @__PURE__ */ jsx9("b", { children: t.uploadFile })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx9("input", { ref: upload, type: "file", hidden: true, "aria-label": t.uploadFile, accept: ".docx,.md,.markdown,.pdf,.xlsx,.csv,.html,.htm", onChange: (e) => {
+                const file = e.target.files?.[0];
+                e.target.value = "";
+                if (file) void send(file);
+              } })
+            ] }),
             /* @__PURE__ */ jsx9("button", { ref: listClose, type: "button", className: "w100n-docs-close", onClick: () => side("list", false), "aria-label": t.closeList, title: t.closeList, children: /* @__PURE__ */ jsx9(X6, { "aria-hidden": true }) })
           ] }),
           (spaces.data?.length ?? 0) > 1 && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-picker", onKeyDown: (e) => {
@@ -3484,16 +3646,48 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
               ] }, group))
             ] })
           ] }),
-          /* @__PURE__ */ jsxs9("label", { className: "w100n-docs-field w100n-docs-search", children: [
-            /* @__PURE__ */ jsx9(Search2, { "aria-hidden": true }),
-            /* @__PURE__ */ jsx9("input", { value: query, onChange: (event) => setQuery(event.target.value), placeholder: t.search, "aria-label": t.search })
+          /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-filters", children: [
+            /* @__PURE__ */ jsxs9("label", { className: "w100n-docs-field w100n-docs-search", children: [
+              /* @__PURE__ */ jsx9(Search2, { "aria-hidden": true }),
+              /* @__PURE__ */ jsx9("input", { value: query, onChange: (event) => setQuery(event.target.value), placeholder: t.search, "aria-label": t.search })
+            ] }),
+            present.length > 1 && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-types", onKeyDown: (e) => {
+              if (e.key !== "Escape" || !typing) return;
+              e.stopPropagation();
+              setTyping(false);
+              e.currentTarget.querySelector("button").focus();
+            }, children: [
+              /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-field", "aria-haspopup": "listbox", "aria-expanded": typing, "data-on": picked.length > 0, onClick: () => setTyping(!typing), children: [
+                /* @__PURE__ */ jsx9(ListFilter, { "aria-hidden": true }),
+                /* @__PURE__ */ jsx9("b", { children: t.typeFilter }),
+                picked.length > 0 && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-badge", children: picked.length }),
+                /* @__PURE__ */ jsx9(ChevronDown2, { "aria-hidden": true })
+              ] }),
+              typing && /* @__PURE__ */ jsxs9("div", { role: "listbox", "aria-multiselectable": true, "aria-label": t.kind, className: "w100n-docs-menu", children: [
+                present.map((item) => {
+                  const Icon = icons3[item];
+                  const on = picked.includes(item);
+                  return /* @__PURE__ */ jsxs9("button", { type: "button", role: "option", "aria-selected": on, onClick: () => setPicked(on ? picked.filter((k) => k !== item) : [...picked, item]), children: [
+                    /* @__PURE__ */ jsx9("span", { className: "w100n-docs-box", children: on && /* @__PURE__ */ jsx9(Check2, { "aria-hidden": true }) }),
+                    /* @__PURE__ */ jsx9("span", { className: "w100n-docs-tile", "data-kind": item, children: /* @__PURE__ */ jsx9(Icon, { "aria-hidden": true }) }),
+                    /* @__PURE__ */ jsx9("b", { children: t.kinds[item] }),
+                    /* @__PURE__ */ jsx9("span", { className: "w100n-docs-count", children: all.filter((doc2) => doc2.kind === item).length })
+                  ] }, item);
+                }),
+                /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-menu-foot", children: [
+                  /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => setPicked(present), children: t.selectAll }),
+                  /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => setPicked([]), children: t.clearPick })
+                ] })
+              ] })
+            ] })
           ] }),
-          present.length > 1 && /* @__PURE__ */ jsx9("div", { className: "w100n-docs-chips", role: "group", "aria-label": t.kind, children: ["all", ...present].map((item) => /* @__PURE__ */ jsxs9("button", { type: "button", "aria-pressed": kind === item, onClick: () => setKind(item), children: [
-            item === "all" ? t.all : t.kinds[item],
-            /* @__PURE__ */ jsx9("span", { "aria-hidden": true, children: item === "all" ? all.length : all.filter((doc2) => doc2.kind === item).length })
+          picked.length > 0 && /* @__PURE__ */ jsx9("div", { className: "w100n-docs-chips", role: "group", "aria-label": t.kind, children: picked.map((item) => /* @__PURE__ */ jsxs9("button", { type: "button", "aria-pressed": true, "aria-label": `${t.clearPick}: ${t.kinds[item]}`, onClick: () => setPicked(picked.filter((k) => k !== item)), children: [
+            t.kinds[item],
+            /* @__PURE__ */ jsx9(X6, { "aria-hidden": true })
           ] }, item)) })
         ] }),
         /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-cards", children: [
+          sending === "failed" && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", role: "alert", children: t.uploadFailed }),
           list.error && failed(list.retry),
           list.loading && !list.data && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", children: t.loading }),
           list.data && !shown.length && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", children: all.length ? t.nothing : t.empty }),
@@ -3518,12 +3712,70 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
         /* @__PURE__ */ jsx9("div", { className: "w100n-docs-head", children: /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-row", children: [
           /* @__PURE__ */ jsx9("div", { className: "w100n-docs-tabs", role: "tablist", "aria-label": t.details, "data-compact": panelTabs.length > 3, onKeyDown: rove, children: panelTabs.map(([key, Icon, label]) => /* @__PURE__ */ jsxs9("button", { type: "button", role: "tab", "aria-selected": tab === key, tabIndex: tab === key ? 0 : -1, "aria-label": label, title: label, onClick: () => setTab(key), children: [
             /* @__PURE__ */ jsx9(Icon, { "aria-hidden": true }),
-            (panelTabs.length < 4 || tab === key) && label
+            (panelTabs.length < 4 || tab === key && panelTabs.length < 5) && /* @__PURE__ */ jsx9("span", { children: label })
           ] }, key)) }),
           /* @__PURE__ */ jsx9("button", { type: "button", className: "w100n-docs-close", onClick: () => side("panel", false), "aria-label": t.closePanel, title: t.closePanel, children: /* @__PURE__ */ jsx9(X6, { "aria-hidden": true }) })
         ] }) }),
         /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-panel-body", role: "tabpanel", "aria-label": panelTabs.find(([key]) => key === tab)?.[2], children: [
-          tab === "outline" && (outline.length ? /* @__PURE__ */ jsx9("nav", { className: "w100n-docs-outline", children: outline.map((item) => /* @__PURE__ */ jsx9("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__ */ jsx9("p", { className: "w100n-docs-muted", children: t.noOutline })),
+          tab === "outline" && (outline.length ? /* @__PURE__ */ jsxs9("nav", { className: "w100n-docs-outline", "aria-label": t.outline, children: [
+            now && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-reading", children: [
+              /* @__PURE__ */ jsx9("span", { children: /* @__PURE__ */ jsx9("i", { style: { width: `${Math.round(now.progress * 100)}%` } }) }),
+              /* @__PURE__ */ jsxs9("small", { children: [
+                Math.round(now.progress * 100),
+                "% ",
+                t.read
+              ] })
+            ] }),
+            outline.length > 8 && /* @__PURE__ */ jsxs9("label", { className: "w100n-docs-field w100n-docs-search", children: [
+              /* @__PURE__ */ jsx9(Search2, { "aria-hidden": true }),
+              /* @__PURE__ */ jsx9("input", { value: hunt, onChange: (e) => setHunt(e.target.value), placeholder: t.findHeading, "aria-label": t.findHeading })
+            ] }),
+            chapters.map((c, i) => {
+              const subs = words.length ? c.subs.filter(hit) : c.subs;
+              if (words.length && !hit(c.head) && !subs.length) return null;
+              const opened2 = words.length > 0 || (fold[c.head.id] ?? i === reached);
+              const named = /^(\d+)[.)]?\s+(.+)$/.exec(c.head.text);
+              const mark = c.subs.findIndex((s) => s.id === now?.id);
+              return /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-chapter", "data-state": reached < 0 ? void 0 : i < reached ? "done" : i === reached ? "now" : void 0, children: [
+                /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-chapter-row", children: [
+                  /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-chapter-go", "aria-label": c.head.text, "aria-current": now?.id === c.head.id ? "location" : void 0, onClick: () => reach(c.head), children: [
+                    /* @__PURE__ */ jsx9("span", { className: "w100n-docs-chapter-num", children: named ? named[1] : /* @__PURE__ */ jsx9(Bookmark, { "aria-hidden": true }) }),
+                    /* @__PURE__ */ jsx9("b", { children: named ? named[2] : c.head.text })
+                  ] }),
+                  c.subs.length > 0 && /* @__PURE__ */ jsxs9(
+                    "button",
+                    {
+                      type: "button",
+                      className: "w100n-docs-chapter-fold",
+                      "aria-expanded": opened2,
+                      "aria-label": opened2 ? t.hideSections : t.showSections,
+                      title: opened2 ? t.hideSections : t.showSections,
+                      onClick: () => setFold({ ...fold, [c.head.id]: !opened2 }),
+                      children: [
+                        /* @__PURE__ */ jsx9("small", { children: c.subs.length }),
+                        opened2 ? /* @__PURE__ */ jsx9(ChevronDown2, { "aria-hidden": true }) : /* @__PURE__ */ jsx9(ChevronRight2, { "aria-hidden": true })
+                      ]
+                    }
+                  )
+                ] }),
+                opened2 && subs.length > 0 && /* @__PURE__ */ jsx9("div", { className: "w100n-docs-sections", children: subs.map((s) => /* @__PURE__ */ jsxs9(
+                  "button",
+                  {
+                    type: "button",
+                    "data-level": s.level - top,
+                    onClick: () => reach(s),
+                    "data-state": i < reached || i === reached && c.subs.indexOf(s) < mark ? "done" : void 0,
+                    "aria-current": now?.id === s.id ? "location" : void 0,
+                    children: [
+                      /* @__PURE__ */ jsx9("i", { "aria-hidden": true }),
+                      s.text
+                    ]
+                  },
+                  s.id
+                )) })
+              ] }, c.head.id);
+            })
+          ] }) : /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", children: t.noOutline })),
           tab === "versions" && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-versions", children: [
             versions.error && failed(versions.retry),
             (versions.data ?? []).map((item) => /* @__PURE__ */ jsxs9(
@@ -3614,9 +3866,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     ] }),
     making && /* @__PURE__ */ jsx9(NewDocument, { host, t, onClose: () => setMaking(false), onMade: (made) => {
       setMaking(false);
-      spaces.retry();
-      list.retry();
-      ask(() => go({ spaceId: here.spaceId && made.spaceId, documentId: made.id }));
+      opened(made);
     } }),
     dialog
   ] });
@@ -3626,8 +3876,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
 import { lazy as lazy3, Suspense as Suspense3, useRef as useRef7, useState as useState10 } from "react";
 import { Ban as Ban2, Download as Download3, Eye as Eye2, FileDown as FileDown2, FileSpreadsheet as FileSpreadsheet4, FileText as FileText4, FileType as FileType4, Files as Files3, Lock as Lock2, Presentation as Presentation4, UserRound } from "lucide-react";
 import { Fragment as Fragment9, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
-var TextEditor3 = lazy3(() => import("./TextEditor-OLBLWC6F.js"));
-var SheetView3 = lazy3(() => import("./SheetView-3UAFXGZS.js"));
+var TextEditor3 = lazy3(() => import("./TextEditor-NSICFE6U.js"));
+var SheetView3 = lazy3(() => import("./SheetView-72KXS4DM.js"));
 var icons4 = { docx: FileText4, markdown: FileType4, pdf: Files3, sheet: FileSpreadsheet4, slides: Presentation4 };
 var GuestRefused = class extends Error {
   constructor(reason, file = "", sharedBy = "") {