@cyberyozh/text-editor 0.3.1 → 0.4.0

package/dist/editor.js

@@ -36,10 +36,10 @@ __export(editor_exports, {
 module.exports = __toCommonJS(editor_exports);
 
 // src/editor/editor.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
 var import_state7 = require("@tiptap/pm/state");
 var import_model3 = require("@tiptap/pm/model");
-var import_react38 = require("@tiptap/react");
+var import_react39 = require("@tiptap/react");
 var import_menus = require("@tiptap/react/menus");
 var import_github_dark = require("highlight.js/styles/github-dark.css");
 var import_katex_min = require("katex/dist/katex.min.css");
@@ -1483,6 +1483,11 @@ function pluralize(count, forms) {
   return forms[2];
 }
 
+// src/utils/is-combined-error.ts
+function isCombinedError(error) {
+  return error instanceof Error && Array.isArray(error?.cause) && error.cause.length > 0 && error.cause.every((e) => e instanceof Error);
+}
+
 // src/editor/controls/character-count.tsx
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var CharacterCount = ({ editor }) => {
@@ -1809,7 +1814,7 @@ var TableMenu = ({ editor }) => {
 };
 
 // src/editor/dialogs/image-dialog/image-dialog.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 
 // src/editor/components/button/button.tsx
 var import_jsx_runtime64 = require("react/jsx-runtime");
@@ -1898,6 +1903,43 @@ var CommonModal = ({ open, handleClose, children }) => {
   );
 };
 
+// src/editor/components/dialog-error/dialog-error.tsx
+var import_react13 = require("react");
+var import_jsx_runtime67 = require("react/jsx-runtime");
+var DialogError = ({ error, onClose, className }) => {
+  const translations2 = useTiptapTranslations();
+  const renderedMessage = (0, import_react13.useMemo)(() => {
+    if (typeof error === "string") {
+      return error || translations2.common.unknownError;
+    }
+    if (isCombinedError(error)) {
+      const safeErrors = error.cause.filter((e) => Boolean(e.message));
+      const errorsToDisplay = safeErrors.length === error.cause.length ? safeErrors : [new Error(translations2.common.unknownError), ...safeErrors];
+      if (errorsToDisplay.length === 1) {
+        return errorsToDisplay[0].message;
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("ul", { className: "dialog-error-list", children: errorsToDisplay.map((cause, index) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("li", { children: cause.message }, `${index}_${cause.message}`)) });
+    }
+    if (error instanceof Error) {
+      return error.message || translations2.common.unknownError;
+    }
+    return translations2.common.unknownError;
+  }, [error, translations2]);
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: `dialog-error ${className || ""}`, children: [
+    renderedMessage,
+    onClose && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "dialog-error-clear-button",
+        onClick: onClose,
+        "aria-label": translations2.common.clearError,
+        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(X_default, {})
+      }
+    )
+  ] });
+};
+
 // src/utils/image-src-resolver.ts
 function resolveImageSrc(attrs, options) {
   const { fileId, src } = attrs;
@@ -1921,7 +1963,7 @@ function resolveImageSrc(attrs, options) {
 }
 
 // src/editor/dialogs/image-dialog/image-dialog.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var ImageDialog = ({
   open,
   onClose,
@@ -1934,9 +1976,9 @@ var ImageDialog = ({
   mode = "add"
 }) => {
   const translations2 = useTiptapTranslations();
-  const [isUploading, setIsUploading] = (0, import_react13.useState)(false);
-  const [dragActive, setDragActive] = (0, import_react13.useState)(false);
-  const inputRef = (0, import_react13.useRef)(null);
+  const [isUploading, setIsUploading] = (0, import_react14.useState)(false);
+  const [dragActive, setDragActive] = (0, import_react14.useState)(false);
+  const inputRef = (0, import_react14.useRef)(null);
   const resolvedInitialUrl = initialAttrs ? resolveImageSrc({ fileId: initialAttrs.fileId, src: initialAttrs.src }, { getImageById }) : "";
   const getConstrainedDimensions = () => {
     if (!initialAttrs?.width || !initialAttrs?.height) {
@@ -1963,7 +2005,7 @@ var ImageDialog = ({
     };
   };
   const constrainedDimensions = getConstrainedDimensions();
-  const [formState, setFormState] = (0, import_react13.useState)({
+  const [formState, setFormState] = (0, import_react14.useState)({
     file: null,
     title: initialAttrs?.title || "",
     alt: initialAttrs?.alt || "",
@@ -1972,11 +2014,20 @@ var ImageDialog = ({
     width: constrainedDimensions.width,
     height: constrainedDimensions.height
   });
+  const [fileUploadError, setFileUploadError] = (0, import_react14.useState)(null);
   const handleSelectFile = (file) => {
+    setFileUploadError(null);
     if (!file) return;
+    if (!file.type.startsWith("image/")) {
+      setFileUploadError(new Error(translations2.imageDialog.invalidFileType));
+      return;
+    }
     const imageUrl = URL.createObjectURL(file);
     const img = new Image();
     img.src = imageUrl;
+    img.onerror = () => {
+      setFileUploadError(new Error(translations2.imageDialog.invalidFileType));
+    };
     img.onload = () => {
       const naturalWidth = img.width;
       const naturalHeight = img.height;
@@ -2009,7 +2060,7 @@ var ImageDialog = ({
       }));
     };
   };
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (defaultFile) {
       handleSelectFile(defaultFile);
     }
@@ -2069,6 +2120,8 @@ var ImageDialog = ({
         storageKey: result.storageKey
       });
       handleClose();
+    } catch (error) {
+      setFileUploadError(error instanceof Error ? error : new Error(translations2.common.unknownError));
     } finally {
       setIsUploading(false);
     }
@@ -2084,7 +2137,9 @@ var ImageDialog = ({
     });
     handleClose();
   };
-  const handleSave = mode === "edit" ? handleEditImage : handleAddImage;
+  const isEditMode = mode === "edit";
+  const canSave = isEditMode || Boolean(formState.file);
+  const handleSave = isEditMode ? handleEditImage : handleAddImage;
   const handleClose = () => {
     clearImageFormFields();
     onClose();
@@ -2094,27 +2149,27 @@ var ImageDialog = ({
   const dialogTitle = isAddMode ? translations2.imageDialog.addTitle : translations2.imageDialog.editTitle;
   const saveButtonText = isAddMode ? translations2.imageDialog.add : translations2.imageDialog.save;
   const dragPlaceholder = dragActive ? translations2.imageUpload.dragActive : translations2.imageUpload.dragInactive;
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     CommonModal,
     {
       open,
       handleClose,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: "image-dialog-title", children: dialogTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("hr", { className: "image-dialog-divider" }),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "image-dialog-form-container", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "image-dialog-form", children: [
-          hasImage ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "image-dialog-preview-wrapper", children: [
-            isAddMode && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "image-dialog-title", children: dialogTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("hr", { className: "image-dialog-divider" }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "image-dialog-form-container", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "image-dialog-form", children: [
+          hasImage ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "image-dialog-preview-wrapper", children: [
+            isAddMode && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
               "button",
               {
                 type: "button",
                 className: "image-dialog-delete-button",
                 onClick: clearImageFormFields,
                 "aria-label": translations2.media.deleteImage,
-                children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(X_default, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(X_default, {})
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
               "img",
               {
                 src: formState.fileUrl,
@@ -2124,7 +2179,7 @@ var ImageDialog = ({
                 className: "image-dialog-preview"
               }
             )
-          ] }) : isAddMode && /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+          ] }) : isAddMode && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
             "div",
             {
               className: `image-dialog-drag-area ${dragActive ? "image-dialog-drag-area-active" : ""}`,
@@ -2134,7 +2189,7 @@ var ImageDialog = ({
               onDragLeave: handleDragLeave,
               onDrop: handleDrop,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                   "input",
                   {
                     type: "file",
@@ -2145,12 +2200,12 @@ var ImageDialog = ({
                     accept: "image/*"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { style: { textAlign: "center" }, children: dragPlaceholder })
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { style: { textAlign: "center" }, children: dragPlaceholder })
               ]
             }
           ),
-          hasImage && /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+          hasImage && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
               Input,
               {
                 label: translations2.media.imageTitle,
@@ -2158,7 +2213,7 @@ var ImageDialog = ({
                 onChange: (e) => setFormState((prev) => ({ ...prev, title: e.target.value }))
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
               Input,
               {
                 label: translations2.media.imageAlt,
@@ -2166,7 +2221,7 @@ var ImageDialog = ({
                 onChange: (e) => setFormState((prev) => ({ ...prev, alt: e.target.value }))
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
               Input,
               {
                 label: translations2.imageDialog.captionLabel,
@@ -2177,8 +2232,16 @@ var ImageDialog = ({
             )
           ] })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "image-dialog-actions", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        fileUploadError && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          DialogError,
+          {
+            error: fileUploadError,
+            onClose: () => setFileUploadError(null),
+            className: "image-dialog-error-spacing"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "image-dialog-actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
             Button,
             {
               type: "button",
@@ -2188,12 +2251,13 @@ var ImageDialog = ({
               children: translations2.common.cancel
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
             Button,
             {
               isLoading: isUploading,
               type: "button",
               onClick: handleSave,
+              disabled: !canSave,
               children: saveButtonText
             }
           )
@@ -2204,8 +2268,8 @@ var ImageDialog = ({
 };
 
 // src/editor/dialogs/add-katex-dialog/add-katex-dialog.tsx
-var import_react14 = require("react");
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_react15 = require("react");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var AddKatexDialog = ({
   open,
   onClose,
@@ -2213,9 +2277,9 @@ var AddKatexDialog = ({
   initialContent = ""
 }) => {
   const translations2 = useTiptapTranslations();
-  const [content, setContent] = (0, import_react14.useState)(initialContent);
-  const contentInputRef = (0, import_react14.useRef)(null);
-  (0, import_react14.useEffect)(() => {
+  const [content, setContent] = (0, import_react15.useState)(initialContent);
+  const contentInputRef = (0, import_react15.useRef)(null);
+  (0, import_react15.useEffect)(() => {
     if (open) {
       setContent(initialContent);
       setTimeout(() => {
@@ -2240,19 +2304,19 @@ var AddKatexDialog = ({
       handleSubmit();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
     CommonModal,
     {
       open,
       handleClose,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "katex-dialog-title", children: initialContent ? translations2.katex.editTitle : translations2.katex.addTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("hr", { className: "katex-dialog-divider" }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "katex-dialog-content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("p", { className: "katex-dialog-description", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "katex-dialog-title", children: initialContent ? translations2.katex.editTitle : translations2.katex.addTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("hr", { className: "katex-dialog-divider" }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "katex-dialog-content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("p", { className: "katex-dialog-description", children: [
             translations2.katex.description,
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
               "a",
               {
                 href: "https://katex.org/docs/supported.html",
@@ -2264,8 +2328,8 @@ var AddKatexDialog = ({
             " ",
             translations2.katex.documentationLinkSuffix
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "katex-dialog-form-group", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "katex-dialog-form-group", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
               "label",
               {
                 htmlFor: "katex-content",
@@ -2273,7 +2337,7 @@ var AddKatexDialog = ({
                 children: translations2.katex.label
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
               "textarea",
               {
                 ref: contentInputRef,
@@ -2288,8 +2352,8 @@ var AddKatexDialog = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "katex-dialog-actions", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "katex-dialog-actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
             "button",
             {
               className: "katex-dialog-button-cancel",
@@ -2298,7 +2362,7 @@ var AddKatexDialog = ({
               children: translations2.common.cancel
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
             "button",
             {
               className: "katex-dialog-button-submit",
@@ -2314,8 +2378,8 @@ var AddKatexDialog = ({
 };
 
 // src/editor/dialogs/add-link-dialog/add-link-dialog.tsx
-var import_react15 = require("react");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var AddLinkDialog = ({
   open,
   onClose,
@@ -2325,12 +2389,12 @@ var AddLinkDialog = ({
   const translations2 = useTiptapTranslations();
   const initialLinkTarget = linkDialogContext ? linkDialogContext.target === "_blank" : true;
   const initialLinkRel = linkDialogContext ? !!linkDialogContext.rel?.includes("noopener") : true;
-  const [title, setTitle] = (0, import_react15.useState)(linkDialogContext?.title);
-  const [url, setUrl] = (0, import_react15.useState)(linkDialogContext?.href);
-  const [openInNewTab, setOpenInNewTab] = (0, import_react15.useState)(initialLinkTarget);
-  const [addNoopener, setAddNoopener] = (0, import_react15.useState)(initialLinkRel);
-  const [error, setError] = (0, import_react15.useState)("");
-  const titleInputRef = (0, import_react15.useRef)(null);
+  const [title, setTitle] = (0, import_react16.useState)(linkDialogContext?.title);
+  const [url, setUrl] = (0, import_react16.useState)(linkDialogContext?.href);
+  const [openInNewTab, setOpenInNewTab] = (0, import_react16.useState)(initialLinkTarget);
+  const [addNoopener, setAddNoopener] = (0, import_react16.useState)(initialLinkRel);
+  const [error, setError] = (0, import_react16.useState)("");
+  const titleInputRef = (0, import_react16.useRef)(null);
   const clearDialogState = () => {
     setTitle(linkDialogContext?.title);
     setUrl(linkDialogContext?.href);
@@ -2338,7 +2402,7 @@ var AddLinkDialog = ({
     setAddNoopener(initialLinkRel);
     setError("");
   };
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (open) {
       clearDialogState();
       setTimeout(() => {
@@ -2395,17 +2459,17 @@ var AddLinkDialog = ({
       handleSubmit();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
     CommonModal,
     {
       open,
       handleClose,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "link-dialog-title", children: linkDialogContext?.href ? translations2.link.editLink : translations2.link.addLink }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("hr", { className: "link-dialog-divider" }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "link-dialog-content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "link-dialog-form-group", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "link-dialog-title", children: linkDialogContext?.href ? translations2.link.editLink : translations2.link.addLink }),
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("hr", { className: "link-dialog-divider" }),
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "link-dialog-content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "link-dialog-form-group", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
               "label",
               {
                 htmlFor: "link-title",
@@ -2413,7 +2477,7 @@ var AddLinkDialog = ({
                 children: translations2.link.title
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
               "input",
               {
                 ref: titleInputRef,
@@ -2427,8 +2491,8 @@ var AddLinkDialog = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "link-dialog-form-group", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "link-dialog-form-group", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
               "label",
               {
                 htmlFor: "link-url",
@@ -2436,7 +2500,7 @@ var AddLinkDialog = ({
                 children: translations2.link.url
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
               "input",
               {
                 id: "link-url",
@@ -2449,9 +2513,9 @@ var AddLinkDialog = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "link-dialog-form-group", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("label", { className: "link-dialog-checkbox-label", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "link-dialog-form-group", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("label", { className: "link-dialog-checkbox-label", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
                 "input",
                 {
                   type: "checkbox",
@@ -2459,13 +2523,13 @@ var AddLinkDialog = ({
                   onChange: (e) => setOpenInNewTab(e.target.checked)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: translations2.link.openInNewTab })
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { children: translations2.link.openInNewTab })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "link-dialog-help-text", children: translations2.link.openInNewTabHelp })
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "link-dialog-help-text", children: translations2.link.openInNewTabHelp })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "link-dialog-form-group", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("label", { className: "link-dialog-checkbox-label", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "link-dialog-form-group", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("label", { className: "link-dialog-checkbox-label", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
                 "input",
                 {
                   type: "checkbox",
@@ -2473,14 +2537,14 @@ var AddLinkDialog = ({
                   onChange: (e) => setAddNoopener(e.target.checked)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: translations2.link.addNofollow })
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { children: translations2.link.addNofollow })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "link-dialog-help-text", children: translations2.link.addNofollowHelp })
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "link-dialog-help-text", children: translations2.link.addNofollowHelp })
           ] }),
-          error && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "link-dialog-error", children: error })
+          error && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DialogError, { error })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "link-dialog-actions", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "link-dialog-actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
             "button",
             {
               className: "link-dialog-button-cancel",
@@ -2489,7 +2553,7 @@ var AddLinkDialog = ({
               children: translations2.common.cancel
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
             "button",
             {
               className: "link-dialog-button-submit",
@@ -2505,7 +2569,7 @@ var AddLinkDialog = ({
 };
 
 // src/editor/dialogs/add-video-dialog/add-video-dialog.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 
 // src/utils/detect-video-hosting.ts
 var VIDEO_PATTERNS = {
@@ -2579,7 +2643,7 @@ var detectVideoHosting = (src) => {
 };
 
 // src/editor/dialogs/add-video-dialog/add-video-dialog.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var SUPPORTED_PLATFORMS = {
   ["youtube" /* Youtube */]: "YouTube",
   ["vimeo" /* Vimeo */]: "Vimeo",
@@ -2588,11 +2652,11 @@ var SUPPORTED_PLATFORMS = {
 };
 var AddVideoDialog = ({ open, onClose, onVideoAdd }) => {
   const translations2 = useTiptapTranslations();
-  const [url, setUrl] = (0, import_react16.useState)("");
-  const [error, setError] = (0, import_react16.useState)("");
-  const [isValidating, setIsValidating] = (0, import_react16.useState)(false);
-  const urlInputRef = (0, import_react16.useRef)(null);
-  (0, import_react16.useEffect)(() => {
+  const [url, setUrl] = (0, import_react17.useState)("");
+  const [error, setError] = (0, import_react17.useState)("");
+  const [isValidating, setIsValidating] = (0, import_react17.useState)(false);
+  const urlInputRef = (0, import_react17.useRef)(null);
+  (0, import_react17.useEffect)(() => {
     if (open) {
       setUrl("");
       setError("");
@@ -2646,17 +2710,17 @@ var AddVideoDialog = ({ open, onClose, onVideoAdd }) => {
       handleSubmit();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
     CommonModal,
     {
       open,
       handleClose,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "video-dialog-title", children: translations2.videoUpload.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("hr", { className: "video-dialog-divider" }),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "video-dialog-content", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "video-dialog-form-group", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("p", { className: "video-dialog-title", children: translations2.videoUpload.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("hr", { className: "video-dialog-divider" }),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "video-dialog-content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "video-dialog-form-group", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
               "label",
               {
                 htmlFor: "video-url",
@@ -2664,7 +2728,7 @@ var AddVideoDialog = ({ open, onClose, onVideoAdd }) => {
                 children: translations2.videoUpload.urlLabel
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
               "input",
               {
                 ref: urlInputRef,
@@ -2680,14 +2744,14 @@ var AddVideoDialog = ({ open, onClose, onVideoAdd }) => {
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "video-dialog-help-text", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "video-dialog-help-title", children: translations2.videoUpload.supportedPlatforms }),
-            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("ul", { className: "video-dialog-platform-list", children: Object.entries(SUPPORTED_PLATFORMS).map(([key, name]) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("li", { children: name }, key)) })
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "video-dialog-help-text", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("p", { className: "video-dialog-help-title", children: translations2.videoUpload.supportedPlatforms }),
+            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("ul", { className: "video-dialog-platform-list", children: Object.entries(SUPPORTED_PLATFORMS).map(([key, name]) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("li", { children: name }, key)) })
           ] }),
-          error && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "video-dialog-error", children: error })
+          error && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DialogError, { error })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "video-dialog-actions", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "video-dialog-actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
             "button",
             {
               className: "video-dialog-button-cancel",
@@ -2697,7 +2761,7 @@ var AddVideoDialog = ({ open, onClose, onVideoAdd }) => {
               children: translations2.videoUpload.cancel
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
             "button",
             {
               className: "video-dialog-button-submit",
@@ -2718,7 +2782,7 @@ var import_extension_mathematics = require("@tiptap/extension-mathematics");
 var import_extension_table = require("@tiptap/extension-table");
 
 // src/extensions/editor/callout.ts
-var import_react28 = require("@tiptap/react");
+var import_react29 = require("@tiptap/react");
 
 // src/utils/handle-exit-node.ts
 var import_state = require("@tiptap/pm/state");
@@ -5079,28 +5143,28 @@ var BaseLegacyFigure = import_extension_image2.default.extend({
 });
 
 // src/extensions/views/node-views/callout.tsx
-var import_react19 = require("@tiptap/react");
-var import_react20 = require("react");
+var import_react20 = require("@tiptap/react");
+var import_react21 = require("react");
 
 // src/icons/color/TiptapCalloutError.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
-var SvgTiptapCalloutError = (props) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", ...props, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("g", { clipPath: "url(#tiptap-callout-error_svg__a)", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+var import_jsx_runtime72 = require("react/jsx-runtime");
+var SvgTiptapCalloutError = (props) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("g", { clipPath: "url(#tiptap-callout-error_svg__a)", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       "path",
       {
         fill: "#E03757",
         d: "M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       "path",
       {
         fill: "#F04760",
         d: "M4.692 15.603c6.011 0 10.885-4.874 10.885-10.885a10.9 10.9 0 0 0-.525-3.35A9.95 9.95 0 0 0 10 0C4.477 0 0 4.477 0 10a9.95 9.95 0 0 0 1.394 5.094c1.066.338 2.179.51 3.298.509"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       "path",
       {
         fill: "#fff",
@@ -5108,28 +5172,28 @@ var SvgTiptapCalloutError = (props) => /* @__PURE__ */ (0, import_jsx_runtime71.
       }
     )
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("clipPath", { id: "tiptap-callout-error_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) })
+  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("clipPath", { id: "tiptap-callout-error_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) })
 ] });
 var TiptapCalloutError_default = SvgTiptapCalloutError;
 
 // src/icons/color/TiptapCalloutInfo.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
-var SvgTiptapCalloutInfo = (props) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", ...props, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+var import_jsx_runtime73 = require("react/jsx-runtime");
+var SvgTiptapCalloutInfo = (props) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     "path",
     {
       fill: "#FE9738",
       d: "m11.654 11.196 3.51-2.75.549-4.789-4.06-2.234-1.647 2.264a2.79 2.79 0 0 1 1.531 2.28 2.8 2.8 0 0 1-1.85 2.84 3.96 3.96 0 0 0-2.624 3.728v.72c0 .937.76 1.697 1.696 1.697h2.482zm-4.895-3.32H4.277c-.937 0-1.697-.76-1.697-1.697q0-.432.06-.86C3.084 2.135 5.954-.196 9.172.015h2.482L9.888 1.797m1.353 14.796H8.759c-.937 0-1.696.76-1.696 1.696v.014c0 .938.76 1.697 1.696 1.697h2.18"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     "path",
     {
       fill: "#FFD15B",
       d: "M11.241 14.951c-.937 0-1.697-.76-1.697-1.697v-.72a3.955 3.955 0 0 1 2.625-3.727 2.8 2.8 0 0 0 1.85-2.84A2.79 2.79 0 0 0 11.432 3.4a2.8 2.8 0 0 0-2.976 2.78 1.697 1.697 0 0 1-3.394 0q0-.434.06-.86C5.566 2.133 8.435-.198 11.654.014c3.055.2 5.527 2.653 5.75 5.706a6.2 6.2 0 0 1-4.104 6.286.56.56 0 0 0-.362.529v.72c0 .936-.76 1.696-1.697 1.696m0 5.05c-.937 0-1.697-.76-1.697-1.698v-.014a1.697 1.697 0 0 1 3.394 0v.014c0 .937-.76 1.697-1.697 1.697"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     "path",
     {
       fill: "#FFC344",
@@ -5140,66 +5204,66 @@ var SvgTiptapCalloutInfo = (props) => /* @__PURE__ */ (0, import_jsx_runtime72.j
 var TiptapCalloutInfo_default = SvgTiptapCalloutInfo;
 
 // src/icons/color/TiptapCalloutSuccess.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
-var SvgTiptapCalloutSuccess = (props) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", ...props, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("g", { clipPath: "url(#tiptap-callout-success_svg__a)", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+var import_jsx_runtime74 = require("react/jsx-runtime");
+var SvgTiptapCalloutSuccess = (props) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("g", { clipPath: "url(#tiptap-callout-success_svg__a)", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       "path",
       {
         fill: "#35495E",
         d: "M1.972 18.004.06 7.138a2.4 2.4 0 0 1-.035-.317 2.47 2.47 0 0 1 2.073-2.493l3.693-.652-.1 14.328z"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       "path",
       {
         fill: "#2C3E50",
         d: "M16.186 17.528a.69.69 0 0 1-.548.517l-10.87 1.917a2.42 2.42 0 0 1-2.83-2.276 2.46 2.46 0 0 1 1.934-2.462l3.045.855h-.003l-2.742.487a1.037 1.037 0 0 0-.786 1.396 1.066 1.066 0 0 0 1.186.635l8.307-1.466z"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       "path",
       {
         fill: "#F9EAB0",
         d: "m6.914 16.08-2.742.486a1.035 1.035 0 0 0-.786 1.396 1.066 1.066 0 0 0 1.186.635l8.307-1.466z"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       "path",
       {
         fill: "#E64C3C",
         d: "M4.423 11.438 6.339.571a.695.695 0 0 1 .799-.559l10.785 1.902a2.47 2.47 0 0 1 2.074 2.495 3 3 0 0 1-.034.316l-1.917 10.867z"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       "path",
       {
         fill: "#3F5C6C",
         d: "M15.668 3.612a.4.4 0 0 1-.06-.005l-7.81-1.378a.345.345 0 0 1 .12-.677l7.81 1.375a.345.345 0 0 1-.06.685M14.01 5.069a.3.3 0 0 1-.06-.005l-5.094-.897a.345.345 0 0 1 .12-.68l5.094.897a.345.345 0 0 1-.06.685"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       "path",
       {
         fill: "#ECF0F1",
         d: "m14.727 6.608-7.131-1.26a.345.345 0 0 0-.4.28l-.6 3.395a.345.345 0 0 0 .28.4l7.13 1.26a.345.345 0 0 0 .4-.28l.6-3.396a.345.345 0 0 0-.28-.4"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       "path",
       {
         fill: "#C03A2B",
         d: "M19.997 4.407a2 2 0 0 1-.035.317L18.045 15.59l-2.659-.81 1.542-8.738.365-2.063.373-2.11.258.045a2.47 2.47 0 0 1 2.073 2.493"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       "path",
       {
         fill: "#802F34",
         d: "M16.007 12.78 5.22 10.88a.69.69 0 0 0-.238 1.358l10.865 1.914a1.038 1.038 0 0 1 .783 1.4 1.06 1.06 0 0 1-1.183.63L4.624 14.277a.69.69 0 0 0-.241 1.359l10.869 1.913a2.416 2.416 0 0 0 2.83-2.272 2.474 2.474 0 0 0-2.075-2.496"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       "path",
       {
         fill: "#F9EAB0",
@@ -5207,14 +5271,14 @@ var SvgTiptapCalloutSuccess = (props) => /* @__PURE__ */ (0, import_jsx_runtime7
       }
     )
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("clipPath", { id: "tiptap-callout-success_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) })
+  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("clipPath", { id: "tiptap-callout-success_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("path", { fill: "#fff", d: "M0 0h20v20H0z" }) }) })
 ] });
 var TiptapCalloutSuccess_default = SvgTiptapCalloutSuccess;
 
 // src/icons/color/TiptapCalloutWarning.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
-var SvgTiptapCalloutWarning = (props) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", ...props, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+var import_jsx_runtime75 = require("react/jsx-runtime");
+var SvgTiptapCalloutWarning = (props) => /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     "path",
     {
       fill: "#FFF59D",
@@ -5222,29 +5286,29 @@ var SvgTiptapCalloutWarning = (props) => /* @__PURE__ */ (0, import_jsx_runtime7
       d: "M1.667 9.167a8.333 8.333 0 1 0 16.666 0 8.333 8.333 0 0 0-16.666 0"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     "path",
     {
       fill: "#FBC02D",
       d: "M15.417 9.167c0-3.209-2.75-5.75-6.042-5.375-2.5.291-4.5 2.291-4.75 4.791a5.27 5.27 0 0 0 1.917 4.709c.583.5.958 1.208.958 2v.125h5v-.042c0-.75.333-1.5.917-2 1.208-1 2-2.5 2-4.208"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     "path",
     {
       fill: "#FFF59D",
       d: "m12.75 8.417-1.25-.834a.45.45 0 0 0-.458 0L10 8.25l-1-.667a.45.45 0 0 0-.458 0l-1.25.834c-.084.083-.167.166-.167.291s0 .25.083.334L8.792 11v4.417h.833v-4.584c0-.083-.042-.166-.083-.25L8.167 8.875l.625-.417 1 .667a.45.45 0 0 0 .458 0l1-.667.625.417-1.375 1.708a.6.6 0 0 0-.083.25v4.584h.833V11l1.583-1.958a.32.32 0 0 0 .084-.334c-.042-.125-.084-.25-.167-.291"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("path", { fill: "#5C6BC0", d: "M8.75 18.334a1.25 1.25 0 1 0 2.5 0 1.25 1.25 0 0 0-2.5 0" }),
-  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("path", { fill: "#5C6BC0", d: "M8.75 18.334a1.25 1.25 0 1 0 2.5 0 1.25 1.25 0 0 0-2.5 0" }),
+  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     "path",
     {
       fill: "#9FA8DA",
       d: "M10.833 18.75H9.167C8.25 18.75 7.5 18 7.5 17.083V15h5v2.083c0 .917-.75 1.667-1.667 1.667"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     "path",
     {
       fill: "#5C6BC0",
@@ -5397,12 +5461,12 @@ var calloutCustomEmojis = [
 ];
 
 // src/extensions/views/components/callout.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var calloutIcons = {
-  info: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(TiptapCalloutInfo_default, {}),
-  warning: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(TiptapCalloutWarning_default, {}),
-  success: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(TiptapCalloutSuccess_default, {}),
-  error: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(TiptapCalloutError_default, {})
+  info: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(TiptapCalloutInfo_default, {}),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(TiptapCalloutWarning_default, {}),
+  success: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(TiptapCalloutSuccess_default, {}),
+  error: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(TiptapCalloutError_default, {})
 };
 var legacyTypeMap3 = {
   question: "info",
@@ -5420,15 +5484,15 @@ var Callout = ({ type, bgColor, emoji: emoji2, children, iconWrapper, calloutTyp
   if (emoji2) {
     if (emoji2 in calloutIconComponents) {
       const IconComponent = calloutIconComponents[emoji2];
-      icon = /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(IconComponent, {});
+      icon = /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(IconComponent, {});
     } else {
       icon = emoji2;
     }
   } else {
     icon = calloutIcons[finalType];
   }
-  const iconContent = iconWrapper ? iconWrapper(icon) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "callout-icon", children: icon });
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+  const iconContent = iconWrapper ? iconWrapper(icon) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "callout-icon", children: icon });
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
     "div",
     {
       className,
@@ -5438,33 +5502,33 @@ var Callout = ({ type, bgColor, emoji: emoji2, children, iconWrapper, calloutTyp
       style,
       children: [
         iconContent,
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "callout-content-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "callout-content", children }) })
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "callout-content-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "callout-content", children }) })
       ]
     }
   );
 };
 
 // src/extensions/views/components/code-block.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_xml2 = __toESM(require("highlight.js/lib/languages/xml"));
 var import_lowlight2 = require("lowlight");
 
 // src/extensions/views/components/copy-button.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var CopyButton = ({ iconSize = 16, color = "black" }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
     "button",
     {
       className: `copy-button copy-icon-${color}`,
       "data-copy-action": "copy",
       type: "button",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
           "span",
           {
             className: "copy-icon",
             "data-copy-icon": "default",
-            children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
               Copy_default,
               {
                 width: iconSize,
@@ -5473,13 +5537,13 @@ var CopyButton = ({ iconSize = 16, color = "black" }) => {
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
           "span",
           {
             className: "copy-icon-success",
             "data-copy-icon": "success",
             style: { display: "none" },
-            children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
               Check_default,
               {
                 width: iconSize,
@@ -5494,7 +5558,7 @@ var CopyButton = ({ iconSize = 16, color = "black" }) => {
 };
 
 // src/extensions/views/components/code-block.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var CodeBlock = ({
   language,
   isEditable,
@@ -5502,7 +5566,7 @@ var CodeBlock = ({
   children,
   translations: translations2
 }) => {
-  const languagesList = (0, import_react17.useMemo)(() => {
+  const languagesList = (0, import_react18.useMemo)(() => {
     const lowlight2 = (0, import_lowlight2.createLowlight)(import_lowlight2.common);
     lowlight2.register("html", import_xml2.default);
     const list = lowlight2.listLanguages();
@@ -5511,17 +5575,17 @@ var CodeBlock = ({
   const handleChange = (e) => {
     onLanguageChange?.(e.target.value);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "tiptap-code-block-wrapper", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "tiptap-code-block-header", children: [
-      isEditable ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "tiptap-code-block-wrapper", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "tiptap-code-block-header", children: [
+      isEditable ? /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
         "select",
         {
           className: "tiptap-code-block-language-select",
           value: language,
           onChange: handleChange,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("option", { value: "", children: translations2?.codeBlock.selectLanguage }),
-            languagesList.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("option", { value: "", children: translations2?.codeBlock.selectLanguage }),
+            languagesList.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
               "option",
               {
                 value: lang,
@@ -5531,8 +5595,8 @@ var CodeBlock = ({
             ))
           ]
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "tiptap-code-block-language-text", children: language || translations2?.codeBlock.selectLanguage }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "tiptap-code-block-language-text", children: language || translations2?.codeBlock.selectLanguage }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         CopyButton,
         {
           iconSize: 20,
@@ -5540,7 +5604,7 @@ var CodeBlock = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("pre", { className: "tiptap-code-block", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("pre", { className: "tiptap-code-block", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
       "code",
       {
         className: "tiptap-code-block-content",
@@ -5552,22 +5616,22 @@ var CodeBlock = ({
 };
 
 // src/extensions/views/components/copyable-text.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var CopyableText2 = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "copyable", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { "data-copy-content": true, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CopyButton, { iconSize: 16 })
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "copyable", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { "data-copy-content": true, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(CopyButton, { iconSize: 16 })
   ] });
 };
 
 // src/extensions/views/components/custom-quote.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
-var CustomQuote = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { "data-custom-quote": "", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "custom-quote-divider" }),
-  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "custom-quote-svg-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Quote_default, {}) }),
+var import_jsx_runtime80 = require("react/jsx-runtime");
+var CustomQuote = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { "data-custom-quote": "", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "custom-quote-divider" }),
+  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "custom-quote-svg-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Quote_default, {}) }),
   children
 ] });
-var CustomQuoteText = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+var CustomQuoteText = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
   "div",
   {
     "data-custom-quote-text": true,
@@ -5576,7 +5640,7 @@ var CustomQuoteText = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ (0
     children
   }
 );
-var CustomQuoteAuthor = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+var CustomQuoteAuthor = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
   "div",
   {
     "data-custom-quote-author": "",
@@ -5585,7 +5649,7 @@ var CustomQuoteAuthor = ({ children, isEmpty, placeholder }) => /* @__PURE__ */
     children
   }
 );
-var CustomQuoteSign = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+var CustomQuoteSign = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
   "div",
   {
     "data-custom-quote-sign": "",
@@ -5596,7 +5660,7 @@ var CustomQuoteSign = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ (0
 );
 
 // src/extensions/views/components/figure.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var Figure = ({
   src,
   alt,
@@ -5611,9 +5675,9 @@ var Figure = ({
   getImageById
 }) => {
   const resolvedSrc = resolveImageSrc({ fileId, src }, { getImageById });
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("figure", { children: [
-    resolvedSrc && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "figure-image-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("figure", { children: [
+    resolvedSrc && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "figure-image-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
         "img",
         {
           src: resolvedSrc,
@@ -5623,7 +5687,7 @@ var Figure = ({
           height: height || void 0
         }
       ),
-      isEditable && onEditClick && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+      isEditable && onEditClick && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
         "button",
         {
           type: "button",
@@ -5631,19 +5695,19 @@ var Figure = ({
           onClick: onEditClick,
           contentEditable: false,
           "aria-label": "\u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435",
-          children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Edit_default, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Edit_default, {})
         }
       )
     ] }),
-    caption && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("figcaption", { children: caption }),
+    caption && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("figcaption", { children: caption }),
     children
   ] });
 };
 
 // src/extensions/views/components/prompt.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
-var PromptHeader = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "prompt-header-wrapper", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+var import_jsx_runtime82 = require("react/jsx-runtime");
+var PromptHeader = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "prompt-header-wrapper", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     "div",
     {
       className: isEmpty ? "is-empty" : "",
@@ -5651,7 +5715,7 @@ var PromptHeader = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ (0, i
       children
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "prompt-copy-icon-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "prompt-copy-icon-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     CopyButton,
     {
       iconSize: 16,
@@ -5659,7 +5723,7 @@ var PromptHeader = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ (0, i
     }
   ) })
 ] });
-var PromptContent = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "prompt-content-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+var PromptContent = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "prompt-content-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
   "div",
   {
     className: isEmpty ? "is-empty" : "",
@@ -5670,22 +5734,22 @@ var PromptContent = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ (0,
 ) });
 
 // src/extensions/views/components/video.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+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",
@@ -5702,13 +5766,13 @@ var Video = ({ src, children }) => {
 };
 
 // src/editor/controls/emoji-picker.tsx
-var import_react18 = require("react");
+var import_react19 = 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 pickerRef = (0, import_react19.useRef)(null);
   const translations2 = useTiptapTranslations();
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (pickerRef.current && !pickerRef.current.contains(event.target)) {
         onClose();
@@ -5722,12 +5786,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,
@@ -5752,12 +5816,12 @@ 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;
   const emoji2 = props.node.attrs.emoji;
-  const [showEmojiPicker, setShowEmojiPicker] = (0, import_react20.useState)(false);
+  const [showEmojiPicker, setShowEmojiPicker] = (0, import_react21.useState)(false);
   const handleIconClick = (e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -5767,23 +5831,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_react20.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
     Callout,
     {
       type,
       bgColor,
       emoji: emoji2,
-      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,
@@ -5792,87 +5856,87 @@ var CalloutView = (props) => {
           }
         )
       ] }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react19.NodeViewContent, { as: "div" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react20.NodeViewContent, { as: "div" })
     }
   ) });
 };
 
 // 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_react22 = require("react");
+var import_react23 = require("@tiptap/react");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var CodeBlockView = (props) => {
-  const [selectedLanguage, setSelectedLanguage] = (0, import_react21.useState)(props.node.attrs.language ?? "");
+  const [selectedLanguage, setSelectedLanguage] = (0, import_react22.useState)(props.node.attrs.language ?? "");
   const translations2 = useTiptapTranslations();
   const handleLanguageChange = (language) => {
     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_react23.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_react23.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_react24 = require("@tiptap/react");
+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_react24.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_react25 = require("@tiptap/react");
+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_react25.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CustomQuote, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react25.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_react25.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_react25.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_react25.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_react25.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_react25.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_react25.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_react26 = require("@tiptap/react");
+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");
@@ -5881,12 +5945,12 @@ var FigureView = ({ node, getPos, editor }) => {
   const handleEditClick = () => {
     onFigureClick?.(node.attrs, getPos());
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
-    import_react25.NodeViewWrapper,
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+    import_react26.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,
@@ -5906,40 +5970,40 @@ 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_react27 = require("@tiptap/react");
+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_react27.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_react27.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_react27.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_react27.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_react28 = require("@tiptap/react");
+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)(
-    import_react27.NodeViewContent,
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react28.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Video, { src, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    import_react28.NodeViewContent,
     {
       as: "div",
       className: "video-content"
@@ -5950,66 +6014,66 @@ var VideoView = (props) => {
 // src/extensions/editor/callout.ts
 var Callout2 = BaseCallout.extend({
   addNodeView() {
-    return (0, import_react28.ReactNodeViewRenderer)(CalloutView);
+    return (0, import_react29.ReactNodeViewRenderer)(CalloutView);
   }
 });
 var LegacyBookAlert = BaseLegacyBookAlert.extend({
   addNodeView() {
-    return (0, import_react28.ReactNodeViewRenderer)(CalloutView);
+    return (0, import_react29.ReactNodeViewRenderer)(CalloutView);
   }
 });
 var LegacyBookTip = BaseLegacyBookTip.extend({
   addNodeView() {
-    return (0, import_react28.ReactNodeViewRenderer)(CalloutView);
+    return (0, import_react29.ReactNodeViewRenderer)(CalloutView);
   }
 });
 
 // src/extensions/editor/code-block.ts
-var import_react29 = require("@tiptap/react");
+var import_react30 = require("@tiptap/react");
 var CodeBlock2 = BaseCodeBlock.extend({
   addNodeView() {
-    return (0, import_react29.ReactNodeViewRenderer)(CodeBlockView);
+    return (0, import_react30.ReactNodeViewRenderer)(CodeBlockView);
   }
 });
 
 // src/extensions/editor/custom-quote.ts
-var import_react30 = require("@tiptap/react");
+var import_react31 = require("@tiptap/react");
 var CustomQuote2 = BaseCustomQuote.extend({
   addNodeView() {
-    return (0, import_react30.ReactNodeViewRenderer)(CustomQuoteView);
+    return (0, import_react31.ReactNodeViewRenderer)(CustomQuoteView);
   }
 });
 var CustomQuoteText2 = BaseCustomQuoteText.extend({
   addNodeView() {
-    return (0, import_react30.ReactNodeViewRenderer)(CustomQuoteTextView);
+    return (0, import_react31.ReactNodeViewRenderer)(CustomQuoteTextView);
   }
 });
 var CustomQuoteAuthor2 = BaseCustomQuoteAuthor.extend({
   addNodeView() {
-    return (0, import_react30.ReactNodeViewRenderer)(CustomQuoteAuthorView);
+    return (0, import_react31.ReactNodeViewRenderer)(CustomQuoteAuthorView);
   }
 });
 var CustomQuoteSign2 = BaseCustomQuoteSign.extend({
   addNodeView() {
-    return (0, import_react30.ReactNodeViewRenderer)(CustomQuoteSignView);
+    return (0, import_react31.ReactNodeViewRenderer)(CustomQuoteSignView);
   }
 });
 var LegacySEQuote = BaseLegacySEQuote.extend({
   addNodeView() {
-    return (0, import_react30.ReactNodeViewRenderer)(CustomQuoteView);
+    return (0, import_react31.ReactNodeViewRenderer)(CustomQuoteView);
   }
 });
 
 // src/extensions/editor/video.ts
-var import_react31 = require("@tiptap/react");
+var import_react32 = require("@tiptap/react");
 var Video2 = BaseVideo.extend({
   addNodeView() {
-    return (0, import_react31.ReactNodeViewRenderer)(VideoView);
+    return (0, import_react32.ReactNodeViewRenderer)(VideoView);
   }
 });
 var LegacyYouTube = BaseLegacyYouTube.extend({
   addNodeView() {
-    return (0, import_react31.ReactNodeViewRenderer)(VideoView);
+    return (0, import_react32.ReactNodeViewRenderer)(VideoView);
   }
 });
 
@@ -6418,44 +6482,44 @@ function getSharedExtensions() {
 }
 
 // src/extensions/editor/copyable-text.ts
-var import_react32 = require("@tiptap/react");
+var import_react33 = require("@tiptap/react");
 var CopyableText3 = CopyableText.extend({
   addMarkView() {
-    return (0, import_react32.ReactMarkViewRenderer)(CopyableTextView);
+    return (0, import_react33.ReactMarkViewRenderer)(CopyableTextView);
   }
 });
 
 // src/extensions/editor/prompt.ts
-var import_react33 = require("@tiptap/react");
+var import_react34 = require("@tiptap/react");
 var PromptHeader2 = BasePromptHeader.extend({
   addNodeView() {
-    return (0, import_react33.ReactNodeViewRenderer)(PromptHeaderView);
+    return (0, import_react34.ReactNodeViewRenderer)(PromptHeaderView);
   }
 });
 var PromptContent2 = BasePromptContent.extend({
   addNodeView() {
-    return (0, import_react33.ReactNodeViewRenderer)(PromptContentView);
+    return (0, import_react34.ReactNodeViewRenderer)(PromptContentView);
   }
 });
 var LegacyPromptSEHeader = BaseLegacyPromptSEHeader.extend({
   addNodeView() {
-    return (0, import_react33.ReactNodeViewRenderer)(PromptHeaderView);
+    return (0, import_react34.ReactNodeViewRenderer)(PromptHeaderView);
   }
 });
 var LegacyPromptSEContent = BaseLegacyPromptSEContent.extend({
   addNodeView() {
-    return (0, import_react33.ReactNodeViewRenderer)(PromptContentView);
+    return (0, import_react34.ReactNodeViewRenderer)(PromptContentView);
   }
 });
 
 // src/extensions/editor/figure.ts
-var import_react34 = require("@tiptap/react");
+var import_react35 = require("@tiptap/react");
 var import_core18 = require("@tiptap/core");
 var Figure2 = BaseFigure.extend({
   addNodeView() {
     const resizeOptions = this.options.resize;
     if (!resizeOptions) {
-      return (0, import_react34.ReactNodeViewRenderer)(FigureView);
+      return (0, import_react35.ReactNodeViewRenderer)(FigureView);
     }
     return (props) => {
       const { node, getPos, editor } = props;
@@ -6620,7 +6684,7 @@ var Figure2 = BaseFigure.extend({
 });
 var LegacyFigure = BaseLegacyFigure.extend({
   addNodeView() {
-    return (0, import_react34.ReactNodeViewRenderer)(FigureView);
+    return (0, import_react35.ReactNodeViewRenderer)(FigureView);
   }
 });
 
@@ -6786,7 +6850,7 @@ var createHandleKatexAdd = (editor, closeDialogCommand, savedPos) => {
 };
 
 // src/editor/handlers/insertion-handlers.ts
-var import_react35 = require("react");
+var import_react36 = require("react");
 
 // src/editor/handlers/markup-insertion.ts
 var import_model2 = require("@tiptap/pm/model");
@@ -6872,17 +6936,17 @@ function applyUploadResultsToNodes(imagesToNodes, results) {
 
 // src/editor/handlers/insertion-handlers.ts
 function useInsertionHandlers(imageHandlers) {
-  const [insertedImage, setInsertedImage] = (0, import_react35.useState)(null);
+  const [insertedImage, setInsertedImage] = (0, import_react36.useState)(null);
   const { activeDialog, openDialogCommand } = useDialogCommand();
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (insertedImage && !activeDialog) {
       setInsertedImage(null);
     }
   }, [insertedImage, activeDialog]);
   function genericInsertionHandler(file, event) {
-    if (!file || !file.type.startsWith("image/")) return;
     event.preventDefault();
     event.stopPropagation();
+    if (!file || !file.type.startsWith("image/")) return;
     if (!imageHandlers?.upload) return;
     setInsertedImage(file);
     openDialogCommand("image");
@@ -6934,7 +6998,7 @@ function useInsertionHandlers(imageHandlers) {
 // src/editor/commands/suggestion.tsx
 var import_dom = require("@floating-ui/dom");
 var import_core19 = require("@tiptap/core");
-var import_react36 = require("@tiptap/react");
+var import_react37 = require("@tiptap/react");
 
 // src/editor/commands/items.ts
 var getCommandItems = (translations2, hasImageHandlers) => [
@@ -7235,7 +7299,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) {
@@ -7249,7 +7313,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);
@@ -7267,7 +7331,7 @@ var createSuggestions = (translations2, hasImageHandlers) => ({
   render: () => {
     return {
       onStart: async (props) => {
-        component = new import_react36.ReactRenderer(CommandsList, {
+        component = new import_react37.ReactRenderer(CommandsList, {
           props,
           editor: props.editor
         });
@@ -7457,7 +7521,8 @@ var ru_default = {
     captionLabel: "\u041F\u043E\u0434\u043F\u0438\u0441\u044C \u043A \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044E",
     captionPlaceholder: "\u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435 \u043F\u043E\u0434 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435\u043C...",
     save: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C",
-    add: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C"
+    add: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C",
+    invalidFileType: "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u0444\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430."
   },
   videoUpload: {
     title: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432\u0438\u0434\u0435\u043E",
@@ -7502,7 +7567,9 @@ var ru_default = {
     words: ["\u0441\u043B\u043E\u0432\u043E", "\u0441\u043B\u043E\u0432\u0430", "\u0441\u043B\u043E\u0432"]
   },
   common: {
-    cancel: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C"
+    cancel: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C",
+    unknownError: "\u041D\u0435\u0438\u0437\u0432\u0435\u0441\u0442\u043D\u0430\u044F \u043E\u0448\u0438\u0431\u043A\u0430",
+    clearError: "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u043E\u0448\u0438\u0431\u043A\u0443"
   }
 };
 
@@ -7621,7 +7688,8 @@ var en_default = {
     captionLabel: "Image caption",
     captionPlaceholder: "Description under image...",
     save: "Save",
-    add: "Add"
+    add: "Add",
+    invalidFileType: "Invalid file format."
   },
   videoUpload: {
     title: "Add video",
@@ -7666,7 +7734,9 @@ var en_default = {
     words: ["word", "words", "words"]
   },
   common: {
-    cancel: "Cancel"
+    cancel: "Cancel",
+    unknownError: "Unknown error",
+    clearError: "Clear error"
   }
 };
 
@@ -7680,7 +7750,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,
@@ -7690,18 +7760,18 @@ function TiptapContent({
   lang,
   error
 }) {
-  const [linkDialogContext, setLinkDialogContext] = (0, import_react37.useState)(null);
-  const [katexDialogContext, setKatexDialogContext] = (0, import_react37.useState)(
+  const [linkDialogContext, setLinkDialogContext] = (0, import_react38.useState)(null);
+  const [katexDialogContext, setKatexDialogContext] = (0, import_react38.useState)(
     null
   );
-  const [editFigureContext, setEditFigureContext] = (0, import_react37.useState)(null);
-  const [savedDialogCursorPos, setSavedDialogCursorPos] = (0, import_react37.useState)(void 0);
-  const [savedDialogRange, setSavedDialogRange] = (0, import_react37.useState)(
+  const [editFigureContext, setEditFigureContext] = (0, import_react38.useState)(null);
+  const [savedDialogCursorPos, setSavedDialogCursorPos] = (0, import_react38.useState)(void 0);
+  const [savedDialogRange, setSavedDialogRange] = (0, import_react38.useState)(
     void 0
   );
   const { activeDialog, closeDialogCommand, openDialogCommand } = useDialogCommand();
   const translations2 = useTiptapTranslations();
-  const [isDisabledInternal, setIsDisabledInternal] = (0, import_react37.useState)(isDisabled);
+  const [isDisabledInternal, setIsDisabledInternal] = (0, import_react38.useState)(isDisabled);
   const disabled = isDisabled || isDisabledInternal;
   let safeContent;
   try {
@@ -7715,7 +7785,7 @@ function TiptapContent({
     onDrop,
     onMarkupInsertion
   } = useInsertionHandlers(imageHandlers);
-  const editor = (0, import_react38.useEditor)(
+  const editor = (0, import_react39.useEditor)(
     {
       editable: isEditable && !disabled,
       extensions: getEditorExtensions({
@@ -7779,7 +7849,7 @@ function TiptapContent({
     },
     [lang]
   );
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (activeDialog && editor && !editor.isDestroyed) {
       const { from, to } = editor.state.selection;
       setSavedDialogCursorPos(from);
@@ -7808,7 +7878,7 @@ function TiptapContent({
     const katexHandler = createHandleKatexAdd(editor, handleCloseDialog, savedDialogCursorPos);
     katexHandler(latex, katexDialogContext?.pos);
   };
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (!editor || editor.isDestroyed) return;
     editor.commands.setContent(safeContent, {
       emitUpdate: false
@@ -7827,16 +7897,16 @@ function TiptapContent({
     return true;
   };
   if (!editor) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(DragHandle, { editor }),
-    isEditable && !disabled && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(TableMenu, { editor }),
-    isEditable && !disabled && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(DragHandle, { editor }),
+    isEditable && !disabled && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TableMenu, { editor }),
+    isEditable && !disabled && /* @__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,
@@ -7845,19 +7915,19 @@ function TiptapContent({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
       "div",
       {
         className: `tiptap-content-wrapper ${!!error ? "has-error" : ""} ${disabled ? "is-disabled" : ""}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react38.EditorContent, { editor }),
-          isEditable && !disabled && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(CharacterCount, { editor })
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react39.EditorContent, { editor }),
+          isEditable && !disabled && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(CharacterCount, { editor })
         ]
       }
     ),
-    !!error && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "tiptap-error-message", children: error }),
-    isEditable && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-      activeDialog === "image" && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    !!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,
@@ -7871,7 +7941,7 @@ function TiptapContent({
           mode: editFigureContext ? "edit" : "add"
         }
       ),
-      activeDialog === "link" && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+      activeDialog === "link" && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
         AddLinkDialog,
         {
           open: true,
@@ -7880,7 +7950,7 @@ function TiptapContent({
           linkDialogContext
         }
       ),
-      activeDialog === "video" && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+      activeDialog === "video" && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
         AddVideoDialog,
         {
           open: true,
@@ -7888,7 +7958,7 @@ function TiptapContent({
           onVideoAdd: handleVideoAdd
         }
       ),
-      activeDialog === "katex" && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+      activeDialog === "katex" && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
         AddKatexDialog,
         {
           open: true,
@@ -7903,7 +7973,7 @@ function TiptapContent({
 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 }) }) });
 };
 
 // src/utils/html-to-tiptap-content.ts