@agent-native/core 0.109.3 → 0.110.0

package/dist/client/rich-markdown-editor/BubbleToolbar.js

@@ -1,171 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TextSelection } from "@tiptap/pm/state";
-import { useEffect, useState } from "react";
-import { cn } from "../utils.js";
-/**
- * Builds the default selection-toolbar items (Plan's current set): bold,
- * italic, strike, code, headings 1-3, and a link toggle. `toggleLink` is
- * supplied by the toolbar so the link-editor input can be opened.
- */
-export function buildDefaultBubbleItems(editor, toggleLink) {
-    return [
-        {
-            label: "B",
-            title: "Bold",
-            action: () => editor.chain().focus().toggleBold().run(),
-            isActive: () => editor.isActive("bold"),
-            style: { fontWeight: 700 },
-        },
-        {
-            label: "I",
-            title: "Italic",
-            action: () => editor.chain().focus().toggleItalic().run(),
-            isActive: () => editor.isActive("italic"),
-            style: { fontStyle: "italic" },
-        },
-        {
-            label: "S",
-            title: "Strikethrough",
-            action: () => editor.chain().focus().toggleStrike().run(),
-            isActive: () => editor.isActive("strike"),
-            style: { textDecoration: "line-through" },
-        },
-        {
-            label: "<>",
-            title: "Code",
-            action: () => editor.chain().focus().toggleCode().run(),
-            isActive: () => editor.isActive("code"),
-            style: { fontFamily: "monospace", fontSize: 11 },
-        },
-        { type: "divider" },
-        {
-            label: "H1",
-            title: "Heading 1",
-            action: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
-            isActive: () => editor.isActive("heading", { level: 1 }),
-        },
-        {
-            label: "H2",
-            title: "Heading 2",
-            action: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
-            isActive: () => editor.isActive("heading", { level: 2 }),
-        },
-        {
-            label: "H3",
-            title: "Heading 3",
-            action: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
-            isActive: () => editor.isActive("heading", { level: 3 }),
-        },
-        { type: "divider" },
-        {
-            label: "Link",
-            title: "Link",
-            action: toggleLink,
-            isActive: () => editor.isActive("link"),
-        },
-    ];
-}
-/**
- * The shared floating selection toolbar. Tracks the current text selection and
- * positions a fixed toolbar above it, with an inline link editor. Extracted
- * from the inline plan toolbar so embedders share one implementation; apps swap
- * the item set via `buildItems`.
- */
-export function BubbleToolbar({ editor, buildItems = buildDefaultBubbleItems, }) {
-    const [visible, setVisible] = useState(false);
-    const [coords, setCoords] = useState({ top: 0, left: 0 });
-    const [showLinkInput, setShowLinkInput] = useState(false);
-    const [linkUrl, setLinkUrl] = useState("");
-    useEffect(() => {
-        const update = () => {
-            const selectionState = editor.state.selection;
-            const { from, to } = selectionState;
-            const selection = window.getSelection();
-            const selectionInsideEditor = !!selection?.anchorNode &&
-                !!selection.focusNode &&
-                editor.view.dom.contains(selection.anchorNode) &&
-                editor.view.dom.contains(selection.focusNode);
-            if (!(selectionState instanceof TextSelection) ||
-                from === to ||
-                !selectionInsideEditor) {
-                setVisible(false);
-                return;
-            }
-            if (!selection || selection.rangeCount === 0) {
-                setVisible(false);
-                return;
-            }
-            const rect = selection.getRangeAt(0).getBoundingClientRect();
-            if (rect.width === 0 && rect.height === 0) {
-                setVisible(false);
-                return;
-            }
-            setCoords({
-                top: rect.top - 8,
-                left: rect.left + rect.width / 2,
-            });
-            setVisible(true);
-        };
-        editor.on("selectionUpdate", update);
-        editor.on("transaction", update);
-        document.addEventListener("selectionchange", update);
-        const onBlur = () => {
-            setTimeout(() => {
-                if (!editor.isFocused)
-                    setVisible(false);
-            }, 140);
-        };
-        editor.on("blur", onBlur);
-        return () => {
-            editor.off("selectionUpdate", update);
-            editor.off("transaction", update);
-            document.removeEventListener("selectionchange", update);
-            editor.off("blur", onBlur);
-        };
-    }, [editor]);
-    const handleSetLink = () => {
-        if (linkUrl.trim()) {
-            editor
-                .chain()
-                .focus()
-                .extendMarkRange("link")
-                .setLink({ href: linkUrl.trim() })
-                .run();
-        }
-        else {
-            editor.chain().focus().extendMarkRange("link").unsetLink().run();
-        }
-        setShowLinkInput(false);
-        setLinkUrl("");
-    };
-    const toggleLink = () => {
-        if (editor.isActive("link")) {
-            editor.chain().focus().unsetLink().run();
-            return;
-        }
-        setLinkUrl(editor.getAttributes("link").href || "");
-        setShowLinkInput(true);
-    };
-    const items = buildItems(editor, toggleLink);
-    if (!visible)
-        return null;
-    return (_jsx("div", { className: "an-rich-md-bubble-toolbar", style: {
-            position: "fixed",
-            top: coords.top,
-            left: coords.left,
-            transform: "translate(-50%, -100%)",
-        }, onMouseDown: (event) => event.preventDefault(), "data-plan-interactive": true, children: showLinkInput ? (_jsxs("div", { className: "an-rich-md-link-editor", children: [_jsx("input", { autoFocus: true, type: "url", placeholder: "Paste link...", value: linkUrl, onChange: (event) => setLinkUrl(event.target.value), onKeyDown: (event) => {
-                        if (event.key === "Enter")
-                            handleSetLink();
-                        if (event.key === "Escape") {
-                            setShowLinkInput(false);
-                            setLinkUrl("");
-                        }
-                    } }), _jsx("button", { type: "button", onClick: handleSetLink, children: "Apply" })] })) : (_jsx("div", { className: "an-rich-md-bubble-items", children: items.map((item, index) => {
-                if ("type" in item) {
-                    return (_jsx("span", { className: "an-rich-md-bubble-divider" }, `divider-${index}`));
-                }
-                return (_jsx("button", { type: "button", title: item.title, className: cn("an-rich-md-bubble-button", item.isActive() && "an-rich-md-bubble-button--active"), style: item.style, onClick: item.action, children: item.label }, item.title));
-            }) })) }));
-}
-//# sourceMappingURL=BubbleToolbar.js.map

