@estiva-app/ui 0.69.2 → 0.71.0

package/dist/editor.js

@@ -339,6 +339,47 @@ var PastedImages = Extension2.create({
   }
 });
 
+// src/PastedMarkdown.ts
+import { Extension as Extension3 } from "@tiptap/core";
+import { Slice } from "@tiptap/pm/model";
+import { Plugin as Plugin3, PluginKey as PluginKey3 } from "@tiptap/pm/state";
+function inTableCell($context) {
+  for (let depth = $context.depth; depth > 0; depth--) {
+    const role = $context.node(depth).type.spec.tableRole;
+    if (role === "cell" || role === "header_cell") return true;
+  }
+  return false;
+}
+var hasTable = (blocks) => blocks.some((block) => block.type === "table" || hasTable(block.content ?? []));
+var PastedMarkdown = Extension3.create({
+  name: "pastedMarkdown",
+  addOptions() {
+    return { read: () => void 0 };
+  },
+  addProseMirrorPlugins() {
+    const options = this.options;
+    return [
+      new Plugin3({
+        key: new PluginKey3("pastedMarkdown"),
+        props: {
+          // Reached only for a text paste outside code; `plain` is the Shift paste.
+          clipboardTextParser: (text, $context, plain, view) => {
+            if (plain) return void 0;
+            try {
+              const blocks = options.read(text.replace(/\r\n?/g, "\n"))?.content ?? [];
+              if (blocks.every((block) => block.type === "paragraph")) return void 0;
+              if (inTableCell($context) && hasTable(blocks)) return void 0;
+              return Slice.maxOpen(view.state.schema.nodeFromJSON({ type: "doc", content: blocks }).content);
+            } catch {
+              return void 0;
+            }
+          }
+        }
+      })
+    ];
+  }
+});
+
 // src/CodeBlockColours.ts
 import { CodeBlockLowlight } from "@tiptap/extension-code-block-lowlight";
 
@@ -475,271 +516,19 @@ 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 Extension3 } from "@tiptap/core";
-import { PluginKey as PluginKey3 } from "@tiptap/pm/state";
+import { Extension as Extension4 } from "@tiptap/core";
+import { PluginKey as PluginKey4 } from "@tiptap/pm/state";
 import Mention from "@tiptap/extension-mention";
 import Suggestion from "@tiptap/suggestion";
 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();
@@ -757,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"
     })
   };
@@ -885,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" }
     );
