@estiva-app/ui 0.70.0 → 0.71.0

package/dist/editor.js

@@ -516,260 +516,8 @@ function suggestionPopup(options) {
 import { useMemo } from "react";
 import { IconCopy, IconTrash } from "@tabler/icons-react";
 import { BlockHandle, blockAtY } from "@estiva-app/ui";
+import { Selection } from "@tiptap/pm/state";
 import { MenuItem, MenuSub } from "@estiva-app/ui";
-import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function editorBlocks(view) {
-  const out = [];
-  view.state.doc.forEach((node, pos) => {
-    const element = view.nodeDOM(pos);
-    if (element instanceof HTMLElement) out.push({ id: node.attrs.blockId || void 0, element, pos });
-  });
-  return out;
-}
-function duplicateBlock(editor, pos) {
-  const node = editor.state.doc.nodeAt(pos);
-  if (!node) return false;
-  editor.view.dispatch(editor.state.tr.insert(pos + node.nodeSize, node).scrollIntoView());
-  editor.commands.focus(pos + node.nodeSize + 1);
-  return true;
-}
-function deleteBlock(editor, pos) {
-  const { state } = editor;
-  const node = state.doc.nodeAt(pos);
-  if (!node) return false;
-  const tr = state.doc.childCount === 1 ? state.tr.replaceWith(pos, pos + node.nodeSize, state.schema.nodes.paragraph.create()) : state.tr.delete(pos, pos + node.nodeSize);
-  editor.view.dispatch(tr);
-  editor.commands.focus(Math.min(pos + 1, editor.state.doc.content.size));
-  return true;
-}
-function moveBlock(editor, from, to) {
-  const node = editor.state.doc.nodeAt(from);
-  if (!node || to >= from && to <= from + node.nodeSize) return false;
-  const tr = editor.state.tr.delete(from, from + node.nodeSize);
-  const at = tr.mapping.map(to);
-  editor.view.dispatch(tr.insert(at, node).scrollIntoView());
-  editor.commands.focus(at + 1);
-  return true;
-}
-function startBlockDrag(editor, pos, event, image) {
-  editor.commands.setNodeSelection(pos);
-  const { view } = editor;
-  const slice = view.state.selection.content();
-  const { dom, text } = view.serializeForClipboard(slice);
-  const transfer = event.dataTransfer;
-  if (transfer) {
-    transfer.clearData();
-    transfer.setData("text/html", dom.innerHTML);
-    transfer.setData("text/plain", text);
-    transfer.effectAllowed = "copyMove";
-    if (image) transfer.setDragImage(image, 0, 0);
-  }
-  view.dragging = { slice, move: true };
-}
-var blockDropCursor = { color: false, class: "bg-accent-primary" };
-var NOTHING_YET = { find: () => null, rows: () => null, startDrag: () => {
-}, drop: () => {
-}, endDrag: () => {
-}, onChange: () => () => {
-} };
-function EditorBlockHandle({ editor, turnInto = [], actions, children, className }) {
-  const editing = useMemo(() => {
-    if (!editor) return NOTHING_YET;
-    let dragged;
-    return {
-      find: (y) => blockAtY(editorBlocks(editor.view), y),
-      rows: (block) => {
-        const pos = block.pos;
-        if (!editor.isEditable) return null;
-        const node = pos === void 0 ? null : editor.state.doc.nodeAt(pos);
-        if (pos === void 0 || !node) return null;
-        return /* @__PURE__ */ jsxs2(Fragment, { children: [
-          node.isTextblock && turnInto.length > 0 && /* @__PURE__ */ jsx3(MenuSub, { label: "Turn into", children: turnInto.map((row) => /* @__PURE__ */ jsx3(
-            MenuItem,
-            {
-              label: row.label,
-              selected: row.active?.(node) ?? false,
-              onClick: () => {
-                editor.chain().focus().setTextSelection(pos + 1).run();
-                row.run(editor);
-              }
-            },
-            row.label
-          )) }),
-          /* @__PURE__ */ jsx3(MenuItem, { label: "Duplicate", leading: /* @__PURE__ */ jsx3(IconCopy, { size: 16, stroke: 1.5, className: "text-text-secondary" }), onClick: () => duplicateBlock(editor, pos) }),
-          /* @__PURE__ */ jsx3(MenuItem, { label: "Delete", destructive: true, leading: /* @__PURE__ */ jsx3(IconTrash, { size: 16, stroke: 1.5, className: "text-error-default" }), onClick: () => deleteBlock(editor, pos) })
-        ] });
-      },
-      startDrag: (block, event) => {
-        dragged = block.pos;
-        if (block.pos !== void 0) startBlockDrag(editor, block.pos, event, block.element);
-      },
-      drop: (target, after) => {
-        const node = target.pos === void 0 ? null : editor.state.doc.nodeAt(target.pos);
-        if (dragged === void 0 || target.pos === void 0 || !node) return;
-        moveBlock(editor, dragged, after ? target.pos + node.nodeSize : target.pos);
-      },
-      // ProseMirror clears `dragging` on its own dragend, which a drag started outside its element never reaches.
-      endDrag: () => setTimeout(() => editor.view.dragging = null, 50),
-      onChange: (changed) => {
-        editor.on("update", changed);
-        return () => {
-          editor.off("update", changed);
-        };
-      }
-    };
-  }, [editor, turnInto]);
-  return /* @__PURE__ */ jsx3(BlockHandle, { editing, actions, className, children });
-}
-
-// src/EditorTableControls.tsx
-import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef3, useState as useState2 } from "react";
-import { TextSelection } from "@tiptap/pm/state";
-import { addColumnAfter, addColumnBefore, addRowAfter, addRowBefore, deleteColumn, deleteRow, deleteTable, toggleHeader } from "@tiptap/pm/tables";
-import { IconColumnInsertLeft, IconColumnInsertRight, IconGripHorizontal, IconGripVertical, IconPlus, IconRowInsertBottom, IconRowInsertTop, IconTrash as IconTrash2 } from "@tabler/icons-react";
-import { cn } from "@estiva-app/ui";
-import { IconButton } from "@estiva-app/ui";
-
-// src/looks.ts
-var FLOATING_SURFACE_CLASSES = "rounded-lg border border-border-default bg-bg-elevated shadow-lg";
-
-// src/EditorTableControls.tsx
-import { Menu, MenuItem as MenuItem2, MenuSeparator } from "@estiva-app/ui";
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function inCell(editor, cell, command) {
-  const { view } = editor;
-  if (!view.dom.contains(cell)) return false;
-  const at = view.posAtDOM(cell, 0);
-  view.dispatch(view.state.tr.setSelection(TextSelection.near(view.state.doc.resolve(at))));
-  const done = command(view.state, view.dispatch, view);
-  editor.commands.focus();
-  return done;
-}
-function isHeaderRow(row) {
-  return row.cells.length > 0 && Array.from(row.cells).every((c) => c.tagName === "TH");
-}
-function deleteTableRow(editor, cell) {
-  const row = cell.closest("tr");
-  const table = cell.closest("table");
-  if (!row || !table || table.rows.length <= 1) return inCell(editor, cell, deleteTable);
-  const header = isHeaderRow(row);
-  return inCell(editor, cell, header ? (state, dispatch, view) => deleteRow(state, dispatch) && (!view || toggleHeader("row")(view.state, view.dispatch)) : deleteRow);
-}
-function deleteTableColumn(editor, cell) {
-  const row = cell.closest("tr");
-  return inCell(editor, cell, row && row.cells.length > 1 ? deleteColumn : deleteTable);
-}
-function appendTableRow(editor, table) {
-  const last = table.rows[table.rows.length - 1]?.cells[0];
-  return !!last && inCell(editor, last, addRowAfter);
-}
-function appendTableColumn(editor, table) {
-  const first = table.rows[0];
-  const last = first?.cells[first.cells.length - 1];
-  return !!last && inCell(editor, last, addColumnAfter);
-}
-function place(frame, { table, row, cell }) {
-  const at = frame.getBoundingClientRect();
-  const t = table.getBoundingClientRect();
-  const r = row.getBoundingClientRect();
-  const c = cell.getBoundingClientRect();
-  return {
-    tableBox: { top: t.top - at.top, left: t.left - at.left, width: t.width, height: t.height },
-    rowBox: { top: r.top - at.top, height: r.height },
-    columnBox: { left: c.left - at.left, width: c.width }
-  };
-}
-var ICON = { size: 16, stroke: 1.5, className: "text-text-secondary" };
-var keepFocus = (e) => e.preventDefault();
-var HANDLE_BOX = cn(FLOATING_SURFACE_CLASSES, "shadow-none");
-function EditorTableControls({ editor, children, className }) {
-  const frame = useRef3(null);
-  const [hovered, setHovered] = useState2(null);
-  const [menu, setMenu] = useState2(null);
-  const editable = !!editor && editor.isEditable;
-  const follow = useCallback2(
-    (target) => {
-      if (!editor || !frame.current || !(target instanceof Element)) return;
-      if (target.closest("[data-table-control]")) return;
-      const cell = target.closest("td, th");
-      const row = cell?.closest("tr");
-      const table = row?.closest("table");
-      if (!cell || !row || !table || !editor.view.dom.contains(table)) {
-        setHovered(null);
-        return;
-      }
-      const next = { table, row, cell, ...place(frame.current, { table, row, cell }) };
-      setHovered((was) => was && was.cell === cell && JSON.stringify([was.tableBox, was.rowBox, was.columnBox]) === JSON.stringify([next.tableBox, next.rowBox, next.columnBox]) ? was : next);
-    },
-    [editor]
-  );
-  useEffect2(() => {
-    if (!editor) return;
-    const changed = ({ transaction }) => {
-      if (transaction.docChanged && !menu) setHovered(null);
-    };
-    editor.on("transaction", changed);
-    return () => {
-      editor.off("transaction", changed);
-    };
-  }, [editor, menu]);
-  const shown = editable ? hovered : null;
-  const run = (act) => () => {
-    if (editor) act();
-    setMenu(null);
-    setHovered(null);
-  };
-  return /* @__PURE__ */ jsxs3(
-    "div",
-    {
-      ref: frame,
-      className: cn("relative", className),
-      onMouseMove: (e) => {
-        if (!menu) follow(e.target);
-      },
-      onMouseLeave: () => {
-        if (!menu) setHovered(null);
-      },
-      children: [
-        children,
-        shown && editor && /* @__PURE__ */ jsxs3(Fragment2, { children: [
-          /* @__PURE__ */ jsx4("div", { "data-table-control": true, className: cn(HANDLE_BOX, "absolute -translate-x-1/2 -translate-y-1/2"), style: { left: shown.tableBox.left, top: shown.rowBox.top + shown.rowBox.height / 2 }, children: /* @__PURE__ */ jsxs3(
-            Menu,
-            {
-              open: menu === "row",
-              onOpenChange: (open) => setMenu(open ? "row" : null),
-              trigger: /* @__PURE__ */ jsx4(IconButton, { "aria-label": "Row menu", tooltip: "Row", className: "h-6 w-4 p-0", children: /* @__PURE__ */ jsx4(IconGripVertical, { size: 16, stroke: 1.5 }) }),
-              children: [
-                !isHeaderRow(shown.row) && /* @__PURE__ */ jsx4(MenuItem2, { label: "Insert above", leading: /* @__PURE__ */ jsx4(IconRowInsertTop, { ...ICON }), onClick: run(() => inCell(editor, shown.cell, addRowBefore)) }),
-                /* @__PURE__ */ jsx4(MenuItem2, { label: "Insert below", leading: /* @__PURE__ */ jsx4(IconRowInsertBottom, { ...ICON }), onClick: run(() => inCell(editor, shown.cell, addRowAfter)) }),
-                /* @__PURE__ */ jsx4(MenuSeparator, {}),
-                /* @__PURE__ */ jsx4(MenuItem2, { label: "Delete", destructive: true, leading: /* @__PURE__ */ jsx4(IconTrash2, { size: 16, stroke: 1.5, className: "text-error-default" }), onClick: run(() => deleteTableRow(editor, shown.cell)) }),
-                /* @__PURE__ */ jsx4(MenuItem2, { label: "Delete table", destructive: true, leading: /* @__PURE__ */ jsx4(IconTrash2, { size: 16, stroke: 1.5, className: "text-error-default" }), onClick: run(() => inCell(editor, shown.cell, deleteTable)) })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsx4("div", { "data-table-control": true, className: cn(HANDLE_BOX, "absolute -translate-x-1/2 -translate-y-1/2"), style: { left: shown.columnBox.left + shown.columnBox.width / 2, top: shown.tableBox.top }, children: /* @__PURE__ */ jsxs3(
-            Menu,
-            {
-              open: menu === "column",
-              onOpenChange: (open) => setMenu(open ? "column" : null),
-              trigger: /* @__PURE__ */ jsx4(IconButton, { "aria-label": "Column menu", tooltip: "Column", className: "h-4 w-6 p-0", children: /* @__PURE__ */ jsx4(IconGripHorizontal, { size: 16, stroke: 1.5 }) }),
-              children: [
-                /* @__PURE__ */ jsx4(MenuItem2, { label: "Insert left", leading: /* @__PURE__ */ jsx4(IconColumnInsertLeft, { ...ICON }), onClick: run(() => inCell(editor, shown.cell, addColumnBefore)) }),
-                /* @__PURE__ */ jsx4(MenuItem2, { label: "Insert right", leading: /* @__PURE__ */ jsx4(IconColumnInsertRight, { ...ICON }), onClick: run(() => inCell(editor, shown.cell, addColumnAfter)) }),
-                /* @__PURE__ */ jsx4(MenuSeparator, {}),
-                /* @__PURE__ */ jsx4(MenuItem2, { label: "Delete", destructive: true, leading: /* @__PURE__ */ jsx4(IconTrash2, { size: 16, stroke: 1.5, className: "text-error-default" }), onClick: run(() => deleteTableColumn(editor, shown.cell)) }),
-                /* @__PURE__ */ jsx4(MenuItem2, { label: "Delete table", destructive: true, leading: /* @__PURE__ */ jsx4(IconTrash2, { size: 16, stroke: 1.5, className: "text-error-default" }), onClick: run(() => inCell(editor, shown.cell, deleteTable)) })
-              ]
-            }
-          ) }),
-          shown.row === shown.table.rows[shown.table.rows.length - 1] && /* @__PURE__ */ jsx4("div", { "data-table-control": true, className: cn(HANDLE_BOX, "absolute flex h-4"), style: { left: shown.tableBox.left, top: shown.tableBox.top + shown.tableBox.height, width: shown.tableBox.width }, children: /* @__PURE__ */ jsx4(IconButton, { "aria-label": "Add row", tooltip: "Add row", className: "h-full w-full p-0", onMouseDown: keepFocus, onClick: run(() => appendTableRow(editor, shown.table)), children: /* @__PURE__ */ jsx4(IconPlus, { size: 12, stroke: 1.5 }) }) }),
-          shown.cell === shown.row.cells[shown.row.cells.length - 1] && /* @__PURE__ */ jsx4("div", { "data-table-control": true, className: cn(HANDLE_BOX, "absolute flex w-4"), style: { left: shown.tableBox.left + shown.tableBox.width, top: shown.tableBox.top, height: shown.tableBox.height }, children: /* @__PURE__ */ jsx4(IconButton, { "aria-label": "Add column", tooltip: "Add column", className: "h-full w-full p-0", onMouseDown: keepFocus, onClick: run(() => appendTableColumn(editor, shown.table)), children: /* @__PURE__ */ jsx4(IconPlus, { size: 12, stroke: 1.5 }) }) })
-        ] })
-      ]
-    }
-  );
-}
 
 // src/ComposerTriggers.tsx
 import { Extension as Extension4 } from "@tiptap/core";
@@ -780,7 +528,7 @@ import { NodeViewWrapper, ReactNodeViewRenderer } from "@tiptap/react";
 import { Avatar } from "@estiva-app/ui";
 import { EnterHint } from "@estiva-app/ui";
 import { inlineChipClassName } from "@estiva-app/ui";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var PEOPLE_LIMIT = 6;
 function filterPeople(people, query) {
   const q = query.toLowerCase();
@@ -798,8 +546,8 @@ function peopleMenu(urgent) {
     row: (person) => ({
       label: person.name,
       description: person.description,
-      leading: person.avatar ?? /* @__PURE__ */ jsx5(Avatar, { size: 32, alt: person.name }),
-      hint: /* @__PURE__ */ jsx5(EnterHint, {}),
+      leading: person.avatar ?? /* @__PURE__ */ jsx3(Avatar, { size: 32, alt: person.name }),
+      hint: /* @__PURE__ */ jsx3(EnterHint, {}),
       size: "tall"
     })
   };
@@ -926,9 +674,9 @@ var CaptionedReference = Mention.extend({
   addNodeView() {
     const { icon, iconFor } = this.options;
     return ReactNodeViewRenderer(
-      ({ node }) => /* @__PURE__ */ jsxs4(NodeViewWrapper, { as: "span", className: inlineChipClassName("neutral", "max-w-[24ch] cursor-default"), children: [
-        /* @__PURE__ */ jsx5("span", { className: "flex items-center justify-center w-4 h-4 shrink-0 text-text-secondary", children: iconFor?.(node.attrs.uri ?? null) ?? icon }),
-        /* @__PURE__ */ jsx5("span", { className: "truncate", children: captionOf(node.attrs.label, node.attrs.snippet) })
+      ({ node }) => /* @__PURE__ */ jsxs2(NodeViewWrapper, { as: "span", className: inlineChipClassName("neutral", "max-w-[24ch] cursor-default"), children: [
+        /* @__PURE__ */ jsx3("span", { className: "flex items-center justify-center w-4 h-4 shrink-0 text-text-secondary", children: iconFor?.(node.attrs.uri ?? null) ?? icon }),
+        /* @__PURE__ */ jsx3("span", { className: "truncate", children: captionOf(node.attrs.label, node.attrs.snippet) })
       ] }),
       { as: "span" }
     );
@@ -950,7 +698,7 @@ function referenceMenu({ ariaLabel, sectionLabel, icon, iconFor }) {
       return groups;
     },
     itemKey: (item) => `reference-${item.id}`,
-    row: (item) => ({ leading: item.icon ?? iconFor?.(item.uri) ?? icon, label: captionOf(item.label, item.snippet), description: item.description, hint: /* @__PURE__ */ jsx5(EnterHint, {}) })
+    row: (item) => ({ leading: item.icon ?? iconFor?.(item.uri) ?? icon, label: captionOf(item.label, item.snippet), description: item.description, hint: /* @__PURE__ */ jsx3(EnterHint, {}) })
   };
 }
 var listed = (options, query) => options.sections ? options.sections(query).flatMap((section) => section.items.map((item) => ({ ...item, section: section.label }))) : filterReferences(options.items(), query);
@@ -1103,6 +851,364 @@ var SlashCommands = Extension4.create({
   }
 });
 
+// src/EditorBlockHandle.tsx
+import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function editorBlocks(view) {
+  const out = [];
+  view.state.doc.forEach((node, pos) => {
+    const element = view.nodeDOM(pos);
+    if (element instanceof HTMLElement) out.push({ id: node.attrs.blockId || void 0, element, pos });
+  });
+  return out;
+}
+function duplicateBlock(editor, pos) {
+  const node = editor.state.doc.nodeAt(pos);
+  if (!node) return false;
+  editor.view.dispatch(editor.state.tr.insert(pos + node.nodeSize, node).scrollIntoView());
+  editor.commands.focus(pos + node.nodeSize + 1);
+  return true;
+}
+function deleteBlock(editor, pos) {
+  const { state } = editor;
+  const node = state.doc.nodeAt(pos);
+  if (!node) return false;
+  const tr = state.doc.childCount === 1 ? state.tr.replaceWith(pos, pos + node.nodeSize, state.schema.nodes.paragraph.create()) : state.tr.delete(pos, pos + node.nodeSize);
+  editor.view.dispatch(tr);
+  editor.commands.focus(Math.min(pos + 1, editor.state.doc.content.size));
+  return true;
+}
+function moveBlock(editor, from, to) {
+  const node = editor.state.doc.nodeAt(from);
+  if (!node || to >= from && to <= from + node.nodeSize) return false;
+  const tr = editor.state.tr.delete(from, from + node.nodeSize);
+  const at = tr.mapping.map(to);
+  editor.view.dispatch(tr.insert(at, node).scrollIntoView());
+  editor.commands.focus(at + 1);
+  return true;
+}
+function startBlockDrag(editor, pos, event, image) {
+  editor.commands.setNodeSelection(pos);
+  const { view } = editor;
+  const slice = view.state.selection.content();
+  const { dom, text } = view.serializeForClipboard(slice);
+  const transfer = event.dataTransfer;
+  if (transfer) {
+    transfer.clearData();
+    transfer.setData("text/html", dom.innerHTML);
+    transfer.setData("text/plain", text);
+    transfer.effectAllowed = "copyMove";
+    if (image) transfer.setDragImage(image, 0, 0);
+  }
+  view.dragging = { slice, move: true };
+}
+var blockDropCursor = { color: false, class: "bg-accent-primary" };
+var NOTHING_YET = { find: () => null, rows: () => null, startDrag: () => {
+}, drop: () => {
+}, endDrag: () => {
+}, onChange: () => () => {
+} };
+function EditorBlockHandle({ editor, turnInto = turnIntoRows, actions, children, className }) {
+  const editing = useMemo(() => {
+    if (!editor) return NOTHING_YET;
+    let dragged;
+    return {
+      find: (y) => blockAtY(editorBlocks(editor.view), y),
+      rows: (block) => {
+        const pos = block.pos;
+        if (!editor.isEditable) return null;
+        const node = pos === void 0 ? null : editor.state.doc.nodeAt(pos);
+        if (pos === void 0 || !node) return null;
+        const turnRows = typeof turnInto === "function" ? turnInto(node, editor) : node.isTextblock ? turnInto : [];
+        return /* @__PURE__ */ jsxs3(Fragment, { children: [
+          turnRows.length > 0 && /* @__PURE__ */ jsx4(MenuSub, { label: "Turn into", children: turnRows.map((row) => /* @__PURE__ */ jsx4(
+            MenuItem,
+            {
+              label: row.label,
+              selected: row.active?.(node) ?? false,
+              onClick: () => {
+                if (node.isTextblock) editor.chain().focus().setTextSelection(pos + 1).run();
+                row.run(editor, pos);
+              }
+            },
+            row.label
+          )) }),
+          /* @__PURE__ */ jsx4(MenuItem, { label: "Duplicate", leading: /* @__PURE__ */ jsx4(IconCopy, { size: 16, stroke: 1.5, className: "text-text-secondary" }), onClick: () => duplicateBlock(editor, pos) }),
+          /* @__PURE__ */ jsx4(MenuItem, { label: "Delete", destructive: true, leading: /* @__PURE__ */ jsx4(IconTrash, { size: 16, stroke: 1.5, className: "text-error-default" }), onClick: () => deleteBlock(editor, pos) })
+        ] });
+      },
+      startDrag: (block, event) => {
+        dragged = block.pos;
+        if (block.pos !== void 0) startBlockDrag(editor, block.pos, event, block.element);
+      },
+      drop: (target, after) => {
+        const node = target.pos === void 0 ? null : editor.state.doc.nodeAt(target.pos);
+        if (dragged === void 0 || target.pos === void 0 || !node) return;
+        moveBlock(editor, dragged, after ? target.pos + node.nodeSize : target.pos);
+      },
+      // ProseMirror clears `dragging` on its own dragend, which a drag started outside its element never reaches.
+      endDrag: () => setTimeout(() => editor.view.dragging = null, 50),
+      onChange: (changed) => {
+        editor.on("update", changed);
+        return () => {
+          editor.off("update", changed);
+        };
+      }
+    };
+  }, [editor, turnInto]);
+  return /* @__PURE__ */ jsx4(BlockHandle, { editing, actions, className, children });
+}
+var LISTS = ["bulletList", "orderedList"];
+var isList = (node) => LISTS.includes(node.type.name);
+function listItems(list, at) {
+  const out = [];
+  list.descendants((node, pos) => {
+    if (node.type.name === "listItem") out.push({ node, pos: at + 1 + pos });
+  });
+  return out;
+}
+var isChecklistItem = ({ node }) => typeof node.attrs.checked === "boolean";
+var isChecklist = (list) => listItems(list, 0).every(isChecklistItem);
+var isPlainList = (list, type) => list.type.name === type && !listItems(list, 0).some(isChecklistItem);
+var hasExtension = (editor, name) => editor.extensionManager.extensions.some((e) => e.name === name);
+function caretInto(editor, pos) {
+  const { state } = editor;
+  editor.view.dispatch(state.tr.setSelection(Selection.near(state.doc.resolve(Math.min(pos + 1, state.doc.content.size)))));
+  editor.commands.focus();
+}
+function turnListInto(editor, pos, kind) {
+  const { state } = editor;
+  const list = state.doc.nodeAt(pos);
+  if (!list || !isList(list)) return false;
+  const tr = state.tr;
+  if (kind === "text") {
+    const blocks = [];
+    for (const { node: item } of listItems(list, pos)) {
+      item.forEach((child, _offset, index) => {
+        if (isList(child)) return;
+        blocks.push(child.type.create({ ...child.attrs, blockId: index === 0 ? item.attrs.blockId : null }, child.content, child.marks));
+      });
+    }
+    tr.replaceWith(pos, pos + list.nodeSize, blocks);
+  } else {
+    const type = kind === "checklist" ? list.type : state.schema.nodes[kind];
+    if (list.type !== type) tr.setNodeMarkup(pos, type, list.attrs);
+    list.descendants((node, at) => {
+      if (isList(node) && node.type !== type) tr.setNodeMarkup(pos + 1 + at, type, node.attrs);
+    });
+    for (const { node, pos: at } of listItems(list, pos)) {
+      const checked = kind === "checklist" ? typeof node.attrs.checked === "boolean" ? node.attrs.checked : false : null;
+      if (node.attrs.checked !== checked) tr.setNodeAttribute(at, "checked", checked);
+    }
+  }
+  if (tr.docChanged) editor.view.dispatch(tr.scrollIntoView());
+  caretInto(editor, pos);
+  return true;
+}
+function turnQuoteInto(editor, pos, kind) {
+  const { state } = editor;
+  const quote = state.doc.nodeAt(pos);
+  if (!quote || quote.type.name !== "blockquote") return false;
+  const tr = state.tr;
+  if (kind === "text") {
+    const blocks = [];
+    quote.forEach((child) => blocks.push(blocks.length === 0 ? child.type.create({ ...child.attrs, blockId: quote.attrs.blockId }, child.content, child.marks) : child));
+    tr.replaceWith(pos, pos + quote.nodeSize, blocks);
+  } else {
+    const tone = kind === "quote" ? null : kind;
+    if ((quote.attrs.tone ?? null) !== tone) tr.setNodeAttribute(pos, "tone", tone);
+  }
+  if (tr.docChanged) editor.view.dispatch(tr.scrollIntoView());
+  caretInto(editor, pos);
+  return true;
+}
+function isFormat(node, id) {
+  if (id === "paragraph") return node.type.name === "paragraph";
+  if (id === "heading") return node.type.name === "heading" && node.attrs.level === 1;
+  if (id === "subheading") return node.type.name === "heading" && node.attrs.level === 2;
+  if (id === "code") return node.type.name === "codeBlock";
+  return false;
+}
+function turnIntoRows(node, editor) {
+  const checklist = hasExtension(editor, "checklist");
+  const callout = hasExtension(editor, "callout");
+  if (node.isTextblock) {
+    const document2 = DOCUMENT_FORMATS.filter((f) => f.id === "checklist" ? checklist : callout);
+    return [...FORMATS, ...document2].map((format) => ({
+      label: format.label,
+      run: (e) => void applyFormat(e, format.id, "block"),
+      active: (n) => isFormat(n, format.id)
+    }));
+  }
+  if (isList(node)) {
+    const rows = [
+      { label: "Bulleted list", run: (e, pos) => void turnListInto(e, pos, "bulletList"), active: (n) => isPlainList(n, "bulletList") },
+      { label: "Numbered list", run: (e, pos) => void turnListInto(e, pos, "orderedList"), active: (n) => isPlainList(n, "orderedList") }
+    ];
+    if (checklist) rows.push({ label: "Checklist", run: (e, pos) => void turnListInto(e, pos, "checklist"), active: isChecklist });
+    rows.push({ label: "Text", run: (e, pos) => void turnListInto(e, pos, "text") });
+    return rows;
+  }
+  if (node.type.name === "blockquote") {
+    const rows = [{ label: "Quote", run: (e, pos) => void turnQuoteInto(e, pos, "quote"), active: (n) => !n.attrs.tone }];
+    if (callout) {
+      rows.push({ label: "Note", run: (e, pos) => void turnQuoteInto(e, pos, "note"), active: (n) => n.attrs.tone === "note" });
+      rows.push({ label: "Warning", run: (e, pos) => void turnQuoteInto(e, pos, "warning"), active: (n) => n.attrs.tone === "warning" });
+    }
+    rows.push({ label: "Text", run: (e, pos) => void turnQuoteInto(e, pos, "text") });
+    return rows;
+  }
+  return [];
+}
+
+// src/EditorTableControls.tsx
+import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef3, useState as useState2 } from "react";
+import { TextSelection } from "@tiptap/pm/state";
+import { addColumnAfter, addColumnBefore, addRowAfter, addRowBefore, deleteColumn, deleteRow, deleteTable, toggleHeader } from "@tiptap/pm/tables";
+import { IconColumnInsertLeft, IconColumnInsertRight, IconGripHorizontal, IconGripVertical, IconPlus, IconRowInsertBottom, IconRowInsertTop, IconTrash as IconTrash2 } from "@tabler/icons-react";
+import { cn } from "@estiva-app/ui";
+import { IconButton } from "@estiva-app/ui";
+
+// src/looks.ts
+var FLOATING_SURFACE_CLASSES = "rounded-lg border border-border-default bg-bg-elevated shadow-lg";
+
+// src/EditorTableControls.tsx
+import { Menu, MenuItem as MenuItem2, MenuSeparator } from "@estiva-app/ui";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function inCell(editor, cell, command) {
+  const { view } = editor;
+  if (!view.dom.contains(cell)) return false;
+  const at = view.posAtDOM(cell, 0);
+  view.dispatch(view.state.tr.setSelection(TextSelection.near(view.state.doc.resolve(at))));
+  const done = command(view.state, view.dispatch, view);
+  editor.commands.focus();
+  return done;
+}
+function isHeaderRow(row) {
+  return row.cells.length > 0 && Array.from(row.cells).every((c) => c.tagName === "TH");
+}
+function deleteTableRow(editor, cell) {
+  const row = cell.closest("tr");
+  const table = cell.closest("table");
+  if (!row || !table || table.rows.length <= 1) return inCell(editor, cell, deleteTable);
+  const header = isHeaderRow(row);
+  return inCell(editor, cell, header ? (state, dispatch, view) => deleteRow(state, dispatch) && (!view || toggleHeader("row")(view.state, view.dispatch)) : deleteRow);
+}
+function deleteTableColumn(editor, cell) {
+  const row = cell.closest("tr");
+  return inCell(editor, cell, row && row.cells.length > 1 ? deleteColumn : deleteTable);
+}
+function appendTableRow(editor, table) {
+  const last = table.rows[table.rows.length - 1]?.cells[0];
+  return !!last && inCell(editor, last, addRowAfter);
+}
+function appendTableColumn(editor, table) {
+  const first = table.rows[0];
+  const last = first?.cells[first.cells.length - 1];
+  return !!last && inCell(editor, last, addColumnAfter);
+}
+function place(frame, { table, row, cell }) {
+  const at = frame.getBoundingClientRect();
+  const t = table.getBoundingClientRect();
+  const r = row.getBoundingClientRect();
+  const c = cell.getBoundingClientRect();
+  return {
+    tableBox: { top: t.top - at.top, left: t.left - at.left, width: t.width, height: t.height },
+    rowBox: { top: r.top - at.top, height: r.height },
+    columnBox: { left: c.left - at.left, width: c.width }
+  };
+}
+var ICON = { size: 16, stroke: 1.5, className: "text-text-secondary" };
+var keepFocus = (e) => e.preventDefault();
+var HANDLE_BOX = cn(FLOATING_SURFACE_CLASSES, "shadow-none");
+function EditorTableControls({ editor, children, className }) {
+  const frame = useRef3(null);
+  const [hovered, setHovered] = useState2(null);
+  const [menu, setMenu] = useState2(null);
+  const editable = !!editor && editor.isEditable;
+  const follow = useCallback2(
+    (target) => {
+      if (!editor || !frame.current || !(target instanceof Element)) return;
+      if (target.closest("[data-table-control]")) return;
+      const cell = target.closest("td, th");
+      const row = cell?.closest("tr");
+      const table = row?.closest("table");
+      if (!cell || !row || !table || !editor.view.dom.contains(table)) {
+        setHovered(null);
+        return;
+      }
+      const next = { table, row, cell, ...place(frame.current, { table, row, cell }) };
+      setHovered((was) => was && was.cell === cell && JSON.stringify([was.tableBox, was.rowBox, was.columnBox]) === JSON.stringify([next.tableBox, next.rowBox, next.columnBox]) ? was : next);
+    },
+    [editor]
+  );
+  useEffect2(() => {
+    if (!editor) return;
+    const changed = ({ transaction }) => {
+      if (transaction.docChanged && !menu) setHovered(null);
+    };
+    editor.on("transaction", changed);
+    return () => {
+      editor.off("transaction", changed);
+    };
+  }, [editor, menu]);
+  const shown = editable ? hovered : null;
+  const run = (act) => () => {
+    if (editor) act();
+    setMenu(null);
+    setHovered(null);
+  };
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      ref: frame,
+      className: cn("relative", className),
+      onMouseMove: (e) => {
+        if (!menu) follow(e.target);
+      },
+      onMouseLeave: () => {
+        if (!menu) setHovered(null);
+      },
+      children: [
+        children,
+        shown && editor && /* @__PURE__ */ jsxs4(Fragment2, { children: [
+          /* @__PURE__ */ jsx5("div", { "data-table-control": true, className: cn(HANDLE_BOX, "absolute -translate-x-1/2 -translate-y-1/2"), style: { left: shown.tableBox.left, top: shown.rowBox.top + shown.rowBox.height / 2 }, children: /* @__PURE__ */ jsxs4(
+            Menu,
+            {
+              open: menu === "row",
+              onOpenChange: (open) => setMenu(open ? "row" : null),
+              trigger: /* @__PURE__ */ jsx5(IconButton, { "aria-label": "Row menu", tooltip: "Row", className: "h-6 w-4 p-0", children: /* @__PURE__ */ jsx5(IconGripVertical, { size: 16, stroke: 1.5 }) }),
+              children: [
+                !isHeaderRow(shown.row) && /* @__PURE__ */ jsx5(MenuItem2, { label: "Insert above", leading: /* @__PURE__ */ jsx5(IconRowInsertTop, { ...ICON }), onClick: run(() => inCell(editor, shown.cell, addRowBefore)) }),
+                /* @__PURE__ */ jsx5(MenuItem2, { label: "Insert below", leading: /* @__PURE__ */ jsx5(IconRowInsertBottom, { ...ICON }), onClick: run(() => inCell(editor, shown.cell, addRowAfter)) }),
+                /* @__PURE__ */ jsx5(MenuSeparator, {}),
+                /* @__PURE__ */ jsx5(MenuItem2, { label: "Delete", destructive: true, leading: /* @__PURE__ */ jsx5(IconTrash2, { size: 16, stroke: 1.5, className: "text-error-default" }), onClick: run(() => deleteTableRow(editor, shown.cell)) }),
+                /* @__PURE__ */ jsx5(MenuItem2, { label: "Delete table", destructive: true, leading: /* @__PURE__ */ jsx5(IconTrash2, { size: 16, stroke: 1.5, className: "text-error-default" }), onClick: run(() => inCell(editor, shown.cell, deleteTable)) })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx5("div", { "data-table-control": true, className: cn(HANDLE_BOX, "absolute -translate-x-1/2 -translate-y-1/2"), style: { left: shown.columnBox.left + shown.columnBox.width / 2, top: shown.tableBox.top }, children: /* @__PURE__ */ jsxs4(
+            Menu,
+            {
+              open: menu === "column",
+              onOpenChange: (open) => setMenu(open ? "column" : null),
+              trigger: /* @__PURE__ */ jsx5(IconButton, { "aria-label": "Column menu", tooltip: "Column", className: "h-4 w-6 p-0", children: /* @__PURE__ */ jsx5(IconGripHorizontal, { size: 16, stroke: 1.5 }) }),
+              children: [
+                /* @__PURE__ */ jsx5(MenuItem2, { label: "Insert left", leading: /* @__PURE__ */ jsx5(IconColumnInsertLeft, { ...ICON }), onClick: run(() => inCell(editor, shown.cell, addColumnBefore)) }),
+                /* @__PURE__ */ jsx5(MenuItem2, { label: "Insert right", leading: /* @__PURE__ */ jsx5(IconColumnInsertRight, { ...ICON }), onClick: run(() => inCell(editor, shown.cell, addColumnAfter)) }),
+                /* @__PURE__ */ jsx5(MenuSeparator, {}),
+                /* @__PURE__ */ jsx5(MenuItem2, { label: "Delete", destructive: true, leading: /* @__PURE__ */ jsx5(IconTrash2, { size: 16, stroke: 1.5, className: "text-error-default" }), onClick: run(() => deleteTableColumn(editor, shown.cell)) }),
+                /* @__PURE__ */ jsx5(MenuItem2, { label: "Delete table", destructive: true, leading: /* @__PURE__ */ jsx5(IconTrash2, { size: 16, stroke: 1.5, className: "text-error-default" }), onClick: run(() => inCell(editor, shown.cell, deleteTable)) })
+              ]
+            }
+          ) }),
+          shown.row === shown.table.rows[shown.table.rows.length - 1] && /* @__PURE__ */ jsx5("div", { "data-table-control": true, className: cn(HANDLE_BOX, "absolute flex h-4"), style: { left: shown.tableBox.left, top: shown.tableBox.top + shown.tableBox.height, width: shown.tableBox.width }, children: /* @__PURE__ */ jsx5(IconButton, { "aria-label": "Add row", tooltip: "Add row", className: "h-full w-full p-0", onMouseDown: keepFocus, onClick: run(() => appendTableRow(editor, shown.table)), children: /* @__PURE__ */ jsx5(IconPlus, { size: 12, stroke: 1.5 }) }) }),
+          shown.cell === shown.row.cells[shown.row.cells.length - 1] && /* @__PURE__ */ jsx5("div", { "data-table-control": true, className: cn(HANDLE_BOX, "absolute flex w-4"), style: { left: shown.tableBox.left + shown.tableBox.width, top: shown.tableBox.top, height: shown.tableBox.height }, children: /* @__PURE__ */ jsx5(IconButton, { "aria-label": "Add column", tooltip: "Add column", className: "h-full w-full p-0", onMouseDown: keepFocus, onClick: run(() => appendTableColumn(editor, shown.table)), children: /* @__PURE__ */ jsx5(IconPlus, { size: 12, stroke: 1.5 }) }) })
+        ] })
+      ]
+    }
+  );
+}
+
 // src/BlockNodes.tsx
 import { Extension as Extension8, InputRule, Node as Node2 } from "@tiptap/core";
 import { DOMSerializer } from "@tiptap/pm/model";
@@ -1683,7 +1789,7 @@ function claimsIn(doc) {
   doc.descendants((node, pos, parent) => {
     const fixed = node.type.name === "unknownBlock";
     if (!fixed && !BLOCK_TYPE_SET.has(node.type.name)) return;
-    if (parent?.type.name === "listItem" && LISTS.has(node.type.name)) return;
+    if (parent?.type.name === "listItem" && LISTS2.has(node.type.name)) return;
     const id = node.attrs.blockId;
     if (typeof id !== "string" || id === "") return;
     const copies = claims.get(id);
@@ -1730,11 +1836,11 @@ function repeatedBlockIds(doc, before, mapping) {
 }
 var BLOCK_CONTAINERS = /* @__PURE__ */ new Set(["bulletList", "orderedList", "table", "tableRow", "tableHeader", "tableCell"]);
 var FLATTENED = /* @__PURE__ */ new Set(["listItem", "blockquote"]);
-var LISTS = /* @__PURE__ */ new Set(["bulletList", "orderedList"]);
+var LISTS2 = /* @__PURE__ */ new Set(["bulletList", "orderedList"]);
 function innerLists(item, pos) {
   const out = [];
   item.forEach((child, offset) => {
-    if (LISTS.has(child.type.name)) out.push({ pos: pos + 1 + offset, node: child });
+    if (LISTS2.has(child.type.name)) out.push({ pos: pos + 1 + offset, node: child });
   });
   return out;
 }
@@ -1763,7 +1869,7 @@ function hiddenIds(doc) {
   doc.descendants((node, pos) => {
     if (!FLATTENED.has(node.type.name)) return;
     node.forEach((child, offset) => {
-      const inner = child.isTextblock || node.type.name === "listItem" && LISTS.has(child.type.name);
+      const inner = child.isTextblock || node.type.name === "listItem" && LISTS2.has(child.type.name);
       if (inner && idOf(child) !== void 0) out.push(pos + 1 + offset);
     });
   });
@@ -2186,6 +2292,9 @@ export {
   setReferenceCardAt,
   startBlockDrag,
   suggestionPopup,
+  turnIntoRows,
+  turnListInto,
+  turnQuoteInto,
   typeTrigger,
   urgentPubkeys,
   useReferenceCards