package/dist/client/rich-markdown-editor/BubbleToolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BubbleToolbar.js","sourceRoot":"","sources":["../../../src/client/rich-markdown-editor/BubbleToolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAsB,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAejC;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CACrC,MAAc,EACd,UAAsB;IAEtB,OAAO;QACL;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,CAAC,GAAG,EAAE;YACvD,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;YACvC,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE;SAC3B;QACD;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,QAAQ;YACf,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,YAAY,EAAE,CAAC,GAAG,EAAE;YACzD,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;YACzC,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;SAC/B;QACD;YACE,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,eAAe;YACtB,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,YAAY,EAAE,CAAC,GAAG,EAAE;YACzD,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;YACzC,KAAK,EAAE,EAAE,cAAc,EAAE,cAAc,EAAE;SAC1C;QACD;YACE,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,CAAC,GAAG,EAAE;YACvD,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;YACvC,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE;SACjD;QACD,EAAE,IAAI,EAAE,SAAS,EAAE;QACnB;YACE,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,WAAW;YAClB,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE;YACtE,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;SACzD;QACD;YACE,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,WAAW;YAClB,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE;YACtE,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;SACzD;QACD;YACE,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,WAAW;YAClB,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE;YACtE,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;SACzD;QACD,EAAE,IAAI,EAAE,SAAS,EAAE;QACnB;YACE,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,UAAU;YAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;SACxC;KACF,CAAC;AACJ,CAAC;AAYD;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,MAAM,EACN,UAAU,GAAG,uBAAuB,GACjB;IACnB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,GAAG,EAAE;YAClB,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC;YAC9C,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,cAAc,CAAC;YACpC,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;YACxC,MAAM,qBAAqB,GACzB,CAAC,CAAC,SAAS,EAAE,UAAU;gBACvB,CAAC,CAAC,SAAS,CAAC,SAAS;gBACrB,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC;gBAC9C,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;YAChD,IACE,CAAC,CAAC,cAAc,YAAY,aAAa,CAAC;gBAC1C,IAAI,KAAK,EAAE;gBACX,CAAC,qBAAqB,EACtB,CAAC;gBACD,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,OAAO;YACT,CAAC;YACD,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,UAAU,KAAK,CAAC,EAAE,CAAC;gBAC7C,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,OAAO;YACT,CAAC;YACD,MAAM,IAAI,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC;YAC7D,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC1C,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,OAAO;YACT,CAAC;YACD,SAAS,CAAC;gBACR,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC;gBACjB,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC;aACjC,CAAC,CAAC;YACH,UAAU,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC,CAAC;QACF,MAAM,CAAC,EAAE,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;QACrC,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QACjC,QAAQ,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;QACrD,MAAM,MAAM,GAAG,GAAG,EAAE;YAClB,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,MAAM,CAAC,SAAS;oBAAE,UAAU,CAAC,KAAK,CAAC,CAAC;YAC3C,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC,CAAC;QACF,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC1B,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,GAAG,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;YACtC,MAAM,CAAC,GAAG,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;YAClC,QAAQ,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;YACxD,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC7B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;YACnB,MAAM;iBACH,KAAK,EAAE;iBACP,KAAK,EAAE;iBACP,eAAe,CAAC,MAAM,CAAC;iBACvB,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;iBACjC,GAAG,EAAE,CAAC;QACX,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,CAAC,GAAG,EAAE,CAAC;QACnE,CAAC;QACD,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,UAAU,CAAC,EAAE,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YAC5B,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,SAAS,EAAE,CAAC,GAAG,EAAE,CAAC;YACzC,OAAO;QACT,CAAC;QACD,UAAU,CAAC,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QACpD,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAE7C,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,cACE,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,GAAG,EAAE,MAAM,CAAC,GAAG;YACf,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,SAAS,EAAE,wBAAwB;SACpC,EACD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,2CAG7C,aAAa,CAAC,CAAC,CAAC,CACf,eAAK,SAAS,EAAC,wBAAwB,aACrC,gBACE,SAAS,QACT,IAAI,EAAC,KAAK,EACV,WAAW,EAAC,eAAe,EAC3B,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACnD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;wBACnB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;4BAAE,aAAa,EAAE,CAAC;wBAC3C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;4BAC3B,gBAAgB,CAAC,KAAK,CAAC,CAAC;4BACxB,UAAU,CAAC,EAAE,CAAC,CAAC;wBACjB,CAAC;oBACH,CAAC,GACD,EACF,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,aAAa,sBAEnC,IACL,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,yBAAyB,YACrC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACzB,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC;oBACnB,OAAO,CACL,eAEE,SAAS,EAAC,2BAA2B,IADhC,WAAW,KAAK,EAAE,CAEvB,CACH,CAAC;gBACJ,CAAC;gBACD,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,EAAE,CACX,0BAA0B,EAC1B,IAAI,CAAC,QAAQ,EAAE,IAAI,kCAAkC,CACtD,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,MAAM,YAEnB,IAAI,CAAC,KAAK,IAVN,IAAI,CAAC,KAAK,CAWR,CACV,CAAC;YACJ,CAAC,CAAC,GACE,CACP,GACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { TextSelection } from \"@tiptap/pm/state\";\nimport type { Editor } from \"@tiptap/react\";\nimport { useEffect, useState, type CSSProperties } from \"react\";\n\nimport { cn } from \"../utils.js\";\n\n/** A bubble-toolbar button or a divider. */\nexport type BubbleToolbarItem =\n  | {\n      /** Short label/glyph shown on the button. */\n      label: string;\n      /** Accessible/title text. */\n      title: string;\n      action: () => void;\n      isActive: () => boolean;\n      style?: CSSProperties;\n    }\n  | { type: \"divider\" };\n\n/**\n * Builds the default selection-toolbar items (Plan's current set): bold,\n * italic, strike, code, headings 1-3, and a link toggle. `toggleLink` is\n * supplied by the toolbar so the link-editor input can be opened.\n */\nexport function buildDefaultBubbleItems(\n  editor: Editor,\n  toggleLink: () => void,\n): BubbleToolbarItem[] {\n  return [\n    {\n      label: \"B\",\n      title: \"Bold\",\n      action: () => editor.chain().focus().toggleBold().run(),\n      isActive: () => editor.isActive(\"bold\"),\n      style: { fontWeight: 700 },\n    },\n    {\n      label: \"I\",\n      title: \"Italic\",\n      action: () => editor.chain().focus().toggleItalic().run(),\n      isActive: () => editor.isActive(\"italic\"),\n      style: { fontStyle: \"italic\" },\n    },\n    {\n      label: \"S\",\n      title: \"Strikethrough\",\n      action: () => editor.chain().focus().toggleStrike().run(),\n      isActive: () => editor.isActive(\"strike\"),\n      style: { textDecoration: \"line-through\" },\n    },\n    {\n      label: \"<>\",\n      title: \"Code\",\n      action: () => editor.chain().focus().toggleCode().run(),\n      isActive: () => editor.isActive(\"code\"),\n      style: { fontFamily: \"monospace\", fontSize: 11 },\n    },\n    { type: \"divider\" },\n    {\n      label: \"H1\",\n      title: \"Heading 1\",\n      action: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),\n      isActive: () => editor.isActive(\"heading\", { level: 1 }),\n    },\n    {\n      label: \"H2\",\n      title: \"Heading 2\",\n      action: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),\n      isActive: () => editor.isActive(\"heading\", { level: 2 }),\n    },\n    {\n      label: \"H3\",\n      title: \"Heading 3\",\n      action: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),\n      isActive: () => editor.isActive(\"heading\", { level: 3 }),\n    },\n    { type: \"divider\" },\n    {\n      label: \"Link\",\n      title: \"Link\",\n      action: toggleLink,\n      isActive: () => editor.isActive(\"link\"),\n    },\n  ];\n}\n\nexport interface BubbleToolbarProps {\n  editor: Editor;\n  /**\n   * Custom item builder. Receives the editor and the `toggleLink` helper (so a\n   * custom set can still open the built-in link editor). Defaults to\n   * {@link buildDefaultBubbleItems}.\n   */\n  buildItems?: (editor: Editor, toggleLink: () => void) => BubbleToolbarItem[];\n}\n\n/**\n * The shared floating selection toolbar. Tracks the current text selection and\n * positions a fixed toolbar above it, with an inline link editor. Extracted\n * from the inline plan toolbar so embedders share one implementation; apps swap\n * the item set via `buildItems`.\n */\nexport function BubbleToolbar({\n  editor,\n  buildItems = buildDefaultBubbleItems,\n}: BubbleToolbarProps) {\n  const [visible, setVisible] = useState(false);\n  const [coords, setCoords] = useState({ top: 0, left: 0 });\n  const [showLinkInput, setShowLinkInput] = useState(false);\n  const [linkUrl, setLinkUrl] = useState(\"\");\n\n  useEffect(() => {\n    const update = () => {\n      const selectionState = editor.state.selection;\n      const { from, to } = selectionState;\n      const selection = window.getSelection();\n      const selectionInsideEditor =\n        !!selection?.anchorNode &&\n        !!selection.focusNode &&\n        editor.view.dom.contains(selection.anchorNode) &&\n        editor.view.dom.contains(selection.focusNode);\n      if (\n        !(selectionState instanceof TextSelection) ||\n        from === to ||\n        !selectionInsideEditor\n      ) {\n        setVisible(false);\n        return;\n      }\n      if (!selection || selection.rangeCount === 0) {\n        setVisible(false);\n        return;\n      }\n      const rect = selection.getRangeAt(0).getBoundingClientRect();\n      if (rect.width === 0 && rect.height === 0) {\n        setVisible(false);\n        return;\n      }\n      setCoords({\n        top: rect.top - 8,\n        left: rect.left + rect.width / 2,\n      });\n      setVisible(true);\n    };\n    editor.on(\"selectionUpdate\", update);\n    editor.on(\"transaction\", update);\n    document.addEventListener(\"selectionchange\", update);\n    const onBlur = () => {\n      setTimeout(() => {\n        if (!editor.isFocused) setVisible(false);\n      }, 140);\n    };\n    editor.on(\"blur\", onBlur);\n    return () => {\n      editor.off(\"selectionUpdate\", update);\n      editor.off(\"transaction\", update);\n      document.removeEventListener(\"selectionchange\", update);\n      editor.off(\"blur\", onBlur);\n    };\n  }, [editor]);\n\n  const handleSetLink = () => {\n    if (linkUrl.trim()) {\n      editor\n        .chain()\n        .focus()\n        .extendMarkRange(\"link\")\n        .setLink({ href: linkUrl.trim() })\n        .run();\n    } else {\n      editor.chain().focus().extendMarkRange(\"link\").unsetLink().run();\n    }\n    setShowLinkInput(false);\n    setLinkUrl(\"\");\n  };\n\n  const toggleLink = () => {\n    if (editor.isActive(\"link\")) {\n      editor.chain().focus().unsetLink().run();\n      return;\n    }\n    setLinkUrl(editor.getAttributes(\"link\").href || \"\");\n    setShowLinkInput(true);\n  };\n\n  const items = buildItems(editor, toggleLink);\n\n  if (!visible) return null;\n\n  return (\n    <div\n      className=\"an-rich-md-bubble-toolbar\"\n      style={{\n        position: \"fixed\",\n        top: coords.top,\n        left: coords.left,\n        transform: \"translate(-50%, -100%)\",\n      }}\n      onMouseDown={(event) => event.preventDefault()}\n      data-plan-interactive\n    >\n      {showLinkInput ? (\n        <div className=\"an-rich-md-link-editor\">\n          <input\n            autoFocus\n            type=\"url\"\n            placeholder=\"Paste link...\"\n            value={linkUrl}\n            onChange={(event) => setLinkUrl(event.target.value)}\n            onKeyDown={(event) => {\n              if (event.key === \"Enter\") handleSetLink();\n              if (event.key === \"Escape\") {\n                setShowLinkInput(false);\n                setLinkUrl(\"\");\n              }\n            }}\n          />\n          <button type=\"button\" onClick={handleSetLink}>\n            Apply\n          </button>\n        </div>\n      ) : (\n        <div className=\"an-rich-md-bubble-items\">\n          {items.map((item, index) => {\n            if (\"type\" in item) {\n              return (\n                <span\n                  key={`divider-${index}`}\n                  className=\"an-rich-md-bubble-divider\"\n                />\n              );\n            }\n            return (\n              <button\n                key={item.title}\n                type=\"button\"\n                title={item.title}\n                className={cn(\n                  \"an-rich-md-bubble-button\",\n                  item.isActive() && \"an-rich-md-bubble-button--active\",\n                )}\n                style={item.style}\n                onClick={item.action}\n              >\n                {item.label}\n              </button>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/client/rich-markdown-editor/CodeBlockNode.d.ts

