@w100n/documents 0.16.2 → 0.16.4

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 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-DNcaU6SK.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-DNcaU6SK.cjs';
+import { L as Language, D as DocumentsHost, P as Place, a as DocumentFile, G as GuestHost, R as Rights } from './types-BUO0OzOl.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-BUO0OzOl.cjs';
 import { JSONContent } from '@tiptap/core';
 import { I as Img, S as Setup } from './write-BCI8yool.cjs';
 export { kindOf, kinds, matches, readable } from './kinds.cjs';
@@ -56,6 +56,15 @@ declare function DocumentsWorkspace({ host, language, theme, place, onPlace, sta
     actions?: (doc: DocumentFile) => ReactNode;
 }): react.JSX.Element;
 
+declare function FilePreview({ url, name, mimeType, size, bytes, pdfWorker }: {
+    url: string;
+    name: string;
+    mimeType?: string;
+    size?: number;
+    bytes?: (url: string) => Promise<ArrayBuffer>;
+    pdfWorker?: () => Worker;
+}): react.JSX.Element | null;
+
 type GuestRefusal = 'missing' | 'ended' | 'password' | 'wrong' | 'name' | 'busy';
 declare class GuestRefused extends Error {
     readonly reason: GuestRefusal;
@@ -160,4 +169,4 @@ declare function SlidesView({ html, name, rights, language, theme, baseUrl, scri
     guard?: Guard;
 }): react.JSX.Element;
 
-export { type Deck, type DeckKind, DocumentFile, DocumentOverlay, DocumentsHost, DocumentsWorkspace, type DocxModel, GuestDocument, GuestHost, type GuestRefusal, GuestRefused, Language, Place, Rights, type Slide, SlidesView, readDeck, readDocx, writeDeck, writeDocx };
+export { type Deck, type DeckKind, DocumentFile, DocumentOverlay, DocumentsHost, DocumentsWorkspace, type DocxModel, FilePreview, GuestDocument, GuestHost, type GuestRefusal, GuestRefused, Language, Place, Rights, type Slide, SlidesView, readDeck, readDocx, writeDeck, writeDocx };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 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-DNcaU6SK.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-DNcaU6SK.js';
+import { L as Language, D as DocumentsHost, P as Place, a as DocumentFile, G as GuestHost, R as Rights } from './types-BUO0OzOl.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-BUO0OzOl.js';
 import { JSONContent } from '@tiptap/core';
 import { I as Img, S as Setup } from './write-BCI8yool.js';
 export { kindOf, kinds, matches, readable } from './kinds.js';
@@ -56,6 +56,15 @@ declare function DocumentsWorkspace({ host, language, theme, place, onPlace, sta
     actions?: (doc: DocumentFile) => ReactNode;
 }): react.JSX.Element;
 
+declare function FilePreview({ url, name, mimeType, size, bytes, pdfWorker }: {
+    url: string;
+    name: string;
+    mimeType?: string;
+    size?: number;
+    bytes?: (url: string) => Promise<ArrayBuffer>;
+    pdfWorker?: () => Worker;
+}): react.JSX.Element | null;
+
 type GuestRefusal = 'missing' | 'ended' | 'password' | 'wrong' | 'name' | 'busy';
 declare class GuestRefused extends Error {
     readonly reason: GuestRefusal;
@@ -160,4 +169,4 @@ declare function SlidesView({ html, name, rights, language, theme, baseUrl, scri
     guard?: Guard;
 }): react.JSX.Element;
 
-export { type Deck, type DeckKind, DocumentFile, DocumentOverlay, DocumentsHost, DocumentsWorkspace, type DocxModel, GuestDocument, GuestHost, type GuestRefusal, GuestRefused, Language, Place, Rights, type Slide, SlidesView, readDeck, readDocx, writeDeck, writeDocx };
+export { type Deck, type DeckKind, DocumentFile, DocumentOverlay, DocumentsHost, DocumentsWorkspace, type DocxModel, FilePreview, GuestDocument, GuestHost, type GuestRefusal, GuestRefused, Language, Place, Rights, type Slide, SlidesView, readDeck, readDocx, writeDeck, writeDocx };

package/dist/index.js

@@ -14,7 +14,7 @@ import {
 } from "./chunk-TDP6OJET.js";
 import {
   texts
-} from "./chunk-LZYITB56.js";
+} from "./chunk-VNXZVOPN.js";
 import {
   escape,
   readDocx,
@@ -2409,8 +2409,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-7WQJFUUU.js"));
-var SheetView = lazy(() => import("./SheetView-S5AFXKPA.js"));
+var TextEditor = lazy(() => import("./TextEditor-5S7FSLIZ.js"));
+var SheetView = lazy(() => import("./SheetView-OEKOHMKW.js"));
 var icons = { docx: FileText, markdown: FileType, pdf: Files, sheet: FileSpreadsheet, slides: Presentation };
 var read = { view: true, comment: false, edit: false };
 var quiet = () => {
@@ -2521,8 +2521,15 @@ import {
   Check as Check2,
   ChevronDown as ChevronDown2,
   ChevronRight as ChevronRight2,
+  Copy as Copy3,
+  Download as Download3,
+  ExternalLink as ExternalLink2,
   FileDiff,
   FileDown,
+  Link as Link2,
+  Pencil,
+  Send,
+  Trash2 as Trash24,
   FilePlus,
   FileSpreadsheet as FileSpreadsheet3,
   FileText as FileText3,
@@ -3117,14 +3124,14 @@ function Thumb({ host, item, label }) {
       /* @__PURE__ */ jsx8("i", {}),
       /* @__PURE__ */ jsx8("i", {})
     ] }) }),
