@cyberyozh/text-editor 0.1.6 → 0.1.7

package/dist/editor.mjs

@@ -749,7 +749,6 @@ var BubbleMenuContent = ({ editor, onLinkClick }) => {
   } = useEditorState({
     editor,
     selector: (ctx) => {
-      if (!editor) return {};
       return {
         canUndo: ctx.editor.can().undo(),
         canRedo: ctx.editor.can().redo(),
@@ -789,320 +788,329 @@ var BubbleMenuContent = ({ editor, onLinkClick }) => {
     onLinkClick?.(selectedText, linkUrl);
     openDialogCommand("link");
   };
-  return /* @__PURE__ */ jsxs10("div", { className: `bubble-menu ${textColor || highlightColor ? "hide-text-selection" : ""}`, children: [
-    /* @__PURE__ */ jsxs10("div", { className: "tiptap-controls-group", children: [
-      /* @__PURE__ */ jsx58(
-        "button",
-        {
-          className: "tiptap-control-button",
-          onClick: () => editor.chain().focus().undo().run(),
-          disabled: !canUndo,
-          title: translations2.history.undo,
-          type: "button",
-          children: /* @__PURE__ */ jsx58(Undo_default, {})
-        }
-      ),
-      /* @__PURE__ */ jsx58(
-        "button",
-        {
-          className: "tiptap-control-button",
-          onClick: () => editor.chain().focus().redo().run(),
-          disabled: !canRedo,
-          type: "button",
-          title: translations2.history.redo,
-          children: /* @__PURE__ */ jsx58(Redo_default, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs10("div", { className: "tiptap-controls-group", children: [
-      /* @__PURE__ */ jsx58(
-        "button",
-        {
-          type: "button",
-          title: translations2.headings.h2,
-          onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
-          className: `tiptap-control-button ${isHeading2 ? "is-active" : ""}`,
-          children: /* @__PURE__ */ jsx58(H2_default, {})
-        }
-      ),
-      /* @__PURE__ */ jsx58(
-        "button",
-        {
-          type: "button",
-          title: translations2.headings.h3,
-          onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
-          className: `tiptap-control-button ${isHeading3 ? "is-active" : ""}`,
-          children: /* @__PURE__ */ jsx58(H3_default, {})
-        }
-      ),
-      /* @__PURE__ */ jsx58(
-        "button",
-        {
-          type: "button",
-          title: translations2.headings.h4,
-          onClick: () => editor.chain().focus().toggleHeading({ level: 4 }).run(),
-          className: `tiptap-control-button ${isHeading4 ? "is-active" : ""}`,
-          children: /* @__PURE__ */ jsx58(H4_default, {})
-        }
-      ),
-      /* @__PURE__ */ jsx58(
-        "button",
-        {
-          type: "button",
-          title: translations2.headings.h5,
-          onClick: () => editor.chain().focus().toggleHeading({ level: 5 }).run(),
-          className: `tiptap-control-button ${isHeading5 ? "is-active" : ""}`,
-          children: /* @__PURE__ */ jsx58(H5_default, {})
-        }
-      ),
-      /* @__PURE__ */ jsx58(
-        "button",
-        {
-          type: "button",
-          title: translations2.headings.h6,
-          onClick: () => editor.chain().focus().toggleHeading({ level: 6 }).run(),
-          className: `tiptap-control-button ${isHeading6 ? "is-active" : ""}`,
-          children: /* @__PURE__ */ jsx58(H6_default, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs10("div", { className: "tiptap-controls-group", children: [
-      /* @__PURE__ */ jsx58(
-        "button",
-        {
-          onClick: () => editor.chain().focus().toggleBold().run(),
-          className: `${isBold ? "is-active" : ""} tiptap-control-button`,
-          title: translations2.textFormatting.bold,
-          type: "button",
-          children: /* @__PURE__ */ jsx58(Bold_default, {})
-        }
-      ),
-      /* @__PURE__ */ jsx58(
-        "button",
-        {
-          onClick: () => editor.chain().focus().toggleItalic().run(),
-          className: `${isItalic ? "is-active" : ""} tiptap-control-button`,
-          title: translations2.textFormatting.italic,
-          type: "button",
-          children: /* @__PURE__ */ jsx58(Italic_default, {})
-        }
-      ),
-      /* @__PURE__ */ jsx58(
-        "button",
-        {
-          onClick: () => editor.chain().focus().toggleUnderline().run(),
-          className: `${isUnderline ? "is-active" : ""} tiptap-control-button`,
-          title: translations2.textFormatting.underline,
-          type: "button",
-          children: /* @__PURE__ */ jsx58(Underline_default, {})
-        }
-      ),
-      /* @__PURE__ */ jsx58(
-        "button",
-        {
-          onClick: () => editor.chain().focus().toggleStrike().run(),
-          className: `${isStrikethrough ? "is-active" : ""} tiptap-control-button`,
-          title: translations2.textFormatting.strikethrough,
-          type: "button",
-          children: /* @__PURE__ */ jsx58(Strikethrough_default, {})
-        }
-      )
-    ] }),
-    isTable && /* @__PURE__ */ jsxs10("div", { className: "tiptap-controls-group", children: [
-      /* @__PURE__ */ jsx58(
-        "button",
-        {
-          className: "tiptap-control-button",
-          type: "button",
-          title: translations2.table.mergeCells,
-          onClick: () => editor.chain().focus().mergeCells().run(),
-          children: /* @__PURE__ */ jsx58(MergeCells_default, {})
-        }
-      ),
-      /* @__PURE__ */ jsx58(
-        "button",
-        {
-          className: "tiptap-control-button",
-          type: "button",
-          title: translations2.table.splitCell,
-          onClick: () => editor.chain().focus().splitCell().run(),
-          children: /* @__PURE__ */ jsx58(SplitCells_default, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs10("div", { className: "tiptap-controls-group", children: [
-      /* @__PURE__ */ jsxs10("div", { style: { position: "relative" }, children: [
-        /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsxs10(
+    "div",
+    {
+      className: `bubble-menu ${textColor || highlightColor ? "hide-text-selection" : ""}`,
+      onMouseDown: (e) => {
+        e.preventDefault();
+      },
+      children: [
+        /* @__PURE__ */ jsxs10("div", { className: "tiptap-controls-group", children: [
+          /* @__PURE__ */ jsx58(
+            "button",
+            {
+              className: "tiptap-control-button",
+              onClick: () => editor.chain().focus().undo().run(),
+              disabled: !canUndo,
+              title: translations2.history.undo,
+              type: "button",
+              children: /* @__PURE__ */ jsx58(Undo_default, {})
+            }
+          ),
+          /* @__PURE__ */ jsx58(
+            "button",
+            {
+              className: "tiptap-control-button",
+              onClick: () => editor.chain().focus().redo().run(),
+              disabled: !canRedo,
+              type: "button",
+              title: translations2.history.redo,
+              children: /* @__PURE__ */ jsx58(Redo_default, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs10("div", { className: "tiptap-controls-group", children: [
+          /* @__PURE__ */ jsx58(
+            "button",
+            {
+              type: "button",
+              title: translations2.headings.h2,
+              onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+              className: `tiptap-control-button ${isHeading2 ? "is-active" : ""}`,
+              children: /* @__PURE__ */ jsx58(H2_default, {})
+            }
+          ),
+          /* @__PURE__ */ jsx58(
+            "button",
+            {
+              type: "button",
+              title: translations2.headings.h3,
+              onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+              className: `tiptap-control-button ${isHeading3 ? "is-active" : ""}`,
+              children: /* @__PURE__ */ jsx58(H3_default, {})
+            }
+          ),
+          /* @__PURE__ */ jsx58(
+            "button",
+            {
+              type: "button",
+              title: translations2.headings.h4,
+              onClick: () => editor.chain().focus().toggleHeading({ level: 4 }).run(),
+              className: `tiptap-control-button ${isHeading4 ? "is-active" : ""}`,
+              children: /* @__PURE__ */ jsx58(H4_default, {})
+            }
+          ),
+          /* @__PURE__ */ jsx58(
+            "button",
+            {
+              type: "button",
+              title: translations2.headings.h5,
+              onClick: () => editor.chain().focus().toggleHeading({ level: 5 }).run(),
+              className: `tiptap-control-button ${isHeading5 ? "is-active" : ""}`,
+              children: /* @__PURE__ */ jsx58(H5_default, {})
+            }
+          ),
+          /* @__PURE__ */ jsx58(
+            "button",
+            {
+              type: "button",
+              title: translations2.headings.h6,
+              onClick: () => editor.chain().focus().toggleHeading({ level: 6 }).run(),
+              className: `tiptap-control-button ${isHeading6 ? "is-active" : ""}`,
+              children: /* @__PURE__ */ jsx58(H6_default, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs10("div", { className: "tiptap-controls-group", children: [
+          /* @__PURE__ */ jsx58(
+            "button",
+            {
+              onClick: () => editor.chain().focus().toggleBold().run(),
+              className: `${isBold ? "is-active" : ""} tiptap-control-button`,
+              title: translations2.textFormatting.bold,
+              type: "button",
+              children: /* @__PURE__ */ jsx58(Bold_default, {})
+            }
+          ),
+          /* @__PURE__ */ jsx58(
+            "button",
+            {
+              onClick: () => editor.chain().focus().toggleItalic().run(),
+              className: `${isItalic ? "is-active" : ""} tiptap-control-button`,
+              title: translations2.textFormatting.italic,
+              type: "button",
+              children: /* @__PURE__ */ jsx58(Italic_default, {})
+            }
+          ),
+          /* @__PURE__ */ jsx58(
+            "button",
+            {
+              onClick: () => editor.chain().focus().toggleUnderline().run(),
+              className: `${isUnderline ? "is-active" : ""} tiptap-control-button`,
+              title: translations2.textFormatting.underline,
+              type: "button",
+              children: /* @__PURE__ */ jsx58(Underline_default, {})
+            }
+          ),
+          /* @__PURE__ */ jsx58(
+            "button",
+            {
+              onClick: () => editor.chain().focus().toggleStrike().run(),
+              className: `${isStrikethrough ? "is-active" : ""} tiptap-control-button`,
+              title: translations2.textFormatting.strikethrough,
+              type: "button",
+              children: /* @__PURE__ */ jsx58(Strikethrough_default, {})
+            }
+          )
+        ] }),
+        isTable && /* @__PURE__ */ jsxs10("div", { className: "tiptap-controls-group", children: [
+          /* @__PURE__ */ jsx58(
+            "button",
+            {
+              className: "tiptap-control-button",
+              type: "button",
+              title: translations2.table.mergeCells,
+              onClick: () => editor.chain().focus().mergeCells().run(),
+              children: /* @__PURE__ */ jsx58(MergeCells_default, {})
+            }
+          ),
+          /* @__PURE__ */ jsx58(
+            "button",
+            {
+              className: "tiptap-control-button",
+              type: "button",
+              title: translations2.table.splitCell,
+              onClick: () => editor.chain().focus().splitCell().run(),
+              children: /* @__PURE__ */ jsx58(SplitCells_default, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs10("div", { className: "tiptap-controls-group", children: [
+          /* @__PURE__ */ jsxs10("div", { style: { position: "relative" }, children: [
+            /* @__PURE__ */ jsx58(
+              "button",
+              {
+                onClick: () => {
+                  textColorInputRef.current?.click();
+                },
+                className: "tiptap-control-button",
+                type: "button",
+                title: translations2.textFormatting.textColor,
+                style: { color: textColor },
+                children: /* @__PURE__ */ jsx58(TextColor_default, {})
+              }
+            ),
+            /* @__PURE__ */ jsx58(
+              "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__ */ jsxs10("div", { style: { position: "relative" }, children: [
+            /* @__PURE__ */ jsx58(
+              "button",
+              {
+                onClick: () => {
+                  highlightColorInputRef.current?.click();
+                },
+                className: "tiptap-control-button",
+                type: "button",
+                title: translations2.textFormatting.highlightColor,
+                style: { color: highlightColor },
+                children: /* @__PURE__ */ jsx58(Highlight_default, {})
+              }
+            ),
+            /* @__PURE__ */ jsx58(
+              "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__ */ jsx58("div", { className: "tiptap-controls-group", children: /* @__PURE__ */ jsx58(
           "button",
           {
-            onClick: () => {
-              textColorInputRef.current?.click();
-            },
-            className: "tiptap-control-button",
             type: "button",
-            title: translations2.textFormatting.textColor,
-            style: { color: textColor },
-            children: /* @__PURE__ */ jsx58(TextColor_default, {})
+            onClick: () => editor.chain().focus().toggleCopyable().run(),
+            className: `${isCopyable ? "is-active" : ""} tiptap-control-button`,
+            title: translations2.textFormatting.copyableText,
+            children: /* @__PURE__ */ jsx58(Copyable_default, {})
           }
-        ),
-        /* @__PURE__ */ jsx58(
-          "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__ */ jsxs10("div", { className: "tiptap-controls-group", children: [
+          /* @__PURE__ */ jsx58(
+            "button",
+            {
+              title: isLink ? translations2.link.editLink : translations2.link.addLinkTitle,
+              onClick: handleLinkClick,
+              className: `${isLink ? "is-active" : ""} tiptap-control-button`,
+              type: "button",
+              children: /* @__PURE__ */ jsx58(Link_default, {})
             }
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs10("div", { style: { position: "relative" }, children: [
-        /* @__PURE__ */ jsx58(
+          ),
+          isLink && /* @__PURE__ */ jsx58(
+            "button",
+            {
+              onClick: () => editor.chain().focus().unsetLink().run(),
+              className: "tiptap-control-button tiptap-control-button--delete",
+              type: "button",
+              title: translations2.link.removeLinkTitle,
+              children: /* @__PURE__ */ jsx58(LinkOff_default, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs10("div", { className: "tiptap-controls-group", children: [
+          /* @__PURE__ */ jsx58(
+            "button",
+            {
+              onClick: () => editor.chain().focus().setTextAlign("left").run(),
+              className: `${isTextAlignLeft ? "is-active" : ""} tiptap-control-button`,
+              title: translations2.alignment.alignLeft,
+              type: "button",
+              children: /* @__PURE__ */ jsx58(AlignLeft_default, {})
+            }
+          ),
+          /* @__PURE__ */ jsx58(
+            "button",
+            {
+              onClick: () => editor.chain().focus().setTextAlign("center").run(),
+              className: `${isTextAlignCenter ? "is-active" : ""} tiptap-control-button`,
+              title: translations2.alignment.alignCenter,
+              type: "button",
+              children: /* @__PURE__ */ jsx58(AlignCenter_default, {})
+            }
+          ),
+          /* @__PURE__ */ jsx58(
+            "button",
+            {
+              onClick: () => editor.chain().focus().setTextAlign("right").run(),
+              className: `${isTextAlignRight ? "is-active" : ""} tiptap-control-button`,
+              title: translations2.alignment.alignRight,
+              type: "button",
+              children: /* @__PURE__ */ jsx58(AlignRight_default, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs10("div", { className: "tiptap-controls-group", children: [
+          /* @__PURE__ */ jsx58(
+            "button",
+            {
+              type: "button",
+              onClick: () => editor.chain().focus().toggleSuperscript().run(),
+              className: `${isSuperscript ? "is-active" : ""} tiptap-control-button`,
+              title: translations2.textFormatting.superscript,
+              children: /* @__PURE__ */ jsx58(Superscript_default, {})
+            }
+          ),
+          /* @__PURE__ */ jsx58(
+            "button",
+            {
+              type: "button",
+              onClick: () => editor.chain().focus().toggleSubscript().run(),
+              className: `${isSubscript ? "is-active" : ""} tiptap-control-button`,
+              title: translations2.textFormatting.subscript,
+              children: /* @__PURE__ */ jsx58(Subscript_default, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx58("div", { className: "tiptap-controls-group", children: /* @__PURE__ */ jsx58(
           "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__ */ jsx58(Highlight_default, {})
+            title: translations2.textFormatting.clearFormatting,
+            children: /* @__PURE__ */ jsx58(ClearFormatting_default, {})
           }
-        ),
-        /* @__PURE__ */ jsx58(
-          "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__ */ jsx58("div", { className: "tiptap-controls-group", children: /* @__PURE__ */ jsx58(
-      "button",
-      {
-        type: "button",
-        onClick: () => editor.chain().focus().toggleCopyable().run(),
-        className: `${isCopyable ? "is-active" : ""} tiptap-control-button`,
-        title: translations2.textFormatting.copyableText,
-        children: /* @__PURE__ */ jsx58(Copyable_default, {})
-      }
-    ) }),
-    /* @__PURE__ */ jsxs10("div", { className: "tiptap-controls-group", children: [
-      /* @__PURE__ */ jsx58(
-        "button",
-        {
-          title: isLink ? translations2.link.editLink : translations2.link.addLinkTitle,
-          onClick: handleLinkClick,
-          className: `${isLink ? "is-active" : ""} tiptap-control-button`,
-          type: "button",
-          children: /* @__PURE__ */ jsx58(Link_default, {})
-        }
-      ),
-      isLink && /* @__PURE__ */ jsx58(
-        "button",
-        {
-          onClick: () => editor.chain().focus().unsetLink().run(),
-          className: "tiptap-control-button tiptap-control-button--delete",
-          type: "button",
-          title: translations2.link.removeLinkTitle,
-          children: /* @__PURE__ */ jsx58(LinkOff_default, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs10("div", { className: "tiptap-controls-group", children: [
-      /* @__PURE__ */ jsx58(
-        "button",
-        {
-          onClick: () => editor.chain().focus().setTextAlign("left").run(),
-          className: `${isTextAlignLeft ? "is-active" : ""} tiptap-control-button`,
-          title: translations2.alignment.alignLeft,
-          type: "button",
-          children: /* @__PURE__ */ jsx58(AlignLeft_default, {})
-        }
-      ),
-      /* @__PURE__ */ jsx58(
-        "button",
-        {
-          onClick: () => editor.chain().focus().setTextAlign("center").run(),
-          className: `${isTextAlignCenter ? "is-active" : ""} tiptap-control-button`,
-          title: translations2.alignment.alignCenter,
-          type: "button",
-          children: /* @__PURE__ */ jsx58(AlignCenter_default, {})
-        }
-      ),
-      /* @__PURE__ */ jsx58(
-        "button",
-        {
-          onClick: () => editor.chain().focus().setTextAlign("right").run(),
-          className: `${isTextAlignRight ? "is-active" : ""} tiptap-control-button`,
-          title: translations2.alignment.alignRight,
-          type: "button",
-          children: /* @__PURE__ */ jsx58(AlignRight_default, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs10("div", { className: "tiptap-controls-group", children: [
-      /* @__PURE__ */ jsx58(
-        "button",
-        {
-          type: "button",
-          onClick: () => editor.chain().focus().toggleSuperscript().run(),
-          className: `${isSuperscript ? "is-active" : ""} tiptap-control-button`,
-          title: translations2.textFormatting.superscript,
-          children: /* @__PURE__ */ jsx58(Superscript_default, {})
-        }
-      ),
-      /* @__PURE__ */ jsx58(
-        "button",
-        {
-          type: "button",
-          onClick: () => editor.chain().focus().toggleSubscript().run(),
-          className: `${isSubscript ? "is-active" : ""} tiptap-control-button`,
-          title: translations2.textFormatting.subscript,
-          children: /* @__PURE__ */ jsx58(Subscript_default, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx58("div", { className: "tiptap-controls-group", children: /* @__PURE__ */ jsx58(
-      "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__ */ jsx58(ClearFormatting_default, {})
-      }
-    ) })
-  ] });
+        ) })
+      ]
+    }
+  );
 };
 
 // src/editor/controls/drag-handle.tsx
@@ -1379,7 +1387,9 @@ var CommandsList = forwardRef(({ items, command }, ref) => {
     if (item) {
       if (item.dialogCommand) {
         openDialogCommand(item.dialogCommand);
+        command(item);
       } else {
+        console.log("open video");
         command(item);
       }
     }
@@ -1392,6 +1402,10 @@ var CommandsList = forwardRef(({ items, command }, ref) => {
     {
       ref: listRef,
       className: "commands-list-container",
+      onMouseDown: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+      },
       children: items.map((item, index) => /* @__PURE__ */ jsxs13(
         "button",
         {
@@ -2442,11 +2456,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] = useState9("");
   const [error, setError] = useState9("");
@@ -2529,6 +2539,7 @@ var AddVideoDialog = ({
               {
                 ref: urlInputRef,
                 id: "video-url",
+                autoComplete: "off",
                 type: "text",
                 className: "video-dialog-input",
                 placeholder: translations2.videoUpload.urlPlaceholder,
@@ -4243,23 +4254,26 @@ var PromptContent = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ jsx8
   }
 ) });
 
-// src/extensions/views/components/video.tsx
+// src/extensions/views/components/table.tsx
 import { jsx as jsx82, jsxs as jsxs33 } from "react/jsx-runtime";
+
+// src/extensions/views/components/video.tsx
+import { jsx as jsx83, jsxs as jsxs34 } from "react/jsx-runtime";
 var Video = ({ src, children }) => {
   const videoInfo = detectVideoHosting(src);
   if (!videoInfo?.embedUrl) {
-    return /* @__PURE__ */ jsxs33("div", { className: "video-node", children: [
-      /* @__PURE__ */ jsx82("div", { className: "video-error", children: /* @__PURE__ */ jsx82("span", { children: "Unsupported or invalid video URL" }) }),
+    return /* @__PURE__ */ jsxs34("div", { className: "video-node", children: [
+      /* @__PURE__ */ jsx83("div", { className: "video-error", children: /* @__PURE__ */ jsx83("span", { children: "Unsupported or invalid video URL" }) }),
       children
     ] });
   }
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       className: "video-node",
       "data-video": "",
       children: [
-        /* @__PURE__ */ jsx82("div", { className: "video-player-wrapper", children: /* @__PURE__ */ jsx82(
+        /* @__PURE__ */ jsx83("div", { className: "video-player-wrapper", children: /* @__PURE__ */ jsx83(
           "iframe",
           {
             className: "video-iframe",
@@ -4278,7 +4292,7 @@ var Video = ({ src, children }) => {
 // src/editor/controls/emoji-picker.tsx
 import { useEffect as useEffect8, useRef as useRef10 } from "react";
 import EmojiPicker from "emoji-picker-react";
-import { jsx as jsx83 } from "react/jsx-runtime";
+import { jsx as jsx84 } from "react/jsx-runtime";
 var EmojiPickerComponent = ({ isOpen, onClose, onEmojiSelect }) => {
   const pickerRef = useRef10(null);
   const translations2 = useTiptapTranslations();
@@ -4296,12 +4310,12 @@ var EmojiPickerComponent = ({ isOpen, onClose, onEmojiSelect }) => {
     };
   }, [isOpen, onClose]);
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsx84(
     "div",
     {
       ref: pickerRef,
       className: "tiptap__emoji-picker-wrapper",
-      children: /* @__PURE__ */ jsx83(
+      children: /* @__PURE__ */ jsx84(
         EmojiPicker,
         {
           skinTonesDisabled: true,
@@ -4326,7 +4340,7 @@ var EmojiPickerComponent = ({ isOpen, onClose, onEmojiSelect }) => {
 };
 
 // src/extensions/views/node-views/callout.tsx
-import { jsx as jsx84, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs35 } from "react/jsx-runtime";
 var CalloutView = (props) => {
   const type = props.node.attrs.type || "info";
   const bgColor = props.node.attrs.bgColor;
@@ -4341,23 +4355,23 @@ var CalloutView = (props) => {
     props.updateAttributes({ emoji: newEmoji });
     setShowEmojiPicker(false);
   };
-  return /* @__PURE__ */ jsx84(NodeViewWrapper, { children: /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsx85(NodeViewWrapper, { children: /* @__PURE__ */ jsx85(
     Callout,
     {
       type,
       bgColor,
       emoji,
-      iconWrapper: (icon) => /* @__PURE__ */ jsxs34("div", { className: "callout-icon-wrapper", children: [
-        /* @__PURE__ */ jsx84(
+      iconWrapper: (icon) => /* @__PURE__ */ jsxs35("div", { className: "callout-icon-wrapper", children: [
+        /* @__PURE__ */ jsx85(
           "button",
           {
             className: "callout-icon-button",
             onClick: handleIconClick,
             type: "button",
-            children: /* @__PURE__ */ jsx84("div", { className: "callout-icon", children: icon })
+            children: /* @__PURE__ */ jsx85("div", { className: "callout-icon", children: icon })
           }
         ),
-        /* @__PURE__ */ jsx84(
+        /* @__PURE__ */ jsx85(
           EmojiPickerComponent,
           {
             isOpen: showEmojiPicker,
@@ -4366,7 +4380,7 @@ var CalloutView = (props) => {
           }
         )
       ] }),
-      children: /* @__PURE__ */ jsx84(NodeViewContent, { as: "div" })
+      children: /* @__PURE__ */ jsx85(NodeViewContent, { as: "div" })
     }
   ) });
 };
@@ -4374,7 +4388,7 @@ var CalloutView = (props) => {
 // src/extensions/views/node-views/code-block.tsx
 import { useState as useState11 } from "react";
 import { NodeViewContent as NodeViewContent2, NodeViewWrapper as NodeViewWrapper2 } from "@tiptap/react";
-import { jsx as jsx85 } from "react/jsx-runtime";
+import { jsx as jsx86 } from "react/jsx-runtime";
 var CodeBlockView = (props) => {
   const [selectedLanguage, setSelectedLanguage] = useState11(props.node.attrs.language ?? "");
   const translations2 = useTiptapTranslations();
@@ -4382,71 +4396,71 @@ var CodeBlockView = (props) => {
     props.updateAttributes({ language });
     setSelectedLanguage(language);
   };
-  return /* @__PURE__ */ jsx85(NodeViewWrapper2, { children: /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsx86(NodeViewWrapper2, { children: /* @__PURE__ */ jsx86(
     CodeBlock,
     {
       language: selectedLanguage,
       isEditable: props.editor.isEditable,
       onLanguageChange: handleLanguageChange,
       translations: translations2,
-      children: /* @__PURE__ */ jsx85(NodeViewContent2, {})
+      children: /* @__PURE__ */ jsx86(NodeViewContent2, {})
     }
   ) });
 };
 
 // src/extensions/views/node-views/copyable-text.tsx
 import { MarkViewContent } from "@tiptap/react";
-import { jsx as jsx86 } from "react/jsx-runtime";
+import { jsx as jsx87 } from "react/jsx-runtime";
 var CopyableTextView = () => {
-  return /* @__PURE__ */ jsx86(CopyableText2, { children: /* @__PURE__ */ jsx86(MarkViewContent, {}) });
+  return /* @__PURE__ */ jsx87(CopyableText2, { children: /* @__PURE__ */ jsx87(MarkViewContent, {}) });
 };
 
 // src/extensions/views/node-views/custom-quote.tsx
 import { NodeViewContent as NodeViewContent3, NodeViewWrapper as NodeViewWrapper3 } from "@tiptap/react";
-import { jsx as jsx87 } from "react/jsx-runtime";
+import { jsx as jsx88 } from "react/jsx-runtime";
 var CustomQuoteView = () => {
-  return /* @__PURE__ */ jsx87(NodeViewWrapper3, { children: /* @__PURE__ */ jsx87(CustomQuote, { children: /* @__PURE__ */ jsx87(NodeViewContent3, {}) }) });
+  return /* @__PURE__ */ jsx88(NodeViewWrapper3, { children: /* @__PURE__ */ jsx88(CustomQuote, { children: /* @__PURE__ */ jsx88(NodeViewContent3, {}) }) });
 };
 var CustomQuoteTextView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ jsx87(NodeViewWrapper3, { children: /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx88(NodeViewWrapper3, { children: /* @__PURE__ */ jsx88(
     CustomQuoteText,
     {
       isEmpty,
       placeholder: translations2.customQuote.textPlaceholder,
-      children: /* @__PURE__ */ jsx87(NodeViewContent3, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ jsx88(NodeViewContent3, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 var CustomQuoteAuthorView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ jsx87(NodeViewWrapper3, { children: /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx88(NodeViewWrapper3, { children: /* @__PURE__ */ jsx88(
     CustomQuoteAuthor,
     {
       isEmpty,
       placeholder: translations2.customQuote.authorPlaceholder,
-      children: /* @__PURE__ */ jsx87(NodeViewContent3, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ jsx88(NodeViewContent3, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 var CustomQuoteSignView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ jsx87(NodeViewWrapper3, { children: /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx88(NodeViewWrapper3, { children: /* @__PURE__ */ jsx88(
     CustomQuoteSign,
     {
       isEmpty,
       placeholder: translations2.customQuote.signPlaceholder,
-      children: /* @__PURE__ */ jsx87(NodeViewContent3, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ jsx88(NodeViewContent3, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 
 // src/extensions/views/node-views/figure.tsx
 import { NodeViewWrapper as NodeViewWrapper4 } from "@tiptap/react";
-import { jsx as jsx88 } from "react/jsx-runtime";
+import { jsx as jsx89 } from "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");
@@ -4455,12 +4469,12 @@ var FigureView = ({ node, getPos, editor }) => {
   const handleEditClick = () => {
     onFigureClick?.(node.attrs, getPos());
   };
-  return /* @__PURE__ */ jsx88(
+  return /* @__PURE__ */ jsx89(
     NodeViewWrapper4,
     {
       className: "figure-node-view",
       "data-drag-handle": true,
-      children: /* @__PURE__ */ jsx88(
+      children: /* @__PURE__ */ jsx89(
         Figure,
         {
           fileId,
@@ -4481,38 +4495,38 @@ var FigureView = ({ node, getPos, editor }) => {
 
 // src/extensions/views/node-views/prompt.tsx
 import { NodeViewContent as NodeViewContent4, NodeViewWrapper as NodeViewWrapper5 } from "@tiptap/react";
-import { jsx as jsx89 } from "react/jsx-runtime";
+import { jsx as jsx90 } from "react/jsx-runtime";
 var PromptHeaderView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ jsx89(NodeViewWrapper5, { children: /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx90(NodeViewWrapper5, { children: /* @__PURE__ */ jsx90(
     PromptHeader,
     {
       isEmpty,
       placeholder: translations2.prompt.headerPlaceholder,
-      children: /* @__PURE__ */ jsx89(NodeViewContent4, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ jsx90(NodeViewContent4, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 var PromptContentView = (props) => {
   const isEmpty = !props.node.content.size;
   const translations2 = useTiptapTranslations();
-  return /* @__PURE__ */ jsx89(NodeViewWrapper5, { children: /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx90(NodeViewWrapper5, { children: /* @__PURE__ */ jsx90(
     PromptContent,
     {
       isEmpty,
       placeholder: translations2.prompt.contentPlaceholder,
-      children: /* @__PURE__ */ jsx89(NodeViewContent4, { className: isEmpty ? "is-empty" : "" })
+      children: /* @__PURE__ */ jsx90(NodeViewContent4, { className: isEmpty ? "is-empty" : "" })
     }
   ) });
 };
 
 // src/extensions/views/node-views/video.tsx
 import { NodeViewContent as NodeViewContent5, NodeViewWrapper as NodeViewWrapper6 } from "@tiptap/react";
-import { jsx as jsx90 } from "react/jsx-runtime";
+import { jsx as jsx91 } from "react/jsx-runtime";
 var VideoView = (props) => {
   const { src } = props.node.attrs;
-  return /* @__PURE__ */ jsx90(NodeViewWrapper6, { children: /* @__PURE__ */ jsx90(Video, { src, children: /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsx91(NodeViewWrapper6, { children: /* @__PURE__ */ jsx91(Video, { src, children: /* @__PURE__ */ jsx91(
     NodeViewContent5,
     {
       as: "div",
@@ -5115,7 +5129,7 @@ function getEditorExtensions(options) {
 }
 
 // src/editor/handlers/dialog-handlers.ts
-var createHandleImageAdd = (editor, closeDialogCommand) => {
+var createHandleImageAdd = (editor, closeDialogCommand, savedPos) => {
   return (attrs) => {
     if (!editor) return;
     const { state } = editor;
@@ -5126,9 +5140,19 @@ var createHandleImageAdd = (editor, closeDialogCommand) => {
         const node = editor.schema.nodes.image.create({ ...attrs });
         tr.replaceWith($from.before(), $from.after(), node);
         return true;
-      }).run();
+      }).scrollIntoView().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 figureNode = state2.schema.nodes.figure.create({ ...attrs });
+        if ($pos.parent.type.name === "paragraph" && $pos.parent.textContent === "") {
+          tr.replaceWith($pos.before(), $pos.after(), figureNode);
+        } else {
+          tr.insert(insertPos, figureNode);
+        }
+        return true;
+      }).scrollIntoView().run();
     }
     closeDialogCommand();
   };
@@ -5140,23 +5164,38 @@ var createHandleImageEdit = (editor, closeDialogCommand, pos) => {
     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 })
-      );
-      return true;
-    }).run();
+    const text = $from.parent.textContent;
+    if (text.lastIndexOf("/") !== -1) {
+      editor.chain().focus().command(({ tr }) => {
+        tr.replaceWith(
+          $from.before(),
+          $from.after(),
+          editor.schema.nodes.video.create({ src: url })
+        );
+        return true;
+      }).scrollIntoView().run();
+    } else {
+      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);
+        } else {
+          tr.insert(insertPos, videoNode);
+        }
+        return true;
+      }).scrollIntoView().run();
+    }
     closeDialogCommand();
   };
 };
-var createHandleLinkAdd = (editor, closeDialogCommand) => {
+var createHandleLinkAdd = (editor, closeDialogCommand, savedPos) => {
   return (title, url) => {
     if (!editor) return;
     const hasSelection = !editor.state.selection.empty;
@@ -5168,22 +5207,31 @@ 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) {
+      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) {
+        editor.chain().focus().command(({ tr }) => {
           tr.delete(nodeStart + slashIndex, $from.pos);
-        }
-        return true;
-      }).extendMarkRange("link").setLink({ href: url }).insertContent(title).run();
+          return true;
+        }).extendMarkRange("link").setLink({ href: url }).insertContent(title).scrollIntoView().run();
+      } else {
+        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);
+          return true;
+        }).scrollIntoView().run();
+      }
     }
     closeDialogCommand();
   };
 };
-var createHandleKatexAdd = (editor, closeDialogCommand) => {
+var createHandleKatexAdd = (editor, closeDialogCommand, savedPos) => {
   return (latex, pos) => {
     if (!editor) return;
     if (pos !== void 0) {
@@ -5202,9 +5250,14 @@ var createHandleKatexAdd = (editor, closeDialogCommand) => {
           const inlineMathNode = state2.schema.nodes.inlineMath.create({ latex });
           tr.replaceRangeWith(deleteFrom, deleteTo, inlineMathNode);
           return true;
-        }).run();
+        }).scrollIntoView().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);
+          return true;
+        }).scrollIntoView().run();
       }
     }
     closeDialogCommand();
@@ -5349,7 +5402,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",
@@ -5515,7 +5568,7 @@ var filterCommandItems = (items, query) => {
 };
 
 // src/editor/commands/suggestion.tsx
-import { jsx as jsx91 } from "react/jsx-runtime";
+import { jsx as jsx92 } from "react/jsx-runtime";
 var component = null;
 var closeMenu = () => {
   if (component) {
@@ -5529,7 +5582,7 @@ var mapCommandMenuItemToCommandItem = (item) => {
   const IconComponent = item.icon;
   return {
     title: item.title,
-    icon: /* @__PURE__ */ jsx91(IconComponent, {}),
+    icon: /* @__PURE__ */ jsx92(IconComponent, {}),
     command: ({ editor, range }) => {
       editor.chain().focus().deleteRange(range).run();
       item.onClick(editor);
@@ -5952,7 +6005,7 @@ function getTranslations(lang) {
 }
 
 // src/editor/editor.tsx
-import { Fragment as Fragment3, jsx as jsx92, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx93, jsxs as jsxs36 } from "react/jsx-runtime";
 function TiptapContent({
   content,
   handleChange,
@@ -5967,6 +6020,7 @@ function TiptapContent({
     null
   );
   const [editFigureContext, setEditFigureContext] = useState12(null);
+  const [savedDialogCursorPos, setSavedDialogCursorPos] = useState12(void 0);
   const { activeDialog, closeDialogCommand, openDialogCommand } = useDialogCommand();
   const translations2 = useTiptapTranslations();
   let safeContent;
@@ -6016,18 +6070,25 @@ function TiptapContent({
     },
     [lang]
   );
+  useEffect9(() => {
+    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 = createHandleImageAdd(editor, handleCloseDialog, savedDialogCursorPos);
   const handleImageEdit = createHandleImageEdit(editor, handleCloseDialog, editFigureContext?.pos);
-  const handleVideoAdd = createHandleVideoAdd(editor, handleCloseDialog);
-  const handleLinkAdd = createHandleLinkAdd(editor, handleCloseDialog);
+  const handleVideoAdd = createHandleVideoAdd(editor, handleCloseDialog, savedDialogCursorPos);
+  const handleLinkAdd = createHandleLinkAdd(editor, handleCloseDialog, savedDialogCursorPos);
   const handleKatexAdd = (latex) => {
-    const katexHandler = createHandleKatexAdd(editor, handleCloseDialog);
+    const katexHandler = createHandleKatexAdd(editor, handleCloseDialog, savedDialogCursorPos);
     katexHandler(latex, katexDialogContext?.pos);
   };
   useEffect9(() => {
@@ -6036,7 +6097,6 @@ function TiptapContent({
       emitUpdate: false
     });
   }, [content, editor]);
-  if (!editor) return null;
   const shouldBubbleMenuShow = ({ state }) => {
     if (state.selection instanceof NodeSelection) {
       return false;
@@ -6049,16 +6109,17 @@ function TiptapContent({
     }
     return true;
   };
-  return /* @__PURE__ */ jsxs35(Fragment3, { children: [
-    !isDisabled && /* @__PURE__ */ jsx92(DragHandle, { editor }),
-    isEditable && !isDisabled && /* @__PURE__ */ jsx92(TableMenu, { editor }),
-    !isDisabled && /* @__PURE__ */ jsx92(
+  if (!editor) return null;
+  return /* @__PURE__ */ jsxs36(Fragment3, { children: [
+    /* @__PURE__ */ jsx93(DragHandle, { editor }),
+    isEditable && !isDisabled && /* @__PURE__ */ jsx93(TableMenu, { editor }),
+    isEditable && !isDisabled && /* @__PURE__ */ jsx93(
       BubbleMenu,
       {
         shouldShow: shouldBubbleMenuShow,
         editor,
         options: { placement: "bottom", offset: 8, flip: true },
-        children: /* @__PURE__ */ jsx92(
+        children: /* @__PURE__ */ jsx93(
           BubbleMenuContent,
           {
             editor,
@@ -6067,63 +6128,65 @@ function TiptapContent({
         )
       }
     ),
-    /* @__PURE__ */ jsxs35(
+    /* @__PURE__ */ jsxs36(
       "div",
       {
         className: `tiptap-content-wrapper ${!!error ? "has-error" : ""} ${isDisabled ? "is-disabled" : ""}`,
         children: [
-          /* @__PURE__ */ jsx92(EditorContent, { editor }),
-          isEditable && !isDisabled && /* @__PURE__ */ jsx92(CharacterCount, { editor })
+          /* @__PURE__ */ jsx93(EditorContent, { editor }),
+          isEditable && !isDisabled && /* @__PURE__ */ jsx93(CharacterCount, { editor })
         ]
       }
     ),
-    !!error && /* @__PURE__ */ jsx92("p", { className: "tiptap-error-message", children: error }),
-    activeDialog === "image" && isEditable && /* @__PURE__ */ jsx92(
-      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__ */ jsx92(
-      AddLinkDialog,
-      {
-        open: true,
-        onClose: handleCloseDialog,
-        onLinkAdd: handleLinkAdd,
-        initialTitle: linkDialogContext?.selectedText || "",
-        initialUrl: linkDialogContext?.url || ""
-      }
-    ),
-    activeDialog === "video" && /* @__PURE__ */ jsx92(
-      AddVideoDialog,
-      {
-        open: true,
-        onClose: handleCloseDialog,
-        onVideoAdd: handleVideoAdd
-      }
-    ),
-    activeDialog === "katex" && /* @__PURE__ */ jsx92(
-      AddKatexDialog,
-      {
-        open: true,
-        onClose: handleCloseDialog,
-        onKatexAdd: handleKatexAdd,
-        initialContent: katexDialogContext?.latex || ""
-      }
-    )
+    !!error && /* @__PURE__ */ jsx93("p", { className: "tiptap-error-message", children: error }),
+    isEditable && /* @__PURE__ */ jsxs36(Fragment3, { children: [
+      activeDialog === "image" && /* @__PURE__ */ jsx93(
+        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__ */ jsx93(
+        AddLinkDialog,
+        {
+          open: true,
+          onClose: handleCloseDialog,
+          onLinkAdd: handleLinkAdd,
+          initialTitle: linkDialogContext?.selectedText || "",
+          initialUrl: linkDialogContext?.url || ""
+        }
+      ),
+      activeDialog === "video" && /* @__PURE__ */ jsx93(
+        AddVideoDialog,
+        {
+          open: true,
+          onClose: handleCloseDialog,
+          onVideoAdd: handleVideoAdd
+        }
+      ),
+      activeDialog === "katex" && /* @__PURE__ */ jsx93(
+        AddKatexDialog,
+        {
+          open: true,
+          onClose: handleCloseDialog,
+          onKatexAdd: handleKatexAdd,
+          initialContent: katexDialogContext?.latex || ""
+        }
+      )
+    ] })
   ] });
 }
 var Tiptap = (props) => {
   const { lang = "ru" } = props;
   const translations2 = getTranslations(lang);
-  return /* @__PURE__ */ jsx92(TiptapTranslationsProvider, { translations: translations2, children: /* @__PURE__ */ jsx92(DialogCommandProvider, { children: /* @__PURE__ */ jsx92(TiptapContent, { ...props }) }) });
+  return /* @__PURE__ */ jsx93(TiptapTranslationsProvider, { translations: translations2, children: /* @__PURE__ */ jsx93(DialogCommandProvider, { children: /* @__PURE__ */ jsx93(TiptapContent, { ...props }) }) });
 };
 export {
   Tiptap