@cyberyozh/text-editor 0.1.6 → 0.1.8

package/dist/editor.js

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(editor_exports);
 
 // src/editor/editor.tsx
 var import_react36 = require("react");
-var import_state5 = require("@tiptap/pm/state");
+var import_state6 = require("@tiptap/pm/state");
 var import_model = require("@tiptap/pm/model");
 var import_react37 = require("@tiptap/react");
 var import_menus = require("@tiptap/react/menus");
@@ -785,7 +785,6 @@ var BubbleMenuContent = ({ editor, onLinkClick }) => {
   } = (0, import_react4.useEditorState)({
     editor,
     selector: (ctx) => {
-      if (!editor) return {};
       return {
         canUndo: ctx.editor.can().undo(),
         canRedo: ctx.editor.can().redo(),
@@ -825,320 +824,329 @@ var BubbleMenuContent = ({ editor, onLinkClick }) => {
     onLinkClick?.(selectedText, linkUrl);
     openDialogCommand("link");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: `bubble-menu ${textColor || highlightColor ? "hide-text-selection" : ""}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "tiptap-controls-group", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "button",
-        {
-          className: "tiptap-control-button",
-          onClick: () => editor.chain().focus().undo().run(),
-          disabled: !canUndo,
-          title: translations2.history.undo,
-          type: "button",
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Undo_default, {})
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "button",
-        {
-          className: "tiptap-control-button",
-          onClick: () => editor.chain().focus().redo().run(),
-          disabled: !canRedo,
-          type: "button",
-          title: translations2.history.redo,
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Redo_default, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "tiptap-controls-group", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "button",
-        {
-          type: "button",
-          title: translations2.headings.h2,
-          onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
-          className: `tiptap-control-button ${isHeading2 ? "is-active" : ""}`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(H2_default, {})
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "button",
-        {
-          type: "button",
-          title: translations2.headings.h3,
-          onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
-          className: `tiptap-control-button ${isHeading3 ? "is-active" : ""}`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(H3_default, {})
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "button",
-        {
-          type: "button",
-          title: translations2.headings.h4,
-          onClick: () => editor.chain().focus().toggleHeading({ level: 4 }).run(),
-          className: `tiptap-control-button ${isHeading4 ? "is-active" : ""}`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(H4_default, {})
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "button",
-        {
-          type: "button",
-          title: translations2.headings.h5,
-          onClick: () => editor.chain().focus().toggleHeading({ level: 5 }).run(),
-          className: `tiptap-control-button ${isHeading5 ? "is-active" : ""}`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(H5_default, {})
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "button",
-        {
-          type: "button",
-          title: translations2.headings.h6,
-          onClick: () => editor.chain().focus().toggleHeading({ level: 6 }).run(),
-          className: `tiptap-control-button ${isHeading6 ? "is-active" : ""}`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(H6_default, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "tiptap-controls-group", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "button",
-        {
-          onClick: () => editor.chain().focus().toggleBold().run(),
-          className: `${isBold ? "is-active" : ""} tiptap-control-button`,
-          title: translations2.textFormatting.bold,
-          type: "button",
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Bold_default, {})
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "button",
-        {
-          onClick: () => editor.chain().focus().toggleItalic().run(),
-          className: `${isItalic ? "is-active" : ""} tiptap-control-button`,
-          title: translations2.textFormatting.italic,
-          type: "button",
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Italic_default, {})
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "button",
-        {
-          onClick: () => editor.chain().focus().toggleUnderline().run(),
-          className: `${isUnderline ? "is-active" : ""} tiptap-control-button`,
-          title: translations2.textFormatting.underline,
-          type: "button",
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Underline_default, {})
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "button",
-        {
-          onClick: () => editor.chain().focus().toggleStrike().run(),
-          className: `${isStrikethrough ? "is-active" : ""} tiptap-control-button`,
-          title: translations2.textFormatting.strikethrough,
-          type: "button",
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Strikethrough_default, {})
-        }
-      )
-    ] }),
-    isTable && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "tiptap-controls-group", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "button",
-        {
-          className: "tiptap-control-button",
-          type: "button",
-          title: translations2.table.mergeCells,
-          onClick: () => editor.chain().focus().mergeCells().run(),
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(MergeCells_default, {})
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "button",
-        {
-          className: "tiptap-control-button",
-          type: "button",
-          title: translations2.table.splitCell,
-          onClick: () => editor.chain().focus().splitCell().run(),
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SplitCells_default, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "tiptap-controls-group", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { style: { position: "relative" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+    "div",
+    {
+      className: `bubble-menu ${textColor || highlightColor ? "hide-text-selection" : ""}`,
+      onMouseDown: (e) => {
+        e.preventDefault();
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "tiptap-controls-group", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "button",
+            {
+              className: "tiptap-control-button",
+              onClick: () => editor.chain().focus().undo().run(),
+              disabled: !canUndo,
+              title: translations2.history.undo,
+              type: "button",
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Undo_default, {})
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "button",
+            {
+              className: "tiptap-control-button",
+              onClick: () => editor.chain().focus().redo().run(),
+              disabled: !canRedo,
+              type: "button",
+              title: translations2.history.redo,
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Redo_default, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "tiptap-controls-group", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "button",
+            {
+              type: "button",
+              title: translations2.headings.h2,
+              onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+              className: `tiptap-control-button ${isHeading2 ? "is-active" : ""}`,
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(H2_default, {})
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "button",
+            {
+              type: "button",
+              title: translations2.headings.h3,
+              onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+              className: `tiptap-control-button ${isHeading3 ? "is-active" : ""}`,
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(H3_default, {})
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "button",
+            {
+              type: "button",
+              title: translations2.headings.h4,
+              onClick: () => editor.chain().focus().toggleHeading({ level: 4 }).run(),
+              className: `tiptap-control-button ${isHeading4 ? "is-active" : ""}`,
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(H4_default, {})
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "button",
+            {
+              type: "button",
+              title: translations2.headings.h5,
+              onClick: () => editor.chain().focus().toggleHeading({ level: 5 }).run(),
+              className: `tiptap-control-button ${isHeading5 ? "is-active" : ""}`,
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(H5_default, {})
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "button",
+            {
+              type: "button",
+              title: translations2.headings.h6,
+              onClick: () => editor.chain().focus().toggleHeading({ level: 6 }).run(),
+              className: `tiptap-control-button ${isHeading6 ? "is-active" : ""}`,
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(H6_default, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "tiptap-controls-group", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "button",
+            {
+              onClick: () => editor.chain().focus().toggleBold().run(),
+              className: `${isBold ? "is-active" : ""} tiptap-control-button`,
+              title: translations2.textFormatting.bold,
+              type: "button",
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Bold_default, {})
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "button",
+            {
+              onClick: () => editor.chain().focus().toggleItalic().run(),
+              className: `${isItalic ? "is-active" : ""} tiptap-control-button`,
+              title: translations2.textFormatting.italic,
+              type: "button",
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Italic_default, {})
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "button",
+            {
+              onClick: () => editor.chain().focus().toggleUnderline().run(),
+              className: `${isUnderline ? "is-active" : ""} tiptap-control-button`,
+              title: translations2.textFormatting.underline,
+              type: "button",
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Underline_default, {})
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "button",
+            {
+              onClick: () => editor.chain().focus().toggleStrike().run(),
+              className: `${isStrikethrough ? "is-active" : ""} tiptap-control-button`,
+              title: translations2.textFormatting.strikethrough,
+              type: "button",
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Strikethrough_default, {})
+            }
+          )
+        ] }),
+        isTable && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "tiptap-controls-group", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "button",
+            {
+              className: "tiptap-control-button",
+              type: "button",
+              title: translations2.table.mergeCells,
+              onClick: () => editor.chain().focus().mergeCells().run(),
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(MergeCells_default, {})
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "button",
+            {
+              className: "tiptap-control-button",
+              type: "button",
+              title: translations2.table.splitCell,
+              onClick: () => editor.chain().focus().splitCell().run(),
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SplitCells_default, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "tiptap-controls-group", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { style: { position: "relative" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              "button",
+              {
+                onClick: () => {
+                  textColorInputRef.current?.click();
+                },
+                className: "tiptap-control-button",
+                type: "button",
+                title: translations2.textFormatting.textColor,
+                style: { color: textColor },
+                children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TextColor_default, {})
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              "input",
+              {
+                ref: textColorInputRef,
+                type: "color",
+                value: textColor,
+                onChange: (e) => {
+                  editor.chain().focus().setColor(e.target.value).run();
+                },
+                style: {
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  width: "100%",
+                  height: "100%",
+                  opacity: 0,
+                  pointerEvents: "none"
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { style: { position: "relative" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              "button",
+              {
+                onClick: () => {
+                  highlightColorInputRef.current?.click();
+                },
+                className: "tiptap-control-button",
+                type: "button",
+                title: translations2.textFormatting.highlightColor,
+                style: { color: highlightColor },
+                children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Highlight_default, {})
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              "input",
+              {
+                ref: highlightColorInputRef,
+                type: "color",
+                value: highlightColor,
+                onChange: (e) => {
+                  editor.chain().focus().setHighlight({ color: e.target.value }).run();
+                },
+                style: {
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  width: "100%",
+                  height: "100%",
+                  opacity: 0,
+                  pointerEvents: "none"
+                }
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "tiptap-controls-group", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           "button",
           {
-            onClick: () => {
-              textColorInputRef.current?.click();
-            },
-            className: "tiptap-control-button",
             type: "button",
-            title: translations2.textFormatting.textColor,
-            style: { color: textColor },
-            children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TextColor_default, {})
+            onClick: () => editor.chain().focus().toggleCopyable().run(),
+            className: `${isCopyable ? "is-active" : ""} tiptap-control-button`,
+            title: translations2.textFormatting.copyableText,
+            children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Copyable_default, {})
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-          "input",
-          {
-            ref: textColorInputRef,
-            type: "color",
-            value: textColor,
-            onChange: (e) => {
-              editor.chain().focus().setColor(e.target.value).run();
-            },
-            style: {
-              position: "absolute",
-              top: 0,
-              left: 0,
-              width: "100%",
-              height: "100%",
-              opacity: 0,
-              pointerEvents: "none"
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "tiptap-controls-group", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "button",
+            {
+              title: isLink ? translations2.link.editLink : translations2.link.addLinkTitle,
+              onClick: handleLinkClick,
+              className: `${isLink ? "is-active" : ""} tiptap-control-button`,
+              type: "button",
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Link_default, {})
             }
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { style: { position: "relative" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+          ),
+          isLink && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "button",
+            {
+              onClick: () => editor.chain().focus().unsetLink().run(),
+              className: "tiptap-control-button tiptap-control-button--delete",
+              type: "button",
+              title: translations2.link.removeLinkTitle,
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(LinkOff_default, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "tiptap-controls-group", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "button",
+            {
+              onClick: () => editor.chain().focus().setTextAlign("left").run(),
+              className: `${isTextAlignLeft ? "is-active" : ""} tiptap-control-button`,
+              title: translations2.alignment.alignLeft,
+              type: "button",
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AlignLeft_default, {})
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "button",
+            {
+              onClick: () => editor.chain().focus().setTextAlign("center").run(),
+              className: `${isTextAlignCenter ? "is-active" : ""} tiptap-control-button`,
+              title: translations2.alignment.alignCenter,
+              type: "button",
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AlignCenter_default, {})
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "button",
+            {
+              onClick: () => editor.chain().focus().setTextAlign("right").run(),
+              className: `${isTextAlignRight ? "is-active" : ""} tiptap-control-button`,
+              title: translations2.alignment.alignRight,
+              type: "button",
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AlignRight_default, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "tiptap-controls-group", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => editor.chain().focus().toggleSuperscript().run(),
+              className: `${isSuperscript ? "is-active" : ""} tiptap-control-button`,
+              title: translations2.textFormatting.superscript,
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Superscript_default, {})
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => editor.chain().focus().toggleSubscript().run(),
+              className: `${isSubscript ? "is-active" : ""} tiptap-control-button`,
+              title: translations2.textFormatting.subscript,
+              children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Subscript_default, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "tiptap-controls-group", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           "button",
           {
+            type: "button",
             onClick: () => {
-              highlightColorInputRef.current?.click();
+              editor.chain().focus().clearNodes().run();
+              editor.chain().focus().unsetAllMarks().run();
             },
+            disabled: !canClearMarks,
             className: "tiptap-control-button",
-            type: "button",
-            title: translations2.textFormatting.highlightColor,
-            style: { color: highlightColor },
-            children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Highlight_default, {})
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-          "input",
-          {
-            ref: highlightColorInputRef,
-            type: "color",
-            value: highlightColor,
-            onChange: (e) => {
-              editor.chain().focus().setHighlight({ color: e.target.value }).run();
-            },
-            style: {
-              position: "absolute",
-              top: 0,
-              left: 0,
-              width: "100%",
-              height: "100%",
-              opacity: 0,
-              pointerEvents: "none"
-            }
+            title: translations2.textFormatting.clearFormatting,
+            children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ClearFormatting_default, {})
           }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "tiptap-controls-group", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-      "button",
-      {
-        type: "button",
-        onClick: () => editor.chain().focus().toggleCopyable().run(),
-        className: `${isCopyable ? "is-active" : ""} tiptap-control-button`,
-        title: translations2.textFormatting.copyableText,
-        children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Copyable_default, {})
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "tiptap-controls-group", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "button",
-        {
-          title: isLink ? translations2.link.editLink : translations2.link.addLinkTitle,
-          onClick: handleLinkClick,
-          className: `${isLink ? "is-active" : ""} tiptap-control-button`,
-          type: "button",
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Link_default, {})
-        }
-      ),
-      isLink && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "button",
-        {
-          onClick: () => editor.chain().focus().unsetLink().run(),
-          className: "tiptap-control-button tiptap-control-button--delete",
-          type: "button",
-          title: translations2.link.removeLinkTitle,
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(LinkOff_default, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "tiptap-controls-group", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "button",
-        {
-          onClick: () => editor.chain().focus().setTextAlign("left").run(),
-          className: `${isTextAlignLeft ? "is-active" : ""} tiptap-control-button`,
-          title: translations2.alignment.alignLeft,
-          type: "button",
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AlignLeft_default, {})
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "button",
-        {
-          onClick: () => editor.chain().focus().setTextAlign("center").run(),
-          className: `${isTextAlignCenter ? "is-active" : ""} tiptap-control-button`,
-          title: translations2.alignment.alignCenter,
-          type: "button",
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AlignCenter_default, {})
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "button",
-        {
-          onClick: () => editor.chain().focus().setTextAlign("right").run(),
-          className: `${isTextAlignRight ? "is-active" : ""} tiptap-control-button`,
-          title: translations2.alignment.alignRight,
-          type: "button",
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(AlignRight_default, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "tiptap-controls-group", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "button",
-        {
-          type: "button",
-          onClick: () => editor.chain().focus().toggleSuperscript().run(),
-          className: `${isSuperscript ? "is-active" : ""} tiptap-control-button`,
-          title: translations2.textFormatting.superscript,
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Superscript_default, {})
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-        "button",
-        {
-          type: "button",
-          onClick: () => editor.chain().focus().toggleSubscript().run(),
-          className: `${isSubscript ? "is-active" : ""} tiptap-control-button`,
-          title: translations2.textFormatting.subscript,
-          children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Subscript_default, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "tiptap-controls-group", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          editor.chain().focus().clearNodes().run();
-          editor.chain().focus().unsetAllMarks().run();
-        },
-        disabled: !canClearMarks,
-        className: "tiptap-control-button",
-        title: translations2.textFormatting.clearFormatting,
-        children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ClearFormatting_default, {})
-      }
-    ) })
-  ] });
+        ) })
+      ]
+    }
+  );
 };
 
 // src/editor/controls/drag-handle.tsx
@@ -1415,7 +1423,9 @@ var CommandsList = (0, import_react7.forwardRef)(({ items, command }, ref) => {
     if (item) {
       if (item.dialogCommand) {
         openDialogCommand(item.dialogCommand);
+        command(item);
       } else {
+        console.log("open video");
         command(item);
       }
     }
@@ -1428,6 +1438,10 @@ var CommandsList = (0, import_react7.forwardRef)(({ items, command }, ref) => {
     {
       ref: listRef,
       className: "commands-list-container",
+      onMouseDown: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+      },
       children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
         "button",
         {
@@ -2478,11 +2492,7 @@ var SUPPORTED_PLATFORMS = {
   ["rutube" /* Rutube */]: "Rutube",
   ["vk" /* VK */]: "VK"
 };
-var AddVideoDialog = ({
-  open,
-  onClose,
-  onVideoAdd
-}) => {
+var AddVideoDialog = ({ open, onClose, onVideoAdd }) => {
   const translations2 = useTiptapTranslations();
   const [url, setUrl] = (0, import_react16.useState)("");
   const [error, setError] = (0, import_react16.useState)("");
@@ -2565,6 +2575,7 @@ var AddVideoDialog = ({
               {
                 ref: urlInputRef,
                 id: "video-url",
+                autoComplete: "off",
                 type: "text",
                 className: "video-dialog-input",
                 placeholder: translations2.videoUpload.urlPlaceholder,
@@ -4279,23 +4290,26 @@ var PromptContent = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ (0,
   }
 ) });
 
-// src/extensions/views/components/video.tsx
+// src/extensions/views/components/table.tsx
 var import_jsx_runtime82 = require("react/jsx-runtime");
+
+// src/extensions/views/components/video.tsx
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var Video = ({ src, children }) => {
   const videoInfo = detectVideoHosting(src);
   if (!videoInfo?.embedUrl) {
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "video-node", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "video-error", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: "Unsupported or invalid video URL" }) }),
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "video-node", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "video-error", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { children: "Unsupported or invalid video URL" }) }),
       children
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
     "div",
     {
       className: "video-node",
       "data-video": "",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "video-player-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "video-player-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
           "iframe",
           {
             className: "video-iframe",
@@ -4314,7 +4328,7 @@ var Video = ({ src, children }) => {
 // src/editor/controls/emoji-picker.tsx
 var import_react18 = require("react");
 var import_emoji_picker_react = __toESM(require("emoji-picker-react"));
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var EmojiPickerComponent = ({ isOpen, onClose, onEmojiSelect }) => {
   const pickerRef = (0, import_react18.useRef)(null);
   const translations2 = useTiptapTranslations();
@@ -4332,12 +4346,12 @@ var EmojiPickerComponent = ({ isOpen, onClose, onEmojiSelect }) => {
     };
   }, [isOpen, onClose]);
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
     "div",
     {
       ref: pickerRef,
       className: "tiptap__emoji-picker-wrapper",
-      children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
         import_emoji_picker_react.default,
         {
           skinTonesDisabled: true,
@@ -4362,7 +4376,7 @@ var EmojiPickerComponent = ({ isOpen, onClose, onEmojiSelect }) => {
 };
 
 // src/extensions/views/node-views/callout.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var CalloutView = (props) => {
   const type = props.node.attrs.type || "info";
   const bgColor = props.node.attrs.bgColor;
@@ -4377,23 +4391,23 @@ var CalloutView = (props) => {
     props.updateAttributes({ emoji: newEmoji });
     setShowEmojiPicker(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react19.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react19.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
     Callout,
     {
       type,
       bgColor,
       emoji,
-      iconWrapper: (icon) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "callout-icon-wrapper", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+      iconWrapper: (icon) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "callout-icon-wrapper", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           "button",
           {
             className: "callout-icon-button",
             onClick: handleIconClick,
             type: "button",
-            children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "callout-icon", children: icon })
+            children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "callout-icon", children: icon })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           EmojiPickerComponent,
           {
             isOpen: showEmojiPicker,
@@ -4402,7 +4416,7 @@ var CalloutView = (props) => {
           }
         )
       ] }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react19.NodeViewContent, { as: "div" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react19.NodeViewContent, { as: "div" })
     }
   ) });
 };
@@ -4410,7 +4424,7 @@ var CalloutView = (props) => {
 // src/extensions/views/node-views/code-block.tsx
 var import_react21 = require("react");
 var import_react22 = require("@tiptap/react");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var CodeBlockView = (props) => {
   const [selectedLanguage, setSelectedLanguage] = (0, import_react21.useState)(props.node.attrs.language ?? "");
   const translations2 = useTiptapTranslations();
@@ -4418,71 +4432,71 @@ var CodeBlockView = (props) => {
     props.updateAttributes({ language });
     setSelectedLanguage(language);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react22.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react22.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     CodeBlock,
     {
       language: selectedLanguage,
       isEditable: props.editor.isEditable,
       onLanguageChange: handleLanguageChange,
       translations: translations2,
-      children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react22.NodeViewContent, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react22.NodeViewContent, {})
     }
   ) });
 };
 
 // src/extensions/views/node-views/copyable-text.tsx
 var import_react23 = require("@tiptap/react");
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var CopyableTextView = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(CopyableText2, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react23.MarkViewContent, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(CopyableText2, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react23.MarkViewContent, {}) });
 };
 
 // src/extensions/views/node-views/custom-quote.tsx
 var import_react24 = require("@tiptap/react");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var CustomQuoteView = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react24.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(CustomQuote, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react24.NodeViewContent, {}) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CustomQuote, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewContent, {}) }) });
 };
 var CustomQuoteTextView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react24.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     CustomQuoteText,
     {
       isEmpty,
       placeholder: translations2.customQuote.textPlaceholder,
-      children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react24.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 var CustomQuoteAuthorView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react24.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     CustomQuoteAuthor,
     {
       isEmpty,
       placeholder: translations2.customQuote.authorPlaceholder,
-      children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react24.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 var CustomQuoteSignView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react24.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     CustomQuoteSign,
     {
       isEmpty,
       placeholder: translations2.customQuote.signPlaceholder,
-      children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react24.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react24.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 
 // src/extensions/views/node-views/figure.tsx
 var import_react25 = require("@tiptap/react");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var FigureView = ({ node, getPos, editor }) => {
   const { fileId, src, alt, title, caption, width, height } = node.attrs;
   const imageExtension = editor.extensionManager.extensions.find((ext) => ext.name === "image");
@@ -4491,12 +4505,12 @@ var FigureView = ({ node, getPos, editor }) => {
   const handleEditClick = () => {
     onFigureClick?.(node.attrs, getPos());
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
     import_react25.NodeViewWrapper,
     {
       className: "figure-node-view",
       "data-drag-handle": true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
         Figure,
         {
           fileId,
@@ -4517,38 +4531,38 @@ var FigureView = ({ node, getPos, editor }) => {
 
 // src/extensions/views/node-views/prompt.tsx
 var import_react26 = require("@tiptap/react");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var PromptHeaderView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react26.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react26.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
     PromptHeader,
     {
       isEmpty,
       placeholder: translations2.prompt.headerPlaceholder,
-      children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react26.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react26.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 var PromptContentView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react26.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react26.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
     PromptContent,
     {
       isEmpty,
       placeholder: translations2.prompt.contentPlaceholder,
-      children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react26.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react26.NodeViewContent, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 
 // src/extensions/views/node-views/video.tsx
 var import_react27 = require("@tiptap/react");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var VideoView = (props) => {
   const { src } = props.node.attrs;
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react27.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Video, { src, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react27.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Video, { src, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     import_react27.NodeViewContent,
     {
       as: "div",
@@ -5151,48 +5165,56 @@ function getEditorExtensions(options) {
 }
 
 // src/editor/handlers/dialog-handlers.ts
-var createHandleImageAdd = (editor, closeDialogCommand) => {
+var import_state5 = require("@tiptap/pm/state");
+var createHandleImageAdd = (editor, closeDialogCommand, savedPos) => {
   return (attrs) => {
     if (!editor) return;
     const { state } = editor;
-    const { $from } = state.selection;
-    const text = $from.parent.textContent;
-    if (text.lastIndexOf("/") !== -1) {
-      editor.chain().focus().command(({ tr }) => {
-        const node = editor.schema.nodes.image.create({ ...attrs });
-        tr.replaceWith($from.before(), $from.after(), node);
-        return true;
-      }).run();
-    } else {
-      editor?.chain().focus().setFigure(attrs).run();
-    }
+    const insertPos = savedPos ?? state.selection.from;
+    editor.chain().focus().command(({ tr, state: state2 }) => {
+      const $pos = state2.doc.resolve(insertPos);
+      const imageNode = state2.schema.nodes.image.create({ ...attrs });
+      if ($pos.parent.type.name === "paragraph" && $pos.parent.textContent === "") {
+        tr.replaceWith($pos.before(), $pos.after(), imageNode);
+        tr.setSelection(import_state5.TextSelection.near(tr.doc.resolve($pos.before())));
+      } else {
+        tr.insert(insertPos, imageNode);
+        tr.setSelection(import_state5.TextSelection.near(tr.doc.resolve(insertPos)));
+      }
+      return true;
+    }).run();
     closeDialogCommand();
   };
 };
 var createHandleImageEdit = (editor, closeDialogCommand, pos) => {
   return (attrs) => {
+    console.log("\u{1F440} ~ createHandleImageEdit ~ attrs:", attrs);
     if (!editor || pos === void 0) return;
     editor.chain().focus().setNodeSelection(pos).updateFigure(attrs).run();
     closeDialogCommand();
   };
 };
-var createHandleVideoAdd = (editor, closeDialogCommand) => {
+var createHandleVideoAdd = (editor, closeDialogCommand, savedPos) => {
   return (url) => {
     if (!editor) return;
     const { state } = editor;
-    const { $from } = state.selection;
-    editor.chain().focus().command(({ tr }) => {
-      tr.replaceWith(
-        $from.before(),
-        $from.after(),
-        editor.schema.nodes.video.create({ src: url })
-      );
+    const insertPos = savedPos ?? state.selection.from;
+    editor.chain().focus().command(({ tr, state: state2 }) => {
+      const $pos = state2.doc.resolve(insertPos);
+      const videoNode = state2.schema.nodes.video.create({ src: url });
+      if ($pos.parent.type.name === "paragraph" && $pos.parent.textContent === "") {
+        tr.replaceWith($pos.before(), $pos.after(), videoNode);
+        tr.setSelection(import_state5.TextSelection.near(tr.doc.resolve($pos.before())));
+      } else {
+        tr.insert(insertPos, videoNode);
+        tr.setSelection(import_state5.TextSelection.near(tr.doc.resolve(insertPos)));
+      }
       return true;
     }).run();
     closeDialogCommand();
   };
 };
-var createHandleLinkAdd = (editor, closeDialogCommand) => {
+var createHandleLinkAdd = (editor, closeDialogCommand, savedPos) => {
   return (title, url) => {
     if (!editor) return;
     const hasSelection = !editor.state.selection.empty;
@@ -5204,44 +5226,33 @@ var createHandleLinkAdd = (editor, closeDialogCommand) => {
         return true;
       }).run();
     } else {
-      editor.chain().focus().command(({ tr, state }) => {
-        const { $from } = state.selection;
-        const text = $from.parent.textContent;
-        const nodeStart = $from.start();
-        const beforeCursor = text.substring(0, $from.pos - nodeStart);
-        const slashIndex = beforeCursor.lastIndexOf("/");
-        if (slashIndex !== -1) {
-          tr.delete(nodeStart + slashIndex, $from.pos);
-        }
+      const { state } = editor;
+      const insertPos = savedPos ?? state.selection.from;
+      editor.chain().focus().command(({ tr }) => {
+        const linkMark = editor.schema.marks.link.create({ href: url });
+        const textNode = editor.schema.text(title, [linkMark]);
+        tr.insert(insertPos, textNode);
+        tr.setSelection(import_state5.TextSelection.create(tr.doc, insertPos, insertPos + title.length));
         return true;
-      }).extendMarkRange("link").setLink({ href: url }).insertContent(title).run();
+      }).run();
     }
     closeDialogCommand();
   };
 };
-var createHandleKatexAdd = (editor, closeDialogCommand) => {
+var createHandleKatexAdd = (editor, closeDialogCommand, savedPos) => {
   return (latex, pos) => {
     if (!editor) return;
     if (pos !== void 0) {
       editor.chain().setNodeSelection(pos).updateInlineMath({ latex }).focus().run();
     } else {
       const { state } = editor;
-      const { $from } = state.selection;
-      const text = $from.parent.textContent;
-      const nodeStart = $from.start();
-      const beforeCursor = text.substring(0, $from.pos - nodeStart);
-      const slashIndex = beforeCursor.lastIndexOf("/");
-      if (slashIndex !== -1) {
-        const deleteFrom = nodeStart + slashIndex;
-        const deleteTo = $from.pos;
-        editor.chain().focus().command(({ tr, state: state2 }) => {
-          const inlineMathNode = state2.schema.nodes.inlineMath.create({ latex });
-          tr.replaceRangeWith(deleteFrom, deleteTo, inlineMathNode);
-          return true;
-        }).run();
-      } else {
-        editor.chain().insertInlineMath({ latex }).focus().run();
-      }
+      const insertPos = savedPos ?? state.selection.from;
+      editor.chain().focus().command(({ tr, state: state2 }) => {
+        const inlineMathNode = state2.schema.nodes.inlineMath.create({ latex });
+        tr.insert(insertPos, inlineMathNode);
+        tr.setSelection(import_state5.TextSelection.near(tr.doc.resolve(insertPos)));
+        return true;
+      }).run();
     }
     closeDialogCommand();
   };
@@ -5385,7 +5396,7 @@ var getCommandItems = (translations2, hasImageHandlers) => [
     onClick: (editor) => {
       editor.chain().focus().insertContent({
         type: "callout",
-        attrs: { type: "", bgColor: "#F7F7F8" },
+        attrs: { type: "", bgColor: "#F7F7F8", emoji: "callout-info" },
         content: [
           {
             type: "paragraph",
@@ -5551,7 +5562,7 @@ var filterCommandItems = (items, query) => {
 };
 
 // src/editor/commands/suggestion.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var component = null;
 var closeMenu = () => {
   if (component) {
@@ -5565,7 +5576,7 @@ var mapCommandMenuItemToCommandItem = (item) => {
   const IconComponent = item.icon;
   return {
     title: item.title,
-    icon: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(IconComponent, {}),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(IconComponent, {}),
     command: ({ editor, range }) => {
       editor.chain().focus().deleteRange(range).run();
       item.onClick(editor);
@@ -5988,7 +5999,7 @@ function getTranslations(lang) {
 }
 
 // src/editor/editor.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 function TiptapContent({
   content,
   handleChange,
@@ -6003,6 +6014,7 @@ function TiptapContent({
     null
   );
   const [editFigureContext, setEditFigureContext] = (0, import_react36.useState)(null);
+  const [savedDialogCursorPos, setSavedDialogCursorPos] = (0, import_react36.useState)(void 0);
   const { activeDialog, closeDialogCommand, openDialogCommand } = useDialogCommand();
   const translations2 = useTiptapTranslations();
   let safeContent;
@@ -6052,18 +6064,31 @@ function TiptapContent({
     },
     [lang]
   );
+  (0, import_react36.useEffect)(() => {
+    if (activeDialog && editor && !editor.isDestroyed) {
+      const pos = editor.state.selection.from;
+      setSavedDialogCursorPos(pos);
+    }
+  }, [activeDialog, editor]);
   const handleCloseDialog = () => {
     setLinkDialogContext(null);
     setKatexDialogContext(null);
     setEditFigureContext(null);
+    setSavedDialogCursorPos(void 0);
     closeDialogCommand();
   };
-  const handleImageAdd = createHandleImageAdd(editor, handleCloseDialog);
+  const handleImageAdd = (attrs) => {
+    createHandleImageAdd(editor, handleCloseDialog, savedDialogCursorPos)(attrs);
+  };
   const handleImageEdit = createHandleImageEdit(editor, handleCloseDialog, editFigureContext?.pos);
-  const handleVideoAdd = createHandleVideoAdd(editor, handleCloseDialog);
-  const handleLinkAdd = createHandleLinkAdd(editor, handleCloseDialog);
+  const handleVideoAdd = (url) => {
+    createHandleVideoAdd(editor, handleCloseDialog, savedDialogCursorPos)(url);
+  };
+  const handleLinkAdd = (title, url) => {
+    createHandleLinkAdd(editor, handleCloseDialog, savedDialogCursorPos)(title, url);
+  };
   const handleKatexAdd = (latex) => {
-    const katexHandler = createHandleKatexAdd(editor, handleCloseDialog);
+    const katexHandler = createHandleKatexAdd(editor, handleCloseDialog, savedDialogCursorPos);
     katexHandler(latex, katexDialogContext?.pos);
   };
   (0, import_react36.useEffect)(() => {
@@ -6072,9 +6097,8 @@ function TiptapContent({
       emitUpdate: false
     });
   }, [content, editor]);
-  if (!editor) return null;
   const shouldBubbleMenuShow = ({ state }) => {
-    if (state.selection instanceof import_state5.NodeSelection) {
+    if (state.selection instanceof import_state6.NodeSelection) {
       return false;
     }
     if (state.selection.empty) {
@@ -6085,16 +6109,17 @@ function TiptapContent({
     }
     return true;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-    !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(DragHandle, { editor }),
-    isEditable && !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(TableMenu, { editor }),
-    !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  if (!editor) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(DragHandle, { editor }),
+    isEditable && !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TableMenu, { editor }),
+    isEditable && !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       import_menus.BubbleMenu,
       {
         shouldShow: shouldBubbleMenuShow,
         editor,
         options: { placement: "bottom", offset: 8, flip: true },
-        children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           BubbleMenuContent,
           {
             editor,
@@ -6103,63 +6128,65 @@ function TiptapContent({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
       "div",
       {
         className: `tiptap-content-wrapper ${!!error ? "has-error" : ""} ${isDisabled ? "is-disabled" : ""}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react37.EditorContent, { editor }),
-          isEditable && !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(CharacterCount, { editor })
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react37.EditorContent, { editor }),
+          isEditable && !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(CharacterCount, { editor })
         ]
       }
     ),
