@w100n/documents 0.16.2 → 0.16.4

package/dist/index.cjs

@@ -98,6 +98,18 @@ var init_text = __esm({
       retry: "Try again",
       loading: "Loading",
       unsupported: "This file cannot be shown yet",
+      sendChat: "Send to chat",
+      openFile: "Open",
+      openTab: "Open in a new tab",
+      copyLink: "Copy link",
+      linkCopied: "Link copied",
+      trash: "Move to trash",
+      trashAsk: "Move {name} to trash?",
+      trashed: "Moved to trash",
+      createdOn: "Created {when}",
+      updatedOn: "Updated {when}",
+      actionFailed: "Could not do that",
+      fileActions: "File actions",
       teamTemplates: "Team templates",
       saveTemplate: "Save as template",
       templateSaved: "Saved to Templates",
@@ -439,6 +451,18 @@ var init_text = __esm({
       retry: "Spr\xF3buj ponownie",
       loading: "Wczytywanie",
       unsupported: "Tego pliku nie da si\u0119 jeszcze pokaza\u0107",
+      sendChat: "Wy\u015Blij na czat",
+      openFile: "Otw\xF3rz",
+      openTab: "Otw\xF3rz w nowej karcie",
+      copyLink: "Kopiuj link",
+      linkCopied: "Skopiowano link",
+      trash: "Przenie\u015B do kosza",
+      trashAsk: "Przenie\u015B\u0107 {name} do kosza?",
+      trashed: "Przeniesiono do kosza",
+      createdOn: "Utworzono {when}",
+      updatedOn: "Zmieniono {when}",
+      actionFailed: "Nie uda\u0142o si\u0119",
+      fileActions: "Dzia\u0142ania na pliku",
       teamTemplates: "Szablony zespo\u0142u",
       saveTemplate: "Zapisz jako szablon",
       templateSaved: "Zapisano w Szablonach",
@@ -780,6 +804,18 @@ var init_text = __esm({
       retry: "\u0421\u043F\u0440\u043E\u0431\u0443\u0432\u0430\u0442\u0438 \u0449\u0435",
       loading: "\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0435\u043D\u043D\u044F",
       unsupported: "\u0426\u0435\u0439 \u0444\u0430\u0439\u043B \u043F\u043E\u043A\u0438 \u043D\u0435 \u043C\u043E\u0436\u043D\u0430 \u043F\u043E\u043A\u0430\u0437\u0430\u0442\u0438",
+      sendChat: "\u041D\u0430\u0434\u0456\u0441\u043B\u0430\u0442\u0438 \u0432 \u0447\u0430\u0442",
+      openFile: "\u0412\u0456\u0434\u043A\u0440\u0438\u0442\u0438",
+      openTab: "\u0412\u0456\u0434\u043A\u0440\u0438\u0442\u0438 \u0432 \u043D\u043E\u0432\u0456\u0439 \u0432\u043A\u043B\u0430\u0434\u0446\u0456",
+      copyLink: "\u041A\u043E\u043F\u0456\u044E\u0432\u0430\u0442\u0438 \u043F\u043E\u0441\u0438\u043B\u0430\u043D\u043D\u044F",
+      linkCopied: "\u041F\u043E\u0441\u0438\u043B\u0430\u043D\u043D\u044F \u0441\u043A\u043E\u043F\u0456\u0439\u043E\u0432\u0430\u043D\u043E",
+      trash: "\u0423 \u043A\u043E\u0448\u0438\u043A",
+      trashAsk: "\u041F\u0435\u0440\u0435\u043C\u0456\u0441\u0442\u0438\u0442\u0438 {name} \u0443 \u043A\u043E\u0448\u0438\u043A?",
+      trashed: "\u041F\u0435\u0440\u0435\u043C\u0456\u0449\u0435\u043D\u043E \u0432 \u043A\u043E\u0448\u0438\u043A",
+      createdOn: "\u0421\u0442\u0432\u043E\u0440\u0435\u043D\u043E {when}",
+      updatedOn: "\u0417\u043C\u0456\u043D\u0435\u043D\u043E {when}",
+      actionFailed: "\u041D\u0435 \u0432\u0434\u0430\u043B\u043E\u0441\u044F",
+      fileActions: "\u0414\u0456\u0457 \u0437 \u0444\u0430\u0439\u043B\u043E\u043C",
       teamTemplates: "\u0428\u0430\u0431\u043B\u043E\u043D\u0438 \u043A\u043E\u043C\u0430\u043D\u0434\u0438",
       saveTemplate: "\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438 \u044F\u043A \u0448\u0430\u0431\u043B\u043E\u043D",
       templateSaved: "\u0417\u0431\u0435\u0440\u0435\u0436\u0435\u043D\u043E \u0432 Templates",
@@ -4735,7 +4771,7 @@ var init_extensions = __esm({
 var version;
 var init_package = __esm({
   "package.json"() {
-    version = "0.16.2";
+    version = "0.16.4";
   }
 });
 
@@ -10080,17 +10116,35 @@ var init_sheets = __esm({
 });
 
 // src/sheets/calm.ts
-var calm;
+function bolder(injector) {
+  const theme = injector.get(import_core5.ThemeService);
+  const tone = (color2) => theme.isValidThemeColor(color2) ? theme.getColorFromTheme(color2) : color2;
+  const refs3 = new Set(Array.from({ length: 12 }, (_, i) => tone(theme.getColorFromTheme(`loop-color.${i + 1}`))));
+  return injector.get(import_core5.ICommandService).beforeCommandExecuted(({ id, params }) => {
+    if (id !== "doc.command.replace-text-runs") return;
+    params?.body?.textRuns?.forEach((run3) => {
+      if (run3.ts?.cl?.rgb && refs3.has(run3.ts.cl.rgb)) run3.ts.bl = 1;
+    });
+  });
+}
+var import_core5, pale, calm;
 var init_calm = __esm({
   "src/sheets/calm.ts"() {
     "use strict";
-    calm = (selection) => selection.style?.widgets && Object.values(selection.style.widgets).some(Boolean) ? { ...selection, style: { ...selection.style, widgets: {}, strokeWidth: 2 } } : selection;
+    import_core5 = require("@univerjs/core");
+    pale = (color2) => /^#[0-9a-f]{6}$/i.test(color2) ? `${color2}24` : color2.replace(/^rgb\(([^)]+)\)$/i, "rgba($1, 0.14)");
+    calm = (selection) => {
+      const style = selection.style;
+      if (!style?.widgets || !Object.values(style.widgets).some(Boolean)) return selection;
+      return { ...selection, style: { ...style, widgets: {}, strokeWidth: 3, fill: style.stroke ? pale(style.stroke) : style.fill } };
+    };
   }
 });
 
 // src/sheets/grid.ts
 var grid_exports = {};
 __export(grid_exports, {
+  bolder: () => bolder,
   grid: () => grid2,
   marks: () => marks
 });
@@ -10245,7 +10299,7 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
     setDirty(false);
     const families = new Set([model.book.defaultStyle, ...Object.values(model.book.styles)].map((s) => typeof s === "object" ? s?.ff : null).filter(Boolean));
     const fonts = Promise.race([Promise.all([...families].flatMap((f) => ["", "bold ", "italic "].map((w) => document.fonts.load(`${w}11pt "${f}"`).catch(() => [])))), new Promise((r) => setTimeout(r, 800))]);
-    Promise.all([Promise.resolve().then(() => (init_grid(), grid_exports)), fonts]).then(([{ grid: grid3, marks: marks2 }]) => {
+    Promise.all([Promise.resolve().then(() => (init_grid(), grid_exports)), fonts]).then(([{ bolder: bolder2, grid: grid3, marks: marks2 }]) => {
       if (gone) return;
       shared?.doc.off("update", change);
       if (shared && moved) model = extras(shared.doc, build(shared.doc));
@@ -10255,6 +10309,7 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
       const view = grid3(host2, language, edit);
       const { univer, univerAPI: api2 } = view;
       const wb = api2.createWorkbook(model.book);
+      const unbold = bolder2(univer.__getInjector());
       if (model.active) wb.setActiveSheet(model.active);
       if (!edit) wb.setEditable(false);
       const state = { api: api2, model, original: bytes, changes: 0 };
@@ -10294,6 +10349,7 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
       live.current = state;
       stop = () => {
         unbind();
+        unbold.dispose();
         state.marks?.dispose();
         untrack();
         selection.dispose();
@@ -10417,7 +10473,7 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
   const sum = () => {
     const r = range()?.getRange();
     const ws = sheet2();
-    const numeric2 = (row2, c) => ws?.getRange(row2, c).getCellData()?.t === import_core5.CellValueType.NUMBER;
+    const numeric2 = (row2, c) => ws?.getRange(row2, c).getCellData()?.t === import_core6.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);
@@ -10584,13 +10640,13 @@ function SheetView({ bytes, name, kind, rights, language, theme, onChange, onSav
     ] })
   ] });
 }
-var import_react12, import_lucide_react6, import_core5, import_jsx_runtime8, decimals, letters2, SheetView_default;
+var import_react12, import_lucide_react6, import_core6, import_jsx_runtime8, decimals, letters2, SheetView_default;
 var init_SheetView = __esm({
   "src/sheets/SheetView.tsx"() {
     "use strict";
     import_react12 = require("react");
     import_lucide_react6 = require("lucide-react");
-    import_core5 = require("@univerjs/core");
+    import_core6 = require("@univerjs/core");
     init_live();
     init_focus();
     init_bind();
@@ -10717,6 +10773,7 @@ var index_exports = {};
 __export(index_exports, {
   DocumentOverlay: () => DocumentOverlay,
   DocumentsWorkspace: () => DocumentsWorkspace,
+  FilePreview: () => FilePreview,
   GuestDocument: () => GuestDocument,
   GuestRefused: () => GuestRefused,
   SlidesView: () => SlidesView,
@@ -13827,7 +13884,7 @@ function Thumb({ host, item, label }) {
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("i", {}),
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("i", {})
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-kind", "data-kind": item.kind, children: label })
+    label && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "w100n-docs-kind", "data-kind": item.kind, children: label })
   ] });
 }
 
@@ -13906,6 +13963,27 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
     document.addEventListener("pointerdown", close);
     return () => document.removeEventListener("pointerdown", close);
   }, [picking]);
+  const [menu, setMenu] = (0, import_react17.useState)(null);
+  const [naming, setNaming] = (0, import_react17.useState)(null);
+  const [notice, setNotice] = (0, import_react17.useState)(null);
+  const early = (0, import_react17.useRef)(/* @__PURE__ */ new Map());
+  const hover = (0, import_react17.useRef)(0);
+  (0, import_react17.useEffect)(() => {
+    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] = (0, import_react17.useState)("outline");
   const [outline2, setOutline] = (0, import_react17.useState)([]);
   const [reading, setReading] = (0, import_react17.useState)(null);
@@ -13947,9 +14025,15 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       document.removeEventListener("visibilitychange", sync);
     };
   }, []);
-  const doc = useLoad((signal) => here.documentId ? host.document(here.documentId, { signal }) : Promise.resolve(null), [host, here.documentId]);
+  const take = (id, key2) => {
+    const kept2 = early.current.get(id);
+    const found = kept2 && Date.now() - kept2.at < 15e3 ? kept2[key2] : void 0;
+    if (kept2) delete kept2[key2];
+    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;
@@ -14081,6 +14165,52 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       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 Promise.resolve().then(() => (init_TextEditor(), TextEditor_exports));
+      if (item.kind === "sheet") void Promise.resolve().then(() => (init_SheetView(), SheetView_exports));
+      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 (run3, done) => {
+    setMenu(null);
+    setNotice(null);
+    try {
+      await run3();
+      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] ?? "";
@@ -14327,6 +14457,21 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       kept?.id === here.documentId && kept.state === "failed" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "w100n-docs-muted", role: "alert", children: t.templateFailed }),
       renamed2 === "failed" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "w100n-docs-muted", children: t.renameFailed }),
       docbar && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { ref: setStatusAt, className: "w100n-docs-status" }),
+      host.send && doc.data && !versionId && !doc.data.id.includes(":") && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+        "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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Send, { "aria-hidden": true }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: t.sendChat })
+          ]
+        }
+      ),
       sharing && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", className: "w100n-docs-action", "aria-label": t.share, title: t.share, onClick: () => {
         setTab("sharing");
         side2("panel", true);
