@w100n/documents 0.17.0 → 0.18.0

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-CHmV8GLx.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-CHmV8GLx.cjs';
+import { L as Language, D as DocumentsHost, P as Place, a as DocumentFile, G as GuestHost, R as Rights } from './types-DyonaPQf.cjs';
+export { C as Comment, b as DocumentKind, c as DocumentSummary, d as DocumentVersion, F as Fetch, e as FolderPlace, f as GuestFile, g as GuestLink, h as LinkEntry, i as Person, S as Signature, j as SignatureMethod, k as Space } from './types-DyonaPQf.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';

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-CHmV8GLx.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-CHmV8GLx.js';
+import { L as Language, D as DocumentsHost, P as Place, a as DocumentFile, G as GuestHost, R as Rights } from './types-DyonaPQf.js';
+export { C as Comment, b as DocumentKind, c as DocumentSummary, d as DocumentVersion, F as Fetch, e as FolderPlace, f as GuestFile, g as GuestLink, h as LinkEntry, i as Person, S as Signature, j as SignatureMethod, k as Space } from './types-DyonaPQf.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';

package/dist/index.js

@@ -7,7 +7,7 @@ import {
 } from "./chunk-2CA3HQTI.js";
 import {
   findNote
-} from "./chunk-FFXAOK4A.js";
+} from "./chunk-Z5STMOD6.js";
 import {
   useLoad
 } from "./chunk-QDH7EZAF.js";