-    !!error && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "tiptap-error-message", children: error }),
-    activeDialog === "image" && isEditable && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-      ImageDialog,
-      {
-        open: true,
-        onClose: handleCloseDialog,
-        onImageAdd: handleImageAdd,
-        onImageEdit: handleImageEdit,
-        uploadHandler: imageHandlers?.upload,
-        getImageById: imageHandlers?.getImage,
-        initialAttrs: editFigureContext?.attrs || void 0,
-        mode: editFigureContext ? "edit" : "add"
-      }
-    ),
-    activeDialog === "link" && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-      AddLinkDialog,
-      {
-        open: true,
-        onClose: handleCloseDialog,
-        onLinkAdd: handleLinkAdd,
-        initialTitle: linkDialogContext?.selectedText || "",
-        initialUrl: linkDialogContext?.url || ""
-      }
-    ),
-    activeDialog === "video" && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-      AddVideoDialog,
-      {
-        open: true,
-        onClose: handleCloseDialog,
-        onVideoAdd: handleVideoAdd
-      }
-    ),
-    activeDialog === "katex" && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-      AddKatexDialog,
-      {
-        open: true,
-        onClose: handleCloseDialog,
-        onKatexAdd: handleKatexAdd,
-        initialContent: katexDialogContext?.latex || ""
-      }
-    )
+    !!error && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "tiptap-error-message", children: error }),
+    isEditable && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+      activeDialog === "image" && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        ImageDialog,
+        {
+          open: true,
+          onClose: handleCloseDialog,
+          onImageAdd: handleImageAdd,
+          onImageEdit: handleImageEdit,
+          uploadHandler: imageHandlers?.upload,
+          getImageById: imageHandlers?.getImage,
+          initialAttrs: editFigureContext?.attrs || void 0,
+          mode: editFigureContext ? "edit" : "add"
+        }
+      ),
+      activeDialog === "link" && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        AddLinkDialog,
+        {
+          open: true,
+          onClose: handleCloseDialog,
+          onLinkAdd: handleLinkAdd,
+          initialTitle: linkDialogContext?.selectedText || "",
+          initialUrl: linkDialogContext?.url || ""
+        }
+      ),
+      activeDialog === "video" && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        AddVideoDialog,
+        {
+          open: true,
+          onClose: handleCloseDialog,
+          onVideoAdd: handleVideoAdd
+        }
+      ),
+      activeDialog === "katex" && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        AddKatexDialog,
+        {
+          open: true,
+          onClose: handleCloseDialog,
+          onKatexAdd: handleKatexAdd,
+          initialContent: katexDialogContext?.latex || ""
+        }
+      )
+    ] })
   ] });
 }
 var Tiptap = (props) => {
   const { lang = "ru" } = props;
   const translations2 = getTranslations(lang);
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(TiptapTranslationsProvider, { translations: translations2, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(DialogCommandProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(TiptapContent, { ...props }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TiptapTranslationsProvider, { translations: translations2, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(DialogCommandProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TiptapContent, { ...props }) }) });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {