@w100n/documents 0.17.0 → 0.18.0

package/dist/collab.d.cts

@@ -1,7 +1,7 @@
 import { JSONContent } from '@tiptap/core';
 import * as Y from 'yjs';
 import { I as Img } from './write-BCI8yool.cjs';
-import { L as Language } from './types-CHmV8GLx.cjs';
+import { L as Language } from './types-DyonaPQf.cjs';
 
 declare function applyCells(doc: Y.Doc, list: {
     sheet: string;

package/dist/collab.d.ts

@@ -1,7 +1,7 @@
 import { JSONContent } from '@tiptap/core';
 import * as Y from 'yjs';
 import { I as Img } from './write-BCI8yool.js';
-import { L as Language } from './types-CHmV8GLx.js';
+import { L as Language } from './types-DyonaPQf.js';
 
 declare function applyCells(doc: Y.Doc, list: {
     sheet: string;

package/dist/collab.js

@@ -11,9 +11,9 @@ import {
   pending,
   save,
   seed
-} from "./chunk-A6AHJCEK.js";
+} from "./chunk-ZCSHH24C.js";
 import "./chunk-GSIPTCQH.js";
-import "./chunk-B7C6NBBQ.js";
+import "./chunk-BWU6FPPZ.js";
 import "./chunk-ZAVXCH7V.js";
 import "./chunk-ISOOUYLI.js";
 export {

package/dist/index.cjs

@@ -68,6 +68,15 @@ var init_text = __esm({
     "use strict";
     en2 = {
       elsewhere: "Other",
+      newFolder: "New folder",
+      newNoteHere: "New note here",
+      renameFolder: "Rename folder",
+      trashFolder: "Move folder to trash",
+      folderTrashAsk: "Move {name} and everything in it to trash?",
+      moveTo: "Move to",
+      folderActions: "Folder actions",
+      folderName: "Folder name",
+      topLevel: "Top level",
       wikiCreate: "Create \u201C{name}\u201D",
       wikiNew: "new note",
       wikiKeys: "\u2191\u2193 pick \xB7 \u21B5 link \xB7 | alias",
@@ -444,6 +453,15 @@ var init_text = __esm({
     };
     pl2 = {
       elsewhere: "Inne",
+      newFolder: "Nowy folder",
+      newNoteHere: "Nowa notatka tutaj",
+      renameFolder: "Zmie\u0144 nazw\u0119 folderu",
+      trashFolder: "Przenie\u015B folder do kosza",
+      folderTrashAsk: "Przenie\u015B\u0107 {name} z ca\u0142\u0105 zawarto\u015Bci\u0105 do kosza?",
+      moveTo: "Przenie\u015B do",
+      folderActions: "Dzia\u0142ania na folderze",
+      folderName: "Nazwa folderu",
+      topLevel: "Najwy\u017Cszy poziom",
       wikiCreate: "Utw\xF3rz \u201E{name}\u201D",
       wikiNew: "nowa notatka",
       wikiKeys: "\u2191\u2193 wyb\xF3r \xB7 \u21B5 link \xB7 | alias",
@@ -820,6 +838,15 @@ var init_text = __esm({
     };
     uk2 = {
       elsewhere: "\u0406\u043D\u0448\u0435",
+      newFolder: "\u041D\u043E\u0432\u0430 \u043F\u0430\u043F\u043A\u0430",
+      newNoteHere: "\u041D\u043E\u0432\u0430 \u043D\u043E\u0442\u0430\u0442\u043A\u0430 \u0442\u0443\u0442",
+      renameFolder: "\u041F\u0435\u0440\u0435\u0439\u043C\u0435\u043D\u0443\u0432\u0430\u0442\u0438 \u043F\u0430\u043F\u043A\u0443",
+      trashFolder: "\u041F\u0430\u043F\u043A\u0443 \u0432 \u043A\u043E\u0448\u0438\u043A",
+      folderTrashAsk: "\u041F\u0435\u0440\u0435\u043C\u0456\u0441\u0442\u0438\u0442\u0438 {name} \u0437 \u0443\u0441\u0456\u043C \u0432\u043C\u0456\u0441\u0442\u043E\u043C \u0443 \u043A\u043E\u0448\u0438\u043A?",
+      moveTo: "\u041F\u0435\u0440\u0435\u043D\u0435\u0441\u0442\u0438 \u0432",
+      folderActions: "\u0414\u0456\u0457 \u0437 \u043F\u0430\u043F\u043A\u043E\u044E",
+      folderName: "\u041D\u0430\u0437\u0432\u0430 \u043F\u0430\u043F\u043A\u0438",
+      topLevel: "\u0412\u0435\u0440\u0445\u043D\u0456\u0439 \u0440\u0456\u0432\u0435\u043D\u044C",
       wikiCreate: "\u0421\u0442\u0432\u043E\u0440\u0438\u0442\u0438 \xAB{name}\xBB",
       wikiNew: "\u043D\u043E\u0432\u0430 \u043D\u043E\u0442\u0430\u0442\u043A\u0430",
       wikiKeys: "\u2191\u2193 \u0432\u0438\u0431\u0456\u0440 \xB7 \u21B5 \u043F\u043E\u0441\u0438\u043B\u0430\u043D\u043D\u044F \xB7 | \u043F\u0456\u0434\u043F\u0438\u0441",
@@ -4966,7 +4993,7 @@ var init_wiki = __esm({
 var version;
 var init_package = __esm({
   "package.json"() {
-    version = "0.17.0";
+    version = "0.18.0";
   }
 });
 
@@ -14362,21 +14389,31 @@ var import_react18 = require("react");
 var import_lucide_react12 = require("lucide-react");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var icons3 = { docx: import_lucide_react12.FileText, markdown: import_lucide_react12.FileType, pdf: import_lucide_react12.Files, sheet: import_lucide_react12.FileSpreadsheet, slides: import_lucide_react12.Presentation };
-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 at2 = root;
-    at2.count++;
-    for (const part of path) {
-      const key2 = `${at2.key}/${part}`;
-      let next = at2.folders.find((f) => f.key === key2);
-      if (!next) at2.folders.push(next = { key: key2, name: part, folders: [], files: [], count: 0 });
-      next.count++;
-      at2 = next;
-    }
-    at2.files.push(item);
+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, at2, count) => {
+    const key2 = `${from.key}/${name}`;
+    let next = from.folders.find((f) => f.key === key2);
+    if (!next) from.folders.push(next = { key: key2, name, at: at2, folders: [], files: [], count: 0 });
+    if (count) next.count++;
+    return next;
+  };
+  const reach = (space, folder2, count) => {
+    if (count) root.count++;
+    let at2 = 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;
+      at2 = step(at2, part, { spaceId: space, folder: path }, count);
+    }
+    return at2;
+  };
+  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));
@@ -14392,29 +14429,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 [closed2, setClosed] = (0, import_react18.useState)(remembered);
+  const [over, setOver] = (0, import_react18.useState)(null);
   const flip = (key2) => {
     const next = new Set(closed2);
     if (!next.delete(key2)) next.add(key2);
     setClosed(next);
     localStorage.setItem("w100n-docs-closed", JSON.stringify([...next]));
   };
+  const field = (pad, label) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "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__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+    edit?.key === `new:${b.key}` && field(24 + depth * 16, t.folderName),
     b.folders.map((f) => {
-      const open = !closed2.has(f.key);
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { role: "group", "aria-label": f.name, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("button", { type: "button", className: "w100n-tree-row", "aria-expanded": open, style: { paddingLeft: 8 + depth * 16 }, onClick: () => flip(f.key), children: [
-          open ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.ChevronDown, { "aria-hidden": true, className: "w100n-tree-fold" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.ChevronRight, { "aria-hidden": true, className: "w100n-tree-fold" }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.Folder, { "aria-hidden": true }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: f.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("small", { children: f.count })
-        ] }),
+      const open = !closed2.has(f.key) || edit?.key === `new:${f.key}`;
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("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__ */ (0, import_jsx_runtime15.jsxs)(
+          "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__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.ChevronDown, { "aria-hidden": true, className: "w100n-tree-fold" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.ChevronRight, { "aria-hidden": true, className: "w100n-tree-fold" }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.Folder, { "aria-hidden": true }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: f.name }),
+              f.count > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsx)("div", { children: field(24 + depth * 16, t.rename) }, item.id);
       return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
         "button",
         {
@@ -14423,11 +14515,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: [
@@ -14440,7 +14538,21 @@ function Tree({ items, names: names2, bySpace, current, t, onOpen, onMenu, onWar
       );
     })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime15.jsx)(
+    "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
@@ -14522,16 +14634,19 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
     return () => document.removeEventListener("pointerdown", close);
   }, [picking]);
   const [menu, setMenu] = (0, import_react19.useState)(null);
+  const [spot3, setSpot] = (0, import_react19.useState)(null);
+  const [edit, setEdit] = (0, import_react19.useState)(null);
   const [naming, setNaming] = (0, import_react19.useState)(null);
   const [notice, setNotice] = (0, import_react19.useState)(null);
   const early = (0, import_react19.useRef)(/* @__PURE__ */ new Map());
   const hover = (0, import_react19.useRef)(0);
   (0, import_react19.useEffect)(() => {
-    if (!menu) return;
+    if (!menu && !spot3) 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);
@@ -14541,7 +14656,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       window.removeEventListener("keydown", close);
       window.removeEventListener("scroll", close, true);
     };
-  }, [menu]);
+  }, [menu, spot3]);
   const [tab, setTab] = (0, import_react19.useState)("outline");
   const [outline2, setOutline] = (0, import_react19.useState)([]);
   const [reading, setReading] = (0, import_react19.useState)(null);
@@ -14568,11 +14683,17 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
     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]);
   (0, import_react19.useEffect)(() => {
     const sync = () => {
       if (document.visibilityState !== "visible") return;
       spaces.retry();
       list.retry();
+      dirs.retry();
     };
     const timer = window.setInterval(sync, 3e4);
     window.addEventListener("focus", sync);
@@ -14750,6 +14871,7 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
   };
   const act = async (run3, done) => {
     setMenu(null);
+    setSpot(null);
     setNotice(null);
     try {
       await run3();
@@ -14806,10 +14928,25 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
       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 = (at2) => at2.folder.split("/").pop() || names2.get(at2.spaceId) || t.topLevel;
+  const commit = () => {
+    if (!edit) return;
+    setEdit(null);
+    const text2 = edit.text.trim();
+    if (text2) void edit.run(text2);
+  };
   const notes3 = 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, at2) => {
     try {
-      const made2 = await host.create({ name: `${name}.md`, bytes: new TextEncoder().encode("").buffer, mimeType: "text/markdown", near: here.documentId ?? void 0 });
+      const made2 = await host.create({ name: `${name}.md`, bytes: new TextEncoder().encode("").buffer, mimeType: "text/markdown", near: at2 ? void 0 : here.documentId ?? void 0, at: at2 });
       list.retry();
       if (show) opened2(made2);
       return made2.id;
@@ -15243,12 +15380,27 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
             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 ? (at2, key2, e) => {
+                setMenu(null);
+                setSpot({ at: at2, key: key2, 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)
             }
           ),
@@ -15489,7 +15641,21 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
         menu.item.createdAt && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("small", { children: [t.createdOn.replace("{when}", date(menu.item.createdAt)), menu.item.createdBy?.name].filter(Boolean).join(" \xB7 ") }),
         /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime17.jsxs)("div", { className: "w100n-docs-context-ask", children: [
+      menu.moving ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w100n-docs-context-list", children: ["", ...dirs.data.get(menu.item.spaceId)].map((folder2) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        "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__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Folder, { "aria-hidden": true }),
+            folder2 ? folder2.split("/").pop() : names2.get(menu.item.spaceId) ?? t.topLevel
+          ]
+        },
+        folder2
+      )) }) : menu.sure ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-context-ask", children: [
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: t.trashAsk.replace("{name}", menu.item.name) }),
         /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "w100n-pdf-dialog-end", children: [
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => setMenu({ ...menu, sure: false }), children: t.cancel }),
@@ -15526,12 +15692,18 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("hr", {}),
         host.rename && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+          const item = menu.item;
           setMenu(null);
-          setNaming({ id: menu.item.id, text: menu.item.name.replace(/\.[^.]+$/, "") });
+          if (shape3 === "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__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Pencil, { "aria-hidden": true }),
           t.rename
         ] }),