@@ -14455,17 +14600,56 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
           sending === "failed" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.uploadFailed }),
           list.error && failed(list.retry),
           list.loading && !list.data && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "w100n-docs-muted", children: t.loading }),
+          notice && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "w100n-docs-muted", role: "status", children: notice }),
           list.data && !shown.length && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "w100n-docs-muted", children: all.length ? t.nothing : t.empty }),
           folders.map((folder2) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-docs-folder", role: "group", "aria-label": folder2 || t.loose, children: [
             folders.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "w100n-docs-group", children: folder2 || t.loose }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w100n-docs-grid", children: shown.filter((item) => !spaceId || (item.folder ?? "") === folder2).map((item) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", className: "w100n-docs-card", "aria-current": item.id === here.documentId, onClick: () => open(item), title: item.name, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w100n-docs-grid", children: shown.filter((item) => !spaceId || (item.folder ?? "") === folder2).map((item) => naming?.id === item.id ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-docs-card", children: [
               /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Thumb, { host, item, label: t.kinds[item.kind] }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "w100n-docs-card-text", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("b", { children: item.name }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("small", { children: [!spaceId && names2.get(item.spaceId), ago(item.updatedAt)].filter(Boolean).join(" \xB7 ") }),
-                inside2.get(item.id) && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("small", { className: "w100n-docs-hit", children: inside2.get(item.id).split(/[«»]/).map((part, i) => i % 2 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("mark", { children: part }, i) : part) })
-              ] })
-            ] }, item.id)) })
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "w100n-docs-card-text", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                "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__ */ (0, import_jsx_runtime14.jsxs)(
+              "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__ */ (0, import_jsx_runtime14.jsx)(Thumb, { host, item, label: t.kinds[item.kind] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "w100n-docs-card-text", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("b", { children: item.name }),
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("small", { children: [!spaceId && names2.get(item.spaceId), ago(item.updatedAt)].filter(Boolean).join(" \xB7 ") }),
+                    inside2.get(item.id) && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("small", { className: "w100n-docs-hit", children: inside2.get(item.id).split(/[«»]/).map((part, i) => i % 2 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("mark", { children: part }, i) : part) })
+                  ] })
+                ]
+              },
+              item.id
+            )) })
           ] }, folder2))
         ] })
       ] }),