-    /* @__PURE__ */ jsx8("span", { className: "w100n-docs-kind", "data-kind": item.kind, children: label })
+    label && /* @__PURE__ */ jsx8("span", { className: "w100n-docs-kind", "data-kind": item.kind, children: label })
   ] });
 }
 
 // src/DocumentsWorkspace.tsx
 import { Fragment as Fragment8, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
-var TextEditor2 = lazy2(() => import("./TextEditor-7WQJFUUU.js"));
-var SheetView2 = lazy2(() => import("./SheetView-S5AFXKPA.js"));
+var TextEditor2 = lazy2(() => import("./TextEditor-5S7FSLIZ.js"));
+var SheetView2 = lazy2(() => import("./SheetView-OEKOHMKW.js"));
 var Compare = lazy2(() => import("./Compare-M57FG4R3.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 }) {
@@ -3195,6 +3202,27 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     document.addEventListener("pointerdown", close);
     return () => document.removeEventListener("pointerdown", close);
   }, [picking]);
+  const [menu, setMenu] = useState9(null);
+  const [naming, setNaming] = useState9(null);
+  const [notice, setNotice] = useState9(null);
+  const early = useRef6(/* @__PURE__ */ new Map());
+  const hover = useRef6(0);
+  useEffect6(() => {
+    if (!menu) return;
+    const close = (e) => {
+      if (e.type === "pointerdown" && e.target.closest(".w100n-docs-context")) return;
+      if (e.type === "keydown" && e.key !== "Escape") return;
+      setMenu(null);
+    };
+    document.addEventListener("pointerdown", close);
+    window.addEventListener("keydown", close);
+    window.addEventListener("scroll", close, true);
+    return () => {
+      document.removeEventListener("pointerdown", close);
+      window.removeEventListener("keydown", close);
+      window.removeEventListener("scroll", close, true);
+    };
+  }, [menu]);
   const [tab, setTab] = useState9("outline");
   const [outline, setOutline] = useState9([]);
   const [reading, setReading] = useState9(null);
@@ -3236,9 +3264,15 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       document.removeEventListener("visibilitychange", sync);
     };
   }, []);
-  const doc = useLoad((signal) => here.documentId ? host.document(here.documentId, { signal }) : Promise.resolve(null), [host, here.documentId]);
+  const take = (id, key) => {
+    const kept2 = early.current.get(id);
+    const found = kept2 && Date.now() - kept2.at < 15e3 ? kept2[key] : void 0;
+    if (kept2) delete kept2[key];
+    return found;
+  };
+  const doc = useLoad((signal) => here.documentId ? take(here.documentId, "doc") ?? 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 content = useLoad((signal) => here.documentId ? !versionId && take(here.documentId, "bytes") || 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;
@@ -3370,6 +3404,52 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       setKept({ id: file.id, state: "failed" });
     }
   };
