@w100n/documents 0.17.0 → 0.18.1

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-ZY4B7YIF.js"));
+var SheetView = lazy(() => import("./SheetView-F4CBWEOS.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-ZY4B7YIF.js"));
+var SheetView2 = lazy2(() => import("./SheetView-F4CBWEOS.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,27 @@ 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 popup = useRef6(null);
+  useLayoutEffect3(() => {
+    const el = popup.current;
+    const at = menu ?? spot2;
+    if (!el || !at) return;
+    el.style.top = `${Math.max(8, Math.min(at.y, innerHeight - el.offsetHeight - 8))}px`;
+    el.style.left = `${Math.max(8, Math.min(at.x, innerWidth - el.offsetWidth - 8))}px`;
+  }, [menu, spot2]);
   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 +3592,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 +3619,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 +3793,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-ZY4B7YIF.js");
+      if (item.kind === "sheet") void import("./SheetView-F4CBWEOS.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 +3807,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 +3864,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;
@@ -4038,28 +4159,22 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       kept?.id === here.documentId && kept.state === "failed" && /* @__PURE__ */ jsx12("span", { className: "w100n-docs-muted", role: "alert", children: t.templateFailed }),
       renamed === "failed" && /* @__PURE__ */ jsx12("span", { className: "w100n-docs-muted", children: t.renameFailed }),
       docbar && /* @__PURE__ */ jsx12("span", { ref: setStatusAt, className: "w100n-docs-status" }),
-      host.send && doc.data && !versionId && !doc.data.id.includes(":") && /* @__PURE__ */ jsxs12(
+      host.send && doc.data && !versionId && !doc.data.id.includes(":") && /* @__PURE__ */ jsx12(
         "button",
         {
           type: "button",
-          className: "w100n-docs-action",
+          className: "w100n-docs-action w100n-docs-square",
           "data-tone": "blue",
           "aria-label": t.sendChat,
           title: t.sendChat,
           onClick: () => host.send(doc.data.id),
-          children: [
-            /* @__PURE__ */ jsx12(Send, { "aria-hidden": true }),
-            /* @__PURE__ */ jsx12("span", { children: t.sendChat })
-          ]
+          children: /* @__PURE__ */ jsx12(Send, { "aria-hidden": true })
         }
       ),
-      sharing && /* @__PURE__ */ jsxs12("button", { type: "button", className: "w100n-docs-action", "aria-label": t.share, title: t.share, onClick: () => {
+      sharing && /* @__PURE__ */ jsx12("button", { type: "button", className: "w100n-docs-action w100n-docs-square", "aria-label": t.share, title: t.share, onClick: () => {
         setTab("sharing");
         side("panel", true);
-      }, children: [
-        /* @__PURE__ */ jsx12(Share2, { "aria-hidden": true }),
-        /* @__PURE__ */ jsx12("span", { children: t.share })
-      ] }),
+      }, children: /* @__PURE__ */ jsx12(Share2, { "aria-hidden": true }) }),
       doc.data && !versionId && actions?.(doc.data),
       narrow && panelToggle,
       end && /* @__PURE__ */ jsx12("div", { className: "w100n-docs-end w100n-docs-slot", children: slot(end) })
@@ -4195,12 +4310,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)
             }
           ),
@@ -4434,14 +4564,28 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
       setMaking(false);
       opened(made);
     } }),
-    menu && /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.fileActions, style: { left: menu.x, top: menu.y }, children: [
+    menu && /* @__PURE__ */ jsxs12("div", { ref: popup, className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.fileActions, style: { left: menu.x, top: menu.y }, children: [
       /* @__PURE__ */ jsxs12("div", { className: "w100n-docs-context-head", children: [
         /* @__PURE__ */ jsx12("b", { children: menu.item.name }),
         /* @__PURE__ */ jsx12("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__ */ 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 +4622,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 +4664,64 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place, onP
         ] })
       ] })
     ] }),
+    spot2 && /* @__PURE__ */ jsxs12("div", { ref: popup, 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 +4740,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-ZY4B7YIF.js"));
+var SheetView3 = lazy3(() => import("./SheetView-F4CBWEOS.js"));
 var icons5 = { docx: FileText5, markdown: FileType7, pdf: Files4, sheet: FileSpreadsheet5, slides: Presentation5 };
 var GuestRefused = class extends Error {
   constructor(reason, file = "", sharedBy = "") {