@@ -1,49 +0,0 @@
-import type { Node as TiptapNode } from "@tiptap/core";
-import type { createLowlight } from "lowlight";
-/**
- * A selectable language for the code-block picker. `value === null` is the
- * "Auto" sentinel: the block stores no language and the lowlight plugin
- * auto-detects (biased toward the editor's registered, web-leaning grammar
- * set). Keeping it first makes Auto the default, matching how plans skew toward
- * JS/TS/JSON without the author having to choose.
- */
-export interface CodeLanguageOption {
-    value: string | null;
-    label: string;
-}
-/** Default picker list — Auto first, then the web-leaning grammars plans use. */
-export declare const DEFAULT_CODE_LANGUAGES: CodeLanguageOption[];
-/** Class hooks so each app themes the shared node with its own palette. */
-export interface CodeBlockClassNames {
-    wrapper: string;
-    header: string;
-    langButton: string;
-    langButtonReadonly: string;
-    picker: string;
-    search: string;
-    list: string;
-    option: string;
-    optionActive: string;
-}
-export interface CreateCodeBlockNodeOptions {
-    /** Lowlight instance backing syntax highlighting (same one the app registers). */
-    lowlight: ReturnType<typeof createLowlight>;
-    /** Picker languages. Defaults to {@link DEFAULT_CODE_LANGUAGES} (Auto first). */
-    languages?: CodeLanguageOption[];
-    /** Class hooks for per-app theming. Defaults to the shared `an-code-block__*`. */
-    classNames?: Partial<CodeBlockClassNames>;
-}
-/**
- * The shared Notion-style code block: {@link CodeBlockLowlight} (so fenced
- * markdown round-trips byte-identically — the node name and `language` attr are
- * unchanged) plus a React node view that adds a language picker header instead
- * of a bare highlighted `<pre>`. "Auto" stores no language and the lowlight
- * plugin auto-detects.
- *
- * Lifted from the Content editor's bespoke code block so Plans (and any app
- * opting into `features.codeBlock`) share one implementation. Theming is fully
- * class-driven via {@link CreateCodeBlockNodeOptions.classNames}, so each app
- * maps the hooks onto its own palette.
- */
-export declare function createCodeBlockNode({ lowlight, languages, classNames, }: CreateCodeBlockNodeOptions): TiptapNode;
-//# sourceMappingURL=CodeBlockNode.d.ts.map

