@underverse-ui/underverse 0.2.79 → 0.2.81

package/dist/index.js

@@ -15132,7 +15132,7 @@ function useSmartLocale() {
 }
 
 // ../../components/ui/UEditor/UEditor.tsx
-import { useEffect as useEffect27, useMemo as useMemo16 } from "react";
+import { useEffect as useEffect28, useMemo as useMemo16 } from "react";
 import { useTranslations as useTranslations7 } from "next-intl";
 import { useEditor, EditorContent } from "@tiptap/react";
 
@@ -15156,7 +15156,6 @@ import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
 import History2 from "@tiptap/extension-history";
 import Placeholder from "@tiptap/extension-placeholder";
 import Link3 from "@tiptap/extension-link";
-import Image3 from "@tiptap/extension-image";
 import { TextStyle } from "@tiptap/extension-text-style";
 import Color from "@tiptap/extension-color";
 import Highlight from "@tiptap/extension-highlight";
@@ -18462,6 +18461,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;
@@ -18470,6 +18470,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);
@@ -18549,13 +18551,229 @@ var ClipboardImages = Extension2.create({
   }
 });
 
+// ../../components/ui/UEditor/resizable-image.tsx
+import { useEffect as useEffect25, useRef as useRef22, useState as useState43 } from "react";
+import Image3 from "@tiptap/extension-image";
+import { mergeAttributes } from "@tiptap/core";
+import { NodeViewWrapper, ReactNodeViewRenderer } from "@tiptap/react";
+import { jsx as jsx69, jsxs as jsxs61 } from "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 = useRef22(null);
+  const imgRef = useRef22(null);
+  const [isHovered, setIsHovered] = useState43(false);
+  const [isResizing, setIsResizing] = useState43(false);
+  const widthAttr = toNullableNumber(node.attrs["width"]);
+  const heightAttr = toNullableNumber(node.attrs["height"]);
+  const textAlign = String(node.attrs["textAlign"] ?? "");
+  const dragStateRef = useRef22(null);
+  useEffect25(() => {
+    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__ */ jsxs61(
+    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__ */ jsx69(
+          "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__ */ jsx69(
+          "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 = Image3.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", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes2)];
+  },
+  addNodeView() {
+    return 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 = createLowlight(common);
 function buildUEditorExtensions({
   placeholder,
   maxCharacters,
   uploadImage,
-  imageInsertMode = "base64"
+  imageInsertMode = "base64",
+  editable = true
 }) {
   return [
     Document,
@@ -18612,12 +18830,7 @@ function buildUEditorExtensions({
         class: "text-primary underline underline-offset-2 hover:text-primary/80 cursor-pointer"
       }
     }),
-    Image3.configure({
-      allowBase64: true,
-      HTMLAttributes: {
-        class: "rounded-lg max-w-full h-auto my-4"
-      }
-    }),
+    resizable_image_default,
     ClipboardImages.configure({ upload: uploadImage, insertMode: imageInsertMode }),
     TextStyle,
     Color,
@@ -18625,7 +18838,7 @@ function buildUEditorExtensions({
       multicolor: true
     }),
     TextAlign.configure({
-      types: ["heading", "paragraph"]
+      types: ["heading", "paragraph", "image"]
     }),
     Table3.configure({
       resizable: true,
@@ -18659,7 +18872,7 @@ function buildUEditorExtensions({
 }
 
 // ../../components/ui/UEditor/toolbar.tsx
-import React59, { useRef as useRef23, useState as useState44 } from "react";
+import React60, { useRef as useRef24, useState as useState45 } from "react";
 import { useTranslations as useTranslations4 } from "next-intl";
 import {
   AlignCenter,
@@ -18700,7 +18913,7 @@ import {
 import { useMemo as useMemo14 } from "react";
 import { useTranslations as useTranslations2 } from "next-intl";
 import { X as X14 } from "lucide-react";
-import { jsx as jsx69, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs62 } from "react/jsx-runtime";
 var useEditorColors = () => {
   const t = useTranslations2("UEditor");
   const textColors = useMemo14(
@@ -18737,9 +18950,9 @@ var EditorColorPalette = ({
   currentColor,
   onSelect,
   label
-}) => /* @__PURE__ */ jsxs61("div", { className: "p-2", children: [
-  /* @__PURE__ */ jsx69("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider px-2", children: label }),
-  /* @__PURE__ */ jsx69("div", { className: "grid grid-cols-4 gap-1.5 mt-2", children: colors.map((c) => /* @__PURE__ */ jsxs61(
+}) => /* @__PURE__ */ jsxs62("div", { className: "p-2", children: [
+  /* @__PURE__ */ jsx70("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider px-2", children: label }),
+  /* @__PURE__ */ jsx70("div", { className: "grid grid-cols-4 gap-1.5 mt-2", children: colors.map((c) => /* @__PURE__ */ jsxs62(
     "button",
     {
       type: "button",
@@ -18752,8 +18965,8 @@ var EditorColorPalette = ({
       style: { backgroundColor: c.color || "transparent" },
       title: c.name,
       children: [
-        c.color === "" && /* @__PURE__ */ jsx69(X14, { className: "w-4 h-4 text-muted-foreground" }),
-        c.color === "inherit" && /* @__PURE__ */ jsx69("span", { className: "text-xs font-medium", children: "A" })
+        c.color === "" && /* @__PURE__ */ jsx70(X14, { className: "w-4 h-4 text-muted-foreground" }),
+        c.color === "inherit" && /* @__PURE__ */ jsx70("span", { className: "text-xs font-medium", children: "A" })
       ]
     },
     c.name
@@ -18761,30 +18974,36 @@ var EditorColorPalette = ({
 ] });
 
 // ../../components/ui/UEditor/inputs.tsx
-import { useEffect as useEffect25, useRef as useRef22, useState as useState43 } from "react";
+import { useEffect as useEffect26, useRef as useRef23, useState as useState44 } from "react";
 import { useTranslations as useTranslations3 } from "next-intl";
 import { Check as Check9, X as X15 } from "lucide-react";
-import { jsx as jsx70, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs63 } from "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 = useTranslations3("UEditor");
-  const [url, setUrl] = useState43(initialUrl);
-  const inputRef = useRef22(null);
-  useEffect25(() => {
+  const [url, setUrl] = useState44(initialUrl);
+  const inputRef = useRef23(null);
+  useEffect26(() => {
     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__ */ jsxs62("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-2", children: [
-    /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsxs63("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-2", children: [
+    /* @__PURE__ */ jsx71(
       "input",
       {
         ref: inputRef,
@@ -18795,16 +19014,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__ */ jsx70("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ jsx70(Check9, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx70("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ jsx70(X15, { className: "w-4 h-4" }) })
+    /* @__PURE__ */ jsx71("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ jsx71(Check9, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx71("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ jsx71(X15, { className: "w-4 h-4" }) })
   ] });
 };
 var ImageInput = ({ onSubmit, onCancel }) => {
   const t = useTranslations3("UEditor");
-  const [url, setUrl] = useState43("");
-  const [alt, setAlt] = useState43("");
-  const inputRef = useRef22(null);
-  useEffect25(() => {
+  const [url, setUrl] = useState44("");
+  const [alt, setAlt] = useState44("");
+  const inputRef = useRef23(null);
+  useEffect26(() => {
     inputRef.current?.focus();
   }, []);
   const handleSubmit = (e) => {
@@ -18813,10 +19032,10 @@ var ImageInput = ({ onSubmit, onCancel }) => {
       onSubmit(url, alt);
     }
   };
-  return /* @__PURE__ */ jsxs62("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
-    /* @__PURE__ */ jsxs62("div", { children: [
-      /* @__PURE__ */ jsx70("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
-      /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsxs63("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
+    /* @__PURE__ */ jsxs63("div", { children: [
+      /* @__PURE__ */ jsx71("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
+      /* @__PURE__ */ jsx71(
         "input",
         {
           ref: inputRef,
@@ -18828,9 +19047,9 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs62("div", { children: [
-      /* @__PURE__ */ jsx70("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
-      /* @__PURE__ */ jsx70(
+    /* @__PURE__ */ jsxs63("div", { children: [
+      /* @__PURE__ */ jsx71("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
+      /* @__PURE__ */ jsx71(
         "input",
         {
           type: "text",
@@ -18841,8 +19060,8 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs62("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx70(
+    /* @__PURE__ */ jsxs63("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx71(
         "button",
         {
           type: "submit",
@@ -18851,13 +19070,13 @@ var ImageInput = ({ onSubmit, onCancel }) => {
           children: t("imageInput.addBtn")
         }
       ),
-      /* @__PURE__ */ jsx70("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__ */ jsx71("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
-import { Fragment as Fragment26, jsx as jsx71, jsxs as jsxs63 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx72, jsxs as jsxs64 } from "react/jsx-runtime";
 function fileToDataUrl2(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();
@@ -18866,13 +19085,16 @@ function fileToDataUrl2(file) {
     reader.readAsDataURL(file);
   });
 }
-var ToolbarButton = React59.forwardRef(({ onClick, active, disabled, children, title, className }, ref) => {
-  const button = /* @__PURE__ */ jsx71(
+var ToolbarButton = React60.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
+  const button = /* @__PURE__ */ jsx72(
     "button",
     {
       ref,
       type: "button",
-      onMouseDown: (e) => e.preventDefault(),
+      onMouseDown: (e) => {
+        onMouseDown?.(e);
+        e.preventDefault();
+      },
       onClick,
       disabled,
       className: cn(
@@ -18887,12 +19109,12 @@ var ToolbarButton = React59.forwardRef(({ onClick, active, disabled, children, t
     }
   );
   if (title) {
-    return /* @__PURE__ */ jsx71(Tooltip, { content: title, placement: "top", delay: { open: 500, close: 0 }, children: button });
+    return /* @__PURE__ */ jsx72(Tooltip, { content: title, placement: "top", delay: { open: 500, close: 0 }, children: button });
   }
   return button;
 });
 ToolbarButton.displayName = "ToolbarButton";
-var ToolbarDivider = () => /* @__PURE__ */ jsx71("div", { className: "w-px h-6 bg-border/50 mx-1" });
+var ToolbarDivider = () => /* @__PURE__ */ jsx72("div", { className: "w-px h-6 bg-border/50 mx-1" });
 var EditorToolbar = ({
   editor,
   variant,
@@ -18901,10 +19123,10 @@ var EditorToolbar = ({
 }) => {
   const t = useTranslations4("UEditor");
   const { textColors, highlightColors } = useEditorColors();
-  const [showImageInput, setShowImageInput] = useState44(false);
-  const fileInputRef = useRef23(null);
-  const [isUploadingImage, setIsUploadingImage] = useState44(false);
-  const [imageUploadError, setImageUploadError] = useState44(null);
+  const [showImageInput, setShowImageInput] = useState45(false);
+  const fileInputRef = useRef24(null);
+  const [isUploadingImage, setIsUploadingImage] = useState45(false);
+  const [imageUploadError, setImageUploadError] = useState45(null);
   const insertImageFiles = async (files) => {
     if (files.length === 0) return;
     setIsUploadingImage(true);
@@ -18923,40 +19145,40 @@ var EditorToolbar = ({
     setIsUploadingImage(false);
   };
   if (variant === "minimal") {
-    return /* @__PURE__ */ jsxs63("div", { className: "flex items-center gap-1 p-2 border-b bg-muted/30", children: [
-      /* @__PURE__ */ jsx71(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx71(BoldIcon, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx71(
+    return /* @__PURE__ */ jsxs64("div", { className: "flex items-center gap-1 p-2 border-b bg-muted/30", children: [
+      /* @__PURE__ */ jsx72(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx72(BoldIcon, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx72(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleItalic().run(),
           active: editor.isActive("italic"),
           title: t("toolbar.italic"),
-          children: /* @__PURE__ */ jsx71(ItalicIcon, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx72(ItalicIcon, { className: "w-4 h-4" })
         }
       ),
-      /* @__PURE__ */ jsx71(
+      /* @__PURE__ */ jsx72(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleBulletList().run(),
           active: editor.isActive("bulletList"),
           title: t("toolbar.bulletList"),
-          children: /* @__PURE__ */ jsx71(ListIcon, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx72(ListIcon, { className: "w-4 h-4" })
         }
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs63("div", { className: "flex flex-wrap items-center gap-1 p-2 border-b bg-linear-to-r from-muted/30 to-transparent", children: [
-    /* @__PURE__ */ jsxs63(
+  return /* @__PURE__ */ jsxs64("div", { className: "flex flex-wrap items-center gap-1 p-2 border-b bg-linear-to-r from-muted/30 to-transparent", children: [
+    /* @__PURE__ */ jsxs64(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs63(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs64(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.textStyle"), className: "px-2 w-auto gap-1", children: [
-          /* @__PURE__ */ jsx71(Type2, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx71(ChevronDown5, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx72(Type2, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx72(ChevronDown5, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx71(DropdownMenuItem, { icon: Type2, label: t("toolbar.normal"), onClick: () => editor.chain().focus().setParagraph().run(), active: editor.isActive("paragraph") }),
-          /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72(DropdownMenuItem, { icon: Type2, label: t("toolbar.normal"), onClick: () => editor.chain().focus().setParagraph().run(), active: editor.isActive("paragraph") }),
+          /* @__PURE__ */ jsx72(
             DropdownMenuItem,
             {
               icon: Heading1Icon,
@@ -18966,7 +19188,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Alt+1"
             }
           ),
-          /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72(
             DropdownMenuItem,
             {
               icon: Heading2Icon,
@@ -18976,7 +19198,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Alt+2"
             }
           ),
-          /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72(
             DropdownMenuItem,
             {
               icon: Heading3Icon,
@@ -18989,46 +19211,46 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx71(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx71(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx71(BoldIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx71(
+    /* @__PURE__ */ jsx72(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx72(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx72(BoldIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx72(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleItalic().run(),
         active: editor.isActive("italic"),
         title: t("toolbar.italic"),
-        children: /* @__PURE__ */ jsx71(ItalicIcon, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx72(ItalicIcon, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx71(
+    /* @__PURE__ */ jsx72(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ jsx71(UnderlineIcon, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx72(UnderlineIcon, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx71(
+    /* @__PURE__ */ jsx72(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleStrike().run(),
         active: editor.isActive("strike"),
         title: t("toolbar.strike"),
-        children: /* @__PURE__ */ jsx71(StrikethroughIcon, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx72(StrikethroughIcon, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx71(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx71(CodeIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx71(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx71(
+    /* @__PURE__ */ jsx72(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx72(CodeIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx72(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx72(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs63(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs64(ToolbarButton, { onClick: () => {
         }, title: t("colors.textColor"), children: [
-          /* @__PURE__ */ jsx71(Palette2, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx71(ChevronDown5, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx72(Palette2, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx72(ChevronDown5, { className: "w-3 h-3" })
         ] }),
-        children: /* @__PURE__ */ jsx71(
+        children: /* @__PURE__ */ jsx72(
           EditorColorPalette,
           {
             colors: textColors,
@@ -19045,15 +19267,15 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx71(
+    /* @__PURE__ */ jsx72(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs63(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs64(ToolbarButton, { onClick: () => {
         }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: [
-          /* @__PURE__ */ jsx71(Highlighter, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx71(ChevronDown5, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx72(Highlighter, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx72(ChevronDown5, { className: "w-3 h-3" })
         ] }),
-        children: /* @__PURE__ */ jsx71(
+        children: /* @__PURE__ */ jsx72(
           EditorColorPalette,
           {
             colors: highlightColors,
@@ -19070,17 +19292,17 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx71(ToolbarDivider, {}),
-    /* @__PURE__ */ jsxs63(
+    /* @__PURE__ */ jsx72(ToolbarDivider, {}),
+    /* @__PURE__ */ jsxs64(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs63(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs64(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.alignment"), children: [
-          /* @__PURE__ */ jsx71(AlignLeft, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx71(ChevronDown5, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx72(AlignLeft, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx72(ChevronDown5, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72(
             DropdownMenuItem,
             {
               icon: AlignLeft,
@@ -19089,7 +19311,7 @@ var EditorToolbar = ({
               active: editor.isActive({ textAlign: "left" })
             }
           ),
-          /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72(
             DropdownMenuItem,
             {
               icon: AlignCenter,
@@ -19098,7 +19320,7 @@ var EditorToolbar = ({
               active: editor.isActive({ textAlign: "center" })
             }
           ),
-          /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72(
             DropdownMenuItem,
             {
               icon: AlignRight,
@@ -19107,7 +19329,7 @@ var EditorToolbar = ({
               active: editor.isActive({ textAlign: "right" })
             }
           ),
-          /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72(
             DropdownMenuItem,
             {
               icon: AlignJustify,
@@ -19119,17 +19341,17 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx71(ToolbarDivider, {}),
-    /* @__PURE__ */ jsxs63(
+    /* @__PURE__ */ jsx72(ToolbarDivider, {}),
+    /* @__PURE__ */ jsxs64(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs63(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs64(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.bulletList"), children: [
-          /* @__PURE__ */ jsx71(ListIcon, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx71(ChevronDown5, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx72(ListIcon, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx72(ChevronDown5, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72(
             DropdownMenuItem,
             {
               icon: ListIcon,
@@ -19139,7 +19361,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+8"
             }
           ),
-          /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72(
             DropdownMenuItem,
             {
               icon: ListOrderedIcon,
@@ -19149,7 +19371,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+7"
             }
           ),
-          /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72(
             DropdownMenuItem,
             {
               icon: ListTodo2,
@@ -19162,16 +19384,16 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs63(
+    /* @__PURE__ */ jsxs64(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs63(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs64(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.quote"), children: [
-          /* @__PURE__ */ jsx71(QuoteIcon, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx71(ChevronDown5, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx72(QuoteIcon, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx72(ChevronDown5, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72(
             DropdownMenuItem,
             {
               icon: QuoteIcon,
@@ -19181,7 +19403,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+B"
             }
           ),
-          /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72(
             DropdownMenuItem,
             {
               icon: FileCode2,
@@ -19194,15 +19416,15 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx71(
+    /* @__PURE__ */ jsx72(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs63(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs64(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.image"), children: [
-          /* @__PURE__ */ jsx71(ImageIcon2, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx71(ChevronDown5, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx72(ImageIcon2, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx72(ChevronDown5, { className: "w-3 h-3" })
         ] }),
-        children: showImageInput ? /* @__PURE__ */ jsx71(
+        children: showImageInput ? /* @__PURE__ */ jsx72(
           ImageInput,
           {
             onSubmit: (url, alt) => {
@@ -19211,9 +19433,9 @@ var EditorToolbar = ({
             },
             onCancel: () => setShowImageInput(false)
           }
-        ) : /* @__PURE__ */ jsxs63(Fragment26, { children: [
-          /* @__PURE__ */ jsx71(DropdownMenuItem, { icon: LinkIcon, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true) }),
-          /* @__PURE__ */ jsx71(
+        ) : /* @__PURE__ */ jsxs64(Fragment26, { children: [
+          /* @__PURE__ */ jsx72(DropdownMenuItem, { icon: LinkIcon, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true) }),
+          /* @__PURE__ */ jsx72(
             DropdownMenuItem,
             {
               icon: Upload2,
@@ -19222,8 +19444,8 @@ var EditorToolbar = ({
               onClick: () => fileInputRef.current?.click()
             }
           ),
-          imageUploadError && /* @__PURE__ */ jsx71(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
-          /* @__PURE__ */ jsx71(
+          imageUploadError && /* @__PURE__ */ jsx72(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
+          /* @__PURE__ */ jsx72(
             "input",
             {
               ref: fileInputRef,
@@ -19241,18 +19463,18 @@ var EditorToolbar = ({
         ] })
       }
     ),
-    /* @__PURE__ */ jsxs63(
+    /* @__PURE__ */ jsxs64(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs63(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs64(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.table"), children: [
-          /* @__PURE__ */ jsx71(TableIcon, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx71(ChevronDown5, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx72(TableIcon, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx72(ChevronDown5, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx71(DropdownMenuItem, { icon: TableIcon, label: t("tableMenu.insert3x3"), onClick: () => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run() }),
-          /* @__PURE__ */ jsx71("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72(DropdownMenuItem, { icon: TableIcon, label: t("tableMenu.insert3x3"), onClick: () => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run() }),
+          /* @__PURE__ */ jsx72("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ jsx72(
             DropdownMenuItem,
             {
               icon: ArrowDown,
@@ -19261,7 +19483,7 @@ var EditorToolbar = ({
               disabled: !editor.can().addColumnBefore()
             }
           ),
-          /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72(
             DropdownMenuItem,
             {
               icon: ArrowDown,
@@ -19270,7 +19492,7 @@ var EditorToolbar = ({
               disabled: !editor.can().addColumnAfter()
             }
           ),
-          /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72(
             DropdownMenuItem,
             {
               icon: ArrowRight,
@@ -19279,7 +19501,7 @@ var EditorToolbar = ({
               disabled: !editor.can().addRowBefore()
             }
           ),
-          /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72(
             DropdownMenuItem,
             {
               icon: ArrowRight,
@@ -19288,8 +19510,8 @@ var EditorToolbar = ({
               disabled: !editor.can().addRowAfter()
             }
           ),
-          /* @__PURE__ */ jsx71("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ jsx72(
             DropdownMenuItem,
             {
               icon: Trash2,
@@ -19298,8 +19520,8 @@ var EditorToolbar = ({
               disabled: !editor.can().deleteColumn()
             }
           ),
-          /* @__PURE__ */ jsx71(DropdownMenuItem, { icon: Trash2, label: t("tableMenu.deleteRow"), onClick: () => editor.chain().focus().deleteRow().run(), disabled: !editor.can().deleteRow() }),
-          /* @__PURE__ */ jsx71(
+          /* @__PURE__ */ jsx72(DropdownMenuItem, { icon: Trash2, label: t("tableMenu.deleteRow"), onClick: () => editor.chain().focus().deleteRow().run(), disabled: !editor.can().deleteRow() }),
+          /* @__PURE__ */ jsx72(
             DropdownMenuItem,
             {
               icon: Trash2,
@@ -19311,17 +19533,17 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx71(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx71(ToolbarButton, { onClick: () => editor.chain().focus().toggleSubscript().run(), active: editor.isActive("subscript"), title: t("toolbar.subscript"), children: /* @__PURE__ */ jsx71(SubscriptIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx71(ToolbarButton, { onClick: () => editor.chain().focus().toggleSuperscript().run(), active: editor.isActive("superscript"), title: t("toolbar.superscript"), children: /* @__PURE__ */ jsx71(SuperscriptIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx71(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx71(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx71(UndoIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx71(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx71(RedoIcon, { className: "w-4 h-4" }) })
+    /* @__PURE__ */ jsx72(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx72(ToolbarButton, { onClick: () => editor.chain().focus().toggleSubscript().run(), active: editor.isActive("subscript"), title: t("toolbar.subscript"), children: /* @__PURE__ */ jsx72(SubscriptIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx72(ToolbarButton, { onClick: () => editor.chain().focus().toggleSuperscript().run(), active: editor.isActive("superscript"), title: t("toolbar.superscript"), children: /* @__PURE__ */ jsx72(SuperscriptIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx72(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx72(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx72(UndoIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx72(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx72(RedoIcon, { className: "w-4 h-4" }) })
   ] });
 };
 
 // ../../components/ui/UEditor/menus.tsx
-import { useCallback as useCallback12, useEffect as useEffect26, useMemo as useMemo15, useRef as useRef24, useState as useState45 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect27, useMemo as useMemo15, useRef as useRef25, useState as useState46 } from "react";
 import { createPortal as createPortal9 } from "react-dom";
 import { useTranslations as useTranslations5 } from "next-intl";
 import {
@@ -19347,11 +19569,11 @@ import {
   Underline as UnderlineIcon2,
   Strikethrough as StrikethroughIcon2
 } from "lucide-react";
-import { jsx as jsx72, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs65 } from "react/jsx-runtime";
 var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
   const t = useTranslations5("UEditor");
-  const [selectedIndex, setSelectedIndex] = useState45(0);
-  const menuRef = useRef24(null);
+  const [selectedIndex, setSelectedIndex] = useState46(0);
+  const menuRef = useRef25(null);
   const allCommands = useMemo15(
     () => [
       {
@@ -19428,10 +19650,10 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     const lowerFilter = filterText.toLowerCase();
     return allCommands.filter((cmd) => cmd.label.toLowerCase().includes(lowerFilter) || cmd.description.toLowerCase().includes(lowerFilter));
   }, [allCommands, filterText]);
-  useEffect26(() => {
+  useEffect27(() => {
     setSelectedIndex(0);
   }, [filterText]);
-  useEffect26(() => {
+  useEffect27(() => {
     const selectedElement = menuRef.current?.querySelector(`[data-index="${selectedIndex}"]`);
     selectedElement?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex]);
@@ -19445,7 +19667,7 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     },
     [commands, onClose]
   );
-  useEffect26(() => {
+  useEffect27(() => {
     const handleKeyDown = (e) => {
       if (commands.length === 0) return;
       if (e.key === "ArrowDown") {
@@ -19466,11 +19688,11 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [commands, selectedIndex, selectCommand, onClose]);
   if (commands.length === 0) {
-    return /* @__PURE__ */ jsx72("div", { className: "w-72 p-4 text-center text-muted-foreground text-sm", children: t("slashCommand.noResults") });
+    return /* @__PURE__ */ jsx73("div", { className: "w-72 p-4 text-center text-muted-foreground text-sm", children: t("slashCommand.noResults") });
   }
-  return /* @__PURE__ */ jsxs64("div", { ref: menuRef, className: "w-72 max-h-80 overflow-y-auto", children: [
-    /* @__PURE__ */ jsx72("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsx72("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("slashCommand.basicBlocks") }) }),
-    /* @__PURE__ */ jsx72("div", { className: "p-1", children: commands.map((cmd, index) => /* @__PURE__ */ jsxs64(
+  return /* @__PURE__ */ jsxs65("div", { ref: menuRef, className: "w-72 max-h-80 overflow-y-auto", children: [
+    /* @__PURE__ */ jsx73("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsx73("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("slashCommand.basicBlocks") }) }),
+    /* @__PURE__ */ jsx73("div", { className: "p-1", children: commands.map((cmd, index) => /* @__PURE__ */ jsxs65(
       "button",
       {
         type: "button",
@@ -19483,19 +19705,19 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
           selectedIndex === index ? "bg-accent" : "hover:bg-accent/50"
         ),
         children: [
-          /* @__PURE__ */ jsx72(
+          /* @__PURE__ */ jsx73(
             "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__ */ jsx72(cmd.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
+              children: /* @__PURE__ */ jsx73(cmd.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
             }
           ),
-          /* @__PURE__ */ jsxs64("div", { className: "text-left", children: [
-            /* @__PURE__ */ jsx72("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: cmd.label }),
-            /* @__PURE__ */ jsx72("div", { className: "text-xs text-muted-foreground", children: cmd.description })
+          /* @__PURE__ */ jsxs65("div", { className: "text-left", children: [
+            /* @__PURE__ */ jsx73("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: cmd.label }),
+            /* @__PURE__ */ jsx73("div", { className: "text-xs text-muted-foreground", children: cmd.description })
           ] })
         ]
       },
@@ -19505,43 +19727,64 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
 };
 var FloatingMenuContent = ({ editor }) => {
   const t = useTranslations5("UEditor");
-  const [showCommands, setShowCommands] = useState45(false);
+  const [showCommands, setShowCommands] = useState46(false);
   if (showCommands) {
-    return /* @__PURE__ */ jsx72(SlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
+    return /* @__PURE__ */ jsx73(SlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
   }
-  return /* @__PURE__ */ jsxs64(
+  return /* @__PURE__ */ jsxs65(
     "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__ */ jsx72(Plus, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
-        /* @__PURE__ */ jsx72("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
+        /* @__PURE__ */ jsx73(Plus, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
+        /* @__PURE__ */ jsx73("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
       ]
     }
   );
 };
-var BubbleMenuContent = ({ editor }) => {
+var BubbleMenuContent = ({
+  editor,
+  onKeepOpenChange
+}) => {
   const t = useTranslations5("UEditor");
   const { textColors, highlightColors } = useEditorColors();
-  const [showLinkInput, setShowLinkInput] = useState45(false);
-  const [showEditorColorPalette, setShowEditorColorPalette] = useState45(false);
+  const [showLinkInput, setShowLinkInput] = useState46(false);
+  const [showEditorColorPalette, setShowEditorColorPalette] = useState46(false);
+  useEffect27(() => {
+    onKeepOpenChange?.(showLinkInput);
+  }, [onKeepOpenChange, showLinkInput]);
+  useEffect27(() => {
+    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__ */ jsx72(
+    return /* @__PURE__ */ jsx73(
       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__ */ jsxs64("div", { className: "w-48", children: [
-      /* @__PURE__ */ jsx72(
+    return /* @__PURE__ */ jsxs65("div", { className: "w-48", children: [
+      /* @__PURE__ */ jsx73(
         EditorColorPalette,
         {
           colors: textColors,
@@ -19556,8 +19799,8 @@ var BubbleMenuContent = ({ editor }) => {
           label: t("colors.textColor")
         }
       ),
-      /* @__PURE__ */ jsx72("div", { className: "border-t my-1" }),
-      /* @__PURE__ */ jsx72(
+      /* @__PURE__ */ jsx73("div", { className: "border-t my-1" }),
+      /* @__PURE__ */ jsx73(
         EditorColorPalette,
         {
           colors: highlightColors,
@@ -19572,7 +19815,7 @@ var BubbleMenuContent = ({ editor }) => {
           label: t("colors.highlight")
         }
       ),
-      /* @__PURE__ */ jsx72("div", { className: "p-2 border-t", children: /* @__PURE__ */ jsx72(
+      /* @__PURE__ */ jsx73("div", { className: "p-2 border-t", children: /* @__PURE__ */ jsx73(
         "button",
         {
           type: "button",
@@ -19583,53 +19826,71 @@ var BubbleMenuContent = ({ editor }) => {
       ) })
     ] });
   }
-  return /* @__PURE__ */ jsxs64("div", { className: "flex items-center gap-0.5 p-1", children: [
-    /* @__PURE__ */ jsx72(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx72(BoldIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx72(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx72(ItalicIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsxs65("div", { className: "flex items-center gap-0.5 p-1", children: [
+    /* @__PURE__ */ jsx73(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx73(BoldIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx73(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx73(ItalicIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx73(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ jsx72(UnderlineIcon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx73(UnderlineIcon2, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx72(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx72(StrikethroughIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx72(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx72(CodeIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx72("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ jsx72(ToolbarButton, { onClick: () => setShowLinkInput(true), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ jsx72(LinkIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx72(ToolbarButton, { onClick: () => setShowEditorColorPalette(true), title: t("colors.textColor"), children: /* @__PURE__ */ jsx72(Palette3, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx72("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ jsx72(
+    /* @__PURE__ */ jsx73(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx73(StrikethroughIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx73(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx73(CodeIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx73("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ jsx73(
+      ToolbarButton,
+      {
+        onMouseDown: () => {
+          onKeepOpenChange?.(true);
+        },
+        onClick: () => {
+          setShowLinkInput(true);
+        },
+        active: editor.isActive("link"),
+        title: t("toolbar.link"),
+        children: /* @__PURE__ */ jsx73(LinkIcon2, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx73(ToolbarButton, { onClick: () => setShowEditorColorPalette(true), title: t("colors.textColor"), children: /* @__PURE__ */ jsx73(Palette3, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx73("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ jsx73(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSubscript().run(),
         active: editor.isActive("subscript"),
         title: t("toolbar.subscript"),
-        children: /* @__PURE__ */ jsx72(SubscriptIcon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx73(SubscriptIcon2, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx72(
+    /* @__PURE__ */ jsx73(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSuperscript().run(),
         active: editor.isActive("superscript"),
         title: t("toolbar.superscript"),
-        children: /* @__PURE__ */ jsx72(SuperscriptIcon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx73(SuperscriptIcon2, { className: "w-4 h-4" })
       }
     )
   ] });
 };
 var CustomBubbleMenu = ({ editor }) => {
-  const [isVisible, setIsVisible] = useState45(false);
-  const [position, setPosition] = useState45({ top: 0, left: 0 });
-  const menuRef = useRef24(null);
-  useEffect26(() => {
+  const [isVisible, setIsVisible] = useState46(false);
+  const [position, setPosition] = useState46({ top: 0, left: 0 });
+  const menuRef = useRef25(null);
+  const keepOpenRef = useRef25(false);
+  const setKeepOpen = useCallback12((next) => {
+    keepOpenRef.current = next;
+    if (next) setIsVisible(true);
+  }, []);
+  useEffect27(() => {
     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;
       }
@@ -19640,7 +19901,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);
@@ -19652,7 +19915,7 @@ var CustomBubbleMenu = ({ editor }) => {
   }, [editor]);
   if (!isVisible) return null;
   return createPortal9(
-    /* @__PURE__ */ jsx72(
+    /* @__PURE__ */ jsx73(
       "div",
       {
         ref: menuRef,
@@ -19663,16 +19926,22 @@ var CustomBubbleMenu = ({ editor }) => {
           transform: "translate(-50%, -100%)"
         },
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx72(BubbleMenuContent, { editor })
+        children: /* @__PURE__ */ jsx73(
+          BubbleMenuContent,
+          {
+            editor,
+            onKeepOpenChange: setKeepOpen
+          }
+        )
       }
     ),
     document.body
   );
 };
 var CustomFloatingMenu = ({ editor }) => {
-  const [isVisible, setIsVisible] = useState45(false);
-  const [position, setPosition] = useState45({ top: 0, left: 0 });
-  useEffect26(() => {
+  const [isVisible, setIsVisible] = useState46(false);
+  const [position, setPosition] = useState46({ top: 0, left: 0 });
+  useEffect27(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { $from, empty } = state.selection;
@@ -19699,7 +19968,7 @@ var CustomFloatingMenu = ({ editor }) => {
   }, [editor]);
   if (!isVisible) return null;
   return createPortal9(
-    /* @__PURE__ */ jsx72(
+    /* @__PURE__ */ jsx73(
       "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",
@@ -19709,7 +19978,7 @@ var CustomFloatingMenu = ({ editor }) => {
           transform: "translate(-50%, -100%)"
         },
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx72(FloatingMenuContent, { editor })
+        children: /* @__PURE__ */ jsx73(FloatingMenuContent, { editor })
       }
     ),
     document.body
@@ -19718,25 +19987,25 @@ var CustomFloatingMenu = ({ editor }) => {
 
 // ../../components/ui/UEditor/CharacterCount.tsx
 import { useTranslations as useTranslations6 } from "next-intl";
-import { jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsxs as jsxs66 } from "react/jsx-runtime";
 var CharacterCountDisplay = ({ editor, maxCharacters }) => {
   const t = useTranslations6("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__ */ jsxs65("div", { className: "flex items-center gap-3 px-3 py-2 text-xs text-muted-foreground border-t bg-muted/20", children: [
-    /* @__PURE__ */ jsxs65("span", { children: [
+  return /* @__PURE__ */ jsxs66("div", { className: "flex items-center gap-3 px-3 py-2 text-xs text-muted-foreground border-t bg-muted/20", children: [
+    /* @__PURE__ */ jsxs66("span", { children: [
       wordCount,
       " ",
       t("words")
     ] }),
-    /* @__PURE__ */ jsxs65("span", { children: [
+    /* @__PURE__ */ jsxs66("span", { children: [
       characterCount,
       " ",
       t("characters")
     ] }),
-    maxCharacters && /* @__PURE__ */ jsxs65("span", { className: cn(percentage > 90 && "text-destructive", percentage > 100 && "font-bold"), children: [
+    maxCharacters && /* @__PURE__ */ jsxs66("span", { className: cn(percentage > 90 && "text-destructive", percentage > 100 && "font-bold"), children: [
       characterCount,
       "/",
       maxCharacters
@@ -19745,7 +20014,7 @@ var CharacterCountDisplay = ({ editor, maxCharacters }) => {
 };
 
 // ../../components/ui/UEditor/UEditor.tsx
-import { jsx as jsx73, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs67 } from "react/jsx-runtime";
 var UEditor = ({
   content = "",
   onChange,
@@ -19769,8 +20038,8 @@ var UEditor = ({
   const t = useTranslations7("UEditor");
   const effectivePlaceholder = placeholder ?? t("placeholder");
   const extensions = useMemo16(
-    () => buildUEditorExtensions({ placeholder: effectivePlaceholder, maxCharacters, uploadImage, imageInsertMode }),
-    [effectivePlaceholder, maxCharacters, uploadImage, imageInsertMode]
+    () => buildUEditorExtensions({ placeholder: effectivePlaceholder, maxCharacters, uploadImage, imageInsertMode, editable }),
+    [effectivePlaceholder, maxCharacters, uploadImage, imageInsertMode, editable]
   );
   const editor = useEditor({
     immediatelyRender: false,
@@ -19786,6 +20055,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: {
@@ -19864,7 +20146,7 @@ var UEditor = ({
       onJsonChange?.(editor2.getJSON());
     }
   });
-  useEffect27(() => {
+  useEffect28(() => {
     if (editor && content !== editor.getHTML()) {
       if (editor.isEmpty && content) {
         editor.commands.setContent(content);
@@ -19872,7 +20154,7 @@ var UEditor = ({
     }
   }, [content, editor]);
   if (!editor) {
-    return /* @__PURE__ */ jsx73(
+    return /* @__PURE__ */ jsx74(
       "div",
       {
         className: cn("w-full rounded-lg border bg-background flex items-center justify-center text-muted-foreground", className),
@@ -19881,7 +20163,7 @@ var UEditor = ({
       }
     );
   }
-  return /* @__PURE__ */ jsxs66(
+  return /* @__PURE__ */ jsxs67(
     "div",
     {
       className: cn(
@@ -19893,10 +20175,10 @@ var UEditor = ({
         className
       ),
       children: [
-        editable && showToolbar && /* @__PURE__ */ jsx73(EditorToolbar, { editor, variant, uploadImage, imageInsertMode }),
-        editable && showBubbleMenu && /* @__PURE__ */ jsx73(CustomBubbleMenu, { editor }),
-        editable && showFloatingMenu && /* @__PURE__ */ jsx73(CustomFloatingMenu, { editor }),
-        /* @__PURE__ */ jsx73(
+        editable && showToolbar && /* @__PURE__ */ jsx74(EditorToolbar, { editor, variant, uploadImage, imageInsertMode }),
+        editable && showBubbleMenu && /* @__PURE__ */ jsx74(CustomBubbleMenu, { editor }),
+        editable && showFloatingMenu && /* @__PURE__ */ jsx74(CustomFloatingMenu, { editor }),
+        /* @__PURE__ */ jsx74(
           EditorContent,
           {
             editor,
@@ -19907,7 +20189,7 @@ var UEditor = ({
             }
           }
         ),
-        showCharacterCount && /* @__PURE__ */ jsx73(CharacterCountDisplay, { editor, maxCharacters })
+        showCharacterCount && /* @__PURE__ */ jsx74(CharacterCountDisplay, { editor, maxCharacters })
       ]
     }
   );