@underverse-ui/underverse 0.2.79 → 0.2.81

package/dist/index.cjs

@@ -15306,9 +15306,9 @@ function useSmartLocale() {
 }
 
 // ../../components/ui/UEditor/UEditor.tsx
-var import_react44 = require("react");
+var import_react46 = require("react");
 var import_next_intl6 = require("next-intl");
-var import_react45 = require("@tiptap/react");
+var import_react47 = require("@tiptap/react");
 
 // ../../components/ui/UEditor/extensions.ts
 var import_extension_document = __toESM(require("@tiptap/extension-document"), 1);
@@ -15330,7 +15330,6 @@ var import_extension_code_block_lowlight = __toESM(require("@tiptap/extension-co
 var import_extension_history = __toESM(require("@tiptap/extension-history"), 1);
 var import_extension_placeholder = __toESM(require("@tiptap/extension-placeholder"), 1);
 var import_extension_link = __toESM(require("@tiptap/extension-link"), 1);
-var import_extension_image = __toESM(require("@tiptap/extension-image"), 1);
 var import_extension_text_style = require("@tiptap/extension-text-style");
 var import_extension_color = __toESM(require("@tiptap/extension-color"), 1);
 var import_extension_highlight = __toESM(require("@tiptap/extension-highlight"), 1);
@@ -18624,6 +18623,7 @@ function createKey(name) {
 // ../../components/ui/UEditor/clipboard-images.ts
 function getImageFiles(dataTransfer) {
   if (!dataTransfer) return [];
+  const itemFiles = [];
   const byKey = /* @__PURE__ */ new Map();
   for (const item of Array.from(dataTransfer.items ?? [])) {
     if (item.kind !== "file") continue;
@@ -18632,6 +18632,8 @@ function getImageFiles(dataTransfer) {
     if (!file) continue;
     byKey.set(`${file.name}:${file.size}:${file.lastModified}`, file);
   }
+  itemFiles.push(...Array.from(byKey.values()));
+  if (itemFiles.length > 0) return itemFiles;
   for (const file of Array.from(dataTransfer.files ?? [])) {
     if (!file.type.startsWith("image/")) continue;
     byKey.set(`${file.name}:${file.size}:${file.lastModified}`, file);
@@ -18711,13 +18713,229 @@ var ClipboardImages = import_core2.Extension.create({
   }
 });
 
+// ../../components/ui/UEditor/resizable-image.tsx
+var import_react40 = require("react");
+var import_extension_image = __toESM(require("@tiptap/extension-image"), 1);
+var import_core3 = require("@tiptap/core");
+var import_react41 = require("@tiptap/react");
+var import_jsx_runtime69 = require("react/jsx-runtime");
+var MIN_IMAGE_SIZE_PX = 40;
+var AXIS_LOCK_THRESHOLD_PX = 4;
+function toNullableNumber(value) {
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  if (typeof value === "string") {
+    const parsed = Number.parseInt(value, 10);
+    return Number.isFinite(parsed) ? parsed : null;
+  }
+  return null;
+}
+function clamp4(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+function ResizableImageNodeView(props) {
+  const { node, selected, updateAttributes, editor, getPos } = props;
+  const wrapperRef = (0, import_react40.useRef)(null);
+  const imgRef = (0, import_react40.useRef)(null);
+  const [isHovered, setIsHovered] = (0, import_react40.useState)(false);
+  const [isResizing, setIsResizing] = (0, import_react40.useState)(false);
+  const widthAttr = toNullableNumber(node.attrs["width"]);
+  const heightAttr = toNullableNumber(node.attrs["height"]);
+  const textAlign = String(node.attrs["textAlign"] ?? "");
+  const dragStateRef = (0, import_react40.useRef)(null);
+  (0, import_react40.useEffect)(() => {
+    const img = imgRef.current;
+    if (!img) return;
+    img.style.width = widthAttr ? `${widthAttr}px` : "";
+    img.style.height = heightAttr ? `${heightAttr}px` : "";
+  }, [widthAttr, heightAttr]);
+  const selectNode = () => {
+    const pos = typeof getPos === "function" ? getPos() : null;
+    if (typeof pos === "number") editor.commands.setNodeSelection(pos);
+  };
+  const onResizePointerDown = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    const img = imgRef.current;
+    const wrapper = wrapperRef.current;
+    if (!img || !wrapper) return;
+    selectNode();
+    const rect = img.getBoundingClientRect();
+    const editorEl = wrapper.closest(".ProseMirror");
+    const maxW = editorEl ? editorEl.getBoundingClientRect().width : Number.POSITIVE_INFINITY;
+    const startW = Math.max(MIN_IMAGE_SIZE_PX, rect.width);
+    const startH = Math.max(MIN_IMAGE_SIZE_PX, rect.height);
+    const aspect = startH > 0 ? startW / startH : 1;
+    dragStateRef.current = {
+      pointerId: event.pointerId,
+      startX: event.clientX,
+      startY: event.clientY,
+      startW,
+      startH,
+      lastW: startW,
+      lastH: startH,
+      axis: null,
+      aspect,
+      maxW: Math.max(MIN_IMAGE_SIZE_PX, maxW)
+    };
+    setIsResizing(true);
+    event.currentTarget.setPointerCapture(event.pointerId);
+  };
+  const onResizePointerMove = (event) => {
+    const drag = dragStateRef.current;
+    const img = imgRef.current;
+    if (!drag || !img) return;
+    if (event.pointerId !== drag.pointerId) return;
+    const dx = event.clientX - drag.startX;
+    const dy = event.clientY - drag.startY;
+    let nextW = drag.startW;
+    let nextH = drag.startH;
+    if (event.ctrlKey) {
+      if (Math.abs(dx) >= Math.abs(dy)) {
+        nextW = clamp4(drag.startW + dx, MIN_IMAGE_SIZE_PX, drag.maxW);
+        nextH = clamp4(nextW / drag.aspect, MIN_IMAGE_SIZE_PX, Number.POSITIVE_INFINITY);
+      } else {
+        nextH = clamp4(drag.startH + dy, MIN_IMAGE_SIZE_PX, Number.POSITIVE_INFINITY);
+        nextW = clamp4(nextH * drag.aspect, MIN_IMAGE_SIZE_PX, drag.maxW);
+      }
+    } else {
+      if (!drag.axis && (Math.abs(dx) > AXIS_LOCK_THRESHOLD_PX || Math.abs(dy) > AXIS_LOCK_THRESHOLD_PX)) {
+        drag.axis = Math.abs(dx) >= Math.abs(dy) ? "x" : "y";
+      }
+      if (drag.axis === "x") nextW = clamp4(drag.startW + dx, MIN_IMAGE_SIZE_PX, drag.maxW);
+      if (drag.axis === "y") nextH = clamp4(drag.startH + dy, MIN_IMAGE_SIZE_PX, Number.POSITIVE_INFINITY);
+    }
+    drag.lastW = nextW;
+    drag.lastH = nextH;
+    img.style.width = `${Math.round(nextW)}px`;
+    img.style.height = `${Math.round(nextH)}px`;
+  };
+  const finishResize = () => {
+    const drag = dragStateRef.current;
+    dragStateRef.current = null;
+    setIsResizing(false);
+    if (!drag) return;
+    updateAttributes({
+      width: Math.round(drag.lastW),
+      height: Math.round(drag.lastH)
+    });
+  };
+  const onResizePointerUp = (event) => {
+    const drag = dragStateRef.current;
+    if (!drag || event.pointerId !== drag.pointerId) return;
+    event.preventDefault();
+    event.stopPropagation();
+    finishResize();
+  };
+  const onResizePointerCancel = (event) => {
+    const drag = dragStateRef.current;
+    if (!drag || event.pointerId !== drag.pointerId) return;
+    event.preventDefault();
+    event.stopPropagation();
+    finishResize();
+  };
+  const showHandle = selected || isHovered || isResizing;
+  const wrapperAlignClass = textAlign === "center" ? "mx-auto" : textAlign === "right" ? "ml-auto" : textAlign === "justify" ? "mx-auto" : "";
+  const wrapperWidthClass = "w-fit";
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+    import_react41.NodeViewWrapper,
+    {
+      as: "div",
+      ref: wrapperRef,
+      className: ["relative block align-middle max-w-full my-4", wrapperWidthClass, wrapperAlignClass].filter(Boolean).join(" "),
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
+      onClick: (e) => {
+        e.stopPropagation();
+        selectNode();
+      },
+      contentEditable: false,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          "img",
+          {
+            ref: imgRef,
+            src: String(node.attrs["src"] ?? ""),
+            alt: String(node.attrs["alt"] ?? ""),
+            title: String(node.attrs["title"] ?? ""),
+            draggable: "true",
+            className: [
+              "block rounded-lg max-w-full",
+              selected ? "ring-2 ring-primary/60 ring-offset-2 ring-offset-background" : "",
+              isResizing ? "select-none" : ""
+            ].join(" "),
+            style: {
+              width: widthAttr ? `${widthAttr}px` : void 0,
+              height: heightAttr ? `${heightAttr}px` : void 0
+            }
+          }
+        ),
+        showHandle && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          "div",
+          {
+            "aria-hidden": "true",
+            onPointerDown: onResizePointerDown,
+            onPointerMove: onResizePointerMove,
+            onPointerUp: onResizePointerUp,
+            onPointerCancel: onResizePointerCancel,
+            className: [
+              "absolute -right-1 -bottom-1 h-3 w-3 rounded-sm",
+              "bg-primary border border-background shadow-sm",
+              "cursor-nwse-resize",
+              "opacity-90 hover:opacity-100"
+            ].join(" ")
+          }
+        )
+      ]
+    }
+  );
+}
+var ResizableImage = import_extension_image.default.extend({
+  addAttributes() {
+    const parentAttrs = this.parent?.() ?? {};
+    return {
+      ...parentAttrs,
+      width: {
+        default: null,
+        parseHTML: (element) => {
+          const raw = element.getAttribute("width") || element.style.width || "";
+          const parsed = Number.parseInt(raw, 10);
+          return Number.isFinite(parsed) ? parsed : null;
+        },
+        renderHTML: (attrs) => typeof attrs.width === "number" ? { width: attrs.width } : {}
+      },
+      height: {
+        default: null,
+        parseHTML: (element) => {
+          const raw = element.getAttribute("height") || element.style.height || "";
+          const parsed = Number.parseInt(raw, 10);
+          return Number.isFinite(parsed) ? parsed : null;
+        },
+        renderHTML: (attrs) => typeof attrs.height === "number" ? { height: attrs.height } : {}
+      }
+    };
+  },
+  renderHTML({ HTMLAttributes: HTMLAttributes2 }) {
+    return ["img", (0, import_core3.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes2)];
+  },
+  addNodeView() {
+    return (0, import_react41.ReactNodeViewRenderer)(ResizableImageNodeView);
+  }
+}).configure({
+  allowBase64: true,
+  HTMLAttributes: {
+    class: "rounded-lg max-w-full my-4"
+  }
+});
+var resizable_image_default = ResizableImage;
+
 // ../../components/ui/UEditor/extensions.ts
 var lowlight = (0, import_lowlight.createLowlight)(import_lowlight.common);
 function buildUEditorExtensions({
   placeholder,
   maxCharacters,
   uploadImage,
-  imageInsertMode = "base64"
+  imageInsertMode = "base64",
+  editable = true
 }) {
   return [
     import_extension_document.default,
@@ -18774,12 +18992,7 @@ function buildUEditorExtensions({
         class: "text-primary underline underline-offset-2 hover:text-primary/80 cursor-pointer"
       }
     }),
-    import_extension_image.default.configure({
-      allowBase64: true,
-      HTMLAttributes: {
-        class: "rounded-lg max-w-full h-auto my-4"
-      }
-    }),
+    resizable_image_default,
     ClipboardImages.configure({ upload: uploadImage, insertMode: imageInsertMode }),
     import_extension_text_style.TextStyle,
     import_extension_color.default,
@@ -18787,7 +19000,7 @@ function buildUEditorExtensions({
       multicolor: true
     }),
     import_extension_text_align.default.configure({
-      types: ["heading", "paragraph"]
+      types: ["heading", "paragraph", "image"]
     }),
     import_extension_table.Table.configure({
       resizable: true,
@@ -18821,18 +19034,18 @@ function buildUEditorExtensions({
 }
 
 // ../../components/ui/UEditor/toolbar.tsx
-var import_react42 = __toESM(require("react"), 1);
+var import_react44 = __toESM(require("react"), 1);
 var import_next_intl3 = require("next-intl");
 var import_lucide_react36 = require("lucide-react");
 
 // ../../components/ui/UEditor/colors.tsx
-var import_react40 = require("react");
+var import_react42 = require("react");
 var import_next_intl = require("next-intl");
 var import_lucide_react34 = require("lucide-react");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var useEditorColors = () => {
   const t = (0, import_next_intl.useTranslations)("UEditor");
-  const textColors = (0, import_react40.useMemo)(
+  const textColors = (0, import_react42.useMemo)(
     () => [
       { name: t("colors.default"), color: "inherit", cssClass: "text-foreground" },
       { name: t("colors.muted"), color: "var(--muted-foreground)", cssClass: "text-muted-foreground" },
@@ -18845,7 +19058,7 @@ var useEditorColors = () => {
     ],
     [t]
   );
-  const highlightColors = (0, import_react40.useMemo)(
+  const highlightColors = (0, import_react42.useMemo)(
     () => [
       { name: t("colors.default"), color: "", cssClass: "" },
       { name: t("colors.muted"), color: "var(--muted)", cssClass: "bg-muted" },
@@ -18866,9 +19079,9 @@ var EditorColorPalette = ({
   currentColor,
   onSelect,
   label
-}) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "p-2", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider px-2", children: label }),
-  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "grid grid-cols-4 gap-1.5 mt-2", children: colors.map((c) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "p-2", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider px-2", children: label }),
+  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "grid grid-cols-4 gap-1.5 mt-2", children: colors.map((c) => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
     "button",
     {
       type: "button",
@@ -18881,8 +19094,8 @@ var EditorColorPalette = ({
       style: { backgroundColor: c.color || "transparent" },
       title: c.name,
       children: [
-        c.color === "" && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react34.X, { className: "w-4 h-4 text-muted-foreground" }),
-        c.color === "inherit" && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "text-xs font-medium", children: "A" })
+        c.color === "" && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react34.X, { className: "w-4 h-4 text-muted-foreground" }),
+        c.color === "inherit" && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "text-xs font-medium", children: "A" })
       ]
     },
     c.name
@@ -18890,30 +19103,36 @@ var EditorColorPalette = ({
 ] });
 
 // ../../components/ui/UEditor/inputs.tsx
-var import_react41 = require("react");
+var import_react43 = require("react");
 var import_next_intl2 = require("next-intl");
 var import_lucide_react35 = require("lucide-react");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
+function normalizeUrl(raw) {
+  const url = raw.trim();
+  if (!url) return "";
+  if (url.startsWith("#") || url.startsWith("/")) return url;
+  if (/^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(url)) return url;
+  return `https://${url}`;
+}
 var LinkInput = ({
   onSubmit,
   onCancel,
   initialUrl = ""
 }) => {
   const t = (0, import_next_intl2.useTranslations)("UEditor");
-  const [url, setUrl] = (0, import_react41.useState)(initialUrl);
-  const inputRef = (0, import_react41.useRef)(null);
-  (0, import_react41.useEffect)(() => {
+  const [url, setUrl] = (0, import_react43.useState)(initialUrl);
+  const inputRef = (0, import_react43.useRef)(null);
+  (0, import_react43.useEffect)(() => {
     inputRef.current?.focus();
     inputRef.current?.select();
   }, []);
   const handleSubmit = (e) => {
     e.preventDefault();
-    if (url) {
-      onSubmit(url.startsWith("http") ? url : `https://${url}`);
-    }
+    const normalized = normalizeUrl(url);
+    if (normalized) onSubmit(normalized);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       "input",
       {
         ref: inputRef,
@@ -18924,16 +19143,16 @@ var LinkInput = ({
         className: "flex-1 px-3 py-2 text-sm bg-muted/50 border-0 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react35.Check, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react35.X, { className: "w-4 h-4" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react35.Check, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react35.X, { className: "w-4 h-4" }) })
   ] });
 };
 var ImageInput = ({ onSubmit, onCancel }) => {
   const t = (0, import_next_intl2.useTranslations)("UEditor");
-  const [url, setUrl] = (0, import_react41.useState)("");
-  const [alt, setAlt] = (0, import_react41.useState)("");
-  const inputRef = (0, import_react41.useRef)(null);
-  (0, import_react41.useEffect)(() => {
+  const [url, setUrl] = (0, import_react43.useState)("");
+  const [alt, setAlt] = (0, import_react43.useState)("");
+  const inputRef = (0, import_react43.useRef)(null);
+  (0, import_react43.useEffect)(() => {
     inputRef.current?.focus();
   }, []);
   const handleSubmit = (e) => {
@@ -18942,10 +19161,10 @@ var ImageInput = ({ onSubmit, onCancel }) => {
       onSubmit(url, alt);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
         "input",
         {
           ref: inputRef,
@@ -18957,9 +19176,9 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
         "input",
         {
           type: "text",
@@ -18970,8 +19189,8 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
         "button",
         {
           type: "submit",
@@ -18980,13 +19199,13 @@ var ImageInput = ({ onSubmit, onCancel }) => {
           children: t("imageInput.addBtn")
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("button", { type: "button", onClick: onCancel, className: "px-4 py-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: t("imageInput.cancelBtn") })
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("button", { type: "button", onClick: onCancel, className: "px-4 py-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: t("imageInput.cancelBtn") })
     ] })
   ] });
 };
 
 // ../../components/ui/UEditor/toolbar.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 function fileToDataUrl2(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();
@@ -18995,13 +19214,16 @@ function fileToDataUrl2(file) {
     reader.readAsDataURL(file);
   });
 }
-var ToolbarButton = import_react42.default.forwardRef(({ onClick, active, disabled, children, title, className }, ref) => {
-  const button = /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+var ToolbarButton = import_react44.default.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
+  const button = /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     "button",
     {
       ref,
       type: "button",
-      onMouseDown: (e) => e.preventDefault(),
+      onMouseDown: (e) => {
+        onMouseDown?.(e);
+        e.preventDefault();
+      },
       onClick,
       disabled,
       className: cn(
@@ -19016,12 +19238,12 @@ var ToolbarButton = import_react42.default.forwardRef(({ onClick, active, disabl
     }
   );
   if (title) {
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Tooltip, { content: title, placement: "top", delay: { open: 500, close: 0 }, children: button });
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Tooltip, { content: title, placement: "top", delay: { open: 500, close: 0 }, children: button });
   }
   return button;
 });
 ToolbarButton.displayName = "ToolbarButton";
-var ToolbarDivider = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" });
+var ToolbarDivider = () => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" });
 var EditorToolbar = ({
   editor,
   variant,
@@ -19030,10 +19252,10 @@ var EditorToolbar = ({
 }) => {
   const t = (0, import_next_intl3.useTranslations)("UEditor");
   const { textColors, highlightColors } = useEditorColors();
-  const [showImageInput, setShowImageInput] = (0, import_react42.useState)(false);
-  const fileInputRef = (0, import_react42.useRef)(null);
-  const [isUploadingImage, setIsUploadingImage] = (0, import_react42.useState)(false);
-  const [imageUploadError, setImageUploadError] = (0, import_react42.useState)(null);
+  const [showImageInput, setShowImageInput] = (0, import_react44.useState)(false);
+  const fileInputRef = (0, import_react44.useRef)(null);
+  const [isUploadingImage, setIsUploadingImage] = (0, import_react44.useState)(false);
+  const [imageUploadError, setImageUploadError] = (0, import_react44.useState)(null);
   const insertImageFiles = async (files) => {
     if (files.length === 0) return;
     setIsUploadingImage(true);
@@ -19052,40 +19274,40 @@ var EditorToolbar = ({
     setIsUploadingImage(false);
   };
   if (variant === "minimal") {
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center gap-1 p-2 border-b bg-muted/30", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.Bold, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center gap-1 p-2 border-b bg-muted/30", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.Bold, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleItalic().run(),
           active: editor.isActive("italic"),
           title: t("toolbar.italic"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.Italic, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.Italic, { className: "w-4 h-4" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleBulletList().run(),
           active: editor.isActive("bulletList"),
           title: t("toolbar.bulletList"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.List, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.List, { className: "w-4 h-4" })
         }
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex flex-wrap items-center gap-1 p-2 border-b bg-linear-to-r from-muted/30 to-transparent", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex flex-wrap items-center gap-1 p-2 border-b bg-linear-to-r from-muted/30 to-transparent", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.textStyle"), className: "px-2 w-auto gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.Type, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.Type, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DropdownMenuItem, { icon: import_lucide_react36.Type, label: t("toolbar.normal"), onClick: () => editor.chain().focus().setParagraph().run(), active: editor.isActive("paragraph") }),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DropdownMenuItem, { icon: import_lucide_react36.Type, label: t("toolbar.normal"), onClick: () => editor.chain().focus().setParagraph().run(), active: editor.isActive("paragraph") }),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react36.Heading1,
@@ -19095,7 +19317,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Alt+1"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react36.Heading2,
@@ -19105,7 +19327,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Alt+2"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react36.Heading3,
@@ -19118,46 +19340,46 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.Bold, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.Bold, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleItalic().run(),
         active: editor.isActive("italic"),
         title: t("toolbar.italic"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.Italic, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.Italic, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.Underline, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.Underline, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleStrike().run(),
         active: editor.isActive("strike"),
         title: t("toolbar.strike"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.Strikethrough, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.Strikethrough, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.Code, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.Code, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("colors.textColor"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.Palette, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.Palette, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.ChevronDown, { className: "w-3 h-3" })
         ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
           EditorColorPalette,
           {
             colors: textColors,
@@ -19174,15 +19396,15 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(ToolbarButton, { onClick: () => {
         }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.Highlighter, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.Highlighter, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.ChevronDown, { className: "w-3 h-3" })
         ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
           EditorColorPalette,
           {
             colors: highlightColors,
@@ -19199,17 +19421,17 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.alignment"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.AlignLeft, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.AlignLeft, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react36.AlignLeft,
@@ -19218,7 +19440,7 @@ var EditorToolbar = ({
               active: editor.isActive({ textAlign: "left" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react36.AlignCenter,
@@ -19227,7 +19449,7 @@ var EditorToolbar = ({
               active: editor.isActive({ textAlign: "center" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react36.AlignRight,
@@ -19236,7 +19458,7 @@ var EditorToolbar = ({
               active: editor.isActive({ textAlign: "right" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react36.AlignJustify,
@@ -19248,17 +19470,17 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.bulletList"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.List, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.List, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react36.List,
@@ -19268,7 +19490,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+8"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react36.ListOrdered,
@@ -19278,7 +19500,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+7"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react36.ListTodo,
@@ -19291,16 +19513,16 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.quote"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.Quote, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.Quote, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react36.Quote,
@@ -19310,7 +19532,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+B"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react36.FileCode,
@@ -19323,15 +19545,15 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.image"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.Image, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.Image, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.ChevronDown, { className: "w-3 h-3" })
         ] }),
-        children: showImageInput ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+        children: showImageInput ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
           ImageInput,
           {
             onSubmit: (url, alt) => {
@@ -19340,9 +19562,9 @@ var EditorToolbar = ({
             },
             onCancel: () => setShowImageInput(false)
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_jsx_runtime71.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DropdownMenuItem, { icon: import_lucide_react36.Link, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true) }),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DropdownMenuItem, { icon: import_lucide_react36.Link, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true) }),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react36.Upload,
@@ -19351,8 +19573,8 @@ var EditorToolbar = ({
               onClick: () => fileInputRef.current?.click()
             }
           ),
-          imageUploadError && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          imageUploadError && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             "input",
             {
               ref: fileInputRef,
@@ -19370,18 +19592,18 @@ var EditorToolbar = ({
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.table"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.Table, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.Table, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DropdownMenuItem, { icon: import_lucide_react36.Table, label: t("tableMenu.insert3x3"), onClick: () => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run() }),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DropdownMenuItem, { icon: import_lucide_react36.Table, label: t("tableMenu.insert3x3"), onClick: () => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run() }),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react36.ArrowDown,
@@ -19390,7 +19612,7 @@ var EditorToolbar = ({
               disabled: !editor.can().addColumnBefore()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react36.ArrowDown,
@@ -19399,7 +19621,7 @@ var EditorToolbar = ({
               disabled: !editor.can().addColumnAfter()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react36.ArrowRight,
@@ -19408,7 +19630,7 @@ var EditorToolbar = ({
               disabled: !editor.can().addRowBefore()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react36.ArrowRight,
@@ -19417,8 +19639,8 @@ var EditorToolbar = ({
               disabled: !editor.can().addRowAfter()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react36.Trash2,
@@ -19427,8 +19649,8 @@ var EditorToolbar = ({
               disabled: !editor.can().deleteColumn()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DropdownMenuItem, { icon: import_lucide_react36.Trash2, label: t("tableMenu.deleteRow"), onClick: () => editor.chain().focus().deleteRow().run(), disabled: !editor.can().deleteRow() }),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DropdownMenuItem, { icon: import_lucide_react36.Trash2, label: t("tableMenu.deleteRow"), onClick: () => editor.chain().focus().deleteRow().run(), disabled: !editor.can().deleteRow() }),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             DropdownMenuItem,
             {
               icon: import_lucide_react36.Trash2,
@@ -19440,26 +19662,26 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleSubscript().run(), active: editor.isActive("subscript"), title: t("toolbar.subscript"), children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.Subscript, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleSuperscript().run(), active: editor.isActive("superscript"), title: t("toolbar.superscript"), children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.Superscript, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.Undo, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.Redo, { className: "w-4 h-4" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleSubscript().run(), active: editor.isActive("subscript"), title: t("toolbar.subscript"), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.Subscript, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleSuperscript().run(), active: editor.isActive("superscript"), title: t("toolbar.superscript"), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.Superscript, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.Undo, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react36.Redo, { className: "w-4 h-4" }) })
   ] });
 };
 
 // ../../components/ui/UEditor/menus.tsx
-var import_react43 = require("react");
+var import_react45 = require("react");
 var import_react_dom9 = require("react-dom");
 var import_next_intl4 = require("next-intl");
 var import_lucide_react37 = require("lucide-react");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
   const t = (0, import_next_intl4.useTranslations)("UEditor");
-  const [selectedIndex, setSelectedIndex] = (0, import_react43.useState)(0);
-  const menuRef = (0, import_react43.useRef)(null);
-  const allCommands = (0, import_react43.useMemo)(
+  const [selectedIndex, setSelectedIndex] = (0, import_react45.useState)(0);
+  const menuRef = (0, import_react45.useRef)(null);
+  const allCommands = (0, import_react45.useMemo)(
     () => [
       {
         icon: import_lucide_react37.Type,
@@ -19530,19 +19752,19 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     ],
     [editor, t]
   );
-  const commands = (0, import_react43.useMemo)(() => {
+  const commands = (0, import_react45.useMemo)(() => {
     if (!filterText) return allCommands;
     const lowerFilter = filterText.toLowerCase();
     return allCommands.filter((cmd) => cmd.label.toLowerCase().includes(lowerFilter) || cmd.description.toLowerCase().includes(lowerFilter));
   }, [allCommands, filterText]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     setSelectedIndex(0);
   }, [filterText]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     const selectedElement = menuRef.current?.querySelector(`[data-index="${selectedIndex}"]`);
     selectedElement?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex]);
-  const selectCommand = (0, import_react43.useCallback)(
+  const selectCommand = (0, import_react45.useCallback)(
     (index) => {
       const command = commands[index];
       if (command) {
@@ -19552,7 +19774,7 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     },
     [commands, onClose]
   );
-  (0, import_react43.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     const handleKeyDown = (e) => {
       if (commands.length === 0) return;
       if (e.key === "ArrowDown") {
@@ -19573,11 +19795,11 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [commands, selectedIndex, selectCommand, onClose]);
   if (commands.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "w-72 p-4 text-center text-muted-foreground text-sm", children: t("slashCommand.noResults") });
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "w-72 p-4 text-center text-muted-foreground text-sm", children: t("slashCommand.noResults") });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { ref: menuRef, className: "w-72 max-h-80 overflow-y-auto", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("slashCommand.basicBlocks") }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "p-1", children: commands.map((cmd, index) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { ref: menuRef, className: "w-72 max-h-80 overflow-y-auto", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("slashCommand.basicBlocks") }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "p-1", children: commands.map((cmd, index) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
       "button",
       {
         type: "button",
@@ -19590,19 +19812,19 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
           selectedIndex === index ? "bg-accent" : "hover:bg-accent/50"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
             "div",
             {
               className: cn(
                 "flex items-center justify-center w-10 h-10 rounded-lg mr-3 transition-colors",
                 selectedIndex === index ? "bg-primary/10" : "bg-muted/50 group-hover:bg-muted"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(cmd.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
+              children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(cmd.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "text-left", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: cmd.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "text-xs text-muted-foreground", children: cmd.description })
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "text-left", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: cmd.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "text-xs text-muted-foreground", children: cmd.description })
           ] })
         ]
       },
@@ -19612,43 +19834,64 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
 };
 var FloatingMenuContent = ({ editor }) => {
   const t = (0, import_next_intl4.useTranslations)("UEditor");
-  const [showCommands, setShowCommands] = (0, import_react43.useState)(false);
+  const [showCommands, setShowCommands] = (0, import_react45.useState)(false);
   if (showCommands) {
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(SlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
     "button",
     {
       type: "button",
       onClick: () => setShowCommands(true),
       className: "flex items-center gap-1 px-2 py-1.5 rounded-lg hover:bg-accent transition-all group",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react37.Plus, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react37.Plus, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
       ]
     }
   );
 };
-var BubbleMenuContent = ({ editor }) => {
+var BubbleMenuContent = ({
+  editor,
+  onKeepOpenChange
+}) => {
   const t = (0, import_next_intl4.useTranslations)("UEditor");
   const { textColors, highlightColors } = useEditorColors();
-  const [showLinkInput, setShowLinkInput] = (0, import_react43.useState)(false);
-  const [showEditorColorPalette, setShowEditorColorPalette] = (0, import_react43.useState)(false);
+  const [showLinkInput, setShowLinkInput] = (0, import_react45.useState)(false);
+  const [showEditorColorPalette, setShowEditorColorPalette] = (0, import_react45.useState)(false);
+  (0, import_react45.useEffect)(() => {
+    onKeepOpenChange?.(showLinkInput);
+  }, [onKeepOpenChange, showLinkInput]);
+  (0, import_react45.useEffect)(() => {
+    if (!showLinkInput) return;
+    const close2 = () => setShowLinkInput(false);
+    editor.on("selectionUpdate", close2);
+    editor.on("blur", close2);
+    return () => {
+      editor.off("selectionUpdate", close2);
+      editor.off("blur", close2);
+    };
+  }, [editor, showLinkInput]);
   if (showLinkInput) {
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       LinkInput,
       {
         initialUrl: editor.getAttributes("link").href || "",
         onSubmit: (url) => {
           editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
+          setShowLinkInput(false);
+          requestAnimationFrame(() => editor.commands.focus());
         },
-        onCancel: () => setShowLinkInput(false)
+        onCancel: () => {
+          setShowLinkInput(false);
+          requestAnimationFrame(() => editor.commands.focus());
+        }
       }
     );
   }
   if (showEditorColorPalette) {
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "w-48", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "w-48", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
         EditorColorPalette,
         {
           colors: textColors,
@@ -19663,8 +19906,8 @@ var BubbleMenuContent = ({ editor }) => {
           label: t("colors.textColor")
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "border-t my-1" }),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "border-t my-1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
         EditorColorPalette,
         {
           colors: highlightColors,
@@ -19679,7 +19922,7 @@ var BubbleMenuContent = ({ editor }) => {
           label: t("colors.highlight")
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "p-2 border-t", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "p-2 border-t", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
         "button",
         {
           type: "button",
@@ -19690,53 +19933,71 @@ var BubbleMenuContent = ({ editor }) => {
       ) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center gap-0.5 p-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react37.Bold, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react37.Italic, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center gap-0.5 p-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react37.Bold, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react37.Italic, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react37.Underline, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react37.Underline, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react37.Strikethrough, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react37.Code, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ToolbarButton, { onClick: () => setShowLinkInput(true), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react37.Link, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ToolbarButton, { onClick: () => setShowEditorColorPalette(true), title: t("colors.textColor"), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react37.Palette, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react37.Strikethrough, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react37.Code, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+      ToolbarButton,
+      {
+        onMouseDown: () => {
+          onKeepOpenChange?.(true);
+        },
+        onClick: () => {
+          setShowLinkInput(true);
+        },
+        active: editor.isActive("link"),
+        title: t("toolbar.link"),
+        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react37.Link, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ToolbarButton, { onClick: () => setShowEditorColorPalette(true), title: t("colors.textColor"), children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react37.Palette, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSubscript().run(),
         active: editor.isActive("subscript"),
         title: t("toolbar.subscript"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react37.Subscript, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react37.Subscript, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSuperscript().run(),
         active: editor.isActive("superscript"),
         title: t("toolbar.superscript"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react37.Superscript, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react37.Superscript, { className: "w-4 h-4" })
       }
     )
   ] });
 };
 var CustomBubbleMenu = ({ editor }) => {
-  const [isVisible, setIsVisible] = (0, import_react43.useState)(false);
-  const [position, setPosition] = (0, import_react43.useState)({ top: 0, left: 0 });
-  const menuRef = (0, import_react43.useRef)(null);
-  (0, import_react43.useEffect)(() => {
+  const [isVisible, setIsVisible] = (0, import_react45.useState)(false);
+  const [position, setPosition] = (0, import_react45.useState)({ top: 0, left: 0 });
+  const menuRef = (0, import_react45.useRef)(null);
+  const keepOpenRef = (0, import_react45.useRef)(false);
+  const setKeepOpen = (0, import_react45.useCallback)((next) => {
+    keepOpenRef.current = next;
+    if (next) setIsVisible(true);
+  }, []);
+  (0, import_react45.useEffect)(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { from, to, empty } = state.selection;
-      if (empty || !view.hasFocus()) {
+      if (!keepOpenRef.current && (empty || !view.hasFocus())) {
         setIsVisible(false);
         return;
       }
@@ -19747,7 +20008,9 @@ var CustomBubbleMenu = ({ editor }) => {
       setPosition({ top, left });
       setIsVisible(true);
     };
-    const handleBlur = () => setIsVisible(false);
+    const handleBlur = () => {
+      if (!keepOpenRef.current) setIsVisible(false);
+    };
     editor.on("selectionUpdate", updatePosition);
     editor.on("focus", updatePosition);
     editor.on("blur", handleBlur);
@@ -19759,7 +20022,7 @@ var CustomBubbleMenu = ({ editor }) => {
   }, [editor]);
   if (!isVisible) return null;
   return (0, import_react_dom9.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       "div",
       {
         ref: menuRef,
@@ -19770,16 +20033,22 @@ var CustomBubbleMenu = ({ editor }) => {
           transform: "translate(-50%, -100%)"
         },
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(BubbleMenuContent, { editor })
+        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+          BubbleMenuContent,
+          {
+            editor,
+            onKeepOpenChange: setKeepOpen
+          }
+        )
       }
     ),
     document.body
   );
 };
 var CustomFloatingMenu = ({ editor }) => {
-  const [isVisible, setIsVisible] = (0, import_react43.useState)(false);
-  const [position, setPosition] = (0, import_react43.useState)({ top: 0, left: 0 });
-  (0, import_react43.useEffect)(() => {
+  const [isVisible, setIsVisible] = (0, import_react45.useState)(false);
+  const [position, setPosition] = (0, import_react45.useState)({ top: 0, left: 0 });
+  (0, import_react45.useEffect)(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { $from, empty } = state.selection;
@@ -19806,7 +20075,7 @@ var CustomFloatingMenu = ({ editor }) => {
   }, [editor]);
   if (!isVisible) return null;
   return (0, import_react_dom9.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       "div",
       {
         className: "fixed z-50 rounded-2xl border border-border bg-card text-card-foreground shadow-lg backdrop-blur-sm overflow-hidden animate-in fade-in-0 slide-in-from-bottom-2",
@@ -19816,7 +20085,7 @@ var CustomFloatingMenu = ({ editor }) => {
           transform: "translate(-50%, -100%)"
         },
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(FloatingMenuContent, { editor })
+        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FloatingMenuContent, { editor })
       }
     ),
     document.body
@@ -19825,25 +20094,25 @@ var CustomFloatingMenu = ({ editor }) => {
 
 // ../../components/ui/UEditor/CharacterCount.tsx
 var import_next_intl5 = require("next-intl");
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var CharacterCountDisplay = ({ editor, maxCharacters }) => {
   const t = (0, import_next_intl5.useTranslations)("UEditor");
   const storage = editor.storage;
   const characterCount = storage.characterCount?.characters?.() ?? 0;
   const wordCount = storage.characterCount?.words?.() ?? 0;
   const percentage = maxCharacters ? Math.round(characterCount / maxCharacters * 100) : 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center gap-3 px-3 py-2 text-xs text-muted-foreground border-t bg-muted/20", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-3 px-3 py-2 text-xs text-muted-foreground border-t bg-muted/20", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("span", { children: [
       wordCount,
       " ",
       t("words")
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("span", { children: [
       characterCount,
       " ",
       t("characters")
     ] }),
-    maxCharacters && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: cn(percentage > 90 && "text-destructive", percentage > 100 && "font-bold"), children: [
+    maxCharacters && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("span", { className: cn(percentage > 90 && "text-destructive", percentage > 100 && "font-bold"), children: [
       characterCount,
       "/",
       maxCharacters
@@ -19852,7 +20121,7 @@ var CharacterCountDisplay = ({ editor, maxCharacters }) => {
 };
 
 // ../../components/ui/UEditor/UEditor.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var UEditor = ({
   content = "",
   onChange,
@@ -19875,11 +20144,11 @@ var UEditor = ({
 }) => {
   const t = (0, import_next_intl6.useTranslations)("UEditor");
   const effectivePlaceholder = placeholder ?? t("placeholder");
-  const extensions = (0, import_react44.useMemo)(
-    () => buildUEditorExtensions({ placeholder: effectivePlaceholder, maxCharacters, uploadImage, imageInsertMode }),
-    [effectivePlaceholder, maxCharacters, uploadImage, imageInsertMode]
+  const extensions = (0, import_react46.useMemo)(
+    () => buildUEditorExtensions({ placeholder: effectivePlaceholder, maxCharacters, uploadImage, imageInsertMode, editable }),
+    [effectivePlaceholder, maxCharacters, uploadImage, imageInsertMode, editable]
   );
-  const editor = (0, import_react45.useEditor)({
+  const editor = (0, import_react47.useEditor)({
     immediatelyRender: false,
     extensions,
     content,
@@ -19893,6 +20162,19 @@ var UEditor = ({
             event.stopPropagation();
           }
           return false;
+        },
+        click: (view, event) => {
+          if (!(event instanceof MouseEvent)) return false;
+          if (event.button !== 0) return false;
+          const target = event.target;
+          const anchor = target?.closest?.("a[href]");
+          const href = anchor?.getAttribute("href") ?? "";
+          if (!href) return false;
+          if (!view.state.selection.empty) return false;
+          event.preventDefault();
+          event.stopPropagation();
+          window.open(href, "_blank", "noopener,noreferrer");
+          return true;
         }
       },
       attributes: {
@@ -19971,7 +20253,7 @@ var UEditor = ({
       onJsonChange?.(editor2.getJSON());
     }
   });
-  (0, import_react44.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (editor && content !== editor.getHTML()) {
       if (editor.isEmpty && content) {
         editor.commands.setContent(content);
@@ -19979,7 +20261,7 @@ var UEditor = ({
     }
   }, [content, editor]);
   if (!editor) {
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
       "div",
       {
         className: cn("w-full rounded-lg border bg-background flex items-center justify-center text-muted-foreground", className),
@@ -19988,7 +20270,7 @@ var UEditor = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
     "div",
     {
       className: cn(
@@ -20000,11 +20282,11 @@ var UEditor = ({
         className
       ),
       children: [
-        editable && showToolbar && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(EditorToolbar, { editor, variant, uploadImage, imageInsertMode }),
-        editable && showBubbleMenu && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(CustomBubbleMenu, { editor }),
-        editable && showFloatingMenu && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(CustomFloatingMenu, { editor }),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
-          import_react45.EditorContent,
+        editable && showToolbar && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(EditorToolbar, { editor, variant, uploadImage, imageInsertMode }),
+        editable && showBubbleMenu && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(CustomBubbleMenu, { editor }),
+        editable && showFloatingMenu && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(CustomFloatingMenu, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+          import_react47.EditorContent,
           {
             editor,
             className: "flex-1 overflow-y-auto",
@@ -20014,7 +20296,7 @@ var UEditor = ({
             }
           }
         ),
-        showCharacterCount && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(CharacterCountDisplay, { editor, maxCharacters })
+        showCharacterCount && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(CharacterCountDisplay, { editor, maxCharacters })
       ]
     }
   );