@@ -14634,18 +14818,108 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       setMaking(false);
       opened2(made2);
     } }),
+    menu && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.fileActions, style: { left: menu.x, top: menu.y }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-docs-context-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("b", { children: menu.item.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("small", { children: [t.kinds[menu.item.kind], size2(menu.item.size), names2.get(menu.item.spaceId), menu.item.folder].filter(Boolean).join(" \xB7 ") }),
+        menu.item.createdAt && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("small", { children: [t.createdOn.replace("{when}", date(menu.item.createdAt)), menu.item.createdBy?.name].filter(Boolean).join(" \xB7 ") }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("small", { children: [t.updatedOn.replace("{when}", ago(menu.item.updatedAt)), menu.item.updatedBy?.name].filter(Boolean).join(" \xB7 ") })
+      ] }),
+      menu.sure ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "w100n-docs-context-ask", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { children: t.trashAsk.replace("{name}", menu.item.name) }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "w100n-pdf-dialog-end", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => setMenu({ ...menu, sure: false }), children: t.cancel }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", onClick: () => void drop2(menu.item), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Trash2, { "aria-hidden": true }),
+            t.trash
+          ] })
+        ] })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          open(menu.item);
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.FileText, { "aria-hidden": true }),
+          t.openFile
+        ] }),
+        host.href && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          window.open(host.href(menu.item.id), "_blank", "noopener");
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.ExternalLink, { "aria-hidden": true }),
+          t.openTab
+        ] }),
+        host.href && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", role: "menuitem", onClick: () => void act(() => navigator.clipboard.writeText(host.href(menu.item.id)), t.linkCopied), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Link, { "aria-hidden": true }),
+          t.copyLink
+        ] }),
+        host.send && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          host.send(menu.item.id);
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Send, { "aria-hidden": true }),
+          t.sendChat
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("hr", {}),
+        host.rename && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          setNaming({ id: menu.item.id, text: menu.item.name.replace(/\.[^.]+$/, "") });
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Pencil, { "aria-hidden": true }),
+          t.rename
+        ] }),
+        host.create && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", role: "menuitem", onClick: () => void act(async () => copy2(await host.document(menu.item.id))), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Copy, { "aria-hidden": true }),
+          t.makeCopy
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", role: "menuitem", onClick: () => void act(() => fetchFile(menu.item)), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Download, { "aria-hidden": true }),
+          t.download
+        ] }),
+        host.saveTemplate && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", role: "menuitem", onClick: () => void act(() => host.saveTemplate(menu.item.id), t.templateSaved), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Bookmark, { "aria-hidden": true }),
+          t.saveTemplate
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+          setMenu(null);
+          open(menu.item);
+          setTab("details");
+          side2("panel", true);
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Info, { "aria-hidden": true }),
+          t.details
+        ] }),
+        host.remove && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("hr", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { type: "button", role: "menuitem", "data-tone": "red", onClick: () => setMenu({ ...menu, sure: true }), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react10.Trash2, { "aria-hidden": true }),
+            t.trash
+          ] })
+        ] })
+      ] })
+    ] }),
     dialog
   ] });
 }
 