package/dist/client/rich-markdown-editor/CodeBlockNode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CodeBlockNode.d.ts","sourceRoot":"","sources":["../../../src/client/rich-markdown-editor/CodeBlockNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAQvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAU/C;;;;;;GAMG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,iFAAiF;AACjF,eAAO,MAAM,sBAAsB,EAAE,kBAAkB,EAkBtD,CAAC;AAEF,2EAA2E;AAC3E,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;CACtB;AAcD,MAAM,WAAW,0BAA0B;IACzC,kFAAkF;IAClF,QAAQ,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;IAC5C,iFAAiF;IACjF,SAAS,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACjC,kFAAkF;IAClF,UAAU,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;CAC3C;AA2HD;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,SAAkC,EAClC,UAAU,GACX,EAAE,0BAA0B,GAAG,UAAU,CAkCzC"}

package/dist/client/rich-markdown-editor/CodeBlockNode.js

@@ -1,127 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IconCheck, IconChevronDown } from "@tabler/icons-react";
-import { CodeBlockLowlight } from "@tiptap/extension-code-block-lowlight";
-import { NodeViewContent, NodeViewWrapper, ReactNodeViewRenderer, } from "@tiptap/react";
-import { useMemo, useState } from "react";
-import { Popover, PopoverContent, PopoverTrigger, } from "../components/ui/popover.js";
-import { cn } from "../utils.js";
-/** Default picker list — Auto first, then the web-leaning grammars plans use. */
-export const DEFAULT_CODE_LANGUAGES = [
-    { value: null, label: "Auto" },
-    { value: "typescript", label: "TypeScript" },
-    { value: "javascript", label: "JavaScript" },
-    { value: "tsx", label: "TSX" },
-    { value: "jsx", label: "JSX" },
-    { value: "json", label: "JSON" },
-    { value: "html", label: "HTML" },
-    { value: "css", label: "CSS" },
-    { value: "bash", label: "Bash" },
-    { value: "python", label: "Python" },
-    { value: "sql", label: "SQL" },
-    { value: "yaml", label: "YAML" },
-    { value: "markdown", label: "Markdown" },
-    { value: "graphql", label: "GraphQL" },
-    { value: "go", label: "Go" },
-    { value: "rust", label: "Rust" },
-    { value: "diff", label: "Diff" },
-];
-const DEFAULT_CLASS_NAMES = {
-    wrapper: "an-code-block",
-    header: "an-code-block__header",
-    langButton: "an-code-block__lang",
-    langButtonReadonly: "an-code-block__lang--readonly",
-    picker: "an-code-block__picker",
-    search: "an-code-block__search",
-    list: "an-code-block__list",
-    option: "an-code-block__option",
-    optionActive: "is-active",
-};
-function optionLabel(language, languages) {
-    if (!language)
-        return languages[0]?.label ?? "Auto";
-    const match = languages.find((option) => option.value === language);
-    return match?.label ?? language;
-}
-function CodeBlockView({ node, updateAttributes, editor, extension, }) {
-    const options = extension.options;
-    const languages = options.languagePickerOptions;
-    const classNames = options.codeBlockClassNames;
-    const [open, setOpen] = useState(false);
-    const [filter, setFilter] = useState("");
-    const isEditable = editor.isEditable;
-    const current = node.attrs.language || null;
-    const label = optionLabel(current, languages);
-    const filtered = useMemo(() => {
-        const query = filter.trim().toLowerCase();
-        if (!query)
-            return languages;
-        return languages.filter((option) => option.label.toLowerCase().includes(query));
-    }, [filter, languages]);
-    const select = (value) => {
-        // Store `""` for Auto so tiptap-markdown emits a bare fence (no language),
-        // matching the auto-detect read path.
-        updateAttributes({ language: value ?? "" });
-        setFilter("");
-        setOpen(false);
-    };
-    return (_jsxs(NodeViewWrapper, { className: classNames.wrapper, children: [_jsx("div", { className: classNames.header, contentEditable: false, children: isEditable ? (_jsxs(Popover, { open: open, onOpenChange: (next) => {
-                        setOpen(next);
-                        if (!next)
-                            setFilter("");
-                    }, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: classNames.langButton, children: [label, _jsx(IconChevronDown, { className: "size-3" })] }) }), _jsxs(PopoverContent, { align: "start", side: "bottom", className: "w-52 p-0", children: [_jsx("input", { autoFocus: true, type: "text", value: filter, onChange: (event) => setFilter(event.target.value), onKeyDown: (event) => {
-                                        if (event.key === "Enter" && filtered.length > 0) {
-                                            event.preventDefault();
-                                            select(filtered[0].value);
-                                        }
-                                    }, placeholder: "Search languages\u2026", className: classNames.search }), _jsx("div", { className: classNames.list, children: filtered.map((option) => {
-                                        const active = option.value === current || (!option.value && !current);
-                                        return (_jsxs("button", { type: "button", className: cn(classNames.option, active && classNames.optionActive), onClick: () => select(option.value), children: [option.label, active && _jsx(IconCheck, { className: "size-3.5" })] }, option.value ?? "auto"));
-                                    }) })] })] })) : (label && (_jsx("span", { className: cn(classNames.langButton, classNames.langButtonReadonly), children: label }))) }), _jsx("pre", { children: _jsx(NodeViewContent, { as: "code" }) })] }));
-}
-/**
- * The shared Notion-style code block: {@link CodeBlockLowlight} (so fenced
- * markdown round-trips byte-identically — the node name and `language` attr are
- * unchanged) plus a React node view that adds a language picker header instead
- * of a bare highlighted `<pre>`. "Auto" stores no language and the lowlight
- * plugin auto-detects.
- *
- * Lifted from the Content editor's bespoke code block so Plans (and any app
- * opting into `features.codeBlock`) share one implementation. Theming is fully
- * class-driven via {@link CreateCodeBlockNodeOptions.classNames}, so each app
- * maps the hooks onto its own palette.
- */
-export function createCodeBlockNode({ lowlight, languages = DEFAULT_CODE_LANGUAGES, classNames, }) {
-    const resolvedClassNames = {
-        ...DEFAULT_CLASS_NAMES,
-        ...(classNames ?? {}),
-    };
-    return CodeBlockLowlight.extend({
-        addOptions() {
-            return {
-                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-                ...this.parent(),
-                languagePickerOptions: languages,
-                codeBlockClassNames: resolvedClassNames,
-            };
-        },
-        addNodeView() {
-            return ReactNodeViewRenderer(CodeBlockView);
-        },
-        addKeyboardShortcuts() {
-            return {
-                ...this.parent?.(),
-                Tab: ({ editor }) => {
-                    if (editor.isActive(this.name)) {
-                        editor.commands.insertContent("\t");
-                        return true;
-                    }
-                    return false;
-                },
-            };
-        },
-    }).configure({
-        lowlight,
-        defaultLanguage: null,
-    });
-}
-//# sourceMappingURL=CodeBlockNode.js.map