+  const warm = (item) => {
+    clearTimeout(hover.current);
+    hover.current = window.setTimeout(() => {
+      if (item.id === here.documentId) return;
+      if (item.kind === "docx" || item.kind === "markdown") void import("./TextEditor-5S7FSLIZ.js");
+      if (item.kind === "sheet") void import("./SheetView-OEKOHMKW.js");
+      const kept2 = early.current.get(item.id);
+      if (kept2 && Date.now() - kept2.at < 15e3 || item.size > 5e6) return;
+      const next = { at: Date.now(), doc: host.document(item.id), bytes: host.content(item.id, null) };
+      next.doc.catch(() => {
+      });
+      next.bytes.catch(() => {
+      });
+      early.current.set(item.id, next);
+    }, 150);
+  };
+  const act = async (run2, done) => {
+    setMenu(null);
+    setNotice(null);
+    try {
+      await run2();
+      if (done) setNotice(done);
+    } catch {
+      setNotice(t.actionFailed);
+    }
+  };
+  const fetchFile = async (item) => {
+    const url = URL.createObjectURL(new Blob([await host.content(item.id)]));
+    const link = Object.assign(document.createElement("a"), { href: url, download: item.name });
+    link.click();
+    setTimeout(() => URL.revokeObjectURL(url), 1e3);
+  };
+  const retitle = async (item, draft) => {
+    setNaming(null);
+    const ext = /\.[^.]+$/.exec(item.name)?.[0] ?? "";
+    const name = draft.trim() && (/\.[^.\s]+$/.test(draft.trim()) ? draft.trim() : draft.trim() + ext);
+    if (!name || name === item.name) return;
+    await act(() => host.rename(item.id, name));
+    list.retry();
+    if (item.id === here.documentId) doc.retry();
+  };
+  const drop2 = async (item) => {
+    await act(() => host.remove(item.id), t.trashed);
+    list.retry();
+    if (item.id === here.documentId) go({ spaceId: here.spaceId, documentId: null });
+  };
   const rename = async (file, draft) => {
     setRenaming(null);
     const ext = /\.[^.]+$/.exec(file.name)?.[0] ?? "";
@@ -3616,6 +3696,21 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       kept?.id === here.documentId && kept.state === "failed" && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-muted", role: "alert", children: t.templateFailed }),
       renamed === "failed" && /* @__PURE__ */ jsx9("span", { className: "w100n-docs-muted", children: t.renameFailed }),
       docbar && /* @__PURE__ */ jsx9("span", { ref: setStatusAt, className: "w100n-docs-status" }),
+      host.send && doc.data && !versionId && !doc.data.id.includes(":") && /* @__PURE__ */ jsxs9(
+        "button",
+        {
+          type: "button",
+          className: "w100n-docs-action",
+          "data-tone": "blue",
+          "aria-label": t.sendChat,
+          title: t.sendChat,
+          onClick: () => host.send(doc.data.id),
+          children: [
+            /* @__PURE__ */ jsx9(Send, { "aria-hidden": true }),
+            /* @__PURE__ */ jsx9("span", { children: t.sendChat })
+          ]
+        }
+      ),
       sharing && /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", "aria-label": t.share, title: t.share, onClick: () => {
         setTab("sharing");
         side("panel", true);
@@ -3744,17 +3839,56 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
           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 }),