@@ -909,11 +698,11 @@ 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);
-var ReferenceTrigger = Extension3.create({
+var ReferenceTrigger = Extension4.create({
   name: "referenceTrigger",
   addOptions() {
     return { items: () => [], nodeName: "captionedReference", ariaLabel: "References", sectionLabel: "References", icon: null };
@@ -924,7 +713,7 @@ var ReferenceTrigger = Extension3.create({
       Suggestion({
         editor: this.editor,
         char: "[",
-        pluginKey: new PluginKey3("referenceTrigger"),
+        pluginKey: new PluginKey4("referenceTrigger"),
         ...listening("]"),
         // As a mention's: only where the chip may go.
         allow: ({ state, range }) => {
@@ -942,130 +731,488 @@ var ReferenceTrigger = Extension3.create({
       })
     ];
   }
-});
-var offers = (editor, command) => !command.needs || command.needs.every((name) => editor.extensionManager.extensions.some((extension) => extension.name === name));
-var FORMATS = [
-  { id: "paragraph", label: "Text" },
-  { id: "heading", label: "Heading", trigger: "#" },
-  { id: "subheading", label: "Subheading", trigger: "##" },
-  { id: "quote", label: "Quote", trigger: ">" },
-  { id: "code", label: "Code", trigger: "`", blockTrigger: "```" },
-  { id: "bulletList", label: "Bulleted list", trigger: "-" },
-  { id: "orderedList", label: "Numbered list", trigger: "1." }
-];
-var DOCUMENT_FORMATS = [
-  { id: "checklist", label: "Checklist", trigger: "[]" },
-  { id: "note", label: "Note" },
-  { id: "warning", label: "Warning" }
-];
-function applyFormat(editor, id, code = "inline") {
-  const chain = editor.chain().focus();
-  const run = (command, ...args) => {
-    const named2 = chain[command];
-    return named2 ? named2(...args).run() : false;
-  };
-  switch (id) {
-    case "paragraph":
-      return run("setParagraph");
-    case "heading":
-      return run("setHeading", { level: 1 });
-    case "subheading":
-      return run("setHeading", { level: 2 });
-    case "quote":
-      return run("toggleBlockquote");
-    case "bulletList":
-      return run("toggleBulletList");
-    case "orderedList":
-      return run("toggleOrderedList");
-    case "code":
-      return run(code === "block" ? "toggleCodeBlock" : "toggleCode");
-    case "checklist": {
-      if (!editor.isActive("listItem") && !run("toggleBulletList")) return false;
-      if (typeof editor.getAttributes("listItem").checked === "boolean") return true;
-      return editor.chain().updateAttributes("listItem", { checked: false }).run();
-    }
-    case "note":
-    case "warning": {
-      if (!editor.isActive("blockquote") && !run("toggleBlockquote")) return false;
-      return editor.chain().updateAttributes("blockquote", { tone: id }).run();
+});
+var offers = (editor, command) => !command.needs || command.needs.every((name) => editor.extensionManager.extensions.some((extension) => extension.name === name));
+var FORMATS = [
+  { id: "paragraph", label: "Text" },
+  { id: "heading", label: "Heading", trigger: "#" },
+  { id: "subheading", label: "Subheading", trigger: "##" },
+  { id: "quote", label: "Quote", trigger: ">" },
+  { id: "code", label: "Code", trigger: "`", blockTrigger: "```" },
+  { id: "bulletList", label: "Bulleted list", trigger: "-" },
+  { id: "orderedList", label: "Numbered list", trigger: "1." }
+];
+var DOCUMENT_FORMATS = [
+  { id: "checklist", label: "Checklist", trigger: "[]" },
+  { id: "note", label: "Note" },
+  { id: "warning", label: "Warning" }
+];
+function applyFormat(editor, id, code = "inline") {
+  const chain = editor.chain().focus();
+  const run = (command, ...args) => {
+    const named2 = chain[command];
+    return named2 ? named2(...args).run() : false;
+  };
+  switch (id) {
+    case "paragraph":
+      return run("setParagraph");
+    case "heading":
+      return run("setHeading", { level: 1 });
+    case "subheading":
+      return run("setHeading", { level: 2 });
+    case "quote":
+      return run("toggleBlockquote");
+    case "bulletList":
+      return run("toggleBulletList");
+    case "orderedList":
+      return run("toggleOrderedList");
+    case "code":
+      return run(code === "block" ? "toggleCodeBlock" : "toggleCode");
+    case "checklist": {
+      if (!editor.isActive("listItem") && !run("toggleBulletList")) return false;
+      if (typeof editor.getAttributes("listItem").checked === "boolean") return true;
+      return editor.chain().updateAttributes("listItem", { checked: false }).run();
+    }
+    case "note":
+    case "warning": {
+      if (!editor.isActive("blockquote") && !run("toggleBlockquote")) return false;
+      return editor.chain().updateAttributes("blockquote", { tone: id }).run();
+    }
+    default:
+      return false;
+  }
+}
+var KEYWORDS = {
+  checklist: ["todo", "task"],
+  note: ["callout"],
+  warning: ["callout"]
+};
+var NEEDS = {
+  checklist: ["checklist"],
+  note: ["callout"],
+  warning: ["callout"]
+};
+function formatSection(code = "inline") {
+  return {
+    label: "Format",
+    commands: (code === "block" ? [...FORMATS, ...DOCUMENT_FORMATS] : FORMATS).map((format) => ({
+      key: `format-${format.id}`,
+      row: { label: format.label, shortcut: code === "block" && format.blockTrigger || format.trigger },
+      keywords: [format.id, ...KEYWORDS[format.id] ?? []],
+      ...NEEDS[format.id] ? { needs: NEEDS[format.id] } : {},
+      run: (editor) => {
+        applyFormat(editor, format.id, code);
+      }
+    }))
+  };
+}
+function typeTrigger(input) {
+  return (editor) => {
+    requestAnimationFrame(() => editor.commands.insertContent(input));
+  };
+}
+function matches(command, q) {
+  return [command.row.label, ...command.keywords ?? []].some((text) => text.toLowerCase().includes(q));
+}
+function filterSlashSections(sections, query) {
+  const q = query.toLowerCase();
+  return sections.map((section) => ({ ...section, commands: q ? section.commands.filter((command) => matches(command, q)) : section.commands }));
+}
+var SlashCommands = Extension4.create({
+  name: "slashCommands",
+  addOptions() {
+    return { sections: [formatSection()] };
+  },
+  addProseMirrorPlugins() {
+    const sections = this.options.sections;
+    return [
+      Suggestion({
+        editor: this.editor,
+        char: "/",
+        startOfLine: false,
+        pluginKey: new PluginKey4("slashCommands"),
+        items: ({ query, editor }) => filterSlashSections(sections, query).flatMap(
+          (section, at) => section.commands.filter((command) => offers(editor, command)).map((command) => ({ ...command, section: at }))
+        ),
+        command: ({ editor, range, props }) => {
+          editor.chain().focus().deleteRange(range).run();
+          props.run(editor);
+        },
+        render: suggestionPopup({
+          ariaLabel: "Commands",
+          width: "w-[300px]",
+          maxHeight: "max-h-[400px]",
+          sections: (rows) => sections.map((section, at) => ({ label: section.label, items: rows.filter((row) => row.section === at) })),
+          itemKey: (row) => row.key,
+          row: (row) => row.row
+        })
+      })
+    ];
+  }
+});
+
+// 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" });
     }
-    default:
-      return false;
+    rows.push({ label: "Text", run: (e, pos) => void turnQuoteInto(e, pos, "text") });
+    return rows;
   }
+  return [];
 }
-var KEYWORDS = {
-  checklist: ["todo", "task"],
-  note: ["callout"],
-  warning: ["callout"]
-};
-var NEEDS = {
-  checklist: ["checklist"],
-  note: ["callout"],
-  warning: ["callout"]
-};
-function formatSection(code = "inline") {
+
+// 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 {
-    label: "Format",
-    commands: (code === "block" ? [...FORMATS, ...DOCUMENT_FORMATS] : FORMATS).map((format) => ({
-      key: `format-${format.id}`,
-      row: { label: format.label, shortcut: code === "block" && format.blockTrigger || format.trigger },
-      keywords: [format.id, ...KEYWORDS[format.id] ?? []],
-      ...NEEDS[format.id] ? { needs: NEEDS[format.id] } : {},
-      run: (editor) => {
-        applyFormat(editor, format.id, code);
-      }
-    }))
+    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 }
   };
 }
-function typeTrigger(input) {
-  return (editor) => {
-    requestAnimationFrame(() => editor.commands.insertContent(input));
+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 }) }) })
+        ] })
+      ]
+    }
+  );
 }
-function matches(command, q) {
-  return [command.row.label, ...command.keywords ?? []].some((text) => text.toLowerCase().includes(q));
-}
-function filterSlashSections(sections, query) {
-  const q = query.toLowerCase();
-  return sections.map((section) => ({ ...section, commands: q ? section.commands.filter((command) => matches(command, q)) : section.commands }));
-}
-var SlashCommands = Extension3.create({
-  name: "slashCommands",
-  addOptions() {
-    return { sections: [formatSection()] };
-  },
-  addProseMirrorPlugins() {
-    const sections = this.options.sections;
-    return [
-      Suggestion({
-        editor: this.editor,
-        char: "/",
-        startOfLine: false,
-        pluginKey: new PluginKey3("slashCommands"),
-        items: ({ query, editor }) => filterSlashSections(sections, query).flatMap(
-          (section, at) => section.commands.filter((command) => offers(editor, command)).map((command) => ({ ...command, section: at }))
-        ),
-        command: ({ editor, range, props }) => {
-          editor.chain().focus().deleteRange(range).run();
-          props.run(editor);
-        },
-        render: suggestionPopup({
-          ariaLabel: "Commands",
-          width: "w-[300px]",
-          maxHeight: "max-h-[400px]",
-          sections: (rows) => sections.map((section, at) => ({ label: section.label, items: rows.filter((row) => row.section === at) })),
-          itemKey: (row) => row.key,
-          row: (row) => row.row
-        })
-      })
-    ];
-  }
-});
 
 // src/BlockNodes.tsx
-import { Extension as Extension7, InputRule, Node as Node2 } from "@tiptap/core";
+import { Extension as Extension8, InputRule, Node as Node2 } from "@tiptap/core";
 import { DOMSerializer } from "@tiptap/pm/model";
-import { Plugin as Plugin6, PluginKey as PluginKey7 } from "@tiptap/pm/state";
+import { Plugin as Plugin7, PluginKey as PluginKey8 } from "@tiptap/pm/state";
 import { Mapping, ReplaceAroundStep } from "@tiptap/pm/transform";
 import { NodeViewWrapper as NodeViewWrapper2, ReactNodeViewRenderer as ReactNodeViewRenderer2, ReactRenderer as ReactRenderer2 } from "@tiptap/react";
 import { Checkbox } from "@estiva-app/ui";
@@ -1073,17 +1220,17 @@ import { calloutLook } from "@estiva-app/ui";
 
 // src/ReferenceMenu.tsx
 import { useCallback as useCallback3 } from "react";
-import { Extension as Extension6 } from "@tiptap/core";
+import { Extension as Extension7 } from "@tiptap/core";
 import { useEditorState } from "@tiptap/react";
-import { NodeSelection as NodeSelection2, Plugin as Plugin5, PluginKey as PluginKey6, TextSelection as TextSelection2 } from "@tiptap/pm/state";
+import { NodeSelection as NodeSelection2, Plugin as Plugin6, PluginKey as PluginKey7, TextSelection as TextSelection2 } from "@tiptap/pm/state";
 import { ReplaceStep } from "@tiptap/pm/transform";
 import { IconCheck } from "@tabler/icons-react";
 
 // src/LinkChips.ts
-import { Extension as Extension4 } from "@tiptap/core";
+import { Extension as Extension5 } from "@tiptap/core";
 import { closeHistory } from "@tiptap/pm/history";