package/dist/client/rich-markdown-editor/CodeBlockNode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CodeBlockNode.js","sourceRoot":"","sources":["../../../src/client/rich-markdown-editor/CodeBlockNode.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IconCheck, IconChevronDown } from \"@tabler/icons-react\";\nimport type { Node as TiptapNode } from \"@tiptap/core\";\nimport { CodeBlockLowlight } from \"@tiptap/extension-code-block-lowlight\";\nimport {\n  NodeViewContent,\n  NodeViewWrapper,\n  ReactNodeViewRenderer,\n  type NodeViewProps,\n} from \"@tiptap/react\";\nimport type { createLowlight } from \"lowlight\";\nimport { useMemo, useState } from \"react\";\n\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport { cn } from \"../utils.js\";\n\n/**\n * A selectable language for the code-block picker. `value === null` is the\n * \"Auto\" sentinel: the block stores no language and the lowlight plugin\n * auto-detects (biased toward the editor's registered, web-leaning grammar\n * set). Keeping it first makes Auto the default, matching how plans skew toward\n * JS/TS/JSON without the author having to choose.\n */\nexport interface CodeLanguageOption {\n  value: string | null;\n  label: string;\n}\n\n/** Default picker list — Auto first, then the web-leaning grammars plans use. */\nexport const DEFAULT_CODE_LANGUAGES: CodeLanguageOption[] = [\n  { value: null, label: \"Auto\" },\n  { value: \"typescript\", label: \"TypeScript\" },\n  { value: \"javascript\", label: \"JavaScript\" },\n  { value: \"tsx\", label: \"TSX\" },\n  { value: \"jsx\", label: \"JSX\" },\n  { value: \"json\", label: \"JSON\" },\n  { value: \"html\", label: \"HTML\" },\n  { value: \"css\", label: \"CSS\" },\n  { value: \"bash\", label: \"Bash\" },\n  { value: \"python\", label: \"Python\" },\n  { value: \"sql\", label: \"SQL\" },\n  { value: \"yaml\", label: \"YAML\" },\n  { value: \"markdown\", label: \"Markdown\" },\n  { value: \"graphql\", label: \"GraphQL\" },\n  { value: \"go\", label: \"Go\" },\n  { value: \"rust\", label: \"Rust\" },\n  { value: \"diff\", label: \"Diff\" },\n];\n\n/** Class hooks so each app themes the shared node with its own palette. */\nexport interface CodeBlockClassNames {\n  wrapper: string;\n  header: string;\n  langButton: string;\n  langButtonReadonly: string;\n  picker: string;\n  search: string;\n  list: string;\n  option: string;\n  optionActive: string;\n}\n\nconst DEFAULT_CLASS_NAMES: CodeBlockClassNames = {\n  wrapper: \"an-code-block\",\n  header: \"an-code-block__header\",\n  langButton: \"an-code-block__lang\",\n  langButtonReadonly: \"an-code-block__lang--readonly\",\n  picker: \"an-code-block__picker\",\n  search: \"an-code-block__search\",\n  list: \"an-code-block__list\",\n  option: \"an-code-block__option\",\n  optionActive: \"is-active\",\n};\n\nexport interface CreateCodeBlockNodeOptions {\n  /** Lowlight instance backing syntax highlighting (same one the app registers). */\n  lowlight: ReturnType<typeof createLowlight>;\n  /** Picker languages. Defaults to {@link DEFAULT_CODE_LANGUAGES} (Auto first). */\n  languages?: CodeLanguageOption[];\n  /** Class hooks for per-app theming. Defaults to the shared `an-code-block__*`. */\n  classNames?: Partial<CodeBlockClassNames>;\n}\n\nfunction optionLabel(\n  language: string | null,\n  languages: CodeLanguageOption[],\n): string {\n  if (!language) return languages[0]?.label ?? \"Auto\";\n  const match = languages.find((option) => option.value === language);\n  return match?.label ?? language;\n}\n\ninterface CodeBlockNodeViewExtraOptions {\n  languagePickerOptions: CodeLanguageOption[];\n  codeBlockClassNames: CodeBlockClassNames;\n}\n\nfunction CodeBlockView({\n  node,\n  updateAttributes,\n  editor,\n  extension,\n}: NodeViewProps) {\n  const options = extension.options as unknown as CodeBlockNodeViewExtraOptions;\n  const languages = options.languagePickerOptions;\n  const classNames = options.codeBlockClassNames;\n\n  const [open, setOpen] = useState(false);\n  const [filter, setFilter] = useState(\"\");\n  const isEditable = editor.isEditable;\n\n  const current = (node.attrs.language as string | null) || null;\n  const label = optionLabel(current, languages);\n\n  const filtered = useMemo(() => {\n    const query = filter.trim().toLowerCase();\n    if (!query) return languages;\n    return languages.filter((option) =>\n      option.label.toLowerCase().includes(query),\n    );\n  }, [filter, languages]);\n\n  const select = (value: string | null) => {\n    // Store `\"\"` for Auto so tiptap-markdown emits a bare fence (no language),\n    // matching the auto-detect read path.\n    updateAttributes({ language: value ?? \"\" });\n    setFilter(\"\");\n    setOpen(false);\n  };\n\n  return (\n    <NodeViewWrapper className={classNames.wrapper}>\n      <div className={classNames.header} contentEditable={false}>\n        {isEditable ? (\n          <Popover\n            open={open}\n            onOpenChange={(next) => {\n              setOpen(next);\n              if (!next) setFilter(\"\");\n            }}\n          >\n            <PopoverTrigger asChild>\n              <button type=\"button\" className={classNames.langButton}>\n                {label}\n                <IconChevronDown className=\"size-3\" />\n              </button>\n            </PopoverTrigger>\n            <PopoverContent align=\"start\" side=\"bottom\" className=\"w-52 p-0\">\n              <input\n                autoFocus\n                type=\"text\"\n                value={filter}\n                onChange={(event) => setFilter(event.target.value)}\n                onKeyDown={(event) => {\n                  if (event.key === \"Enter\" && filtered.length > 0) {\n                    event.preventDefault();\n                    select(filtered[0].value);\n                  }\n                }}\n                placeholder=\"Search languages…\"\n                className={classNames.search}\n              />\n              <div className={classNames.list}>\n                {filtered.map((option) => {\n                  const active =\n                    option.value === current || (!option.value && !current);\n                  return (\n                    <button\n                      key={option.value ?? \"auto\"}\n                      type=\"button\"\n                      className={cn(\n                        classNames.option,\n                        active && classNames.optionActive,\n                      )}\n                      onClick={() => select(option.value)}\n                    >\n                      {option.label}\n                      {active && <IconCheck className=\"size-3.5\" />}\n                    </button>\n                  );\n                })}\n              </div>\n            </PopoverContent>\n          </Popover>\n        ) : (\n          label && (\n            <span\n              className={cn(\n                classNames.langButton,\n                classNames.langButtonReadonly,\n              )}\n            >\n              {label}\n            </span>\n          )\n        )}\n      </div>\n      <pre>\n        <NodeViewContent as={\"code\" as never} />\n      </pre>\n    </NodeViewWrapper>\n  );\n}\n\n/**\n * The shared Notion-style code block: {@link CodeBlockLowlight} (so fenced\n * markdown round-trips byte-identically — the node name and `language` attr are\n * unchanged) plus a React node view that adds a language picker header instead\n * of a bare highlighted `<pre>`. \"Auto\" stores no language and the lowlight\n * plugin auto-detects.\n *\n * Lifted from the Content editor's bespoke code block so Plans (and any app\n * opting into `features.codeBlock`) share one implementation. Theming is fully\n * class-driven via {@link CreateCodeBlockNodeOptions.classNames}, so each app\n * maps the hooks onto its own palette.\n */\nexport function createCodeBlockNode({\n  lowlight,\n  languages = DEFAULT_CODE_LANGUAGES,\n  classNames,\n}: CreateCodeBlockNodeOptions): TiptapNode {\n  const resolvedClassNames: CodeBlockClassNames = {\n    ...DEFAULT_CLASS_NAMES,\n    ...(classNames ?? {}),\n  };\n\n  return CodeBlockLowlight.extend({\n    addOptions() {\n      return {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        ...this.parent!(),\n        languagePickerOptions: languages,\n        codeBlockClassNames: resolvedClassNames,\n      };\n    },\n    addNodeView() {\n      return ReactNodeViewRenderer(CodeBlockView);\n    },\n    addKeyboardShortcuts() {\n      return {\n        ...this.parent?.(),\n        Tab: ({ editor }) => {\n          if (editor.isActive(this.name)) {\n            editor.commands.insertContent(\"\\t\");\n            return true;\n          }\n          return false;\n        },\n      };\n    },\n  }).configure({\n    lowlight,\n    defaultLanguage: null,\n  }) as unknown as TiptapNode;\n}\n"]}

package/dist/client/rich-markdown-editor/DragHandle.d.ts

@@ -1,97 +0,0 @@
-import { Extension } from "@tiptap/core";
-import type { Node as ProseMirrorNode } from "@tiptap/pm/model";
-import { type EditorView } from "@tiptap/pm/view";
-/**
- * Default editor-wrapper CSS selector the drag handle scopes itself to.
- *
- * The handle, the drop indicator, and the `position: relative` anchor are all
- * appended to / measured against the closest ancestor matching this selector.
- * Content's editor wraps its ProseMirror DOM in a `.visual-editor-wrapper`
- * element, so that is the historical default. Other apps (e.g. the plan editor)
- * pass their own wrapper selector via {@link DragHandleOptions.wrapperSelector}.
- */
-export declare const DEFAULT_DRAG_HANDLE_WRAPPER_SELECTOR = ".visual-editor-wrapper";
-export interface DragHandleOptions {
-    /**
-     * CSS selector for the editor wrapper element the handle is anchored to.
-     *
-     * Must match an ancestor of the ProseMirror editor DOM. The wrapper gets
-     * `position: relative` so the absolutely-positioned grip and drop indicator
-     * can be placed relative to it. Defaults to
-     * {@link DEFAULT_DRAG_HANDLE_WRAPPER_SELECTOR} so Content keeps working
-     * unchanged.
-     */
-    wrapperSelector: string;
-    /**
-     * Optional source-side payload for a cross-editor block move. The editor doc
-     * carries ProseMirror node content, but app-owned side-map data (for example a
-     * plan `diagram` block's HTML/CSS) can live outside the doc; this lets the
-     * host carry that data to the receiving editor before the node is inserted.
-     */
-    getDragTransferData?: (context: {
-        view: EditorView;
-        node: ProseMirrorNode;
-        pos: number;
-    }) => unknown;
-    /**
-     * Optional target-side receiver for cross-editor transfer data. Called before
-     * the node is inserted into the target editor so the target's serializer can
-     * resolve app-owned data during the synchronous ProseMirror update.
-     */
-    receiveDragTransferData?: (data: unknown, context: {
-        view: EditorView;
-        node: ProseMirrorNode;
-        pos: number;
-        sourceView: EditorView;
-    }) => void;
-    /**
-     * Optional host-level drop handler for document-specific structure changes.
-     * Returning true tells the shared drag handle that the host fully handled the
-     * move and no ProseMirror insert/delete should run. This is used for
-     * Notion-style side drops where dropping a block to the left/right creates or
-     * inserts into a column layout rather than inserting into the target editor.
-     */
-    handleDrop?: (data: unknown, context: DragHandleDropContext) => boolean;
-}
-export type DragHandleDropPlacement = "before" | "after" | "left" | "right";
-export type DragHandleDropContext = {
-    view: EditorView;
-    sourceView: EditorView;
-    sourceNode: ProseMirrorNode;
-    sourcePos: number;
-    sourceNodeSize: number;
-    targetNode: ProseMirrorNode;
-    targetPos: number;
-    targetNodeSize: number;
-    insertPos: number;
-    placement: DragHandleDropPlacement;
-};
-/**
- * App-agnostic Tiptap extension providing a Notion-style left-margin drag grip
- * (the `::` handle), block selection, and drag-to-reorder over top-level block
- * nodes.
- *
- * Behavior:
- * - On hover over any top-level block, a `.drag-handle` grip appears in the left
- *   margin (forgiving hit zone extends {@link HOVER_SIDE_OUTSET_REM}rem to the
- *   sides and into the gap above/between blocks).
- * - Single-clicking the grip selects the block and opens a block action menu.
- *   Dragging past a small threshold starts a reorder, showing a floating clone
- *   preview (`.notion-drag-preview`) and a `.notion-drop-indicator` line.
- *   `Escape` cancels.
- * - While dragging, the source block carries `.notion-block--dragging` and the
- *   document element carries `.notion-editor-is-dragging` so apps can style the
- *   in-flight state. Apps own all of these CSS class names.
- * - Works for ANY top-level node ProseMirror renders as a direct child of the
- *   editor — including `group: "block"`, `draggable: true` atoms such as the
- *   plan editor's `planBlock`.
- *
- * The only app-specific coupling — the editor wrapper element the handle and
- * drop indicator are anchored to — is configurable via
- * {@link DragHandleOptions.wrapperSelector}, defaulting to
- * {@link DEFAULT_DRAG_HANDLE_WRAPPER_SELECTOR} (`.visual-editor-wrapper`) so the
- * Content editor keeps working byte-identically. The plan editor passes its own
- * wrapper selector via `DragHandle.configure({ wrapperSelector })`.
- */
-export declare const DragHandle: Extension<DragHandleOptions, any>;
-//# sourceMappingURL=DragHandle.d.ts.map

package/dist/client/rich-markdown-editor/DragHandle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DragHandle.d.ts","sourceRoot":"","sources":["../../../src/client/rich-markdown-editor/DragHandle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAQhE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD;;;;;;;;GAQG;AACH,eAAO,MAAM,oCAAoC,2BAA2B,CAAC;AAE7E,MAAM,WAAW,iBAAiB;IAChC;;;;;;;;OAQG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE;QAC9B,IAAI,EAAE,UAAU,CAAC;QACjB,IAAI,EAAE,eAAe,CAAC;QACtB,GAAG,EAAE,MAAM,CAAC;KACb,KAAK,OAAO,CAAC;IACd;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,CACxB,IAAI,EAAE,OAAO,EACb,OAAO,EAAE;QACP,IAAI,EAAE,UAAU,CAAC;QACjB,IAAI,EAAE,eAAe,CAAC;QACtB,GAAG,EAAE,MAAM,CAAC;QACZ,UAAU,EAAE,UAAU,CAAC;KACxB,KACE,IAAI,CAAC;IACV;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,qBAAqB,KAAK,OAAO,CAAC;CACzE;AA8DD,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5E,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,UAAU,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,eAAe,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,eAAe,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,uBAAuB,CAAC;CACpC,CAAC;AAuSF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,UAAU,mCA68BrB,CAAC"}