+          notice && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", role: "status", children: notice }),
           list.data && !shown.length && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-muted", children: all.length ? t.nothing : t.empty }),
           folders.map((folder2) => /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-folder", role: "group", "aria-label": folder2 || t.loose, children: [
             folders.length > 1 && /* @__PURE__ */ jsx9("p", { className: "w100n-docs-group", children: folder2 || t.loose }),
-            /* @__PURE__ */ jsx9("div", { className: "w100n-docs-grid", children: shown.filter((item) => !spaceId || (item.folder ?? "") === folder2).map((item) => /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-card", "aria-current": item.id === here.documentId, onClick: () => open(item), title: item.name, children: [
+            /* @__PURE__ */ jsx9("div", { className: "w100n-docs-grid", children: shown.filter((item) => !spaceId || (item.folder ?? "") === folder2).map((item) => naming?.id === item.id ? /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-card", children: [
               /* @__PURE__ */ jsx9(Thumb, { host, item, label: t.kinds[item.kind] }),
-              /* @__PURE__ */ jsxs9("span", { className: "w100n-docs-card-text", children: [
-                /* @__PURE__ */ jsx9("b", { children: item.name }),
-                /* @__PURE__ */ jsx9("small", { children: [!spaceId && names2.get(item.spaceId), ago(item.updatedAt)].filter(Boolean).join(" \xB7 ") }),
-                inside.get(item.id) && /* @__PURE__ */ jsx9("small", { className: "w100n-docs-hit", children: inside.get(item.id).split(/[«»]/).map((part, i) => i % 2 ? /* @__PURE__ */ jsx9("mark", { children: part }, i) : part) })
-              ] })
-            ] }, item.id)) })
+              /* @__PURE__ */ jsx9("span", { className: "w100n-docs-card-text", children: /* @__PURE__ */ jsx9(
+                "input",
+                {
+                  className: "w100n-docs-field",
+                  autoFocus: true,
+                  value: naming.text,
+                  "aria-label": t.rename,
+                  onFocus: (e) => e.currentTarget.select(),
+                  onChange: (e) => setNaming({ ...naming, text: e.target.value }),
+                  onBlur: () => void retitle(item, naming.text),
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter") e.currentTarget.blur();
+                    if (e.key === "Escape") {
+                      e.stopPropagation();
+                      setNaming(null);
+                    }
+                  }
+                }
+              ) })
+            ] }, item.id) : /* @__PURE__ */ jsxs9(
+              "button",
+              {
+                type: "button",
+                className: "w100n-docs-card",
+                "aria-current": item.id === here.documentId,
+                onClick: () => open(item),
+                title: item.name,
+                onPointerEnter: () => warm(item),
+                onPointerLeave: () => clearTimeout(hover.current),
+                onContextMenu: (e) => {
+                  e.preventDefault();
+                  setMenu({ item, x: Math.min(e.clientX, innerWidth - 290), y: Math.min(e.clientY, innerHeight - 440), sure: false });
+                },
+                children: [
+                  /* @__PURE__ */ jsx9(Thumb, { host, item, label: t.kinds[item.kind] }),
+                  /* @__PURE__ */ jsxs9("span", { className: "w100n-docs-card-text", children: [
+                    /* @__PURE__ */ jsx9("b", { children: item.name }),
+                    /* @__PURE__ */ jsx9("small", { children: [!spaceId && names2.get(item.spaceId), ago(item.updatedAt)].filter(Boolean).join(" \xB7 ") }),
+                    inside.get(item.id) && /* @__PURE__ */ jsx9("small", { className: "w100n-docs-hit", children: inside.get(item.id).split(/[«»]/).map((part, i) => i % 2 ? /* @__PURE__ */ jsx9("mark", { children: part }, i) : part) })
+                  ] })
+                ]
+              },
+              item.id
+            )) })
           ] }, folder2))
         ] })
       ] }),
@@ -3923,16 +4057,106 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       setMaking(false);
       opened(made);
     } }),
+    menu && /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.fileActions, style: { left: menu.x, top: menu.y }, children: [
+      /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-context-head", children: [
+        /* @__PURE__ */ jsx9("b", { children: menu.item.name }),
+        /* @__PURE__ */ jsx9("small", { children: [t.kinds[menu.item.kind], size(menu.item.size), names2.get(menu.item.spaceId), menu.item.folder].filter(Boolean).join(" \xB7 ") }),
+        menu.item.createdAt && /* @__PURE__ */ jsx9("small", { children: [t.createdOn.replace("{when}", date(menu.item.createdAt)), menu.item.createdBy?.name].filter(Boolean).join(" \xB7 ") }),
+        /* @__PURE__ */ jsx9("small", { children: [t.updatedOn.replace("{when}", ago(menu.item.updatedAt)), menu.item.updatedBy?.name].filter(Boolean).join(" \xB7 ") })
+      ] }),
+      menu.sure ? /* @__PURE__ */ jsxs9("div", { className: "w100n-docs-context-ask", children: [
+        /* @__PURE__ */ jsx9("p", { children: t.trashAsk.replace("{name}", menu.item.name) }),
+        /* @__PURE__ */ jsxs9("span", { className: "w100n-pdf-dialog-end", children: [
+          /* @__PURE__ */ jsx9("button", { type: "button", className: "w100n-pdf-link", onClick: () => setMenu({ ...menu, sure: false }), children: t.cancel }),
+          /* @__PURE__ */ jsxs9("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", onClick: () => void drop2(menu.item), children: [
+            /* @__PURE__ */ jsx9(Trash24, { "aria-hidden": true }),
+            t.trash
+          ] })
+        ] })
+      ] }) : /* @__PURE__ */ jsxs9(Fragment8, { children: [
+        /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          open(menu.item);
+        }, children: [
+          /* @__PURE__ */ jsx9(FileText3, { "aria-hidden": true }),
+          t.openFile
+        ] }),
+        host.href && /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          window.open(host.href(menu.item.id), "_blank", "noopener");
+        }, children: [
+          /* @__PURE__ */ jsx9(ExternalLink2, { "aria-hidden": true }),
+          t.openTab
+        ] }),
+        host.href && /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => void act(() => navigator.clipboard.writeText(host.href(menu.item.id)), t.linkCopied), children: [
+          /* @__PURE__ */ jsx9(Link2, { "aria-hidden": true }),
+          t.copyLink
+        ] }),
+        host.send && /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          host.send(menu.item.id);
+        }, children: [
+          /* @__PURE__ */ jsx9(Send, { "aria-hidden": true }),
+          t.sendChat
+        ] }),
+        /* @__PURE__ */ jsx9("hr", {}),
+        host.rename && /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          setNaming({ id: menu.item.id, text: menu.item.name.replace(/\.[^.]+$/, "") });
+        }, children: [
+          /* @__PURE__ */ jsx9(Pencil, { "aria-hidden": true }),
+          t.rename
+        ] }),
+        host.create && /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => void act(async () => copy(await host.document(menu.item.id))), children: [
+          /* @__PURE__ */ jsx9(Copy3, { "aria-hidden": true }),
+          t.makeCopy
+        ] }),
+        /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => void act(() => fetchFile(menu.item)), children: [
+          /* @__PURE__ */ jsx9(Download3, { "aria-hidden": true }),
+          t.download
+        ] }),
+        host.saveTemplate && /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => void act(() => host.saveTemplate(menu.item.id), t.templateSaved), children: [
+          /* @__PURE__ */ jsx9(Bookmark, { "aria-hidden": true }),
+          t.saveTemplate
+        ] }),
+        /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          open(menu.item);
+          setTab("details");
+          side("panel", true);
+        }, children: [
+          /* @__PURE__ */ jsx9(Info, { "aria-hidden": true }),
+          t.details
+        ] }),
+        host.remove && /* @__PURE__ */ jsxs9(Fragment8, { children: [
+          /* @__PURE__ */ jsx9("hr", {}),
+          /* @__PURE__ */ jsxs9("button", { type: "button", role: "menuitem", "data-tone": "red", onClick: () => setMenu({ ...menu, sure: true }), children: [
+            /* @__PURE__ */ jsx9(Trash24, { "aria-hidden": true }),
+            t.trash
+          ] })
+        ] })
+      ] })
+    ] }),
     dialog
   ] });
 }
 
+// src/FilePreview.tsx
+import { useState as useState10 } from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+function FilePreview({ url, name, mimeType, size = 0, bytes, pdfWorker }) {
+  const [source] = useState10(() => ({ pdfWorker, content: () => bytes ? bytes(url) : fetch(url, { credentials: "include" }).then((res) => res.ok ? res.arrayBuffer() : Promise.reject(new Error(String(res.status)))) }));
+  const kind = kindOf(name, mimeType);
+  if (!kind) return null;
+  return /* @__PURE__ */ jsx10("span", { className: "w100n-preview", children: /* @__PURE__ */ jsx10(Thumb, { host: source, item: { id: url.split("?")[0], spaceId: "", name, kind, size, updatedAt: "" } }) });
+}
+
 // src/GuestDocument.tsx
-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-7WQJFUUU.js"));
-var SheetView3 = lazy3(() => import("./SheetView-S5AFXKPA.js"));
+import { lazy as lazy3, Suspense as Suspense3, useRef as useRef7, useState as useState11 } from "react";
+import { Ban as Ban2, Download as Download4, 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 jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+var TextEditor3 = lazy3(() => import("./TextEditor-5S7FSLIZ.js"));
+var SheetView3 = lazy3(() => import("./SheetView-OEKOHMKW.js"));
 var icons4 = { docx: FileText4, markdown: FileType4, pdf: Files3, sheet: FileSpreadsheet4, slides: Presentation4 };
 var GuestRefused = class extends Error {
   constructor(reason, file = "", sharedBy = "") {
@@ -3958,14 +4182,14 @@ var remember = (name) => {
 };
 function GuestDocument({ host, language = "en", theme = "light", brand }) {
   const t = texts[language];
-  const [ask, setAsk] = useState10(() => ({ name: remembered() || void 0 }));
-  const [typed, setTyped] = useState10("");
-  const [name, setName] = useState10(remembered);
+  const [ask, setAsk] = useState11(() => ({ name: remembered() || void 0 }));
+  const [typed, setTyped] = useState11("");
+  const [name, setName] = useState11(remembered);
   const named = useRef7(name);
-  const [slot, setSlot] = useState10(null);
-  const [saving, setSaving] = useState10("idle");
+  const [slot, setSlot] = useState11(null);
+  const [saving, setSaving] = useState11("idle");
   const opened = useLoad((signal) => host.open(ask, { signal }), [host, ask]);
-  const [notes] = useState10(() => ({
+  const [notes] = useState11(() => ({
     me: { id: "", name: "" },
     spaces: async () => [],
     documents: async () => [],
@@ -3993,14 +4217,14 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
     const kind2 = file2 ? kindOf(file2.name, file2.mimeType) : null;
     const Kind = kind2 ? icons4[kind2] : FileText4;
     return /* @__PURE__ */ jsxs10("header", { className: "w100n-docs-bar w100n-guest-bar", children: [
-      brand && /* @__PURE__ */ jsx10("span", { className: "w100n-guest-brand", children: brand }),
+      brand && /* @__PURE__ */ jsx11("span", { className: "w100n-guest-brand", children: brand }),
       file2 && /* @__PURE__ */ jsxs10(Fragment9, { children: [
-        /* @__PURE__ */ jsx10("span", { className: "w100n-docs-tile", "data-kind": kind2, children: /* @__PURE__ */ jsx10(Kind, { "aria-hidden": true }) }),
+        /* @__PURE__ */ jsx11("span", { className: "w100n-docs-tile", "data-kind": kind2, children: /* @__PURE__ */ jsx11(Kind, { "aria-hidden": true }) }),
         /* @__PURE__ */ jsxs10("div", { className: "w100n-docs-heading", children: [
-          /* @__PURE__ */ jsx10("strong", { className: "w100n-docs-title", children: file2.name }),
-          file2.sharedBy && /* @__PURE__ */ jsx10("span", { className: "w100n-docs-crumbs", children: t.sharedBy.replace("{name}", file2.sharedBy) })
+          /* @__PURE__ */ jsx11("strong", { className: "w100n-docs-title", children: file2.name }),
+          file2.sharedBy && /* @__PURE__ */ jsx11("span", { className: "w100n-docs-crumbs", children: t.sharedBy.replace("{name}", file2.sharedBy) })
         ] }),
-        badge && /* @__PURE__ */ jsx10("span", { className: "w100n-docs-badge", "data-kind": kind2, children: badge }),
+        badge && /* @__PURE__ */ jsx11("span", { className: "w100n-docs-badge", "data-kind": kind2, children: badge }),
         file2.download && /* @__PURE__ */ jsxs10("div", { className: "w100n-docs-end", children: [
           (kind2 === "docx" || kind2 === "markdown" || kind2 === "sheet" || kind2 === "slides") && /* @__PURE__ */ jsxs10(
             "button",
@@ -4013,14 +4237,14 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
               "aria-label": t.pdfCopy,
               title: t.pdfCopy,
               children: [
-                /* @__PURE__ */ jsx10(FileDown2, { "aria-hidden": true }),
-                /* @__PURE__ */ jsx10("span", { children: t.pdfCopy })
+                /* @__PURE__ */ jsx11(FileDown2, { "aria-hidden": true }),
+                /* @__PURE__ */ jsx11("span", { children: t.pdfCopy })
               ]
             }
           ),
           /* @__PURE__ */ jsxs10("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", disabled: saving === "busy", onClick: () => void download("file"), "aria-label": t.download, title: t.download, children: [
-            /* @__PURE__ */ jsx10(Download3, { "aria-hidden": true }),
-            /* @__PURE__ */ jsx10("span", { children: t.download })
+            /* @__PURE__ */ jsx11(Download4, { "aria-hidden": true }),
+            /* @__PURE__ */ jsx11("span", { children: t.download })
           ] })
         ] })
       ] })
@@ -4028,10 +4252,10 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
   };
   const gate = (tone, Icon, title, body, form) => /* @__PURE__ */ jsxs10("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(null, null),
-    /* @__PURE__ */ jsx10("div", { className: "w100n-guest-gate", children: /* @__PURE__ */ jsxs10("div", { className: "w100n-guest-card", children: [
-      /* @__PURE__ */ jsx10("span", { className: "w100n-share-tile", "data-tone": tone, children: /* @__PURE__ */ jsx10(Icon, { "aria-hidden": true }) }),
-      /* @__PURE__ */ jsx10("h2", { children: title }),
-      /* @__PURE__ */ jsx10("p", { children: body }),
+    /* @__PURE__ */ jsx11("div", { className: "w100n-guest-gate", children: /* @__PURE__ */ jsxs10("div", { className: "w100n-guest-card", children: [
+      /* @__PURE__ */ jsx11("span", { className: "w100n-share-tile", "data-tone": tone, children: /* @__PURE__ */ jsx11(Icon, { "aria-hidden": true }) }),
+      /* @__PURE__ */ jsx11("h2", { children: title }),
+      /* @__PURE__ */ jsx11("p", { children: body }),
       form
     ] }) })
   ] });
@@ -4057,7 +4281,7 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
           }
           setTyped("");
         }, children: [
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             "input",
             {
               className: "w100n-share-input",
@@ -4070,21 +4294,21 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
               onChange: (e) => setTyped(e.target.value)
             }
           ),
-          refused.reason === "wrong" && /* @__PURE__ */ jsx10("p", { className: "w100n-docs-muted", role: "alert", children: t.wrongPassword }),
+          refused.reason === "wrong" && /* @__PURE__ */ jsx11("p", { className: "w100n-docs-muted", role: "alert", children: t.wrongPassword }),
           /* @__PURE__ */ jsxs10("button", { type: "submit", className: "w100n-docs-action", disabled: !typed.trim(), children: [
-            /* @__PURE__ */ jsx10(Eye2, { "aria-hidden": true }),
+            /* @__PURE__ */ jsx11(Eye2, { "aria-hidden": true }),
             t.openDoc
           ] })
         ] })
       );
     }
     if (refused?.reason === "busy") return gate("slate", Ban2, t.failed, t.tooMany);
-    return gate("slate", Ban2, t.failed, "", /* @__PURE__ */ jsx10("button", { type: "button", className: "w100n-docs-action", onClick: opened.retry, children: t.retry }));
+    return gate("slate", Ban2, t.failed, "", /* @__PURE__ */ jsx11("button", { type: "button", className: "w100n-docs-action", onClick: opened.retry, children: t.retry }));
   }
   const file = opened.data;
   if (!file) return /* @__PURE__ */ jsxs10("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(null, null),
-    /* @__PURE__ */ jsx10("div", { className: "w100n-docs-empty", children: t.loading })
+    /* @__PURE__ */ jsx11("div", { className: "w100n-docs-empty", children: t.loading })
   ] });
   const kind = kindOf(file.name, file.mimeType);
   const text = kind === "docx" || kind === "markdown";
@@ -4092,23 +4316,23 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
   const rights = { view: true, comment: talk, edit: false };
   const quiet2 = () => {
   };
-  let stage = /* @__PURE__ */ jsx10("div", { className: "w100n-docs-empty", children: t.unsupported });
-  if (text) stage = /* @__PURE__ */ jsx10(Suspense3, { fallback: /* @__PURE__ */ jsx10("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx10(TextEditor3, { kind, bytes: file.bytes, t, language, rights, host: talk ? notes : void 0, documentId: file.id, onOutline: quiet2, slot: talk ? slot : null }) });
-  else if (kind === "pdf") stage = /* @__PURE__ */ jsx10(PdfView, { bytes: file.bytes, t, language, worker: host.pdfWorker, rights, documentId: file.id, onOutline: quiet2 });
-  else if (kind === "slides") stage = /* @__PURE__ */ jsx10(SlidesView, { html: new TextDecoder().decode(file.bytes), name: file.name, rights, language, theme, onOutline: quiet2 });
-  else if (kind === "sheet") stage = /* @__PURE__ */ jsx10(Suspense3, { fallback: /* @__PURE__ */ jsx10("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx10(SheetView3, { bytes: file.bytes, name: file.name, kind: /\.csv$/i.test(file.name) || file.mimeType === "text/csv" ? "csv" : "xlsx", rights, language, theme, documentId: file.id }) });
+  let stage = /* @__PURE__ */ jsx11("div", { className: "w100n-docs-empty", children: t.unsupported });
+  if (text) stage = /* @__PURE__ */ jsx11(Suspense3, { fallback: /* @__PURE__ */ jsx11("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx11(TextEditor3, { kind, bytes: file.bytes, t, language, rights, host: talk ? notes : void 0, documentId: file.id, onOutline: quiet2, slot: talk ? slot : null }) });
+  else if (kind === "pdf") stage = /* @__PURE__ */ jsx11(PdfView, { bytes: file.bytes, t, language, worker: host.pdfWorker, rights, documentId: file.id, onOutline: quiet2 });
+  else if (kind === "slides") stage = /* @__PURE__ */ jsx11(SlidesView, { html: new TextDecoder().decode(file.bytes), name: file.name, rights, language, theme, onOutline: quiet2 });
+  else if (kind === "sheet") stage = /* @__PURE__ */ jsx11(Suspense3, { fallback: /* @__PURE__ */ jsx11("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ jsx11(SheetView3, { bytes: file.bytes, name: file.name, kind: /\.csv$/i.test(file.name) || file.mimeType === "text/csv" ? "csv" : "xlsx", rights, language, theme, documentId: file.id }) });
   return /* @__PURE__ */ jsxs10("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(file, talk ? t.badgeComment : t.badgeRead),
-    saving === "failed" && /* @__PURE__ */ jsx10("p", { className: "w100n-docs-muted w100n-guest-note", role: "alert", children: t.exportFailed }),
+    saving === "failed" && /* @__PURE__ */ jsx11("p", { className: "w100n-docs-muted w100n-guest-note", role: "alert", children: t.exportFailed }),
     /* @__PURE__ */ jsxs10("div", { className: "w100n-docs-body w100n-guest-body", children: [
-      /* @__PURE__ */ jsx10("main", { className: "w100n-docs-stage", children: /* @__PURE__ */ jsx10("div", { className: "w100n-docs-bare", children: stage }) }),
-      talk && /* @__PURE__ */ jsx10("aside", { className: "w100n-docs-side w100n-docs-panel w100n-guest-panel", "aria-label": t.comments, children: /* @__PURE__ */ jsxs10("div", { className: "w100n-docs-panel-body", children: [
+      /* @__PURE__ */ jsx11("main", { className: "w100n-docs-stage", children: /* @__PURE__ */ jsx11("div", { className: "w100n-docs-bare", children: stage }) }),
+      talk && /* @__PURE__ */ jsx11("aside", { className: "w100n-docs-side w100n-docs-panel w100n-guest-panel", "aria-label": t.comments, children: /* @__PURE__ */ jsxs10("div", { className: "w100n-docs-panel-body", children: [
         /* @__PURE__ */ jsxs10("label", { className: "w100n-share-field", children: [
-          /* @__PURE__ */ jsx10("span", { children: t.yourName }),
-          /* @__PURE__ */ jsx10("input", { className: "w100n-share-input", value: name, autoComplete: "name", placeholder: t.yourName, onChange: (e) => typeName(e.target.value) })
+          /* @__PURE__ */ jsx11("span", { children: t.yourName }),
+          /* @__PURE__ */ jsx11("input", { className: "w100n-share-input", value: name, autoComplete: "name", placeholder: t.yourName, onChange: (e) => typeName(e.target.value) })
         ] }),
-        /* @__PURE__ */ jsx10("p", { className: "w100n-docs-muted", children: name.trim() ? t.nameHint : t.nameNeeded }),
-        /* @__PURE__ */ jsx10("div", { ref: setSlot })
+        /* @__PURE__ */ jsx11("p", { className: "w100n-docs-muted", children: name.trim() ? t.nameHint : t.nameNeeded }),
+        /* @__PURE__ */ jsx11("div", { ref: setSlot })
       ] }) })
     ] })
   ] });
@@ -4116,6 +4340,7 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
 export {
   DocumentOverlay,
   DocumentsWorkspace,
+  FilePreview,
   GuestDocument,
   GuestRefused,
   SlidesView,