@estiva-app/ui 0.54.0 → 0.55.0

package/dist/BlockHandle.d.ts

@@ -0,0 +1,47 @@
+import { type ReactNode } from 'react';
+/** The block the pointer is on: its §13.3 id, its element, and — in an editor — where it starts. */
+export interface HandleBlock {
+    /** `undefined` only for a block that has none yet, which nothing can address. */
+    id: string | undefined;
+    element: HTMLElement;
+    /** Position before the block in the editor's document; absent when reading. */
+    pos?: number;
+}
+/** What `EditorBlockHandle` hands this part to make it edit. A reading surface leaves it off. */
+export interface BlockHandleEditing {
+    /** The block level with `y`, in the editor's own document. */
+    find: (y: number) => HandleBlock | null;
+    /** The editing rows, before the caller's. */
+    rows: (block: HandleBlock) => ReactNode;
+    /** Starts the browser's drag of the block; the handle is draggable only with this. */
+    startDrag: (block: HandleBlock, event: globalThis.DragEvent) => void;
+    /** Drops the dragged block before `target`, or after it: a drop in the gutter, where the editor has none. */
+    drop: (target: HandleBlock, after: boolean) => void;
+    endDrag: () => void;
+    /** Calls back when the document changes, so a block found before is found again. Returns the unsubscribe. */
+    onChange: (changed: () => void) => () => void;
+}
+export interface BlockHandleProps {
+    /** The caller's own rows — a link to the block, a comment on it. Reading, they are the whole menu; with none, no handle is drawn. */
+    actions?: (block: HandleBlock) => ReactNode;
+    /** Given by `EditorBlockHandle` (from `@estiva-app/ui/editor`). Leave it off to read. */
+    editing?: BlockHandleEditing;
+    /** What the blocks are drawn in. Reading: a surface whose top-level elements carry `data-block-id`, as `RichText` draws. */
+    children: ReactNode;
+    className?: string;
+}
+/** The last of `blocks` whose top is at or above `y` — the gap between two blocks belongs to the one before. */
+export declare function blockAtY(blocks: readonly HandleBlock[], y: number): HandleBlock | null;
+/**
+ * The handle at the left of the block under the pointer, and the block's menu
+ * behind it. Reading, the menu is the caller's rows only, so someone who
+ * cannot edit can still point at one block — copy a link to it, comment on
+ * it. In an editor, `EditorBlockHandle` adds the drag, Turn into, Duplicate
+ * and Delete.
+ *
+ * It sits in the gutter left of the content, 28px out, so wrapping the content
+ * moves nothing. The gutter counts as the block's, as in Notion: the handle
+ * stays while the pointer crosses to it.
+ */
+export declare function BlockHandle({ actions, editing, children, className }: BlockHandleProps): import("react").JSX.Element;
+//# sourceMappingURL=BlockHandle.d.ts.map

package/dist/BlockHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockHandle.d.ts","sourceRoot":"","sources":["../src/BlockHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6E,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjH,oGAAoG;AACpG,MAAM,WAAW,WAAW;IAC1B,iFAAiF;IACjF,EAAE,EAAE,MAAM,GAAG,SAAS,CAAA;IACtB,OAAO,EAAE,WAAW,CAAA;IACpB,+EAA+E;IAC/E,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,iGAAiG;AACjG,MAAM,WAAW,kBAAkB;IACjC,8DAA8D;IAC9D,IAAI,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,WAAW,GAAG,IAAI,CAAA;IACvC,6CAA6C;IAC7C,IAAI,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,SAAS,CAAA;IACvC,sFAAsF;IACtF,SAAS,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,SAAS,KAAK,IAAI,CAAA;IACpE,6GAA6G;IAC7G,IAAI,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACnD,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,6GAA6G;IAC7G,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAA;CAC9C;AAED,MAAM,WAAW,gBAAgB;IAC/B,qIAAqI;IACrI,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,SAAS,CAAA;IAC3C,yFAAyF;IACzF,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,4HAA4H;IAC5H,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAQD,gHAAgH;AAChH,wBAAgB,QAAQ,CAAC,MAAM,EAAE,SAAS,WAAW,EAAE,EAAE,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAOtF;AA2BD;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BA8HtF"}