+        host.move && dirs.data?.has(menu.item.spaceId) && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", "aria-haspopup": "menu", onClick: () => setMenu({ ...menu, moving: true }), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.FolderInput, { "aria-hidden": true }),
+          t.moveTo
+        ] }),
         host.create && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", onClick: () => void act(async () => copy2(await host.document(menu.item.id))), children: [
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Copy, { "aria-hidden": true }),
           t.makeCopy
@@ -15562,6 +15734,64 @@ function DocumentsWorkspace({ host, language = "en", theme = "light", place: pla
         ] })
       ] })
     ] }),
+    spot3 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-menu w100n-docs-context", role: "menu", "aria-label": t.folderActions, style: { left: spot3.x, top: spot3.y }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-context-head", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("b", { children: folderNamed(spot3.at) }),
+        spot3.at.folder && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("small", { children: [names2.get(spot3.at.spaceId), ...spot3.at.folder.split("/").slice(0, -1)].filter(Boolean).join(" / ") })
+      ] }),
+      spot3.sure ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w100n-docs-context-ask", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: t.folderTrashAsk.replace("{name}", folderNamed(spot3.at)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "w100n-pdf-dialog-end", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => setSpot({ ...spot3, sure: false }), children: t.cancel }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", className: "w100n-docs-action", "data-tone": "red", onClick: () => {
+            const at2 = spot3.at;
+            const inside3 = doc.data && doc.data.spaceId === at2.spaceId && `${doc.data.folder ?? ""}/`.startsWith(`${at2.folder}/`);
+            void act(() => host.removeFolder(at2), t.trashed).then(() => {
+              refresh();
+              if (inside3) go({ spaceId: here.spaceId, documentId: null });
+            });
+          }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Trash2, { "aria-hidden": true }),
+            t.trash
+          ] })
+        ] })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+        host.create && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+          const at2 = spot3.at;
+          setSpot(null);
+          void note(t.untitled, true, at2);
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.FilePlus, { "aria-hidden": true }),
+          t.newNoteHere
+        ] }),
+        host.makeFolder && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+          const at2 = spot3.at;
+          setSpot(null);
+          setEdit({ key: `new:${spot3.key}`, text: t.newFolder, run: (name) => act(() => host.makeFolder(at2, name)).then(refresh) });
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.FolderPlus, { "aria-hidden": true }),
+          t.newFolder
+        ] }),
+        spot3.at.folder && host.renameFolder && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("hr", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", onClick: () => {
+            const at2 = spot3.at;
+            setSpot(null);
+            setEdit({ key: `dir:${spot3.key}`, text: folderNamed(at2), run: (name) => name === folderNamed(at2) ? Promise.resolve() : act(() => host.renameFolder(at2, name)).then(refresh) });
+          }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Pencil, { "aria-hidden": true }),
+            t.renameFolder
+          ] })
+        ] }),
+        spot3.at.folder && host.removeFolder && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("hr", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", role: "menuitem", "data-tone": "red", onClick: () => setSpot({ ...spot3, sure: true }), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react13.Trash2, { "aria-hidden": true }),
+            t.trashFolder
+          ] })
+        ] })
+      ] })
+    ] }),
     dialog
   ] });
 }