-// src/GuestDocument.tsx
+// src/FilePreview.tsx
 var import_react18 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function FilePreview({ url, name, mimeType, size: size2 = 0, bytes, pdfWorker }) {
+  const [source] = (0, import_react18.useState)(() => ({ 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__ */ (0, import_jsx_runtime15.jsx)("span", { className: "w100n-preview", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Thumb, { host: source, item: { id: url.split("?")[0], spaceId: "", name, kind, size: size2, updatedAt: "" } }) });
+}
+
+// src/GuestDocument.tsx
+var import_react19 = require("react");
 var import_lucide_react11 = require("lucide-react");
 init_text();
 init_useLoad();
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var TextEditor4 = (0, import_react18.lazy)(() => Promise.resolve().then(() => (init_TextEditor(), TextEditor_exports)));
-var SheetView4 = (0, import_react18.lazy)(() => Promise.resolve().then(() => (init_SheetView(), SheetView_exports)));
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var TextEditor4 = (0, import_react19.lazy)(() => Promise.resolve().then(() => (init_TextEditor(), TextEditor_exports)));
+var SheetView4 = (0, import_react19.lazy)(() => Promise.resolve().then(() => (init_SheetView(), SheetView_exports)));
 var icons4 = { docx: import_lucide_react11.FileText, markdown: import_lucide_react11.FileType, pdf: import_lucide_react11.Files, sheet: import_lucide_react11.FileSpreadsheet, slides: import_lucide_react11.Presentation };
 var GuestRefused = class extends Error {
   constructor(reason, file = "", sharedBy = "") {
@@ -14671,14 +14945,14 @@ var remember = (name) => {
 };
 function GuestDocument({ host, language = "en", theme = "light", brand }) {
   const t = texts[language];
-  const [ask, setAsk] = (0, import_react18.useState)(() => ({ name: remembered() || void 0 }));
-  const [typed, setTyped] = (0, import_react18.useState)("");
-  const [name, setName] = (0, import_react18.useState)(remembered);
-  const named3 = (0, import_react18.useRef)(name);
-  const [slot, setSlot] = (0, import_react18.useState)(null);
-  const [saving, setSaving] = (0, import_react18.useState)("idle");
+  const [ask, setAsk] = (0, import_react19.useState)(() => ({ name: remembered() || void 0 }));
+  const [typed, setTyped] = (0, import_react19.useState)("");
+  const [name, setName] = (0, import_react19.useState)(remembered);
+  const named3 = (0, import_react19.useRef)(name);
+  const [slot, setSlot] = (0, import_react19.useState)(null);
+  const [saving, setSaving] = (0, import_react19.useState)("idle");
   const opened2 = useLoad((signal) => host.open(ask, { signal }), [host, ask]);
-  const [notes3] = (0, import_react18.useState)(() => ({
+  const [notes3] = (0, import_react19.useState)(() => ({
     me: { id: "", name: "" },
     spaces: async () => [],
     documents: async () => [],
@@ -14705,17 +14979,17 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
   const top = (file2, badge) => {
     const kind2 = file2 ? kindOf(file2.name, file2.mimeType) : null;
     const Kind = kind2 ? icons4[kind2] : import_lucide_react11.FileText;
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("header", { className: "w100n-docs-bar w100n-guest-bar", children: [
-      brand && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "w100n-guest-brand", children: brand }),
-      file2 && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "w100n-docs-tile", "data-kind": kind2, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Kind, { "aria-hidden": true }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "w100n-docs-heading", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("strong", { className: "w100n-docs-title", children: file2.name }),
-          file2.sharedBy && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "w100n-docs-crumbs", children: t.sharedBy.replace("{name}", file2.sharedBy) })
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("header", { className: "w100n-docs-bar w100n-guest-bar", children: [
+      brand && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "w100n-guest-brand", children: brand }),
+      file2 && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "w100n-docs-tile", "data-kind": kind2, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Kind, { "aria-hidden": true }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w100n-docs-heading", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("strong", { className: "w100n-docs-title", children: file2.name }),
+          file2.sharedBy && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "w100n-docs-crumbs", children: t.sharedBy.replace("{name}", file2.sharedBy) })
         ] }),
-        badge && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "w100n-docs-badge", "data-kind": kind2, children: badge }),
-        file2.download && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "w100n-docs-end", children: [
-          (kind2 === "docx" || kind2 === "markdown" || kind2 === "sheet" || kind2 === "slides") && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        badge && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "w100n-docs-badge", "data-kind": kind2, children: badge }),
+        file2.download && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w100n-docs-end", children: [
+          (kind2 === "docx" || kind2 === "markdown" || kind2 === "sheet" || kind2 === "slides") && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
             "button",
             {
               type: "button",
@@ -14726,25 +15000,25 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
               "aria-label": t.pdfCopy,
               title: t.pdfCopy,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.FileDown, { "aria-hidden": true }),
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: t.pdfCopy })
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react11.FileDown, { "aria-hidden": true }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: t.pdfCopy })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", disabled: saving === "busy", onClick: () => void download("file"), "aria-label": t.download, title: t.download, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.Download, { "aria-hidden": true }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: t.download })
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "blue", disabled: saving === "busy", onClick: () => void download("file"), "aria-label": t.download, title: t.download, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react11.Download, { "aria-hidden": true }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: t.download })
           ] })
         ] })
       ] })
     ] });
   };
-  const gate = (tone, Icon, title, body, form) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+  const gate = (tone, Icon, title, body, form) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(null, null),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w100n-guest-gate", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "w100n-guest-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "w100n-share-tile", "data-tone": tone, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { "aria-hidden": true }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h2", { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { children: body }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w100n-guest-gate", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w100n-guest-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "w100n-share-tile", "data-tone": tone, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { "aria-hidden": true }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h2", { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { children: body }),
       form
     ] }) })
   ] });
@@ -14760,7 +15034,7 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
         password ? import_lucide_react11.Lock : import_lucide_react11.UserRound,
         refused.file || t.documents,
         shared + (password ? t.passwordAsk : t.nameAsk),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("form", { className: "w100n-guest-form", onSubmit: (e) => {
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("form", { className: "w100n-guest-form", onSubmit: (e) => {
           e.preventDefault();
           if (!typed.trim()) return;
           if (password) setAsk({ ...ask, password: typed });
@@ -14770,7 +15044,7 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
           }
           setTyped("");
         }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             "input",
             {
               className: "w100n-share-input",
@@ -14783,21 +15057,21 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
               onChange: (e) => setTyped(e.target.value)
             }
           ),
-          refused.reason === "wrong" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.wrongPassword }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("button", { type: "submit", className: "w100n-docs-action", disabled: !typed.trim(), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react11.Eye, { "aria-hidden": true }),
+          refused.reason === "wrong" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "w100n-docs-muted", role: "alert", children: t.wrongPassword }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("button", { type: "submit", className: "w100n-docs-action", disabled: !typed.trim(), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react11.Eye, { "aria-hidden": true }),
             t.openDoc
           ] })
         ] })
       );
     }
     if (refused?.reason === "busy") return gate("slate", import_lucide_react11.Ban, t.failed, t.tooMany);
