@kopexa/tiptap 17.6.18 → 17.7.2

package/dist/hooks/use-create-editor.js

@@ -1,2726 +0,0 @@
-"use client";
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/hooks/use-create-editor.ts
-var use_create_editor_exports = {};
-__export(use_create_editor_exports, {
-  getExtensions: () => getExtensions,
-  useCreateEditor: () => useCreateEditor
-});
-module.exports = __toCommonJS(use_create_editor_exports);
-var import_extension_code = require("@kopexa/extension-code");
-var import_extension_controlref = require("@kopexa/extension-controlref");
-var import_extension_table = require("@kopexa/extension-table");
-var import_extension_file_handler = require("@tiptap/extension-file-handler");
-var import_extension_highlight = require("@tiptap/extension-highlight");
-var import_extension_invisible_characters = __toESM(require("@tiptap/extension-invisible-characters"));
-var import_extension_list = require("@tiptap/extension-list");
-var import_extension_subscript = require("@tiptap/extension-subscript");
-var import_extension_superscript = require("@tiptap/extension-superscript");
-var import_extension_table_of_contents = require("@tiptap/extension-table-of-contents");
-var import_extension_text_align = require("@tiptap/extension-text-align");
-var import_extension_text_style = require("@tiptap/extension-text-style");
-var import_extension_typography = require("@tiptap/extension-typography");
-var import_extension_unique_id = require("@tiptap/extension-unique-id");
-var import_extensions = require("@tiptap/extensions");
-var import_react27 = require("@tiptap/react");
-var import_starter_kit = require("@tiptap/starter-kit");
-var import_react28 = require("react");
-
-// src/context/editor-file-context.tsx
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var EditorFileContext = (0, import_react.createContext)(null);
-var DEFAULT_CACHE_BUFFER = 2 * 60 * 1e3;
-var DEFAULT_CACHE_TTL = 10 * 60 * 1e3;
-function useEditorFile() {
-  return (0, import_react.useContext)(EditorFileContext);
-}
-
-// src/extensions/callout/index.ts
-var import_core = require("@tiptap/core");
-var import_react5 = require("@tiptap/react");
-
-// src/extensions/callout/callout-view.tsx
-var import_icons2 = require("@kopexa/icons");
-var import_theme = require("@kopexa/theme");
-var import_react3 = require("@tiptap/react");
-var import_react4 = require("react");
-
-// src/extensions/callout/callout-settings.tsx
-var import_button = require("@kopexa/button");
-var import_dialog = require("@kopexa/dialog");
-var import_icons = require("@kopexa/icons");
-var import_input = require("@kopexa/input");
-var import_label = require("@kopexa/label");
-var import_select = require("@kopexa/select");
-var import_react2 = require("react");
-var import_react_intl2 = require("react-intl");
-
-// src/extensions/callout/messages.ts
-var import_react_intl = require("react-intl");
-var messages = (0, import_react_intl.defineMessages)({
-  settings: {
-    id: "editor.callout.settings",
-    defaultMessage: "Settings",
-    description: "Settings button label"
-  },
-  variant: {
-    id: "editor.callout.variant",
-    defaultMessage: "Variant",
-    description: "Variant setting label"
-  },
-  variant_default: {
-    id: "editor.callout.variant_default",
-    defaultMessage: "Default",
-    description: "Default variant option"
-  },
-  variant_info: {
-    id: "editor.callout.variant_info",
-    defaultMessage: "Info",
-    description: "Info variant option"
-  },
-  variant_success: {
-    id: "editor.callout.variant_success",
-    defaultMessage: "Success",
-    description: "Success variant option"
-  },
-  variant_warning: {
-    id: "editor.callout.variant_warning",
-    defaultMessage: "Warning",
-    description: "Warning variant option"
-  },
-  variant_destructive: {
-    id: "editor.callout.variant_destructive",
-    defaultMessage: "Error",
-    description: "Destructive/Error variant option"
-  },
-  title: {
-    id: "editor.callout.title",
-    defaultMessage: "Title",
-    description: "Title input label"
-  },
-  title_placeholder: {
-    id: "editor.callout.title_placeholder",
-    defaultMessage: "Optional title...",
-    description: "Title input placeholder"
-  },
-  save: {
-    id: "editor.callout.save",
-    defaultMessage: "Save",
-    description: "Save button label"
-  },
-  cancel: {
-    id: "editor.callout.cancel",
-    defaultMessage: "Cancel",
-    description: "Cancel button label"
-  }
-});
-
-// src/extensions/callout/callout-settings.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var VARIANTS = [
-  { value: "default", messageKey: "variant_default" },
-  { value: "info", messageKey: "variant_info" },
-  { value: "success", messageKey: "variant_success" },
-  { value: "warning", messageKey: "variant_warning" },
-  { value: "destructive", messageKey: "variant_destructive" }
-];
-function CalloutSettings({
-  editor,
-  attrs,
-  getPos
-}) {
-  const intl = (0, import_react_intl2.useIntl)();
-  const [isOpen, setIsOpen] = (0, import_react2.useState)(false);
-  const [localAttrs, setLocalAttrs] = (0, import_react2.useState)(attrs);
-  (0, import_react2.useEffect)(() => {
-    if (isOpen) {
-      setLocalAttrs(attrs);
-    }
-  }, [isOpen, attrs]);
-  const handleSave = (0, import_react2.useCallback)(() => {
-    const pos = getPos();
-    if (pos === void 0) return;
-    editor.view.dispatch(
-      editor.state.tr.setNodeMarkup(pos, void 0, localAttrs)
-    );
-    setIsOpen(false);
-  }, [editor, localAttrs, getPos]);
-  const handleCancel = (0, import_react2.useCallback)(() => {
-    setLocalAttrs(attrs);
-    setIsOpen(false);
-  }, [attrs]);
-  const handleVariantChange = (0, import_react2.useCallback)((value) => {
-    setLocalAttrs((prev) => ({
-      ...prev,
-      variant: String(value)
-    }));
-  }, []);
-  const handleTitleChange = (0, import_react2.useCallback)(
-    (e) => {
-      const value = e.target.value;
-      setLocalAttrs((prev) => ({
-        ...prev,
-        title: value || null
-      }));
-    },
-    []
-  );
-  if (!editor.isEditable) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_button.IconButton,
-      {
-        size: "sm",
-        variant: "ghost",
-        "aria-label": intl.formatMessage(messages.settings),
-        onClick: (e) => {
-          e.stopPropagation();
-          e.preventDefault();
-          setIsOpen(true);
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.SettingsIcon, { className: "size-3.5" })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dialog.Dialog.Root, { open: isOpen, onOpenChange: setIsOpen, size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_dialog.Dialog.Content, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dialog.Dialog.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dialog.Dialog.Title, { children: intl.formatMessage(messages.settings) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dialog.Dialog.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_label.Label, { className: "text-sm", children: intl.formatMessage(messages.variant) }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-            import_select.Select,
-            {
-              size: "sm",
-              value: localAttrs.variant,
-              onValueChange: handleVariantChange,
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_select.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_select.Select.Value, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_select.Select.Content, { children: VARIANTS.map((v) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_select.Select.Item, { value: v.value, children: intl.formatMessage(messages[v.messageKey]) }, v.value)) })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_label.Label, { className: "text-sm", children: intl.formatMessage(messages.title) }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-            import_input.Input,
-            {
-              size: "sm",
-              value: localAttrs.title || "",
-              onChange: handleTitleChange,
-              placeholder: intl.formatMessage(messages.title_placeholder)
-            }
-          )
-        ] })
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_dialog.Dialog.Footer, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_button.Button, { variant: "ghost", onClick: handleCancel, children: intl.formatMessage(messages.cancel) }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_button.Button, { onClick: handleSave, children: intl.formatMessage(messages.save) })
-      ] })
-    ] }) })
-  ] });
-}
-
-// src/extensions/callout/callout-view.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function getVariantIcon(variant, iconClass) {
-  switch (variant) {
-    case "info":
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.InfoIcon, { className: iconClass });
-    case "success":
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.CheckCirleIcon, { className: iconClass });
-    case "warning":
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.AlertIcon, { className: iconClass });
-    case "destructive":
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.AlertCircleIcon, { className: iconClass });
-    default:
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.ShellIcon, { className: iconClass });
-  }
-}
-function CalloutNodeView({ editor, node, getPos }) {
-  const attrs = node.attrs;
-  const { variant = "info", title } = attrs;
-  const isEditable = (0, import_react3.useEditorState)({
-    editor,
-    selector: ({ editor: e }) => {
-      var _a;
-      return (_a = e == null ? void 0 : e.isEditable) != null ? _a : false;
-    }
-  });
-  const styles = (0, import_react4.useMemo)(
-    () => (0, import_theme.callout)({
-      variant,
-      radius: "md",
-      size: "md"
-    }),
-    [variant]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-    import_react3.NodeViewWrapper,
-    {
-      className: styles.root(),
-      "data-type": "callout",
-      "data-variant": variant,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: styles.iconContainer(), children: getVariantIcon(variant, styles.icon()) }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: styles.content(), children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: styles.title(), children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react3.NodeViewContent, { className: "callout-content" })
-        ] }),
-        isEditable && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "absolute top-2 right-2", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          CalloutSettings,
-          {
-            editor,
-            attrs,
-            getPos
-          }
-        ) })
-      ]
-    }
-  );
-}
-
-// src/extensions/callout/index.ts
-var CalloutNode = import_core.Node.create({
-  name: "calloutNode",
-  group: "block",
-  content: "block+",
-  defining: true,
-  draggable: true,
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  addAttributes() {
-    return {
-      variant: {
-        default: "info",
-        parseHTML: (element) => element.getAttribute("data-variant") || "info",
-        renderHTML: (attributes) => ({
-          "data-variant": attributes.variant
-        })
-      },
-      title: {
-        default: null,
-        parseHTML: (element) => element.getAttribute("data-title") || null,
-        renderHTML: (attributes) => {
-          if (!attributes.title) return {};
-          return {
-            "data-title": attributes.title
-          };
-        }
-      }
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: 'div[data-type="callout"]'
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes }) {
-    return [
-      "div",
-      (0, import_core.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, {
-        "data-type": "callout"
-      }),
-      0
-    ];
-  },
-  addNodeView() {
-    return (0, import_react5.ReactNodeViewRenderer)(CalloutNodeView);
-  },
-  addCommands() {
-    return {
-      insertCallout: (variant = "info") => ({ commands }) => {
-        return commands.insertContent({
-          type: this.name,
-          attrs: { variant },
-          content: [
-            {
-              type: "paragraph"
-            }
-          ]
-        });
-      },
-      updateCalloutSettings: (attrs) => ({ tr, state, dispatch }) => {
-        const { selection } = state;
-        const node = state.doc.nodeAt(selection.from);
-        if ((node == null ? void 0 : node.type.name) !== this.name) {
-          return false;
-        }
-        if (dispatch) {
-          tr.setNodeMarkup(selection.from, void 0, {
-            ...node.attrs,
-            ...attrs
-          });
-        }
-        return true;
-      }
-    };
-  },
-  addKeyboardShortcuts() {
-    return {
-      // Allow backspace at start to lift content out of callout
-      Backspace: ({ editor }) => {
-        var _a;
-        const { state } = editor;
-        const { selection } = state;
-        const { $from } = selection;
-        if ($from.parent.type.name === "paragraph" && $from.parentOffset === 0) {
-          const calloutNode = $from.node(-1);
-          if ((calloutNode == null ? void 0 : calloutNode.type.name) === this.name) {
-            if (calloutNode.childCount === 1 && ((_a = calloutNode.firstChild) == null ? void 0 : _a.textContent) === "") {
-              return editor.commands.deleteNode(this.name);
-            }
-          }
-        }
-        return false;
-      }
-    };
-  }
-});
-
-// src/extensions/image/index.ts
-var import_extension_image = require("@tiptap/extension-image");
-var import_react8 = require("@tiptap/react");
-
-// src/extensions/image/image-view.tsx
-var import_button2 = require("@kopexa/button");
-var import_icons3 = require("@kopexa/icons");
-var import_theme2 = require("@kopexa/theme");
-var import_react6 = require("@tiptap/react");
-var import_react7 = require("react");
-var import_react_intl4 = require("react-intl");
-
-// src/extensions/image/messages.ts
-var import_react_intl3 = require("react-intl");
-var messages2 = (0, import_react_intl3.defineMessages)({
-  loading: {
-    id: "editor.image.loading",
-    defaultMessage: "Loading image..."
-  },
-  uploading: {
-    id: "editor.image.uploading",
-    defaultMessage: "Uploading..."
-  },
-  error: {
-    id: "editor.image.error",
-    defaultMessage: "Failed to load image"
-  },
-  upload_error: {
-    id: "editor.image.upload_error",
-    defaultMessage: "Failed to upload image"
-  },
-  retry: {
-    id: "editor.image.retry",
-    defaultMessage: "Retry"
-  },
-  remove: {
-    id: "editor.image.remove",
-    defaultMessage: "Remove"
-  }
-});
-
-// src/extensions/image/image-view.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function ImageNodeView({ editor, node, getPos }) {
-  var _a;
-  const intl = (0, import_react_intl4.useIntl)();
-  const fileHandler = useEditorFile();
-  const { src, alt, title, uploadState, uploadProgress } = node.attrs;
-  const isEditable = (0, import_react6.useEditorState)({
-    editor,
-    selector: ({ editor: e }) => {
-      var _a2;
-      return (_a2 = e == null ? void 0 : e.isEditable) != null ? _a2 : false;
-    }
-  });
-  const [resolvedUrl, setResolvedUrl] = (0, import_react7.useState)(null);
-  const [resolveState, setResolveState] = (0, import_react7.useState)("idle");
-  const needsResolve = (_a = fileHandler == null ? void 0 : fileHandler.isReference(src)) != null ? _a : false;
-  const resolveImage = (0, import_react7.useCallback)(async () => {
-    if (!src) return;
-    if (!needsResolve) {
-      setResolvedUrl(src);
-      setResolveState("resolved");
-      return;
-    }
-    if (!fileHandler) {
-      setResolvedUrl(src);
-      setResolveState("resolved");
-      return;
-    }
-    setResolveState("loading");
-    try {
-      const url = await fileHandler.resolve(src);
-      setResolvedUrl(url);
-      setResolveState("resolved");
-    } catch {
-      setResolveState("error");
-    }
-  }, [src, needsResolve, fileHandler]);
-  (0, import_react7.useEffect)(() => {
-    resolveImage();
-  }, [resolveImage]);
-  const handleRetry = (0, import_react7.useCallback)(() => {
-    resolveImage();
-  }, [resolveImage]);
-  const handleRemove = (0, import_react7.useCallback)(() => {
-    const pos = getPos();
-    if (pos === void 0) return;
-    editor.commands.deleteRange({
-      from: pos,
-      to: pos + node.nodeSize
-    });
-  }, [editor, getPos, node.nodeSize]);
-  const errorStyles = (0, import_react7.useMemo)(
-    () => (0, import_theme2.imagePlaceholder)({ size: "md", variant: "error" }),
-    []
-  );
-  const loadingStyles = (0, import_react7.useMemo)(
-    () => (0, import_theme2.imagePlaceholder)({ size: "md", variant: "uploading" }),
-    []
-  );
-  if (uploadState === "uploading") {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react6.NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: loadingStyles.root(), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: loadingStyles.content(), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "relative size-12", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-          "svg",
-          {
-            className: "size-12 -rotate-90",
-            viewBox: "0 0 36 36",
-            "aria-hidden": "true",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                "circle",
-                {
-                  cx: "18",
-                  cy: "18",
-                  r: "16",
-                  fill: "none",
-                  className: "stroke-muted",
-                  strokeWidth: "2"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                "circle",
-                {
-                  cx: "18",
-                  cy: "18",
-                  r: "16",
-                  fill: "none",
-                  className: "stroke-primary",
-                  strokeWidth: "2",
-                  strokeDasharray: 100,
-                  strokeDashoffset: 100 - (uploadProgress != null ? uploadProgress : 0),
-                  strokeLinecap: "round"
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "absolute inset-0 flex items-center justify-center text-xs font-medium", children: [
-          uploadProgress != null ? uploadProgress : 0,
-          "%"
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: loadingStyles.text(), children: intl.formatMessage(messages2.uploading) })
-    ] }) }) });
-  }
-  if (uploadState === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react6.NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: errorStyles.root(), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: errorStyles.content(), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons3.AlertCircleIcon, { className: errorStyles.icon() }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: errorStyles.text(), children: intl.formatMessage(messages2.upload_error) }),
-      isEditable && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        import_button2.IconButton,
-        {
-          size: "sm",
-          variant: "ghost",
-          onClick: handleRemove,
-          "aria-label": intl.formatMessage(messages2.remove),
-          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons3.TrashIcon, { className: "size-4" })
-        }
-      )
-    ] }) }) });
-  }
-  if (resolveState === "loading") {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react6.NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: `${loadingStyles.root()} animate-pulse`, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: loadingStyles.text(), children: intl.formatMessage(messages2.loading) }) }) });
-  }
-  if (resolveState === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react6.NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: errorStyles.root(), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: errorStyles.content(), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons3.AlertCircleIcon, { className: errorStyles.icon() }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: errorStyles.text(), children: intl.formatMessage(messages2.error) }),
-      isEditable && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          import_button2.IconButton,
-          {
-            size: "sm",
-            variant: "outline",
-            onClick: handleRetry,
-            "aria-label": intl.formatMessage(messages2.retry),
-            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons3.ArrowCounterClockwiseIcon, { className: "size-4" })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          import_button2.IconButton,
-          {
-            size: "sm",
-            variant: "ghost",
-            onClick: handleRemove,
-            "aria-label": intl.formatMessage(messages2.remove),
-            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons3.TrashIcon, { className: "size-4" })
-          }
-        )
-      ] })
-    ] }) }) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react6.NodeViewWrapper, { className: "my-4 relative group", "data-type": "image", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      "img",
-      {
-        src: resolvedUrl != null ? resolvedUrl : src,
-        alt: alt != null ? alt : "",
-        title: title != null ? title : void 0,
-        className: "max-w-full h-auto rounded-lg",
-        draggable: false
-      }
-    ),
-    isEditable && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity flex gap-1", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      import_button2.IconButton,
-      {
-        size: "sm",
-        variant: "outline",
-        onClick: handleRemove,
-        "aria-label": intl.formatMessage(messages2.remove),
-        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons3.TrashIcon, { className: "size-3.5" })
-      }
-    ) })
-  ] });
-}
-
-// src/extensions/image/index.ts
-var ImageNode = import_extension_image.Image.extend({
-  addAttributes() {
-    var _a;
-    return {
-      ...(_a = this.parent) == null ? void 0 : _a.call(this),
-      // Upload state for drag & drop / paste uploads
-      uploadState: {
-        default: null,
-        rendered: false
-      },
-      uploadProgress: {
-        default: null,
-        rendered: false
-      }
-    };
-  },
-  addNodeView() {
-    return (0, import_react8.ReactNodeViewRenderer)(ImageNodeView);
-  }
-});
-
-// src/extensions/image-upload/index.ts
-var import_core2 = require("@tiptap/core");
-var import_react11 = require("@tiptap/react");
-
-// src/extensions/image-upload/image-upload-view.tsx
-var import_button3 = require("@kopexa/button");
-var import_icons4 = require("@kopexa/icons");
-var import_theme3 = require("@kopexa/theme");
-var import_react9 = require("@tiptap/react");
-var import_react10 = require("react");
-var import_react_intl6 = require("react-intl");
-
-// src/extensions/image-upload/messages.ts
-var import_react_intl5 = require("react-intl");
-var messages3 = (0, import_react_intl5.defineMessages)({
-  upload_error: {
-    id: "editor.image.upload_error",
-    defaultMessage: "Failed to upload image"
-  },
-  uploading: {
-    id: "editor.image.uploading",
-    defaultMessage: "Uploading..."
-  },
-  upload_placeholder: {
-    id: "editor.image.upload_placeholder",
-    defaultMessage: "Click to upload or drag & drop"
-  },
-  upload_hint: {
-    id: "editor.image.upload_hint",
-    defaultMessage: "PNG, JPG, GIF, WebP, SVG"
-  },
-  click_to_retry: {
-    id: "editor.image.click_to_retry",
-    defaultMessage: "Click to try again"
-  },
-  files_not_supported: {
-    id: "editor.image.files_not_supported",
-    defaultMessage: "File upload is not configured"
-  },
-  remove: {
-    id: "editor.image.remove",
-    defaultMessage: "Remove"
-  }
-});
-
-// src/extensions/image-upload/image-upload-view.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-function ImageUploadNodeView({ editor, node, getPos }) {
-  const intl = (0, import_react_intl6.useIntl)();
-  const fileHandler = useEditorFile();
-  const isEditable = (0, import_react9.useEditorState)({
-    editor,
-    selector: ({ editor: e }) => {
-      var _a;
-      return (_a = e == null ? void 0 : e.isEditable) != null ? _a : false;
-    }
-  });
-  const [uploadState, setUploadState] = (0, import_react10.useState)("idle");
-  const [uploadProgress, setUploadProgress] = (0, import_react10.useState)(0);
-  const [isDragOver, setIsDragOver] = (0, import_react10.useState)(false);
-  const fileInputRef = (0, import_react10.useRef)(null);
-  const handleRemove = (0, import_react10.useCallback)(() => {
-    const pos = getPos();
-    if (pos === void 0) return;
-    editor.commands.deleteRange({
-      from: pos,
-      to: pos + node.nodeSize
-    });
-  }, [editor, getPos, node.nodeSize]);
-  const handleFileSelect = (0, import_react10.useCallback)(
-    async (file) => {
-      if (!fileHandler) return;
-      const pos = getPos();
-      if (pos === void 0) return;
-      setUploadState("uploading");
-      setUploadProgress(0);
-      try {
-        const ref = await fileHandler.upload(file, (percent) => {
-          setUploadProgress(percent);
-        });
-        const currentPos = getPos();
-        if (currentPos === void 0) return;
-        editor.chain().focus().deleteRange({ from: currentPos, to: currentPos + node.nodeSize }).insertContentAt(currentPos, {
-          type: "image",
-          attrs: {
-            src: ref,
-            alt: file.name.replace(/\.[^/.]+$/, ""),
-            title: file.name.replace(/\.[^/.]+$/, "")
-          }
-        }).run();
-      } catch (error) {
-        console.error("[ImageUpload] Upload failed:", error);
-        setUploadState("error");
-        setUploadProgress(0);
-      }
-    },
-    [fileHandler, editor, getPos, node.nodeSize]
-  );
-  const handleInputChange = (0, import_react10.useCallback)(
-    (e) => {
-      var _a;
-      const file = (_a = e.target.files) == null ? void 0 : _a[0];
-      if (file) {
-        handleFileSelect(file);
-      }
-      e.target.value = "";
-    },
-    [handleFileSelect]
-  );
-  const handleDrop = (0, import_react10.useCallback)(
-    (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      setIsDragOver(false);
-      const file = e.dataTransfer.files[0];
-      if (file == null ? void 0 : file.type.startsWith("image/")) {
-        handleFileSelect(file);
-      }
-    },
-    [handleFileSelect]
-  );
-  const handleDragOver = (0, import_react10.useCallback)((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-  }, []);
-  const handleDragEnter = (0, import_react10.useCallback)((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    setIsDragOver(true);
-  }, []);
-  const handleDragLeave = (0, import_react10.useCallback)((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    if (!e.currentTarget.contains(e.relatedTarget)) {
-      setIsDragOver(false);
-    }
-  }, []);
-  const handleClick = (0, import_react10.useCallback)(() => {
-    var _a;
-    if (uploadState === "idle" || uploadState === "error") {
-      (_a = fileInputRef.current) == null ? void 0 : _a.click();
-    }
-  }, [uploadState]);
-  const styles = (0, import_react10.useMemo)(
-    () => (0, import_theme3.imagePlaceholder)({
-      size: "md",
-      variant: isDragOver ? "default" : void 0
-    }),
-    [isDragOver]
-  );
-  const errorStyles = (0, import_react10.useMemo)(
-    () => (0, import_theme3.imagePlaceholder)({ size: "md", variant: "error" }),
-    []
-  );
-  const uploadingStyles = (0, import_react10.useMemo)(
-    () => (0, import_theme3.imagePlaceholder)({ size: "md", variant: "uploading" }),
-    []
-  );
-  const disabledStyles = (0, import_react10.useMemo)(
-    () => (0, import_theme3.imagePlaceholder)({ size: "md", variant: "disabled" }),
-    []
-  );
-  if (!fileHandler) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react9.NodeViewWrapper, { className: "my-4", "data-type": "image-upload", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: disabledStyles.root(), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: disabledStyles.content(), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons4.ImageIcon, { className: disabledStyles.icon() }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: disabledStyles.text(), children: intl.formatMessage(messages3.files_not_supported) }),
-      isEditable && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_button3.IconButton,
-        {
-          size: "sm",
-          variant: "ghost",
-          onClick: handleRemove,
-          "aria-label": intl.formatMessage(messages3.remove),
-          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons4.TrashIcon, { className: "size-4" })
-        }
-      )
-    ] }) }) });
-  }
-  if (uploadState === "uploading") {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react9.NodeViewWrapper, { className: "my-4", "data-type": "image-upload", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: uploadingStyles.root(), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: uploadingStyles.content(), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "relative size-12", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-          "svg",
-          {
-            className: "size-12 -rotate-90",
-            viewBox: "0 0 36 36",
-            "aria-hidden": "true",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                "circle",
-                {
-                  cx: "18",
-                  cy: "18",
-                  r: "16",
-                  fill: "none",
-                  className: "stroke-muted",
-                  strokeWidth: "2"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                "circle",
-                {
-                  cx: "18",
-                  cy: "18",
-                  r: "16",
-                  fill: "none",
-                  className: "stroke-primary",
-                  strokeWidth: "2",
-                  strokeDasharray: 100,
-                  strokeDashoffset: 100 - uploadProgress,
-                  strokeLinecap: "round"
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "absolute inset-0 flex items-center justify-center text-xs font-medium", children: [
-          uploadProgress,
-          "%"
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: uploadingStyles.text(), children: intl.formatMessage(messages3.uploading) })
-    ] }) }) });
-  }
-  if (uploadState === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react9.NodeViewWrapper, { className: "my-4", "data-type": "image-upload", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: errorStyles.root(), onClick: handleClick, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: errorStyles.content(), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons4.AlertCircleIcon, { className: errorStyles.icon() }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: errorStyles.text(), children: intl.formatMessage(messages3.upload_error) }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: errorStyles.hint(), children: intl.formatMessage(messages3.click_to_retry) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        "input",
-        {
-          ref: fileInputRef,
-          type: "file",
-          accept: "image/*",
-          className: "hidden",
-          onChange: handleInputChange
-        }
-      ),
-      isEditable && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_button3.IconButton,
-        {
-          size: "sm",
-          variant: "ghost",
-          className: errorStyles.removeButton(),
-          onClick: (e) => {
-            e.stopPropagation();
-            handleRemove();
-          },
-          "aria-label": intl.formatMessage(messages3.remove),
-          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons4.TrashIcon, { className: "size-3.5" })
-        }
-      )
-    ] }) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react9.NodeViewWrapper, { className: "my-4", "data-type": "image-upload", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-    "div",
-    {
-      className: `${styles.root()} ${isDragOver ? "border-primary bg-primary/10" : ""}`,
-      onClick: handleClick,
-      onDrop: handleDrop,
-      onDragOver: handleDragOver,
-      onDragEnter: handleDragEnter,
-      onDragLeave: handleDragLeave,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles.content(), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons4.UploadIcon, { className: styles.icon() }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles.text(), children: intl.formatMessage(messages3.upload_placeholder) }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles.hint(), children: intl.formatMessage(messages3.upload_hint) })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "input",
-          {
-            ref: fileInputRef,
-            type: "file",
-            accept: "image/*",
-            className: "hidden",
-            onChange: handleInputChange
-          }
-        ),
-        isEditable && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          import_button3.IconButton,
-          {
-            size: "sm",
-            variant: "ghost",
-            className: styles.removeButton(),
-            onClick: (e) => {
-              e.stopPropagation();
-              handleRemove();
-            },
-            "aria-label": intl.formatMessage(messages3.remove),
-            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons4.TrashIcon, { className: "size-3.5" })
-          }
-        )
-      ]
-    }
-  ) });
-}
-
-// src/extensions/image-upload/index.ts
-var ImageUploadNode = import_core2.Node.create({
-  name: "imageUpload",
-  group: "block",
-  atom: true,
-  draggable: true,
-  selectable: true,
-  addOptions() {
-    return {
-      accept: "image/*",
-      maxSize: 0,
-      HTMLAttributes: {}
-    };
-  },
-  addAttributes() {
-    return {
-      // Upload state tracking
-      uploadState: {
-        default: null,
-        rendered: false
-      },
-      uploadProgress: {
-        default: null,
-        rendered: false
-      }
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: 'div[data-type="image-upload"]'
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes }) {
-    return ["div", { ...HTMLAttributes, "data-type": "image-upload" }];
-  },
-  addNodeView() {
-    return (0, import_react11.ReactNodeViewRenderer)(ImageUploadNodeView);
-  },
-  addCommands() {
-    return {
-      setImageUpload: () => ({ commands }) => {
-        return commands.insertContent({
-          type: this.name
-        });
-      }
-    };
-  },
-  addKeyboardShortcuts() {
-    return {
-      Enter: ({ editor }) => {
-        const { selection } = editor.state;
-        const { $from } = selection;
-        const node = $from.nodeAfter;
-        if ((node == null ? void 0 : node.type.name) === "imageUpload" && editor.isActive("imageUpload")) {
-          const nodeEl = editor.view.nodeDOM($from.pos);
-          if (nodeEl instanceof HTMLElement) {
-            const input = nodeEl.querySelector('input[type="file"]');
-            if (input instanceof HTMLElement) {
-              input.click();
-              return true;
-            }
-          }
-        }
-        return false;
-      }
-    };
-  }
-});
-
-// src/extensions/link/index.ts
-var import_extension_link = __toESM(require("@tiptap/extension-link"));
-var import_state = require("@tiptap/pm/state");
-var import_react12 = require("@tiptap/react");
-var Link = import_extension_link.default.extend({
-  inclusive: false,
-  parseHTML() {
-    return [
-      {
-        tag: 'a[href]:not([data-type="button"]):not([href *= "javascript:" i])'
-      }
-    ];
-  },
-  addProseMirrorPlugins() {
-    var _a;
-    const { editor } = this;
-    return [
-      ...((_a = this.parent) == null ? void 0 : _a.call(this)) || [],
-      new import_state.Plugin({
-        key: new import_state.PluginKey("linkKeyHandler"),
-        props: {
-          handleKeyDown: (_, event) => {
-            const { selection } = editor.state;
-            if (event.key === "Escape" && selection.empty !== true) {
-              editor.commands.focus(selection.to, { scrollIntoView: false });
-            }
-            return false;
-          },
-          handleClick(view, pos) {
-            const { schema, doc, tr } = view.state;
-            let range;
-            if (schema.marks.link) {
-              range = (0, import_react12.getMarkRange)(doc.resolve(pos), schema.marks.link);
-            }
-            if (!range) {
-              return;
-            }
-            const { from, to } = range;
-            const start = Math.min(from, to);
-            const end = Math.max(from, to);
-            if (pos < start || pos > end) {
-              return;
-            }
-            const $start = doc.resolve(start);
-            const $end = doc.resolve(end);
-            const transaction = tr.setSelection(
-              new import_state.TextSelection($start, $end)
-            );
-            view.dispatch(transaction);
-          }
-        }
-      })
-    ];
-  }
-});
-
-// src/extensions/math/index.ts
-var import_core4 = require("@tiptap/core");
-var import_react18 = require("@tiptap/react");
-
-// src/extensions/math/math-block-view.tsx
-var import_button4 = require("@kopexa/button");
-var import_dialog2 = require("@kopexa/dialog");
-var import_icons5 = require("@kopexa/icons");
-var import_label2 = require("@kopexa/label");
-var import_react13 = require("@tiptap/react");
-var import_katex = __toESM(require("katex"));
-var import_katex_min = require("katex/dist/katex.min.css");
-var import_react14 = require("react");
-var import_react_intl8 = require("react-intl");
-
-// src/extensions/math/messages.ts
-var import_react_intl7 = require("react-intl");
-var messages4 = (0, import_react_intl7.defineMessages)({
-  title: {
-    id: "editor.math.title",
-    defaultMessage: "Formula",
-    description: "Math block title"
-  },
-  edit: {
-    id: "editor.math.edit",
-    defaultMessage: "Edit",
-    description: "Edit button label"
-  },
-  preview: {
-    id: "editor.math.preview",
-    defaultMessage: "Preview",
-    description: "Preview section label"
-  },
-  latex_input: {
-    id: "editor.math.latex_input",
-    defaultMessage: "LaTeX",
-    description: "LaTeX input label"
-  },
-  latex_placeholder: {
-    id: "editor.math.latex_placeholder",
-    defaultMessage: "Enter LaTeX formula...",
-    description: "LaTeX input placeholder"
-  },
-  invalid_latex: {
-    id: "editor.math.invalid_latex",
-    defaultMessage: "Invalid LaTeX syntax",
-    description: "Error message for invalid LaTeX"
-  },
-  empty_formula: {
-    id: "editor.math.empty_formula",
-    defaultMessage: "Click to add formula",
-    description: "Placeholder for empty formula"
-  },
-  save: {
-    id: "editor.math.save",
-    defaultMessage: "Save",
-    description: "Save button label"
-  },
-  cancel: {
-    id: "editor.math.cancel",
-    defaultMessage: "Cancel",
-    description: "Cancel button label"
-  }
-});
-
-// src/extensions/math/math-block-view.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function MathBlockView({ editor, node, getPos }) {
-  const intl = (0, import_react_intl8.useIntl)();
-  const attrs = node.attrs;
-  const { latex = "" } = attrs;
-  const isEditable = (0, import_react13.useEditorState)({
-    editor,
-    selector: ({ editor: e }) => {
-      var _a;
-      return (_a = e == null ? void 0 : e.isEditable) != null ? _a : false;
-    }
-  });
-  const [isOpen, setIsOpen] = (0, import_react14.useState)(false);
-  const [localLatex, setLocalLatex] = (0, import_react14.useState)(latex);
-  const [error, setError] = (0, import_react14.useState)(null);
-  (0, import_react14.useEffect)(() => {
-    if (isOpen) {
-      setLocalLatex(latex);
-      setError(null);
-    }
-  }, [isOpen, latex]);
-  const renderedHtml = (0, import_react14.useMemo)(() => {
-    if (!latex) return null;
-    try {
-      return import_katex.default.renderToString(latex, {
-        throwOnError: false,
-        displayMode: true,
-        output: "html"
-      });
-    } catch {
-      return null;
-    }
-  }, [latex]);
-  const previewHtml = (0, import_react14.useMemo)(() => {
-    if (!localLatex) return null;
-    try {
-      setError(null);
-      return import_katex.default.renderToString(localLatex, {
-        throwOnError: true,
-        displayMode: true,
-        output: "html"
-      });
-    } catch (_e) {
-      setError(intl.formatMessage(messages4.invalid_latex));
-      return null;
-    }
-  }, [localLatex, intl]);
-  const handleSave = (0, import_react14.useCallback)(() => {
-    const pos = getPos();
-    if (pos === void 0) return;
-    editor.view.dispatch(
-      editor.state.tr.setNodeMarkup(pos, void 0, { latex: localLatex })
-    );
-    setIsOpen(false);
-  }, [editor, localLatex, getPos]);
-  const handleCancel = (0, import_react14.useCallback)(() => {
-    setLocalLatex(latex);
-    setError(null);
-    setIsOpen(false);
-  }, [latex]);
-  const handleOpenEditor = (0, import_react14.useCallback)(
-    (e) => {
-      e.stopPropagation();
-      e.preventDefault();
-      if (isEditable) {
-        setIsOpen(true);
-      }
-    },
-    [isEditable]
-  );
-  const isEmpty = !latex;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-    import_react13.NodeViewWrapper,
-    {
-      className: "my-4 relative group",
-      "data-type": "math-block",
-      "data-latex": latex,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          "button",
-          {
-            type: "button",
-            className: "w-full flex items-center justify-center min-h-16 p-4 rounded-md border border-border bg-muted/30 cursor-pointer hover:bg-muted/50 transition-colors",
-            onClick: handleOpenEditor,
-            children: isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-lg font-serif", children: "\u2211" }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-sm", children: intl.formatMessage(messages4.empty_formula) })
-            ] }) : renderedHtml ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-              "div",
-              {
-                className: "katex-display",
-                dangerouslySetInnerHTML: { __html: renderedHtml }
-              }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-destructive text-sm", children: intl.formatMessage(messages4.invalid_latex) })
-          }
-        ),
-        isEditable && !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_button4.IconButton,
-          {
-            size: "sm",
-            variant: "ghost",
-            className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity",
-            "aria-label": intl.formatMessage(messages4.edit),
-            onClick: handleOpenEditor,
-            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons5.EditIcon, { className: "size-3.5" })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog2.Dialog.Root, { open: isOpen, onOpenChange: setIsOpen, size: "md", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_dialog2.Dialog.Content, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog2.Dialog.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog2.Dialog.Title, { children: intl.formatMessage(messages4.title) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_dialog2.Dialog.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_label2.Label, { className: "text-sm", children: intl.formatMessage(messages4.latex_input) }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                "textarea",
-                {
-                  className: "w-full min-h-24 p-3 rounded-md border border-input bg-background font-mono text-sm resize-y focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-                  value: localLatex,
-                  onChange: (e) => setLocalLatex(e.target.value),
-                  placeholder: intl.formatMessage(messages4.latex_placeholder),
-                  spellCheck: false
-                }
-              ),
-              error && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs text-destructive", children: error })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_label2.Label, { className: "text-sm", children: intl.formatMessage(messages4.preview) }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "min-h-16 p-4 rounded-md border border-border bg-muted/30 flex items-center justify-center", children: previewHtml ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                "div",
-                {
-                  className: "katex-display",
-                  dangerouslySetInnerHTML: { __html: previewHtml }
-                }
-              ) : localLatex ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-muted-foreground text-sm", children: intl.formatMessage(messages4.invalid_latex) }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-muted-foreground text-sm", children: intl.formatMessage(messages4.latex_placeholder) }) })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_dialog2.Dialog.Footer, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_button4.Button, { variant: "ghost", onClick: handleCancel, children: intl.formatMessage(messages4.cancel) }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_button4.Button, { onClick: handleSave, disabled: !!error && !!localLatex, children: intl.formatMessage(messages4.save) })
-          ] })
-        ] }) })
-      ]
-    }
-  );
-}
-
-// src/extensions/math/inline-math.ts
-var import_core3 = require("@tiptap/core");
-var import_react17 = require("@tiptap/react");
-
-// src/extensions/math/inline-math-view.tsx
-var import_button5 = require("@kopexa/button");
-var import_dialog3 = require("@kopexa/dialog");
-var import_label3 = require("@kopexa/label");
-var import_react15 = require("@tiptap/react");
-var import_katex2 = __toESM(require("katex"));
-var import_katex_min2 = require("katex/dist/katex.min.css");
-var import_react16 = require("react");
-var import_react_intl9 = require("react-intl");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function InlineMathView({ editor, node, getPos }) {
-  const intl = (0, import_react_intl9.useIntl)();
-  const attrs = node.attrs;
-  const { latex = "" } = attrs;
-  const isEditable = (0, import_react15.useEditorState)({
-    editor,
-    selector: ({ editor: e }) => {
-      var _a;
-      return (_a = e == null ? void 0 : e.isEditable) != null ? _a : false;
-    }
-  });
-  const [isOpen, setIsOpen] = (0, import_react16.useState)(false);
-  const [localLatex, setLocalLatex] = (0, import_react16.useState)(latex);
-  const [error, setError] = (0, import_react16.useState)(null);
-  (0, import_react16.useEffect)(() => {
-    if (isOpen) {
-      setLocalLatex(latex);
-      setError(null);
-    }
-  }, [isOpen, latex]);
-  const renderedHtml = (0, import_react16.useMemo)(() => {
-    if (!latex) return null;
-    try {
-      return import_katex2.default.renderToString(latex, {
-        throwOnError: false,
-        displayMode: false,
-        output: "html"
-      });
-    } catch {
-      return null;
-    }
-  }, [latex]);
-  const previewHtml = (0, import_react16.useMemo)(() => {
-    if (!localLatex) return null;
-    try {
-      setError(null);
-      return import_katex2.default.renderToString(localLatex, {
-        throwOnError: true,
-        displayMode: false,
-        output: "html"
-      });
-    } catch (_e) {
-      setError(intl.formatMessage(messages4.invalid_latex));
-      return null;
-    }
-  }, [localLatex, intl]);
-  const handleSave = (0, import_react16.useCallback)(() => {
-    const pos = getPos();
-    if (pos === void 0) return;
-    editor.view.dispatch(
-      editor.state.tr.setNodeMarkup(pos, void 0, { latex: localLatex })
-    );
-    setIsOpen(false);
-  }, [editor, localLatex, getPos]);
-  const handleCancel = (0, import_react16.useCallback)(() => {
-    setLocalLatex(latex);
-    setError(null);
-    setIsOpen(false);
-  }, [latex]);
-  const handleClick = (0, import_react16.useCallback)(
-    (e) => {
-      e.stopPropagation();
-      e.preventDefault();
-      if (isEditable) {
-        setIsOpen(true);
-      }
-    },
-    [isEditable]
-  );
-  const isEmpty = !latex;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-    import_react15.NodeViewWrapper,
-    {
-      as: "span",
-      className: "inline-math-wrapper",
-      "data-type": "inline-math",
-      "data-latex": latex,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          "span",
-          {
-            className: `inline-math cursor-pointer rounded px-0.5 transition-colors ${isEditable ? "hover:bg-primary/10 hover:ring-1 hover:ring-primary/20" : ""} ${isEmpty ? "text-muted-foreground italic" : ""}`,
-            onClick: handleClick,
-            children: isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-xs", children: "$?$" }) : renderedHtml ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-              "span",
-              {
-                dangerouslySetInnerHTML: { __html: renderedHtml }
-              }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-destructive text-xs", children: latex })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_dialog3.Dialog.Root, { open: isOpen, onOpenChange: setIsOpen, size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_dialog3.Dialog.Content, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_dialog3.Dialog.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_dialog3.Dialog.Title, { children: intl.formatMessage(messages4.title) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_dialog3.Dialog.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_label3.Label, { className: "text-sm", children: intl.formatMessage(messages4.latex_input) }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                "input",
-                {
-                  type: "text",
-                  className: "w-full p-2 rounded-md border border-input bg-background font-mono text-sm focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-                  value: localLatex,
-                  onChange: (e) => setLocalLatex(e.target.value),
-                  placeholder: intl.formatMessage(messages4.latex_placeholder),
-                  spellCheck: false
-                }
-              ),
-              error && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-xs text-destructive", children: error })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_label3.Label, { className: "text-sm", children: intl.formatMessage(messages4.preview) }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "min-h-10 p-3 rounded-md border border-border bg-muted/30 flex items-center justify-center", children: previewHtml ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                "span",
-                {
-                  dangerouslySetInnerHTML: { __html: previewHtml }
-                }
-              ) : localLatex ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-muted-foreground text-sm", children: intl.formatMessage(messages4.invalid_latex) }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-muted-foreground text-sm", children: "$...$" }) })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_dialog3.Dialog.Footer, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_button5.Button, { variant: "ghost", onClick: handleCancel, children: intl.formatMessage(messages4.cancel) }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_button5.Button, { onClick: handleSave, disabled: !!error && !!localLatex, children: intl.formatMessage(messages4.save) })
-          ] })
-        ] }) })
-      ]
-    }
-  );
-}
-
-// src/extensions/math/inline-math.ts
-var InlineMath = import_core3.Node.create({
-  name: "inlineMath",
-  group: "inline",
-  inline: true,
-  atom: true,
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  addAttributes() {
-    return {
-      latex: {
-        default: "",
-        parseHTML: (element) => element.getAttribute("data-latex") || "",
-        renderHTML: (attributes) => ({
-          "data-latex": attributes.latex
-        })
-      }
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: 'span[data-type="inline-math"]'
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes }) {
-    return [
-      "span",
-      (0, import_core3.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, {
-        "data-type": "inline-math"
-      })
-    ];
-  },
-  addNodeView() {
-    return (0, import_react17.ReactNodeViewRenderer)(InlineMathView, {
-      as: "span"
-    });
-  },
-  addCommands() {
-    return {
-      insertInlineMath: (latex = "") => ({ commands }) => {
-        return commands.insertContent({
-          type: this.name,
-          attrs: { latex }
-        });
-      }
-    };
-  },
-  addInputRules() {
-    return [
-      // Inline math with $...$
-      new import_core3.InputRule({
-        // Match $...$ but not $$...$$
-        find: /(?<!\$)\$([^$]+)\$(?!\$)/,
-        handler: ({ state, range, match }) => {
-          const latex = match[1];
-          const { tr } = state;
-          tr.replaceWith(range.from, range.to, this.type.create({ latex }));
-        }
-      })
-    ];
-  }
-});
-
-// src/extensions/math/index.ts
-var MathBlock = import_core4.Node.create({
-  name: "mathBlock",
-  group: "block",
-  atom: true,
-  draggable: true,
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  addAttributes() {
-    return {
-      latex: {
-        default: "",
-        parseHTML: (element) => element.getAttribute("data-latex") || "",
-        renderHTML: (attributes) => ({
-          "data-latex": attributes.latex
-        })
-      }
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: 'div[data-type="math-block"]'
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes }) {
-    return [
-      "div",
-      (0, import_core4.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, {
-        "data-type": "math-block"
-      })
-    ];
-  },
-  addNodeView() {
-    return (0, import_react18.ReactNodeViewRenderer)(MathBlockView);
-  },
-  addCommands() {
-    return {
-      insertMathBlock: (latex = "") => ({ commands }) => {
-        return commands.insertContent({
-          type: this.name,
-          attrs: { latex }
-        });
-      },
-      updateMathBlock: (latex) => ({ tr, state, dispatch }) => {
-        const { selection } = state;
-        const node = state.doc.nodeAt(selection.from);
-        if ((node == null ? void 0 : node.type.name) !== this.name) {
-          return false;
-        }
-        if (dispatch) {
-          tr.setNodeMarkup(selection.from, void 0, {
-            ...node.attrs,
-            latex
-          });
-        }
-        return true;
-      }
-    };
-  },
-  addInputRules() {
-    return [
-      // Block math with $$...$$
-      new import_core4.InputRule({
-        find: /^\$\$(.+)\$\$$/,
-        handler: ({ state, range, match }) => {
-          const latex = match[1];
-          const { tr } = state;
-          tr.replaceWith(range.from, range.to, this.type.create({ latex }));
-        }
-      })
-    ];
-  }
-});
-
-// src/extensions/selection/index.ts
-var import_state2 = require("@tiptap/pm/state");
-var import_view = require("@tiptap/pm/view");
-var import_react19 = require("@tiptap/react");
-var Selection = import_react19.Extension.create({
-  name: "selection",
-  addProseMirrorPlugins() {
-    const { editor } = this;
-    return [
-      new import_state2.Plugin({
-        key: new import_state2.PluginKey("selection"),
-        props: {
-          decorations(state) {
-            if (state.selection.empty) {
-              return null;
-            }
-            if (editor.isFocused === true || !editor.isEditable) {
-              return null;
-            }
-            if ((0, import_react19.isNodeSelection)(state.selection)) {
-              return null;
-            }
-            return import_view.DecorationSet.create(state.doc, [
-              import_view.Decoration.inline(state.selection.from, state.selection.to, {
-                class: "selection"
-              })
-            ]);
-          }
-        }
-      })
-    ];
-  }
-});
-
-// src/extensions/toc/index.ts
-var import_core5 = require("@tiptap/core");
-var import_react23 = require("@tiptap/react");
-
-// src/extensions/toc/toc-view.tsx
-var import_icons7 = require("@kopexa/icons");
-var import_theme4 = require("@kopexa/theme");
-var import_react21 = require("@tiptap/react");
-var import_react22 = require("react");
-var import_react_intl12 = require("react-intl");
-
-// src/extensions/toc/messages.ts
-var import_react_intl10 = require("react-intl");
-var messages5 = (0, import_react_intl10.defineMessages)({
-  title: {
-    id: "editor.toc.title",
-    defaultMessage: "Table of Contents",
-    description: "Title of the table of contents"
-  },
-  save: {
-    id: "editor.toc.save",
-    defaultMessage: "Save",
-    description: "Save button label"
-  },
-  cancel: {
-    id: "editor.toc.cancel",
-    defaultMessage: "Cancel",
-    description: "Cancel button label"
-  },
-  empty_state: {
-    id: "editor.toc.empty_state",
-    defaultMessage: "No headings found. Add headings (H1-H6) to populate the table of contents.",
-    description: "Empty state when no headings are present"
-  },
-  empty_heading: {
-    id: "editor.toc.empty_heading",
-    defaultMessage: "(Empty heading)",
-    description: "Placeholder for empty heading text"
-  },
-  settings: {
-    id: "editor.toc.settings",
-    defaultMessage: "Settings",
-    description: "Settings button label"
-  },
-  min_level: {
-    id: "editor.toc.min_level",
-    defaultMessage: "Minimum level",
-    description: "Minimum heading level setting"
-  },
-  max_level: {
-    id: "editor.toc.max_level",
-    defaultMessage: "Maximum level",
-    description: "Maximum heading level setting"
-  },
-  numbered: {
-    id: "editor.toc.numbered",
-    defaultMessage: "Numbering",
-    description: "Numbering toggle label"
-  },
-  numbered_hint: {
-    id: "editor.toc.numbered_hint",
-    defaultMessage: "Show hierarchical numbering (1, 1.1, 1.1.1)",
-    description: "Hint for numbering toggle"
-  },
-  style: {
-    id: "editor.toc.style",
-    defaultMessage: "Style",
-    description: "Style setting label"
-  },
-  style_default: {
-    id: "editor.toc.style_default",
-    defaultMessage: "Default",
-    description: "Default style option"
-  },
-  style_flat: {
-    id: "editor.toc.style_flat",
-    defaultMessage: "Flat",
-    description: "Flat style option"
-  },
-  style_compact: {
-    id: "editor.toc.style_compact",
-    defaultMessage: "Compact",
-    description: "Compact style option"
-  }
-});
-
-// src/extensions/toc/toc-settings.tsx
-var import_button6 = require("@kopexa/button");
-var import_dialog4 = require("@kopexa/dialog");
-var import_icons6 = require("@kopexa/icons");
-var import_label4 = require("@kopexa/label");
-var import_select2 = require("@kopexa/select");
-var import_switch = require("@kopexa/switch");
-var import_react20 = require("react");
-var import_react_intl11 = require("react-intl");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var HEADING_LEVELS = [
-  { value: "1", label: "H1" },
-  { value: "2", label: "H2" },
-  { value: "3", label: "H3" },
-  { value: "4", label: "H4" },
-  { value: "5", label: "H5" },
-  { value: "6", label: "H6" }
-];
-function TocSettings({ editor, attrs, getPos }) {
-  const intl = (0, import_react_intl11.useIntl)();
-  const [isOpen, setIsOpen] = (0, import_react20.useState)(false);
-  const [localAttrs, setLocalAttrs] = (0, import_react20.useState)(attrs);
-  (0, import_react20.useEffect)(() => {
-    if (isOpen) {
-      setLocalAttrs(attrs);
-    }
-  }, [isOpen, attrs]);
-  const handleSave = (0, import_react20.useCallback)(() => {
-    const pos = getPos();
-    if (pos === void 0) return;
-    editor.view.dispatch(
-      editor.state.tr.setNodeMarkup(pos, void 0, localAttrs)
-    );
-    setIsOpen(false);
-  }, [editor, localAttrs, getPos]);
-  const handleCancel = (0, import_react20.useCallback)(() => {
-    setLocalAttrs(attrs);
-    setIsOpen(false);
-  }, [attrs]);
-  const handleMinLevelChange = (0, import_react20.useCallback)((value) => {
-    const minLevel = Number.parseInt(String(value), 10);
-    setLocalAttrs((prev) => ({
-      ...prev,
-      minLevel,
-      // Ensure maxLevel is not less than minLevel
-      maxLevel: Math.max(prev.maxLevel, minLevel)
-    }));
-  }, []);
-  const handleMaxLevelChange = (0, import_react20.useCallback)((value) => {
-    const maxLevel = Number.parseInt(String(value), 10);
-    setLocalAttrs((prev) => ({
-      ...prev,
-      maxLevel,
-      // Ensure minLevel is not greater than maxLevel
-      minLevel: Math.min(prev.minLevel, maxLevel)
-    }));
-  }, []);
-  const handleNumberedChange = (0, import_react20.useCallback)((checked) => {
-    setLocalAttrs((prev) => ({ ...prev, numbered: checked }));
-  }, []);
-  const handleStyleChange = (0, import_react20.useCallback)((value) => {
-    setLocalAttrs((prev) => ({
-      ...prev,
-      style: String(value)
-    }));
-  }, []);
-  if (!editor.isEditable) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      import_button6.IconButton,
-      {
-        size: "sm",
-        variant: "ghost",
-        "aria-label": intl.formatMessage(messages5.settings),
-        onClick: (e) => {
-          e.stopPropagation();
-          e.preventDefault();
-          setIsOpen(true);
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons6.SettingsIcon, { className: "size-3.5" })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_dialog4.Dialog.Root, { open: isOpen, onOpenChange: setIsOpen, size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_dialog4.Dialog.Content, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_dialog4.Dialog.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_dialog4.Dialog.Title, { children: intl.formatMessage(messages5.settings) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_dialog4.Dialog.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "grid grid-cols-2 gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-1.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_label4.Label, { className: "text-sm", children: intl.formatMessage(messages5.min_level) }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-              import_select2.Select,
-              {
-                size: "sm",
-                value: String(localAttrs.minLevel),
-                onValueChange: handleMinLevelChange,
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select2.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select2.Select.Value, {}) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select2.Select.Content, { children: HEADING_LEVELS.map((level) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                    import_select2.Select.Item,
-                    {
-                      value: level.value,
-                      disabled: Number.parseInt(level.value, 10) > localAttrs.maxLevel,
-                      children: level.label
-                    },
-                    level.value
-                  )) })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-1.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_label4.Label, { className: "text-sm", children: intl.formatMessage(messages5.max_level) }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-              import_select2.Select,
-              {
-                size: "sm",
-                value: String(localAttrs.maxLevel),
-                onValueChange: handleMaxLevelChange,
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select2.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select2.Select.Value, {}) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select2.Select.Content, { children: HEADING_LEVELS.map((level) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                    import_select2.Select.Item,
-                    {
-                      value: level.value,
-                      disabled: Number.parseInt(level.value, 10) < localAttrs.minLevel,
-                      children: level.label
-                    },
-                    level.value
-                  )) })
-                ]
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_label4.Label, { className: "text-sm", children: intl.formatMessage(messages5.numbered) }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-xs text-muted-foreground", children: intl.formatMessage(messages5.numbered_hint) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            import_switch.Switch,
-            {
-              size: "sm",
-              checked: localAttrs.numbered,
-              onCheckedChange: handleNumberedChange
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_label4.Label, { className: "text-sm", children: intl.formatMessage(messages5.style) }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-            import_select2.Select,
-            {
-              size: "sm",
-              value: localAttrs.style,
-              onValueChange: handleStyleChange,
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select2.Select.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select2.Select.Value, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_select2.Select.Content, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select2.Select.Item, { value: "default", children: intl.formatMessage(messages5.style_default) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select2.Select.Item, { value: "flat", children: intl.formatMessage(messages5.style_flat) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select2.Select.Item, { value: "compact", children: intl.formatMessage(messages5.style_compact) })
-                ] })
-              ]
-            }
-          )
-        ] })
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_dialog4.Dialog.Footer, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_button6.Button, { variant: "ghost", onClick: handleCancel, children: intl.formatMessage(messages5.cancel) }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_button6.Button, { onClick: handleSave, children: intl.formatMessage(messages5.save) })
-      ] })
-    ] }) })
-  ] });
-}
-
-// src/extensions/toc/toc-view.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-function generateHeadingNumbers(headings, minLevel) {
-  const counters = [0, 0, 0, 0, 0, 0];
-  return headings.map((heading) => {
-    const levelIndex = heading.level - 1;
-    counters[levelIndex]++;
-    for (let i = levelIndex + 1; i < 6; i++) {
-      counters[i] = 0;
-    }
-    const numberParts = [];
-    for (let i = minLevel - 1; i <= levelIndex; i++) {
-      if (counters[i] > 0) {
-        numberParts.push(counters[i]);
-      }
-    }
-    return {
-      ...heading,
-      number: numberParts.join(".")
-    };
-  });
-}
-function TocNodeView({ editor, node, getPos }) {
-  const [headings, setHeadings] = (0, import_react22.useState)([]);
-  const intl = (0, import_react_intl12.useIntl)();
-  const attrs = node.attrs;
-  const {
-    minLevel = 1,
-    maxLevel = 6,
-    numbered = false,
-    style = "default"
-  } = attrs;
-  const styles = (0, import_react22.useMemo)(() => (0, import_theme4.toc)({ style }), [style]);
-  const updateHeadings = (0, import_react22.useCallback)(() => {
-    const items = [];
-    const { doc } = editor.state;
-    doc.descendants((docNode, pos) => {
-      if (docNode.type.name === "heading") {
-        const level = docNode.attrs.level;
-        if (level >= minLevel && level <= maxLevel) {
-          const id = docNode.attrs.id || `heading-${pos}`;
-          items.push({
-            id,
-            level,
-            text: docNode.textContent,
-            pos
-          });
-        }
-      }
-    });
-    const numberedHeadings = generateHeadingNumbers(items, minLevel);
-    setHeadings(numberedHeadings);
-  }, [editor, minLevel, maxLevel]);
-  (0, import_react22.useEffect)(() => {
-    updateHeadings();
-    editor.on("update", updateHeadings);
-    return () => {
-      editor.off("update", updateHeadings);
-    };
-  }, [editor, updateHeadings]);
-  const handleClick = (0, import_react22.useCallback)(
-    (pos, id) => {
-      var _a;
-      editor.chain().focus().setTextSelection(pos).run();
-      let element = document.querySelector(`[data-id="${id}"]`);
-      if (!element) {
-        const { view } = editor;
-        const coords = view.coordsAtPos(pos);
-        const domNode = document.elementFromPoint(coords.left, coords.top);
-        element = (_a = domNode == null ? void 0 : domNode.closest("h1, h2, h3, h4, h5, h6")) != null ? _a : null;
-      }
-      if (element) {
-        element.scrollIntoView({ behavior: "smooth", block: "start" });
-      }
-    },
-    [editor]
-  );
-  const isEmpty = headings.length === 0;
-  const getIndent = (level) => {
-    return (level - minLevel) * 16;
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react21.NodeViewWrapper, { className: styles.root(), "data-type": "toc", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: styles.header(), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: styles.headerContent(), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons7.ListIcon, { className: styles.headerIcon() }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: styles.headerTitle(), children: intl.formatMessage(messages5.title) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: styles.headerActions(), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        TocSettings,
-        {
-          editor,
-          attrs,
-          getPos
-        }
-      ) })
-    ] }),
-    isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: styles.emptyState(), children: intl.formatMessage(messages5.empty_state) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("nav", { className: styles.nav(), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("ul", { className: styles.list(), children: headings.map((heading) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-      "li",
-      {
-        className: styles.item(),
-        style: {
-          paddingLeft: `${getIndent(heading.level)}px`
-        },
-        children: [
-          numbered && heading.number && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: styles.itemNumber(), children: heading.number }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-            "button",
-            {
-              type: "button",
-              onClick: () => handleClick(heading.pos, heading.id),
-              className: styles.itemButton(),
-              children: heading.text || intl.formatMessage(messages5.empty_heading)
-            }
-          )
-        ]
-      },
-      heading.id
-    )) }) })
-  ] });
-}
-
-// src/extensions/toc/index.ts
-var TocNode = import_core5.Node.create({
-  name: "tableOfContentsNode",
-  group: "block",
-  atom: true,
-  draggable: true,
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  addAttributes() {
-    return {
-      minLevel: {
-        default: 1,
-        parseHTML: (element) => Number.parseInt(element.getAttribute("data-min-level") || "1", 10),
-        renderHTML: (attributes) => ({
-          "data-min-level": attributes.minLevel
-        })
-      },
-      maxLevel: {
-        default: 6,
-        parseHTML: (element) => Number.parseInt(element.getAttribute("data-max-level") || "6", 10),
-        renderHTML: (attributes) => ({
-          "data-max-level": attributes.maxLevel
-        })
-      },
-      numbered: {
-        default: false,
-        parseHTML: (element) => element.getAttribute("data-numbered") === "true",
-        renderHTML: (attributes) => ({
-          "data-numbered": attributes.numbered ? "true" : "false"
-        })
-      },
-      style: {
-        default: "default",
-        parseHTML: (element) => element.getAttribute("data-style") || "default",
-        renderHTML: (attributes) => ({
-          "data-style": attributes.style
-        })
-      }
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: 'div[data-type="toc"]'
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes }) {
-    return [
-      "div",
-      (0, import_core5.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, {
-        "data-type": "toc"
-      })
-    ];
-  },
-  addNodeView() {
-    return (0, import_react23.ReactNodeViewRenderer)(TocNodeView);
-  },
-  addCommands() {
-    return {
-      insertTableOfContents: () => ({ commands }) => {
-        return commands.insertContent({
-          type: this.name
-        });
-      },
-      updateTocSettings: (attrs) => ({ tr, state, dispatch }) => {
-        const { selection } = state;
-        const node = state.doc.nodeAt(selection.from);
-        if ((node == null ? void 0 : node.type.name) !== this.name) {
-          return false;
-        }
-        if (dispatch) {
-          tr.setNodeMarkup(selection.from, void 0, {
-            ...node.attrs,
-            ...attrs
-          });
-        }
-        return true;
-      }
-    };
-  }
-});
-
-// src/extensions/trailing-node/index.ts
-var import_state3 = require("@tiptap/pm/state");
-var import_react24 = require("@tiptap/react");
-function nodeEqualsType({
-  types,
-  node
-}) {
-  if (!node) return false;
-  if (Array.isArray(types)) {
-    return types.includes(node.type);
-  }
-  return node.type === types;
-}
-var TrailingNode = import_react24.Extension.create({
-  name: "trailingNode",
-  addOptions() {
-    return {
-      node: "paragraph",
-      notAfter: ["paragraph"]
-    };
-  },
-  addProseMirrorPlugins() {
-    const plugin = new import_state3.PluginKey(this.name);
-    const disabledNodes = Object.entries(this.editor.schema.nodes).map(([, value]) => value).filter((node) => this.options.notAfter.includes(node.name));
-    return [
-      new import_state3.Plugin({
-        key: plugin,
-        appendTransaction: (_, __, state) => {
-          const { doc, tr, schema } = state;
-          const shouldInsertNodeAtEnd = plugin.getState(state);
-          const endPosition = doc.content.size;
-          const type = schema.nodes[this.options.node];
-          if (!shouldInsertNodeAtEnd) {
-            return null;
-          }
-          if (type) {
-            return tr.insert(endPosition, type.create());
-          }
-          return null;
-        },
-        state: {
-          init: (_, state) => {
-            const lastNode = state.tr.doc.lastChild;
-            return !nodeEqualsType({ node: lastNode, types: disabledNodes });
-          },
-          apply: (tr, value) => {
-            if (!tr.docChanged) {
-              return value;
-            }
-            const lastNode = tr.doc.lastChild;
-            return !nodeEqualsType({ node: lastNode, types: disabledNodes });
-          }
-        }
-      })
-    ];
-  }
-});
-
-// src/extensions/ui-state/index.ts
-var import_core6 = require("@tiptap/core");
-var defaultUiState = {
-  aiGenerationIsSelection: false,
-  aiGenerationIsLoading: false,
-  aiGenerationActive: false,
-  aiGenerationHasMessage: false,
-  commentInputVisible: false,
-  lockDragHandle: false,
-  isDragging: false
-};
-var UiState = import_core6.Extension.create({
-  name: "uiState",
-  addStorage() {
-    return {
-      uiState: { ...defaultUiState }
-    };
-  },
-  addCommands() {
-    const createBooleanSetter = (key) => (value) => () => {
-      this.storage[key] = value;
-      return true;
-    };
-    const createToggle = (key, value) => () => () => {
-      this.storage[key] = value;
-      return true;
-    };
-    return {
-      // AI Generation commands
-      aiGenerationSetIsSelection: createBooleanSetter(
-        "aiGenerationIsSelection"
-      ),
-      aiGenerationSetIsLoading: createBooleanSetter("aiGenerationIsLoading"),
-      aiGenerationHasMessage: createBooleanSetter("aiGenerationHasMessage"),
-      aiGenerationShow: createToggle("aiGenerationActive", true),
-      aiGenerationHide: createToggle("aiGenerationActive", false),
-      // Comment input commands
-      commentInputShow: createToggle("commentInputVisible", true),
-      commentInputHide: createToggle("commentInputVisible", false),
-      // Drag handle commands
-      setLockDragHandle: createBooleanSetter("lockDragHandle"),
-      setIsDragging: createBooleanSetter("isDragging"),
-      // Reset command
-      resetUiState: () => () => {
-        Object.assign(this.storage, { ...defaultUiState });
-        return true;
-      }
-    };
-  },
-  onCreate() {
-    this.storage = { ...defaultUiState };
-  }
-});
-
-// src/extensions/variable/index.ts
-var import_core7 = require("@tiptap/core");
-var import_react26 = require("@tiptap/react");
-
-// src/extensions/variable/variable-view.tsx
-var import_theme5 = require("@kopexa/theme");
-var import_react25 = require("@tiptap/react");
-
-// src/extensions/variable/variable-context.tsx
-var React = __toESM(require("react"));
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var VariableContext = React.createContext(null);
-function useVariables() {
-  return React.useContext(VariableContext);
-}
-
-// src/extensions/variable/variable-view.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function VariableNodeView({ node, editor }) {
-  var _a;
-  const attrs = node.attrs;
-  const { name, fallback, category } = attrs;
-  const context = useVariables();
-  const isEditable = (0, import_react25.useEditorState)({
-    editor,
-    selector: ({ editor: e }) => {
-      var _a2;
-      return (_a2 = e == null ? void 0 : e.isEditable) != null ? _a2 : true;
-    }
-  });
-  const resolvedValue = (_a = context == null ? void 0 : context.resolveVariable) == null ? void 0 : _a.call(context, name);
-  const hasValue = resolvedValue !== void 0 && resolvedValue !== "";
-  const displayValue = resolvedValue || fallback;
-  const styles = (0, import_theme5.variableNode)({ resolved: hasValue });
-  if (!isEditable && hasValue) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      import_react25.NodeViewWrapper,
-      {
-        as: "span",
-        "data-type": "variable",
-        "data-name": name,
-        style: { userSelect: "text" },
-        children: displayValue
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    import_react25.NodeViewWrapper,
-    {
-      as: "span",
-      className: styles.wrapper(),
-      "data-type": "variable",
-      "data-name": name,
-      "data-category": category,
-      "data-resolved": hasValue ? "true" : "false",
-      children: hasValue ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: styles.chip(), title: `{{${name}}}`, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: styles.value(), children: displayValue }) }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-        "span",
-        {
-          className: styles.chip(),
-          title: fallback ? `Fallback: ${fallback}` : void 0,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: styles.bracket(), children: "{" }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: styles.bracket(), children: "{" }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: styles.name(), children: name }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: styles.bracket(), children: "}" }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: styles.bracket(), children: "}" })
-          ]
-        }
-      )
-    }
-  );
-}
-
-// src/extensions/variable/index.ts
-var VariableNode = import_core7.Node.create({
-  name: "variable",
-  group: "inline",
-  inline: true,
-  atom: true,
-  selectable: true,
-  draggable: true,
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  addAttributes() {
-    return {
-      name: {
-        default: "",
-        parseHTML: (element) => element.getAttribute("data-name"),
-        renderHTML: (attributes) => ({
-          "data-name": attributes.name
-        })
-      },
-      fallback: {
-        default: void 0,
-        parseHTML: (element) => element.getAttribute("data-fallback"),
-        renderHTML: (attributes) => {
-          if (!attributes.fallback) return {};
-          return {
-            "data-fallback": attributes.fallback
-          };
-        }
-      },
-      category: {
-        default: void 0,
-        parseHTML: (element) => element.getAttribute("data-category"),
-        renderHTML: (attributes) => {
-          if (!attributes.category) return {};
-          return {
-            "data-category": attributes.category
-          };
-        }
-      }
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: 'span[data-type="variable"]'
-      }
-    ];
-  },
-  renderHTML({ node, HTMLAttributes }) {
-    const attrs = node.attrs;
-    return [
-      "span",
-      (0, import_core7.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, {
-        "data-type": "variable",
-        class: "variable-node"
-      }),
-      `{{${attrs.name}}}`
-    ];
-  },
-  addNodeView() {
-    return (0, import_react26.ReactNodeViewRenderer)(VariableNodeView);
-  },
-  addCommands() {
-    return {
-      insertVariable: (attrs) => ({ commands }) => {
-        return commands.insertContent({
-          type: this.name,
-          attrs
-        });
-      }
-    };
-  }
-});
-
-// src/utils/safe-parse.ts
-var import_dompurify = __toESM(require("dompurify"));
-var import_markdown_it = __toESM(require("markdown-it"));
-var md = new import_markdown_it.default({
-  html: false,
-  // keep it safe
-  linkify: true,
-  typographer: true
-});
-var DOMPURIFY_CONFIG = {
-  // Allowed tags (safe subset for rich text)
-  ALLOWED_TAGS: [
-    "p",
-    "br",
-    "span",
-    "div",
-    "h1",
-    "h2",
-    "h3",
-    "h4",
-    "h5",
-    "h6",
-    "strong",
-    "b",
-    "em",
-    "i",
-    "u",
-    "s",
-    "strike",
-    "del",
-    "ul",
-    "ol",
-    "li",
-    "blockquote",
-    "pre",
-    "code",
-    "a",
-    "img",
-    "table",
-    "thead",
-    "tbody",
-    "tr",
-    "th",
-    "td",
-    "hr",
-    "sub",
-    "sup",
-    "mark"
-  ],
-  // Allowed attributes
-  ALLOWED_ATTR: [
-    "href",
-    "src",
-    "alt",
-    "title",
-    "class",
-    "id",
-    "target",
-    "rel",
-    "colspan",
-    "rowspan",
-    "width",
-    "height"
-  ],
-  // Allow all data-* attributes (needed for Tiptap extensions like controlBlock)
-  ALLOW_DATA_ATTR: true,
-  // Forbid all event handlers and javascript: URLs
-  FORBID_ATTR: [
-    "onerror",
-    "onload",
-    "onclick",
-    "onmouseover",
-    "onmouseout",
-    "onfocus",
-    "onblur",
-    "onchange",
-    "onsubmit",
-    "onkeydown",
-    "onkeyup",
-    "onkeypress",
-    "ondblclick",
-    "oncontextmenu"
-  ],
-  // Forbid dangerous tags completely
-  FORBID_TAGS: [
-    "script",
-    "style",
-    "iframe",
-    "object",
-    "embed",
-    "form",
-    "input",
-    "button",
-    "textarea",
-    "select"
-  ],
-  // Block javascript: and data: URLs
-  ALLOWED_URI_REGEXP: /^(?:(?:https?|mailto|tel):|[^a-z]|[a-z+.-]+(?:[^a-z+.\-:]|$))/i
-};
-function sanitizeHtml(html) {
-  if (typeof window === "undefined") {
-    return html;
-  }
-  return import_dompurify.default.sanitize(html, DOMPURIFY_CONFIG);
-}
-function toPlainTextDoc(s) {
-  return {
-    type: "doc",
-    content: [
-      {
-        type: "paragraph",
-        content: s ? [{ type: "text", text: s }] : []
-      }
-    ]
-  };
-}
-function safeParseContent(content) {
-  if (!content || content === "") return { type: "doc", content: [] };
-  if (typeof content === "object") {
-    return content;
-  }
-  if (typeof content === "string") {
-    const trimmed = content.trim();
-    if (looksLikeJsonString(trimmed)) {
-      try {
-        const parsed = JSON.parse(trimmed);
-        if (isTiptapDoc(parsed)) return parsed;
-      } catch {
-      }
-    }
-    if (looksLikeHtml(trimmed)) {
-      return sanitizeHtml(trimmed);
-    }
-    const raw = normalizeNewlines(trimmed);
-    try {
-      const html = md.render(raw);
-      return sanitizeHtml(html);
-    } catch {
-    }
-    return toPlainTextDoc(raw);
-  }
-  return { type: "doc", content: [] };
-}
-function looksLikeJsonString(s) {
-  const c = s.trim().charCodeAt(0);
-  return c === 123 || c === 91;
-}
-function looksLikeHtml(s) {
-  const trimmed = s.trim();
-  if (trimmed.charCodeAt(0) !== 60) return false;
-  const secondChar = trimmed.charCodeAt(1);
-  return secondChar >= 65 && secondChar <= 90 || // A-Z
-  secondChar >= 97 && secondChar <= 122 || // a-z
-  secondChar === 33;
-}
-function isTiptapDoc(value) {
-  return Boolean(
-    value && typeof value === "object" && value.type === "doc" && Array.isArray(value.content)
-  );
-}
-function normalizeNewlines(raw) {
-  return raw.replace(/\r\n?/g, "\n").replace(/\\n/g, "\n");
-}
-
-// src/hooks/use-create-editor.ts
-var useCreateEditor = ({
-  content,
-  editable = true,
-  placeholder = "Write, type '/' for commands\u2026",
-  onChange,
-  enableControls = false,
-  controlResolver,
-  fileHandler: fileHandlerProp,
-  enableVariables = false,
-  ...options
-}) => {
-  const fileHandlerFromContext = useEditorFile();
-  const fileHandler = fileHandlerProp != null ? fileHandlerProp : fileHandlerFromContext;
-  const [extensions] = (0, import_react28.useState)(
-    () => getExtensions({
-      editable,
-      placeholder,
-      enableControls,
-      controlResolver,
-      fileHandler,
-      enableVariables
-    })
-  );
-  const editor = (0, import_react27.useEditor)({
-    editorProps: {
-      attributes: {
-        autocomplete: "off",
-        autocorrect: "off",
-        autocapitalize: "off",
-        "aria-label": "Main content area, start typing to enter text."
-      }
-    },
-    immediatelyRender: false,
-    shouldRerenderOnTransaction: false,
-    extensions,
-    editable,
-    onUpdate: ({ editor: editor2 }) => {
-      onChange == null ? void 0 : onChange(editor2.getJSON());
-    },
-    content: safeParseContent(content),
-    ...options
-  });
-  (0, import_react28.useEffect)(() => {
-    if (editor && editor.isEditable !== editable) {
-      editor.setEditable(editable);
-    }
-  }, [editor, editable]);
-  return editor;
-};
-function getExtensions({
-  editable,
-  placeholder,
-  enableControls = false,
-  controlResolver,
-  fileHandler,
-  enableVariables = false
-}) {
-  const extensions = [
-    import_starter_kit.StarterKit.configure({
-      trailingNode: false,
-      // we use our custom trailing node extension
-      link: false,
-      // we use our custom link extension
-      code: false,
-      // we use our own
-      codeBlock: false
-      // we use our own
-      // undoRedo should be dynamic based on collaboration, later.^
-    }),
-    import_extension_text_align.TextAlign.configure({ types: ["heading", "paragraph"] }),
-    import_extension_list.TaskList,
-    import_extension_list.TaskItem.configure({ nested: true }),
-    import_extension_invisible_characters.default.configure({
-      visible: false
-    }),
-    import_extension_table_of_contents.TableOfContents.configure({
-      getIndex: import_extension_table_of_contents.getHierarchicalIndexes
-    }),
-    Selection,
-    Link.configure({ openOnClick: !editable }),
-    // disable link click when editing
-    import_extension_text_style.TextStyleKit,
-    import_extension_highlight.Highlight.configure({ multicolor: true }),
-    import_extensions.CharacterCount,
-    import_extension_typography.Typography,
-    import_extension_superscript.Superscript,
-    import_extension_subscript.Subscript,
-    import_extension_code.CodeKit,
-    TrailingNode,
-    import_extension_unique_id.UniqueID.configure({
-      types: [
-        "paragraph",
-        "bulletList",
-        "orderedList",
-        "taskList",
-        "heading",
-        "blockquote",
-        "codeBlock"
-      ]
-      //	filterTransaction: (transaction) => !isChangeOrigin(transaction),
-    }),
-    UiState,
-    import_extension_table.TableKit,
-    TocNode,
-    CalloutNode,
-    MathBlock,
-    InlineMath,
-    // Image support - extended with file reference resolution
-    ImageNode.configure({
-      allowBase64: true
-    }),
-    // Image upload placeholder
-    ImageUploadNode,
-    import_extensions.Placeholder.configure({
-      placeholder,
-      emptyNodeClass: "is-empty with-slash"
-    })
-  ];
-  if (enableControls) {
-    extensions.push(import_extension_controlref.ControlKit.configure({ resolver: controlResolver }));
-  }
-  if (enableVariables) {
-    extensions.push(VariableNode);
-  }
-  if (fileHandler) {
-    extensions.push(
-      import_extension_file_handler.FileHandler.configure({
-        allowedMimeTypes: [
-          "image/jpeg",
-          "image/png",
-          "image/gif",
-          "image/webp",
-          "image/svg+xml"
-        ],
-        onDrop: (editor, files, pos) => {
-          for (const file of files) {
-            handleFileUpload(editor, file, fileHandler, pos);
-          }
-        },
-        onPaste: (editor, files) => {
-          for (const file of files) {
-            handleFileUpload(editor, file, fileHandler);
-          }
-        }
-      })
-    );
-  }
-  return extensions;
-}
-async function handleFileUpload(editor, file, fileHandler, pos) {
-  if (!editor) return;
-  const tempId = `uploading-${Date.now()}-${Math.random().toString(36).slice(2)}`;
-  const insertPos = pos != null ? pos : editor.state.selection.anchor;
-  editor.chain().focus().insertContentAt(insertPos, {
-    type: "image",
-    attrs: {
-      src: tempId,
-      uploadState: "uploading",
-      uploadProgress: 0
-    }
-  }).run();
-  try {
-    const ref = await fileHandler.upload(file, (percent) => {
-      editor.state.doc.descendants((node, nodePos) => {
-        if (node.type.name === "image" && node.attrs.src === tempId) {
-          editor.view.dispatch(
-            editor.state.tr.setNodeMarkup(nodePos, void 0, {
-              ...node.attrs,
-              uploadProgress: percent
-            })
-          );
-          return false;
-        }
-        return true;
-      });
-    });
-    editor.state.doc.descendants((node, nodePos) => {
-      if (node.type.name === "image" && node.attrs.src === tempId) {
-        editor.view.dispatch(
-          editor.state.tr.setNodeMarkup(nodePos, void 0, {
-            src: ref,
-            uploadState: null,
-            uploadProgress: null
-          })
-        );
-        return false;
-      }
-      return true;
-    });
-  } catch (error) {
-    editor.state.doc.descendants((node, nodePos) => {
-      if (node.type.name === "image" && node.attrs.src === tempId) {
-        editor.view.dispatch(
-          editor.state.tr.setNodeMarkup(nodePos, void 0, {
-            ...node.attrs,
-            uploadState: "error",
-            uploadProgress: null
-          })
-        );
-        return false;
-      }
-      return true;
-    });
-    console.error("[FileHandler] Upload failed:", error);
-  }
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getExtensions,
-  useCreateEditor
-});