package/dist/EditorBlockHandle.d.ts

@@ -0,0 +1,57 @@
+import { type ReactNode } from 'react';
+import type { Editor } from '@tiptap/core';
+import type { Node as ProseMirrorNode } from '@tiptap/pm/model';
+import { type HandleBlock } from './BlockHandle';
+/** A row of the block menu's Turn into: what the block becomes. */
+export interface BlockTurnInto {
+    label: string;
+    /** Turns the block the caret is in. The handle puts the caret there first. */
+    run: (editor: Editor) => void;
+    /** Whether the block already is this — drawn as the selected row. */
+    active?: (node: ProseMirrorNode) => boolean;
+}
+export interface EditorBlockHandleProps {
+    /** The editor. Not editable, or not there yet, and the handle reads: the caller's rows only. */
+    editor: Editor | null;
+    /** Turn into's rows. Offered for a block of text — a paragraph, a heading, code. */
+    turnInto?: readonly BlockTurnInto[];
+    /** The caller's own rows, after the editing ones. */
+    actions?: (block: HandleBlock) => ReactNode;
+    /** The `EditorContent`. */
+    children: ReactNode;
+    className?: string;
+}
+/** A copy of the block straight after it, the caret in the copy. `BlockId` gives the copy a fresh id; the original keeps its own. */
+export declare function duplicateBlock(editor: Editor, pos: number): boolean;
+/** Removes the block, the caret where it was. The last block of a document becomes an empty paragraph, since a document holds at least one. */
+export declare function deleteBlock(editor: Editor, pos: number): boolean;
+/**
+ * Moves the block at `from` to `to` (a position between top-level blocks), the
+ * caret in it: what a drop in the gutter does, where the editor has no drop of
+ * its own. The node moves whole, attributes and all, so it keeps its id, as
+ * ProseMirror's drop keeps it.
+ */
+export declare function moveBlock(editor: Editor, from: number, to: number): boolean;
+/**
+ * Starts the browser's own drag of the block, as ProseMirror starts one of a
+ * selected node: the block selected, its slice on `view.dragging` with `move`,
+ * and its HTML on the transfer. ProseMirror's drop then deletes the selection
+ * and inserts the slice with its attributes — so the block arrives with the
+ * id it left with, and every comment anchored to it still finds it.
+ */
+export declare function startBlockDrag(editor: Editor, pos: number, event: Pick<globalThis.DragEvent, 'dataTransfer'>, image?: Element): void;
+/**
+ * The drop line a dragged block shows, in the package's accent instead of the
+ * editor's default (the text's colour). Give it to the editor's StarterKit:
+ * `StarterKit.configure({ dropcursor: blockDropCursor })`.
+ */
+export declare const blockDropCursor: {
+    readonly color: false;
+    readonly class: "bg-accent-primary";
+};
+/**
+ * `BlockHandle` in an editor: drag the handle to move the block, and the menu
+ * gains Turn into, Duplicate and Delete before the caller's rows.
+ */
+export declare function EditorBlockHandle({ editor, turnInto, actions, children, className }: EditorBlockHandleProps): import("react").JSX.Element;
+//# sourceMappingURL=EditorBlockHandle.d.ts.map

package/dist/EditorBlockHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorBlockHandle.d.ts","sourceRoot":"","sources":["../src/EditorBlockHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,KAAK,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAG/D,OAAO,EAAkD,KAAK,WAAW,EAAE,MAAM,eAAe,CAAA;AAGhG,mEAAmE;AACnE,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,8EAA8E;IAC9E,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,qEAAqE;IACrE,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,OAAO,CAAA;CAC5C;AAED,MAAM,WAAW,sBAAsB;IACrC,gGAAgG;IAChG,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,SAAS,aAAa,EAAE,CAAA;IACnC,qDAAqD;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,SAAS,CAAA;IAC3C,2BAA2B;IAC3B,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAmBD,qIAAqI;AACrI,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO,CAMnE;AAED,+IAA+I;AAC/I,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO,CAQhE;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,OAAO,CAQ3E;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,OAAO,QAc7H;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;CAAwD,CAAA;AAIpF;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,sBAAsB,+BA8DhH"}

package/dist/editor.d.ts

@@ -9,6 +9,7 @@
  */
 export { KeptSelection, SelectionToolbar, normalizeHref, type MarkId, type SelectionToolbarProps } from './SelectionToolbar';
 export { suggestionPopup, isSuggestionActive, isSuggestionOpen, type SuggestionPopupOptions } from './suggestionPopup';
+export { EditorBlockHandle, blockDropCursor, deleteBlock, moveBlock, duplicateBlock, startBlockDrag, type EditorBlockHandleProps, type BlockTurnInto } from './EditorBlockHandle';
 export { PersonMention, UrgentPersonMention, CaptionedReference, ReferenceTrigger, SlashCommands, peopleMenu, referenceMenu, filterPeople, urgentPubkeys, filterReferences, formatSection, applyFormat, typeTrigger, filterSlashSections, FORMATS, type MentionPerson, type PersonMentionOptions, type CaptionedItem, type CaptionedReferenceOptions, type ReferenceTriggerOptions, type ReferenceMenuOptions, type SlashCommand, type SlashSection, type SlashCommandsOptions, type FormatId, type FormatDef, type CodeFormat, } from './ComposerTriggers';
 export { BlockId, UnknownBlock, ReferenceNode, AttachmentNode, type ReferenceNodeOptions, type ReferenceViewProps, type AttachmentNodeOptions, type AttachmentViewProps, } from './BlockNodes';
 //# sourceMappingURL=editor.d.ts.map

package/dist/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,aAAa,EAAE,KAAK,MAAM,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAC5H,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,KAAK,sBAAsB,EAAE,MAAM,mBAAmB,CAAA;AACtH,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,aAAa,EACb,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,WAAW,EACX,mBAAmB,EACnB,OAAO,EACP,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,yBAAyB,EAC9B,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,oBAAoB,EACzB,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,KAAK,UAAU,GAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,OAAO,EACP,YAAY,EACZ,aAAa,EACb,cAAc,EACd,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,GACzB,MAAM,cAAc,CAAA"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,aAAa,EAAE,KAAK,MAAM,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAC5H,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,KAAK,sBAAsB,EAAE,MAAM,mBAAmB,CAAA;AACtH,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,sBAAsB,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACjL,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,aAAa,EACb,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,WAAW,EACX,mBAAmB,EACnB,OAAO,EACP,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,yBAAyB,EAC9B,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,oBAAoB,EACzB,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,KAAK,UAAU,GAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,OAAO,EACP,YAAY,EACZ,aAAa,EACb,cAAc,EACd,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,GACzB,MAAM,cAAc,CAAA"}

package/dist/editor.js

@@ -364,6 +364,116 @@ function suggestionPopup(options) {
   };
 }
 
+// src/EditorBlockHandle.tsx
+import { useMemo } from "react";
+import { IconCopy, IconTrash } from "@tabler/icons-react";
+import { BlockHandle, blockAtY } from "@estiva-app/ui";
+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/ComposerTriggers.tsx
 import { Extension as Extension2 } from "@tiptap/core";
 import { PluginKey as PluginKey2 } from "@tiptap/pm/state";