-import { Plugin as Plugin3, PluginKey as PluginKey4 } from "@tiptap/pm/state";
-var key = new PluginKey4("linkChips");
+import { Plugin as Plugin4, PluginKey as PluginKey5 } from "@tiptap/pm/state";
+var key = new PluginKey5("linkChips");
 var CHIPS_MADE = "linkChipsMade";
 var PASTES_KEPT = 8;
 var LINK_OR_URL = /(\[[^[\]\n]+\]\((?:https?:\/\/|mailto:)[^\s)]+\))|(https?:\/\/[^\s<>"'`]+)/g;
@@ -1158,7 +1305,7 @@ function refreshLinkChips(editor) {
   const tr = apply(editor.state, findLinkChips(editor.state.doc, editor.state.selection, chips.options.referenceOf, chips.pasted));
   if (tr) editor.view.dispatch(tr);
 }
-var LinkChips = Extension4.create({
+var LinkChips = Extension5.create({
   name: "linkChips",
   addOptions() {
     return { referenceOf: null, ask: null, limit: 24 };
@@ -1167,7 +1314,7 @@ var LinkChips = Extension4.create({
     const options = this.options;
     const editor = this.editor;
     return [
-      new Plugin3({
+      new Plugin4({
         key,
         // The options, where `refreshLinkChips` can read them from the state alone, and where the last pastes landed.
         state: {
@@ -1231,8 +1378,8 @@ import { MenuItem as MenuItem3, MenuSection, MenuSeparator as MenuSeparator2 } f
 import { Popover as Popover2 } from "@estiva-app/ui";
 
 // src/ReferenceCards.ts
-import { Extension as Extension5 } from "@tiptap/core";
-import { NodeSelection, Plugin as Plugin4, PluginKey as PluginKey5 } from "@tiptap/pm/state";
+import { Extension as Extension6 } from "@tiptap/core";
+import { NodeSelection, Plugin as Plugin5, PluginKey as PluginKey6 } from "@tiptap/pm/state";
 import { Decoration as Decoration2, DecorationSet as DecorationSet2 } from "@tiptap/pm/view";
 import { useEffect as useEffect3, useState as useState3 } from "react";
 function layoutOf(raw) {
@@ -1261,7 +1408,7 @@ function referenceCardPlacements(doc) {
   });
   return out;
 }
-var key2 = new PluginKey5("referenceCards");
+var key2 = new PluginKey6("referenceCards");
 function elementFor(storage, slotKey) {
   let element = storage.elements.get(slotKey);
   if (!element) {
@@ -1275,7 +1422,7 @@ function elementFor(storage, slotKey) {
 function storageOf(editor) {
   return editor.storage.referenceCards;
 }
-var ReferenceCards = Extension5.create({
+var ReferenceCards = Extension6.create({
   name: "referenceCards",
   addStorage() {
     return { elements: /* @__PURE__ */ new Map() };
@@ -1295,7 +1442,7 @@ var ReferenceCards = Extension5.create({
       )
     );
     return [
-      new Plugin4({
+      new Plugin5({
         key: key2,
         state: {
           init: (_, state) => decorate(state.doc),
@@ -1374,7 +1521,7 @@ function setReferenceCardAt(editor, pos, layout) {
 
 // src/ReferenceMenu.tsx
 import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-var key3 = new PluginKey6("referenceMenu");
+var key3 = new PluginKey7("referenceMenu");
 var LAYOUTS = [
   { layout: "none", label: "None" },
   { layout: "compact", label: "Compact" },
@@ -1453,14 +1600,14 @@ function caretAfter(state, pos) {
   const node = state.doc.nodeAt(pos);
   return state.tr.setSelection(TextSelection2.create(state.doc, pos + (node?.nodeSize ?? 1)));
 }
-var ReferenceMenu = Extension6.create({
+var ReferenceMenu = Extension7.create({
   name: "referenceMenu",
   // Before the editor's own keys, so Enter on a highlighted row is the row's, not a new line.
   priority: 1e3,
   addProseMirrorPlugins() {
     const editor = this.editor;
     return [
-      new Plugin5({
+      new Plugin6({
         key: key3,
         state: {
           init: () => null,
@@ -1642,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);
@@ -1689,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;
 }
@@ -1722,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);
     });
   });
@@ -1762,7 +1909,7 @@ function bringsInBlocks(transactions) {
     })
   );
 }
-var BlockId = Extension7.create({
+var BlockId = Extension8.create({
   name: "blockId",
   onCreate() {
     const { state, view } = this.editor;
@@ -1774,8 +1921,8 @@ var BlockId = Extension7.create({
   },
   addProseMirrorPlugins() {
     return [
-      new Plugin6({
-        key: new PluginKey7("blockIdSplit"),
+      new Plugin7({
+        key: new PluginKey8("blockIdSplit"),
         appendTransaction: (transactions, old, state) => {
           if (!bringsInBlocks(transactions)) return null;
           const mapping = new Mapping();
@@ -2000,7 +2147,7 @@ function listItemView(editor, node, view, getPos) {
     }
   };
 }
-var Checklist = Extension7.create({
+var Checklist = Extension8.create({
   name: "checklist",
   // Before the list item's own Enter and Backspace.
   priority: 101,
@@ -2065,14 +2212,14 @@ var Checklist = Extension7.create({
   addProseMirrorPlugins() {
     const editor = this.editor;
     return [
-      new Plugin6({
-        key: new PluginKey7("checklist"),
+      new Plugin7({
+        key: new PluginKey8("checklist"),
         props: { nodeViews: { listItem: (node, view, getPos) => listItemView(editor, node, view, getPos) } }
       })
     ];
   }
 });
-var Callout = Extension7.create({
+var Callout = Extension8.create({
   name: "callout",
   addGlobalAttributes() {
     return [
@@ -2103,6 +2250,7 @@ export {
   KeptSelection,
   LinkChips,
   PastedImages,
+  PastedMarkdown,
   PersonMention,
   ReferenceCards,
   ReferenceMenu,
@@ -2144,6 +2292,9 @@ export {
   setReferenceCardAt,
   startBlockDrag,
   suggestionPopup,
+  turnIntoRows,
+  turnListInto,
+  turnQuoteInto,
   typeTrigger,
   urgentPubkeys,
   useReferenceCards