@@ -17,7 +17,7 @@ import {
 } from "./chunk-TDP6OJET.js";
 import {
   texts
-} from "./chunk-B7C6NBBQ.js";
+} from "./chunk-BWU6FPPZ.js";
 import {
   escape,
   readDocx,
@@ -2412,8 +2412,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-X2GSL4QM.js"));
-var SheetView = lazy(() => import("./SheetView-SBLAFGTL.js"));
+var TextEditor = lazy(() => import("./TextEditor-CYS4U5XA.js"));
+var SheetView = lazy(() => import("./SheetView-43JDIP7D.js"));
 var icons = { docx: FileText, markdown: FileType, pdf: Files, sheet: FileSpreadsheet, slides: Presentation };
 var read = { view: true, comment: false, edit: false };
 var quiet = () => {
@@ -2539,6 +2539,9 @@ import {
   FileText as FileText4,
   FileType as FileType6,
   Files as Files3,
+  Folder as Folder2,
+  FolderInput,
+  FolderPlus,
   FolderTree,
   History,
   Info,
@@ -3315,21 +3318,31 @@ import { useState as useState10 } from "react";
 import { ChevronDown as ChevronDown2, ChevronRight as ChevronRight2, FileSpreadsheet as FileSpreadsheet3, FileText as FileText3, FileType as FileType5, Files as Files2, Folder, Presentation as Presentation3 } from "lucide-react";
 import { Fragment as Fragment10, jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var icons3 = { docx: FileText3, markdown: FileType5, pdf: Files2, sheet: FileSpreadsheet3, slides: Presentation3 };
-function grow(items, names2, bySpace, other) {
-  const root = { key: "", name: "", folders: [], files: [], count: 0 };
-  for (const item of items) {
-    const path = [...bySpace ? [names2.get(item.spaceId) ?? other] : [], ...(item.folder ?? "").split("/").filter(Boolean)];
-    let at = root;
-    at.count++;
-    for (const part of path) {
-      const key = `${at.key}/${part}`;
-      let next = at.folders.find((f) => f.key === key);
-      if (!next) at.folders.push(next = { key, name: part, folders: [], files: [], count: 0 });
-      next.count++;
-      at = next;
+var dragged = "application/x-w100n-document";
+function grow(items, folders, names2, spaceId, other) {
+  const root = { key: "", name: "", at: spaceId ? { spaceId, folder: "" } : null, folders: [], files: [], count: 0 };
+  const step = (from, name, at, count) => {
+    const key = `${from.key}/${name}`;
+    let next = from.folders.find((f) => f.key === key);
+    if (!next) from.folders.push(next = { key, name, at, folders: [], files: [], count: 0 });
+    if (count) next.count++;
+    return next;
+  };
+  const reach = (space, folder2, count) => {
+    if (count) root.count++;
+    let at = spaceId ? root : step(root, names2.get(space) ?? other, { spaceId: space, folder: "" }, count);
+    let path = "";
+    for (const part of folder2.split("/").filter(Boolean)) {
+      path = path ? `${path}/${part}` : part;
+      at = step(at, part, { spaceId: space, folder: path }, count);
     }
-    at.files.push(item);
+    return at;
+  };
+  if (!spaceId) {
+    for (const id of names2.keys()) if (folders.has(id)) reach(id, "", false);
   }
+  for (const [space, paths] of folders) for (const path of paths) reach(space, path, false);
+  for (const item of items) reach(item.spaceId, item.folder ?? "", true).files.push(item);
   const sort = (b) => {
     b.folders.sort((x, y) => x.name.localeCompare(y.name));
     b.files.sort((x, y) => x.name.localeCompare(y.name));
@@ -3345,29 +3358,84 @@ var remembered = () => {
     return /* @__PURE__ */ new Set();
   }
 };
-function Tree({ items, names: names2, bySpace, current, t, onOpen, onMenu, onWarm }) {
+function Tree({ items, folders, names: names2, spaceId, current, t, edit, onOpen, onMenu, onFolderMenu, onMove, onEdit, onEditDone, onWarm }) {
   const [closed, setClosed] = useState10(remembered);
+  const [over, setOver] = useState10(null);
   const flip = (key) => {
     const next = new Set(closed);
     if (!next.delete(key)) next.add(key);
     setClosed(next);
     localStorage.setItem("w100n-docs-closed", JSON.stringify([...next]));
   };
+  const field = (pad, label) => /* @__PURE__ */ jsx11(
+    "input",
+    {
+      className: "w100n-tree-row w100n-tree-input",
+      style: { paddingLeft: pad },
+      autoFocus: true,
+      value: edit.text,
+      "aria-label": label,
+      onFocus: (e) => e.currentTarget.select(),
+      onChange: (e) => onEdit(e.target.value),
+      onBlur: onEditDone,
+      onKeyDown: (e) => {
+        if (e.key === "Enter") e.currentTarget.blur();
+        if (e.key === "Escape") {
+          e.stopPropagation();
+          onEdit(null);
+        }
+      }
+    }
+  );
+  const target = (b) => onMove && b.at ? {
+    onDragOver: (e) => {
+      if (!e.dataTransfer.types.includes(dragged)) return;
+      e.preventDefault();
+      e.stopPropagation();
+      setOver(b.key);
+    },
+    onDragLeave: () => setOver(null),
+    onDrop: (e) => {
+      const id = e.dataTransfer.getData(dragged);
+      setOver(null);
+      if (!id) return;
+      e.preventDefault();
+      e.stopPropagation();
+      onMove(id, b.at);
+    }
+  } : {};
   const branch = (b, depth) => /* @__PURE__ */ jsxs11(Fragment10, { children: [
+    edit?.key === `new:${b.key}` && field(24 + depth * 16, t.folderName),
     b.folders.map((f) => {
-      const open = !closed.has(f.key);
-      return /* @__PURE__ */ jsxs11("div", { role: "group", "aria-label": f.name, children: [
-        /* @__PURE__ */ jsxs11("button", { type: "button", className: "w100n-tree-row", "aria-expanded": open, style: { paddingLeft: 8 + depth * 16 }, onClick: () => flip(f.key), children: [
-          open ? /* @__PURE__ */ jsx11(ChevronDown2, { "aria-hidden": true, className: "w100n-tree-fold" }) : /* @__PURE__ */ jsx11(ChevronRight2, { "aria-hidden": true, className: "w100n-tree-fold" }),
-          /* @__PURE__ */ jsx11(Folder, { "aria-hidden": true }),
-          /* @__PURE__ */ jsx11("span", { children: f.name }),
-          /* @__PURE__ */ jsx11("small", { children: f.count })
-        ] }),
+      const open = !closed.has(f.key) || edit?.key === `new:${f.key}`;
+      return /* @__PURE__ */ jsxs11("div", { role: "group", "aria-label": f.name, "data-over": over === f.key || void 0, ...target(f), children: [
+        edit?.key === `dir:${f.key}` ? field(24 + depth * 16, t.renameFolder) : /* @__PURE__ */ jsxs11(
+          "button",
+          {
+            type: "button",
+            className: "w100n-tree-row",
+            "aria-expanded": open,
+            style: { paddingLeft: 24 + depth * 16 },
+            onClick: () => flip(f.key),
+            onContextMenu: onFolderMenu && f.at ? (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              onFolderMenu(f.at, f.key, e);
+            } : void 0,
+            children: [
+              open ? /* @__PURE__ */ jsx11(ChevronDown2, { "aria-hidden": true, className: "w100n-tree-fold" }) : /* @__PURE__ */ jsx11(ChevronRight2, { "aria-hidden": true, className: "w100n-tree-fold" }),
+              /* @__PURE__ */ jsx11(Folder, { "aria-hidden": true }),
+              /* @__PURE__ */ jsx11("span", { children: f.name }),
+              f.count > 0 && /* @__PURE__ */ jsx11("small", { children: f.count })
+            ]
+          }
+        ),
         open && branch(f, depth + 1)
       ] }, f.key);
     }),
     b.files.map((item) => {
       const Icon = icons3[item.kind];
+      if (edit?.key === `file:${item.id}`) return /* @__PURE__ */ jsx11("div", { children: field(24 + depth * 16, t.rename) }, item.id);
       return /* @__PURE__ */ jsxs11(
         "button",
         {
@@ -3376,11 +3444,17 @@ function Tree({ items, names: names2, bySpace, current, t, onOpen, onMenu, onWar
           "aria-current": item.id === current,
           title: item.name,
           style: { paddingLeft: 24 + depth * 16 },
+          draggable: !!onMove,
+          onDragStart: (e) => {
+            e.dataTransfer.setData(dragged, item.id);
+            e.dataTransfer.effectAllowed = "move";
+          },
           onClick: () => onOpen(item),
           onPointerEnter: () => onWarm(item),
           onPointerLeave: () => onWarm(null),
           onContextMenu: (e) => {
             e.preventDefault();
+            e.stopPropagation();
             onMenu(item, e);
           },
           children: [
@@ -3393,13 +3467,27 @@ function Tree({ items, names: names2, bySpace, current, t, onOpen, onMenu, onWar
       );
     })
   ] });
-  return /* @__PURE__ */ jsx11("nav", { className: "w100n-tree", "aria-label": t.tree, children: branch(grow(items, names2, bySpace, t.elsewhere), 0) });
+  const root = grow(items, folders, names2, spaceId, t.elsewhere);
+  return /* @__PURE__ */ jsx11(
+    "nav",
+    {
+      className: "w100n-tree",
+      "aria-label": t.tree,
+      "data-over": over === "" || void 0,
+      ...target(root),
+      onContextMenu: onFolderMenu && root.at ? (e) => {
+        e.preventDefault();
+        onFolderMenu(root.at, "", e);
+      } : void 0,
+      children: branch(root, 0)
+    }
+  );
 }
 
 // src/DocumentsWorkspace.tsx
 import { Fragment as Fragment11, jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
-var TextEditor2 = lazy2(() => import("./TextEditor-X2GSL4QM.js"));
-var SheetView2 = lazy2(() => import("./SheetView-SBLAFGTL.js"));
+var TextEditor2 = lazy2(() => import("./TextEditor-CYS4U5XA.js"));
+var SheetView2 = lazy2(() => import("./SheetView-43JDIP7D.js"));
 var Compare = lazy2(() => import("./Compare-RHAUAKUJ.js"));
 var icons4 = { docx: FileText4, markdown: FileType6, pdf: Files3, sheet: FileSpreadsheet4, slides: Presentation4 };
 function DocumentsWorkspace({ host, language = "en", theme = "light", place, onPlace, start, end, aside, actions }) {
@@ -3474,16 +3562,19 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     return () => document.removeEventListener("pointerdown", close);
   }, [picking]);
   const [menu, setMenu] = useState11(null);
+  const [spot2, setSpot] = useState11(null);
+  const [edit, setEdit] = useState11(null);
   const [naming, setNaming] = useState11(null);
   const [notice, setNotice] = useState11(null);
   const early = useRef6(/* @__PURE__ */ new Map());
   const hover = useRef6(0);
   useEffect6(() => {
-    if (!menu) return;
+    if (!menu && !spot2) 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);
+      setSpot(null);
     };
     document.addEventListener("pointerdown", close);
     window.addEventListener("keydown", close);
@@ -3493,7 +3584,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       window.removeEventListener("keydown", close);
       window.removeEventListener("scroll", close, true);
     };
-  }, [menu]);
+  }, [menu, spot2]);
   const [tab, setTab] = useState11("outline");
   const [outline, setOutline] = useState11([]);
   const [reading, setReading] = useState11(null);
@@ -3520,11 +3611,17 @@ 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]);
+  const dirs = useLoad(async (signal) => {
+    if (!host.folders) return /* @__PURE__ */ new Map();
+    const ids = spaceId ? [spaceId] : (await host.spaces({ signal })).map((item) => item.id);
+    return new Map(await Promise.all(ids.map(async (id) => [id, await host.folders(id, { signal })])));
+  }, [host, spaceId]);
   useEffect6(() => {
     const sync = () => {
       if (document.visibilityState !== "visible") return;
       spaces.retry();
       list.retry();
+      dirs.retry();
     };
     const timer = window.setInterval(sync, 3e4);
     window.addEventListener("focus", sync);
@@ -3688,8 +3785,8 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
     clearTimeout(hover.current);
     hover.current = window.setTimeout(() => {
       if (item.id === here.documentId) return;
-      if (item.kind === "docx" || item.kind === "markdown") void import("./TextEditor-X2GSL4QM.js");
-      if (item.kind === "sheet") void import("./SheetView-SBLAFGTL.js");
+      if (item.kind === "docx" || item.kind === "markdown") void import("./TextEditor-CYS4U5XA.js");
+      if (item.kind === "sheet") void import("./SheetView-43JDIP7D.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) };
@@ -3702,6 +3799,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
   };
   const act = async (run2, done) => {
     setMenu(null);
+    setSpot(null);
     setNotice(null);
     try {
       await run2();
@@ -3758,10 +3856,25 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       setSending("failed");
     }
   };
+  const refresh = () => {
+    list.retry();
+    dirs.retry();
+  };
+  const moveTo = (item, to) => {
+    if (item.spaceId === to.spaceId && (item.folder ?? "") === to.folder) return setMenu(null);
+    void act(() => host.move(item.id, to)).then(refresh);
+  };
+  const folderNamed = (at) => at.folder.split("/").pop() || names2.get(at.spaceId) || t.topLevel;
+  const commit = () => {
+    if (!edit) return;
+    setEdit(null);
+    const text2 = edit.text.trim();
+    if (text2) void edit.run(text2);
+  };
   const notes = doc.data?.kind === "markdown" ? all.filter((item) => item.kind === "markdown" && item.spaceId === doc.data.spaceId) : [];
-  const note = async (name, show) => {
+  const note = async (name, show, at) => {
     try {
-      const made = await host.create({ name: `${name}.md`, bytes: new TextEncoder().encode("").buffer, mimeType: "text/markdown", near: here.documentId ?? void 0 });
+      const made = await host.create({ name: `${name}.md`, bytes: new TextEncoder().encode("").buffer, mimeType: "text/markdown", near: at ? void 0 : here.documentId ?? void 0, at });
       list.retry();
       if (show) opened(made);
       return made.id;
@@ -4195,12 +4308,27 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
             Tree,
             {
               items: shown,
+              folders: query.trim() || picked.length ? /* @__PURE__ */ new Map() : dirs.data ?? /* @__PURE__ */ new Map(),
               names: names2,
-              bySpace: !spaceId,
+              spaceId,
               current: here.documentId,
               t,
+              edit,
+              onEdit: (text2) => setEdit(text2 === null ? null : edit && { ...edit, text: text2 }),
+              onEditDone: commit,
               onOpen: open,
-              onMenu: (item, e) => setMenu({ item, x: Math.min(e.clientX, innerWidth - 290), y: Math.min(e.clientY, innerHeight - 440), sure: false }),
+              onMenu: (item, e) => {
+                setSpot(null);
+                setMenu({ item, x: Math.min(e.clientX, innerWidth - 290), y: Math.min(e.clientY, innerHeight - 440), sure: false });
+              },
+              onFolderMenu: host.create || host.makeFolder ? (at, key, e) => {
+                setMenu(null);
+                setSpot({ at, key, x: Math.min(e.clientX, innerWidth - 250), y: Math.min(e.clientY, innerHeight - 260), sure: false });
+              } : void 0,
+              onMove: host.move ? (id, to) => {
+                const item = all.find((x) => x.id === id);
+                if (item) moveTo(item, to);
+              } : void 0,
               onWarm: (item) => item ? warm(item) : clearTimeout(hover.current)
             }
           ),
@@ -4441,7 +4569,21 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
         menu.item.createdAt && /* @__PURE__ */ jsx12("small", { children: [t.createdOn.replace("{when}", date(menu.item.createdAt)), menu.item.createdBy?.name].filter(Boolean).join(" \xB7 ") }),
         /* @__PURE__ */ jsx12("small", { children: [t.updatedOn.replace("{when}", ago(menu.item.updatedAt)), menu.item.updatedBy?.name].filter(Boolean).join(" \xB7 ") })
       ] }),
-      menu.sure ? /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-context-ask", children: [
+      menu.moving ? /* @__PURE__ */ jsx12("div", { className: "w100n-docs-context-list", children: ["", ...dirs.data.get(menu.item.spaceId)].map((folder2) => /* @__PURE__ */ jsxs12(
+        "button",
+        {
+          type: "button",
+          role: "menuitem",
+          disabled: (menu.item.folder ?? "") === folder2,
+          onClick: () => moveTo(menu.item, { spaceId: menu.item.spaceId, folder: folder2 }),
+          style: { paddingLeft: 10 + 14 * (folder2 ? folder2.split("/").length : 0) },
+          children: [
+            /* @__PURE__ */ jsx12(Folder2, { "aria-hidden": true }),
+            folder2 ? folder2.split("/").pop() : names2.get(menu.item.spaceId) ?? t.topLevel
+          ]
+        },
+        folder2
+      )) }) : menu.sure ? /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-context-ask", children: [
         /* @__PURE__ */ jsx12("p", { children: t.trashAsk.replace("{name}", menu.item.name) }),
         /* @__PURE__ */ jsxs12("span", { className: "w100n-pdf-dialog-end", children: [
           /* @__PURE__ */ jsx12("button", { type: "button", className: "w100n-pdf-link", onClick: () => setMenu({ ...menu, sure: false }), children: t.cancel }),
@@ -4478,12 +4620,18 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
         ] }),
         /* @__PURE__ */ jsx12("hr", {}),
         host.rename && /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => {
+          const item = menu.item;
           setMenu(null);
-          setNaming({ id: menu.item.id, text: menu.item.name.replace(/\.[^.]+$/, "") });
+          if (shape2 === "tree") setEdit({ key: `file:${item.id}`, text: item.name.replace(/\.[^.]+$/, ""), run: (text2) => retitle(item, text2) });
+          else setNaming({ id: item.id, text: item.name.replace(/\.[^.]+$/, "") });
         }, children: [
           /* @__PURE__ */ jsx12(Pencil, { "aria-hidden": true }),
           t.rename
         ] }),
+        host.move && dirs.data?.has(menu.item.spaceId) && /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", "aria-haspopup": "menu", onClick: () => setMenu({ ...menu, moving: true }), children: [
+          /* @__PURE__ */ jsx12(FolderInput, { "aria-hidden": true }),
+          t.moveTo
+        ] }),
         host.create && /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => void act(async () => copy(await host.document(menu.item.id))), children: [
           /* @__PURE__ */ jsx12(Copy3, { "aria-hidden": true }),
           t.makeCopy
@@ -4514,6 +4662,64 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
         ] })
       ] })
     ] }),
+    spot2 && /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.folderActions, style: { left: spot2.x, top: spot2.y }, children: [
+      /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-context-head", children: [
+        /* @__PURE__ */ jsx12("b", { children: folderNamed(spot2.at) }),
+        spot2.at.folder && /* @__PURE__ */ jsx12("small", { children: [names2.get(spot2.at.spaceId), ...spot2.at.folder.split("/").slice(0, -1)].filter(Boolean).join(" / ") })
+      ] }),
+      spot2.sure ? /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-context-ask", children: [
+        /* @__PURE__ */ jsx12("p", { children: t.folderTrashAsk.replace("{name}", folderNamed(spot2.at)) }),
+        /* @__PURE__ */ jsxs12("span", { className: "w100n-pdf-dialog-end", children: [
+          /* @__PURE__ */ jsx12("button", { type: "button", className: "w100n-pdf-link", onClick: () => setSpot({ ...spot2, sure: false }), children: t.cancel }),
+          /* @__PURE__ */ jsxs12("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", onClick: () => {
+            const at = spot2.at;
+            const inside2 = doc.data && doc.data.spaceId === at.spaceId && `${doc.data.folder ?? ""}/`.startsWith(`${at.folder}/`);
+            void act(() => host.removeFolder(at), t.trashed).then(() => {
+              refresh();
+              if (inside2) go({ spaceId: here.spaceId, documentId: null });
+            });
+          }, children: [
+            /* @__PURE__ */ jsx12(Trash24, { "aria-hidden": true }),
+            t.trash
+          ] })
+        ] })
+      ] }) : /* @__PURE__ */ jsxs12(Fragment11, { children: [
+        host.create && /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => {
+          const at = spot2.at;
+          setSpot(null);
+          void note(t.untitled, true, at);
+        }, children: [
+          /* @__PURE__ */ jsx12(FilePlus, { "aria-hidden": true }),
+          t.newNoteHere
+        ] }),
+        host.makeFolder && /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => {
+          const at = spot2.at;
+          setSpot(null);
+          setEdit({ key: `new:${spot2.key}`, text: t.newFolder, run: (name) => act(() => host.makeFolder(at, name)).then(refresh) });
+        }, children: [
+          /* @__PURE__ */ jsx12(FolderPlus, { "aria-hidden": true }),
+          t.newFolder
+        ] }),
+        spot2.at.folder && host.renameFolder && /* @__PURE__ */ jsxs12(Fragment11, { children: [
+          /* @__PURE__ */ jsx12("hr", {}),
+          /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", onClick: () => {
+            const at = spot2.at;
+            setSpot(null);
+            setEdit({ key: `dir:${spot2.key}`, text: folderNamed(at), run: (name) => name === folderNamed(at) ? Promise.resolve() : act(() => host.renameFolder(at, name)).then(refresh) });
+          }, children: [
+            /* @__PURE__ */ jsx12(Pencil, { "aria-hidden": true }),
+            t.renameFolder
+          ] })
+        ] }),
+        spot2.at.folder && host.removeFolder && /* @__PURE__ */ jsxs12(Fragment11, { children: [
+          /* @__PURE__ */ jsx12("hr", {}),
+          /* @__PURE__ */ jsxs12("button", { type: "button", role: "menuitem", "data-tone": "red", onClick: () => setSpot({ ...spot2, sure: true }), children: [
+            /* @__PURE__ */ jsx12(Trash24, { "aria-hidden": true }),
+            t.trashFolder
+          ] })
+        ] })
+      ] })
+    ] }),
     dialog
   ] });
 }
@@ -4532,8 +4738,8 @@ function FilePreview({ url, name, mimeType, size = 0, bytes, pdfWorker }) {
 import { lazy as lazy3, Suspense as Suspense3, useRef as useRef7, useState as useState13 } from "react";
 import { Ban as Ban2, Download as Download4, Eye as Eye2, FileDown as FileDown2, FileSpreadsheet as FileSpreadsheet5, FileText as FileText5, FileType as FileType7, Files as Files4, Lock as Lock2, Presentation as Presentation5, UserRound } from "lucide-react";
 import { Fragment as Fragment12, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
-var TextEditor3 = lazy3(() => import("./TextEditor-X2GSL4QM.js"));
-var SheetView3 = lazy3(() => import("./SheetView-SBLAFGTL.js"));
+var TextEditor3 = lazy3(() => import("./TextEditor-CYS4U5XA.js"));
+var SheetView3 = lazy3(() => import("./SheetView-43JDIP7D.js"));
 var icons5 = { docx: FileText5, markdown: FileType7, pdf: Files4, sheet: FileSpreadsheet5, slides: Presentation5 };
 var GuestRefused = class extends Error {
   constructor(reason, file = "", sharedBy = "") {