@@ -373,7 +483,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 jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var PEOPLE_LIMIT = 6;
 function filterPeople(people, query) {
   const q = query.toLowerCase();
@@ -391,8 +501,8 @@ function peopleMenu(urgent) {
     row: (person) => ({
       label: person.name,
       description: person.description,
-      leading: person.avatar ?? /* @__PURE__ */ jsx3(Avatar, { size: 32, alt: person.name }),
-      hint: /* @__PURE__ */ jsx3(EnterHint, {}),
+      leading: person.avatar ?? /* @__PURE__ */ jsx4(Avatar, { size: 32, alt: person.name }),
+      hint: /* @__PURE__ */ jsx4(EnterHint, {}),
       size: "tall"
     })
   };
@@ -513,9 +623,9 @@ var CaptionedReference = Mention.extend({
   addNodeView() {
     const icon = this.options.icon;
     return ReactNodeViewRenderer(
-      ({ 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: icon }),
-        /* @__PURE__ */ jsx3("span", { className: "truncate", children: captionOf(node.attrs.label, node.attrs.snippet) })
+      ({ node }) => /* @__PURE__ */ jsxs3(NodeViewWrapper, { as: "span", className: inlineChipClassName("neutral", "max-w-[24ch] cursor-default"), children: [
+        /* @__PURE__ */ jsx4("span", { className: "flex items-center justify-center w-4 h-4 shrink-0 text-text-secondary", children: icon }),
+        /* @__PURE__ */ jsx4("span", { className: "truncate", children: captionOf(node.attrs.label, node.attrs.snippet) })
       ] }),
       { as: "span" }
     );
@@ -537,7 +647,7 @@ function referenceMenu({ ariaLabel, sectionLabel, icon }) {
       return groups;
     },
     itemKey: (item) => `reference-${item.id}`,
-    row: (item) => ({ leading: icon, label: captionOf(item.label, item.snippet), description: item.description, hint: /* @__PURE__ */ jsx3(EnterHint, {}) })
+    row: (item) => ({ leading: icon, label: captionOf(item.label, item.snippet), description: item.description, hint: /* @__PURE__ */ jsx4(EnterHint, {}) })
   };
 }
 var listed = (options, query) => options.sections ? options.sections(query).flatMap((section) => section.items.map((item) => ({ ...item, section: section.label }))) : filterReferences(options.items(), query);
@@ -665,7 +775,7 @@ import { Extension as Extension3, Node as Node2 } from "@tiptap/core";
 import { Plugin as Plugin2, PluginKey as PluginKey3 } from "@tiptap/pm/state";
 import { Mapping, ReplaceAroundStep } from "@tiptap/pm/transform";
 import { NodeViewWrapper as NodeViewWrapper2, ReactNodeViewRenderer as ReactNodeViewRenderer2 } from "@tiptap/react";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var BLOCK_TYPES = [
   "paragraph",
   "heading",
@@ -882,7 +992,7 @@ var ReferenceNode = Node2.create({
   addNodeView() {
     const View = this.options.view;
     if (!View) return null;
-    return ReactNodeViewRenderer2(({ node }) => /* @__PURE__ */ jsx4(NodeViewWrapper2, { as: "span", className: "inline", children: /* @__PURE__ */ jsx4(View, { uri: String(node.attrs.uri ?? "") }) }));
+    return ReactNodeViewRenderer2(({ node }) => /* @__PURE__ */ jsx5(NodeViewWrapper2, { as: "span", className: "inline", children: /* @__PURE__ */ jsx5(View, { uri: String(node.attrs.uri ?? "") }) }));
   }
 });
 var UnknownBlock = Node2.create({
@@ -910,7 +1020,7 @@ var UnknownBlock = Node2.create({
 function UnknownBlockView({ node }) {
   const source = node.attrs.source;
   const text = String(node.attrs.text ?? "");
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     NodeViewWrapper2,
     {
       "data-block-id": source?.id,
@@ -950,13 +1060,14 @@ var AttachmentNode = Node2.create({
   addNodeView() {
     const View = this.options.view;
     if (!View) return null;
-    return ReactNodeViewRenderer2(({ node }) => /* @__PURE__ */ jsx4(NodeViewWrapper2, { className: "my-2", children: /* @__PURE__ */ jsx4(View, { attrs: node.attrs }) }));
+    return ReactNodeViewRenderer2(({ node }) => /* @__PURE__ */ jsx5(NodeViewWrapper2, { className: "my-2", children: /* @__PURE__ */ jsx5(View, { attrs: node.attrs }) }));
   }
 });
 export {
   AttachmentNode,
   BlockId,
   CaptionedReference,
+  EditorBlockHandle,
   FORMATS,
   KeptSelection,
   PersonMention,
@@ -967,15 +1078,20 @@ export {
   UnknownBlock,
   UrgentPersonMention,
   applyFormat,
+  blockDropCursor,
+  deleteBlock,
+  duplicateBlock,
   filterPeople,
   filterReferences,
   filterSlashSections,
   formatSection,
   isSuggestionActive,
   isSuggestionOpen,
+  moveBlock,
   normalizeHref,
   peopleMenu,
   referenceMenu,
+  startBlockDrag,
   suggestionPopup,
   typeTrigger,
   urgentPubkeys