-    return gate("slate", import_lucide_react11.Ban, t.failed, "", /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { type: "button", className: "w100n-docs-action", onClick: opened2.retry, children: t.retry }));
+    return gate("slate", import_lucide_react11.Ban, t.failed, "", /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { type: "button", className: "w100n-docs-action", onClick: opened2.retry, children: t.retry }));
   }
   const file = opened2.data;
-  if (!file) return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+  if (!file) return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(null, null),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w100n-docs-empty", children: t.loading })
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w100n-docs-empty", children: t.loading })
   ] });
   const kind = kindOf(file.name, file.mimeType);
   const text = kind === "docx" || kind === "markdown";
@@ -14805,23 +15079,23 @@ function GuestDocument({ host, language = "en", theme = "light", brand }) {
   const rights = { view: true, comment: talk, edit: false };
   const quiet3 = () => {
   };
-  let stage = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w100n-docs-empty", children: t.unsupported });
-  if (text) stage = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react18.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TextEditor4, { kind, bytes: file.bytes, t, language, rights, host: talk ? notes3 : void 0, documentId: file.id, onOutline: quiet3, slot: talk ? slot : null }) });
-  else if (kind === "pdf") stage = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PdfView, { bytes: file.bytes, t, language, worker: host.pdfWorker, rights, documentId: file.id, onOutline: quiet3 });
-  else if (kind === "slides") stage = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SlidesView, { html: new TextDecoder().decode(file.bytes), name: file.name, rights, language, theme, onOutline: quiet3 });
-  else if (kind === "sheet") stage = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react18.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SheetView4, { bytes: file.bytes, name: file.name, kind: /\.csv$/i.test(file.name) || file.mimeType === "text/csv" ? "csv" : "xlsx", rights, language, theme, documentId: file.id }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
+  let stage = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w100n-docs-empty", children: t.unsupported });
+  if (text) stage = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react19.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TextEditor4, { kind, bytes: file.bytes, t, language, rights, host: talk ? notes3 : void 0, documentId: file.id, onOutline: quiet3, slot: talk ? slot : null }) });
+  else if (kind === "pdf") stage = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PdfView, { bytes: file.bytes, t, language, worker: host.pdfWorker, rights, documentId: file.id, onOutline: quiet3 });
+  else if (kind === "slides") stage = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SlidesView, { html: new TextDecoder().decode(file.bytes), name: file.name, rights, language, theme, onOutline: quiet3 });
+  else if (kind === "sheet") stage = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react19.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w100n-docs-empty", children: t.loading }), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SheetView4, { bytes: file.bytes, name: file.name, kind: /\.csv$/i.test(file.name) || file.mimeType === "text/csv" ? "csv" : "xlsx", rights, language, theme, documentId: file.id }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w100n-docs w100n-guest", "data-theme": theme, children: [
     top(file, talk ? t.badgeComment : t.badgeRead),
-    saving === "failed" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "w100n-docs-muted w100n-guest-note", role: "alert", children: t.exportFailed }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "w100n-docs-body w100n-guest-body", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("main", { className: "w100n-docs-stage", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w100n-docs-bare", children: stage }) }),
-      talk && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("aside", { className: "w100n-docs-side w100n-docs-panel w100n-guest-panel", "aria-label": t.comments, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "w100n-docs-panel-body", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: "w100n-share-field", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: t.yourName }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("input", { className: "w100n-share-input", value: name, autoComplete: "name", placeholder: t.yourName, onChange: (e) => typeName(e.target.value) })
+    saving === "failed" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "w100n-docs-muted w100n-guest-note", role: "alert", children: t.exportFailed }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w100n-docs-body w100n-guest-body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("main", { className: "w100n-docs-stage", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w100n-docs-bare", children: stage }) }),
+      talk && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("aside", { className: "w100n-docs-side w100n-docs-panel w100n-guest-panel", "aria-label": t.comments, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w100n-docs-panel-body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "w100n-share-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: t.yourName }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("input", { className: "w100n-share-input", value: name, autoComplete: "name", placeholder: t.yourName, onChange: (e) => typeName(e.target.value) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "w100n-docs-muted", children: name.trim() ? t.nameHint : t.nameNeeded }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { ref: setSlot })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "w100n-docs-muted", children: name.trim() ? t.nameHint : t.nameNeeded }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { ref: setSlot })
       ] }) })
     ] })
   ] });
@@ -14833,6 +15107,7 @@ init_docx();
 0 && (module.exports = {
   DocumentOverlay,
   DocumentsWorkspace,
+  FilePreview,
   GuestDocument,
   GuestRefused,
   SlidesView,