@underverse-ui/underverse 1.0.137 → 1.0.138

package/dist/index.js

@@ -770,7 +770,13 @@ var en_default = {
       dividerDesc: "Visual divider",
       table: "Table",
       tableDesc: "Add a table",
-      noResults: "No matching blocks found"
+      noResults: "No matching blocks found",
+      callout: "Callout",
+      calloutDesc: "Highlight key info with a callout block",
+      bookmark: "Bookmark Card",
+      bookmarkDesc: "Embed a link as a bookmark card",
+      fileCard: "File Attachment",
+      fileCardDesc: "Upload a file card attachment"
     },
     floatingMenu: {
       addBlock: "Add block"
@@ -831,7 +837,28 @@ var en_default = {
       alignLeft: "Align Table Left",
       alignCenter: "Align Table Center",
       alignRight: "Align Table Right",
-      cellBackground: "Cell Background"
+      cellBackground: "Cell Background",
+      cellBorder: "Cell Border",
+      borderStyle: "Border Style",
+      borderWidth: "Border Width",
+      borderColor: "Border Color",
+      clearBorder: "Clear Border",
+      done: "Done"
+    },
+    callout: {
+      selectEmoji: "Select Emoji",
+      backgroundColor: "Background Color"
+    },
+    bookmark: {
+      clickToOpenNewTab: "Click to open this link in a new tab.",
+      clickToOpenLink: "Click to open link.",
+      noDescription: "No description available.",
+      failedToLoad: "Failed to load link preview. Click to open link."
+    },
+    fileCard: {
+      unnamed: "Unnamed file",
+      uploading: "(Uploading...)",
+      uploadFailed: "Upload failed"
     }
   }
 };
@@ -1042,7 +1069,13 @@ var vi_default = {
       dividerDesc: "\u0110\u01B0\u1EDDng k\u1EBB ngang",
       table: "B\u1EA3ng",
       tableDesc: "Th\xEAm b\u1EA3ng",
-      noResults: "Kh\xF4ng t\xECm th\u1EA5y kh\u1ED1i ph\xF9 h\u1EE3p"
+      noResults: "Kh\xF4ng t\xECm th\u1EA5y kh\u1ED1i ph\xF9 h\u1EE3p",
+      callout: "H\u1ED9p th\xF4ng tin",
+      calloutDesc: "L\xE0m n\u1ED5i b\u1EADt th\xF4ng tin ch\xEDnh b\u1EB1ng h\u1ED9p ch\xFA th\xEDch",
+      bookmark: "Th\u1EBB li\xEAn k\u1EBFt",
+      bookmarkDesc: "Nh\xFAng m\u1ED9t li\xEAn k\u1EBFt d\u01B0\u1EDBi d\u1EA1ng th\u1EBB xem tr\u01B0\u1EDBc",
+      fileCard: "T\u1EC7p \u0111\xEDnh k\xE8m",
+      fileCardDesc: "T\u1EA3i l\xEAn t\u1EC7p tin \u0111\xEDnh k\xE8m"
     },
     floatingMenu: {
       addBlock: "Th\xEAm kh\u1ED1i"
@@ -1103,7 +1136,28 @@ var vi_default = {
       alignLeft: "C\u0103n b\u1EA3ng tr\xE1i",
       alignCenter: "C\u0103n b\u1EA3ng gi\u1EEFa",
       alignRight: "C\u0103n b\u1EA3ng ph\u1EA3i",
-      cellBackground: "M\xE0u n\u1EC1n \xF4"
+      cellBackground: "M\xE0u n\u1EC1n \xF4",
+      cellBorder: "Vi\u1EC1n \xF4",
+      borderStyle: "Ki\u1EC3u vi\u1EC1n",
+      borderWidth: "\u0110\u1ED9 d\xE0y vi\u1EC1n",
+      borderColor: "M\xE0u vi\u1EC1n",
+      clearBorder: "X\xF3a vi\u1EC1n",
+      done: "Xong"
+    },
+    callout: {
+      selectEmoji: "Ch\u1ECDn Bi\u1EC3u t\u01B0\u1EE3ng",
+      backgroundColor: "M\xE0u n\u1EC1n"
+    },
+    bookmark: {
+      clickToOpenNewTab: "B\u1EA5m \u0111\u1EC3 m\u1EDF li\xEAn k\u1EBFt n\xE0y trong tab m\u1EDBi.",
+      clickToOpenLink: "B\u1EA5m \u0111\u1EC3 m\u1EDF li\xEAn k\u1EBFt.",
+      noDescription: "Kh\xF4ng c\xF3 m\xF4 t\u1EA3.",
+      failedToLoad: "T\u1EA3i b\u1EA3n xem tr\u01B0\u1EDBc th\u1EA5t b\u1EA1i. B\u1EA5m \u0111\u1EC3 m\u1EDF li\xEAn k\u1EBFt."
+    },
+    fileCard: {
+      unnamed: "T\u1EC7p kh\xF4ng t\xEAn",
+      uploading: "(\u0110ang t\u1EA3i l\xEAn...)",
+      uploadFailed: "T\u1EA3i l\xEAn th\u1EA5t b\u1EA1i"
     }
   }
 };
@@ -1313,7 +1367,13 @@ var ko_default = {
       divider: "\uAD6C\uBD84\uC120",
       dividerDesc: "\uC2DC\uAC01\uC801 \uAD6C\uBD84\uC120",
       table: "\uD45C",
-      tableDesc: "\uD45C \uCD94\uAC00"
+      tableDesc: "\uD45C \uCD94\uAC00",
+      callout: "\uCF5C\uC544\uC6C3",
+      calloutDesc: "\uC911\uC694\uD55C \uC815\uBCF4\uB97C \uCF5C\uC544\uC6C3 \uBE14\uB85D\uC73C\uB85C \uAC15\uC870\uD569\uB2C8\uB2E4",
+      bookmark: "\uBD81\uB9C8\uD06C \uCE74\uB4DC",
+      bookmarkDesc: "\uB9C1\uD06C\uB97C \uBD81\uB9C8\uD06C \uCE74\uB4DC\uB85C \uC0BD\uC785\uD569\uB2C8\uB2E4",
+      fileCard: "\uD30C\uC77C \uCCA8\uBD80",
+      fileCardDesc: "\uD30C\uC77C \uCE74\uB4DC \uCCA8\uBD80 \uD30C\uC77C\uC744 \uC5C5\uB85C\uB4DC\uD569\uB2C8\uB2E4"
     },
     floatingMenu: {
       addBlock: "\uBE14\uB85D \uCD94\uAC00"
@@ -1374,7 +1434,28 @@ var ko_default = {
       alignLeft: "\uD45C \uC67C\uCABD \uC815\uB82C",
       alignCenter: "\uD45C \uAC00\uC6B4\uB370 \uC815\uB82C",
       alignRight: "\uD45C \uC624\uB978\uCABD \uC815\uB82C",
-      cellBackground: "\uC140 \uBC30\uACBD\uC0C9"
+      cellBackground: "\uC140 \uBC30\uACBD\uC0C9",
+      cellBorder: "\uC140 \uD14C\uB450\uB9AC",
+      borderStyle: "\uD14C\uB450\uB9AC \uC2A4\uD0C0\uC77C",
+      borderWidth: "\uD14C\uB450\uB9AC \uB450\uAED8",
+      borderColor: "\uD14C\uB450\uB9AC \uC0C9\uC0C1",
+      clearBorder: "\uD14C\uB450\uB9AC \uC9C0\uC6B0\uAE30",
+      done: "\uC644\uB8CC"
+    },
+    callout: {
+      selectEmoji: "\uC774\uBAA8\uC9C0 \uC120\uD0DD",
+      backgroundColor: "\uBC30\uACBD \uC0C9\uC0C1"
+    },
+    bookmark: {
+      clickToOpenNewTab: "\uD074\uB9AD\uD558\uC5EC \uC774 \uB9C1\uD06C\uB97C \uC0C8 \uD0ED\uC5D0\uC11C \uC5FD\uB2C8\uB2E4.",
+      clickToOpenLink: "\uD074\uB9AD\uD558\uC5EC \uB9C1\uD06C\uB97C \uC5FD\uB2C8\uB2E4.",
+      noDescription: "\uC124\uBA85\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.",
+      failedToLoad: "\uB9C1\uD06C \uBBF8\uB9AC\uBCF4\uAE30\uB97C \uBD88\uB7EC\uC624\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4. \uD074\uB9AD\uD558\uC5EC \uB9C1\uD06C\uB97C \uC5FD\uB2C8\uB2E4."
+    },
+    fileCard: {
+      unnamed: "\uC774\uB984 \uC5C6\uB294 \uD30C\uC77C",
+      uploading: "(\uC5C5\uB85C\uB4DC \uC911...)",
+      uploadFailed: "\uC5C5\uB85C\uB4DC \uC2E4\uD328"
     }
   }
 };
@@ -1584,7 +1665,13 @@ var ja_default = {
       divider: "\u533A\u5207\u308A\u7DDA",
       dividerDesc: "\u8996\u899A\u7684\u306A\u533A\u5207\u308A\u7DDA",
       table: "\u8868",
-      tableDesc: "\u8868\u3092\u8FFD\u52A0"
+      tableDesc: "\u8868\u3092\u8FFD\u52A0",
+      callout: "\u30B3\u30FC\u30EB\u30A2\u30A6\u30C8",
+      calloutDesc: "\u91CD\u8981\u306A\u60C5\u5831\u3092\u30B3\u30FC\u30EB\u30A2\u30A6\u30C8\u30D6\u30ED\u30C3\u30AF\u3067\u5F37\u8ABF\u3057\u307E\u3059",
+      bookmark: "\u30D6\u30C3\u30AF\u30DE\u30FC\u30AF\u30AB\u30FC\u30C9",
+      bookmarkDesc: "\u30EA\u30F3\u30AF\u3092\u30D6\u30C3\u30AF\u30DE\u30FC\u30AF\u30AB\u30FC\u30C9\u3068\u3057\u3066\u57CB\u3081\u8FBC\u307F\u307E\u3059",
+      fileCard: "\u30D5\u30A1\u30A4\u30EB\u6DFB\u4ED8",
+      fileCardDesc: "\u30D5\u30A1\u30A4\u30EB\u30AB\u30FC\u30C9\u306E\u6DFB\u4ED8\u30D5\u30A1\u30A4\u30EB\u3092\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u3057\u307E\u3059"
     },
     floatingMenu: {
       addBlock: "\u30D6\u30ED\u30C3\u30AF\u3092\u8FFD\u52A0"
@@ -1645,7 +1732,28 @@ var ja_default = {
       alignLeft: "\u8868\u3092\u5DE6\u5BC4\u305B",
       alignCenter: "\u8868\u3092\u4E2D\u592E\u63C3\u3048",
       alignRight: "\u8868\u3092\u53F3\u5BC4\u305B",
-      cellBackground: "\u30BB\u30EB\u80CC\u666F\u8272"
+      cellBackground: "\u30BB\u30EB\u80CC\u666F\u8272",
+      cellBorder: "\u30BB\u30EB\u306E\u67A0\u7DDA",
+      borderStyle: "\u67A0\u7DDA\u30B9\u30BF\u30A4\u30EB",
+      borderWidth: "\u67A0\u7DDA\u306E\u592A\u3055",
+      borderColor: "\u67A0\u7DDA\u306E\u8272",
+      clearBorder: "\u67A0\u7DDA\u3092\u30AF\u30EA\u30A2",
+      done: "\u5B8C\u4E86"
+    },
+    callout: {
+      selectEmoji: "\u7D75\u6587\u5B57\u3092\u9078\u629E",
+      backgroundColor: "\u80CC\u666F\u8272"
+    },
+    bookmark: {
+      clickToOpenNewTab: "\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u3053\u306E\u30EA\u30F3\u30AF\u3092\u65B0\u3057\u3044\u30BF\u30D6\u3067\u958B\u304F\u3002",
+      clickToOpenLink: "\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u30EA\u30F3\u30AF\u3092\u958B\u304F\u3002",
+      noDescription: "\u8AAC\u660E\u306F\u3042\u308A\u307E\u305B\u3093\u3002",
+      failedToLoad: "\u30D7\u30EC\u30D3\u30E5\u30FC\u306E\u8AAD\u307F\u8FBC\u307F\u306B\u5931\u6557\u3057\u307E\u3057\u305F\u3002\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u30EA\u30F3\u30AF\u3092\u958B\u304F\u3002"
+    },
+    fileCard: {
+      unnamed: "\u540D\u524D\u306A\u3057\u30D5\u30A1\u30A4\u30EB",
+      uploading: "(\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u4E2D...)",
+      uploadFailed: "\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u5931\u6557"
     }
   }
 };
@@ -24158,11 +24266,11 @@ function useLocale2() {
 }
 
 // src/components/UEditor/UEditor.tsx
-import React78, { useEffect as useEffect36, useImperativeHandle as useImperativeHandle3, useMemo as useMemo24, useRef as useRef35 } from "react";
+import React81, { useEffect as useEffect38, useImperativeHandle as useImperativeHandle3, useMemo as useMemo24, useRef as useRef36 } from "react";
 import { useEditor, EditorContent } from "@tiptap/react";
 
 // src/components/UEditor/extensions.ts
-import { mergeAttributes as mergeAttributes2 } from "@tiptap/core";
+import { mergeAttributes as mergeAttributes5 } from "@tiptap/core";
 import Document from "@tiptap/extension-document";
 import Paragraph from "@tiptap/extension-paragraph";
 import Text from "@tiptap/extension-text";
@@ -24178,6 +24286,604 @@ import TaskList from "@tiptap/extension-task-list";
 import TaskItem from "@tiptap/extension-task-item";
 import Blockquote from "@tiptap/extension-blockquote";
 import Code from "@tiptap/extension-code";
+import { wrappingInputRule } from "@tiptap/core";
+import { ReactNodeViewRenderer as ReactNodeViewRenderer5 } from "@tiptap/react";
+
+// src/components/UEditor/callout.ts
+import { Node as Node2, mergeAttributes } from "@tiptap/core";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+
+// src/components/UEditor/CalloutView.tsx
+import { NodeViewWrapper, NodeViewContent } from "@tiptap/react";
+
+// src/components/UEditor/emoji-picker.tsx
+import { jsx as jsx75 } from "react/jsx-runtime";
+var EmojiPicker2 = ({ onSelect }) => {
+  return /* @__PURE__ */ jsx75(EmojiPicker, { onEmojiSelect: onSelect, chrome: "embedded" });
+};
+
+// src/components/UEditor/CalloutView.tsx
+import { jsx as jsx76, jsxs as jsxs62 } from "react/jsx-runtime";
+var CALLOUT_COLORS = [
+  { name: "Gray", color: "var(--muted)" },
+  { name: "Blue", color: "color-mix(in oklch, var(--info) 15%, transparent)" },
+  { name: "Green", color: "color-mix(in oklch, var(--success) 15%, transparent)" },
+  { name: "Yellow", color: "color-mix(in oklch, var(--warning) 15%, transparent)" },
+  { name: "Red", color: "color-mix(in oklch, var(--destructive) 15%, transparent)" }
+];
+var CalloutView = ({ node, updateAttributes, selected }) => {
+  const t = useSmartTranslations("UEditor");
+  const currentEmoji = node.attrs.emoji ?? "\u{1F4A1}";
+  const currentBgColor = node.attrs.backgroundColor ?? "var(--muted)";
+  return /* @__PURE__ */ jsxs62(
+    NodeViewWrapper,
+    {
+      className: cn(
+        "flex items-start gap-4 rounded-xl border p-4 my-4 transition-all duration-200 border-border/50",
+        selected && "ring-2 ring-primary/45 border-primary/20 shadow-sm"
+      ),
+      style: { backgroundColor: currentBgColor },
+      children: [
+        /* @__PURE__ */ jsx76("div", { className: "flex items-center justify-center select-none", contentEditable: false, children: /* @__PURE__ */ jsx76(
+          Popover,
+          {
+            placement: "bottom-start",
+            trigger: /* @__PURE__ */ jsx76(
+              "button",
+              {
+                type: "button",
+                className: "flex items-center justify-center text-2xl h-9 w-9 hover:bg-muted-foreground/10 active:scale-95 rounded-lg transition-all focus:outline-none",
+                children: currentEmoji
+              }
+            ),
+            children: /* @__PURE__ */ jsxs62("div", { className: "flex flex-col gap-3 w-64 max-h-[360px] overflow-y-auto p-1", children: [
+              /* @__PURE__ */ jsx76("div", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider px-1", children: t("callout.selectEmoji") }),
+              /* @__PURE__ */ jsx76("div", { className: "h-44 overflow-y-auto border border-border/40 rounded-lg", children: /* @__PURE__ */ jsx76(EmojiPicker2, { onSelect: (emoji) => updateAttributes({ emoji }) }) }),
+              /* @__PURE__ */ jsxs62("div", { className: "border-t border-border/50 pt-2 mt-1", children: [
+                /* @__PURE__ */ jsx76("div", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider px-1 mb-2", children: t("callout.backgroundColor") }),
+                /* @__PURE__ */ jsx76("div", { className: "flex flex-wrap gap-2 px-1", children: CALLOUT_COLORS.map((col) => /* @__PURE__ */ jsx76(
+                  "button",
+                  {
+                    type: "button",
+                    title: col.name,
+                    onClick: () => updateAttributes({ backgroundColor: col.color }),
+                    className: cn(
+                      "h-6 w-6 rounded-full border transition-all active:scale-90 hover:scale-105",
+                      currentBgColor === col.color ? "border-primary ring-2 ring-primary/30" : "border-border/60"
+                    ),
+                    style: { backgroundColor: col.color }
+                  },
+                  col.name
+                )) })
+              ] })
+            ] })
+          }
+        ) }),
+        /* @__PURE__ */ jsx76(NodeViewContent, { className: "min-w-0 flex-1 outline-none" })
+      ]
+    }
+  );
+};
+
+// src/components/UEditor/callout.ts
+var Callout = Node2.create({
+  name: "callout",
+  group: "block",
+  content: "block+",
+  defining: true,
+  addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  addAttributes() {
+    return {
+      emoji: {
+        default: "\u{1F4A1}",
+        parseHTML: (element) => element.getAttribute("data-emoji") || "\u{1F4A1}",
+        renderHTML: (attributes) => ({
+          "data-emoji": attributes.emoji
+        })
+      },
+      backgroundColor: {
+        default: "var(--muted)",
+        parseHTML: (element) => element.getAttribute("data-background-color") || element.style.backgroundColor || "var(--muted)",
+        renderHTML: (attributes) => ({
+          "data-background-color": attributes.backgroundColor,
+          style: `background-color: ${attributes.backgroundColor}`
+        })
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: 'div[data-type="callout"]'
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "div",
+      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, { "data-type": "callout" }),
+      0
+    ];
+  },
+  addNodeView() {
+    return ReactNodeViewRenderer(CalloutView);
+  },
+  addCommands() {
+    return {
+      setCallout: (attributes) => ({ commands }) => {
+        return commands.wrapIn(this.name, attributes);
+      }
+    };
+  }
+});
+
+// src/components/UEditor/bookmark.ts
+import { Node as Node3, mergeAttributes as mergeAttributes2 } from "@tiptap/core";
+import { ReactNodeViewRenderer as ReactNodeViewRenderer2 } from "@tiptap/react";
+
+// src/components/UEditor/BookmarkView.tsx
+import { useEffect as useEffect31, useState as useState42 } from "react";
+import { NodeViewWrapper as NodeViewWrapper2 } from "@tiptap/react";
+import { ExternalLink as ExternalLink2, Globe as Globe2 } from "lucide-react";
+import { jsx as jsx77, jsxs as jsxs63 } from "react/jsx-runtime";
+var BookmarkView = ({ node, updateAttributes, selected, editor }) => {
+  const t = useSmartTranslations("UEditor");
+  const { url, title, description, image, publisher } = node.attrs;
+  const [loading2, setLoading] = useState42(false);
+  const [error, setError] = useState42(false);
+  useEffect31(() => {
+    if (title) return;
+    let active = true;
+    const safeUpdateAttributes = (attrs) => {
+      Promise.resolve().then(() => {
+        if (active && editor && !editor.isDestroyed) {
+          updateAttributes(attrs);
+        }
+      });
+    };
+    const extension = editor.extensionManager.extensions.find((e) => e.name === "bookmark");
+    const fetchMetadata = extension?.options?.fetchMetadata;
+    if (!fetchMetadata) {
+      try {
+        const hostname = new URL(url).hostname;
+        safeUpdateAttributes({
+          title: hostname || url,
+          description: t("bookmark.clickToOpenNewTab"),
+          publisher: hostname
+        });
+      } catch {
+        safeUpdateAttributes({
+          title: url,
+          description: t("bookmark.clickToOpenLink"),
+          publisher: ""
+        });
+      }
+      return;
+    }
+    setLoading(true);
+    setError(false);
+    fetchMetadata(url).then((meta) => {
+      if (!active) return;
+      safeUpdateAttributes({
+        title: meta.title || new URL(url).hostname || url,
+        description: meta.description || t("bookmark.noDescription"),
+        image: meta.image || "",
+        publisher: meta.publisher || new URL(url).hostname || ""
+      });
+      setLoading(false);
+    }).catch(() => {
+      if (!active) return;
+      setError(true);
+      setLoading(false);
+      try {
+        const hostname = new URL(url).hostname;
+        safeUpdateAttributes({
+          title: hostname || url,
+          description: t("bookmark.failedToLoad"),
+          publisher: hostname
+        });
+      } catch {
+        safeUpdateAttributes({
+          title: url,
+          description: t("bookmark.clickToOpenLink"),
+          publisher: ""
+        });
+      }
+    });
+    return () => {
+      active = false;
+    };
+  }, [url, title, editor, updateAttributes, t]);
+  const handleOpenLink = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    window.open(url, "_blank", "noopener,noreferrer");
+  };
+  const displayPublisher = publisher || (() => {
+    try {
+      return new URL(url).hostname;
+    } catch {
+      return "";
+    }
+  })();
+  return /* @__PURE__ */ jsx77(
+    NodeViewWrapper2,
+    {
+      className: cn(
+        "my-4 block overflow-hidden rounded-xl border border-border/60 bg-muted/20 hover:bg-muted/30 transition-all duration-200 cursor-pointer select-none",
+        selected && "ring-2 ring-primary/45 border-primary/20 shadow-sm"
+      ),
+      onClick: handleOpenLink,
+      children: loading2 ? /* @__PURE__ */ jsxs63("div", { className: "flex items-center justify-between p-4 gap-4 animate-pulse", children: [
+        /* @__PURE__ */ jsxs63("div", { className: "flex-1 flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx77("div", { className: "h-4 w-1/3 bg-muted-foreground/20 rounded" }),
+          /* @__PURE__ */ jsx77("div", { className: "h-5 w-3/4 bg-muted-foreground/20 rounded" }),
+          /* @__PURE__ */ jsx77("div", { className: "h-4 w-5/6 bg-muted-foreground/20 rounded" })
+        ] }),
+        /* @__PURE__ */ jsx77("div", { className: "h-20 w-32 bg-muted-foreground/20 rounded-lg flex-shrink-0" })
+      ] }) : /* @__PURE__ */ jsxs63("div", { className: "flex flex-col sm:flex-row items-stretch justify-between min-h-[100px]", children: [
+        /* @__PURE__ */ jsxs63("div", { className: "flex-1 p-4 flex flex-col justify-between gap-1 min-w-0", children: [
+          /* @__PURE__ */ jsxs63("div", { className: "flex flex-col gap-1 min-w-0", children: [
+            /* @__PURE__ */ jsxs63("span", { className: "text-xs text-muted-foreground font-medium flex items-center gap-1.5 truncate", children: [
+              /* @__PURE__ */ jsx77(Globe2, { className: "h-3 w-3 flex-shrink-0" }),
+              displayPublisher
+            ] }),
+            /* @__PURE__ */ jsx77("h4", { className: "text-sm font-semibold text-foreground line-clamp-1 break-all", children: title || url }),
+            /* @__PURE__ */ jsx77("p", { className: "text-xs text-muted-foreground line-clamp-2 leading-relaxed", children: description })
+          ] }),
+          /* @__PURE__ */ jsxs63("span", { className: "text-[11px] text-primary/80 font-mono mt-2 truncate flex items-center gap-1", children: [
+            url,
+            /* @__PURE__ */ jsx77(ExternalLink2, { className: "h-3 w-3 flex-shrink-0" })
+          ] })
+        ] }),
+        image && /* @__PURE__ */ jsx77("div", { className: "relative w-full sm:w-44 h-32 sm:h-auto flex-shrink-0 bg-muted overflow-hidden border-t sm:border-t-0 sm:border-l border-border/50", children: /* @__PURE__ */ jsx77(
+          "img",
+          {
+            src: image,
+            alt: title || "Link preview image",
+            className: "absolute inset-0 w-full h-full object-cover transition-opacity duration-300",
+            onError: (e) => {
+              e.currentTarget.style.display = "none";
+            }
+          }
+        ) })
+      ] })
+    }
+  );
+};
+
+// src/components/UEditor/bookmark.ts
+import { Plugin, PluginKey } from "@tiptap/pm/state";
+var URL_REGEX = /^(https?:\/\/[^\s]+)$/i;
+var Bookmark = Node3.create({
+  name: "bookmark",
+  group: "block",
+  atom: true,
+  addOptions() {
+    return {
+      fetchMetadata: void 0,
+      HTMLAttributes: {}
+    };
+  },
+  addAttributes() {
+    return {
+      url: {
+        default: "",
+        parseHTML: (element) => element.getAttribute("href") || element.getAttribute("data-url") || "",
+        renderHTML: (attributes) => ({
+          href: attributes.url,
+          "data-url": attributes.url
+        })
+      },
+      title: {
+        default: "",
+        parseHTML: (element) => element.getAttribute("data-title") || "",
+        renderHTML: (attributes) => ({
+          "data-title": attributes.title
+        })
+      },
+      description: {
+        default: "",
+        parseHTML: (element) => element.getAttribute("data-description") || "",
+        renderHTML: (attributes) => ({
+          "data-description": attributes.description
+        })
+      },
+      image: {
+        default: "",
+        parseHTML: (element) => element.getAttribute("data-image") || "",
+        renderHTML: (attributes) => ({
+          "data-image": attributes.image
+        })
+      },
+      publisher: {
+        default: "",
+        parseHTML: (element) => element.getAttribute("data-publisher") || "",
+        renderHTML: (attributes) => ({
+          "data-publisher": attributes.publisher
+        })
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: 'div[data-type="bookmark"]'
+      },
+      {
+        tag: 'a[data-type="bookmark"]'
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "div",
+      mergeAttributes2(this.options.HTMLAttributes, HTMLAttributes, { "data-type": "bookmark" })
+    ];
+  },
+  addNodeView() {
+    return ReactNodeViewRenderer2(BookmarkView);
+  },
+  addCommands() {
+    return {
+      setBookmark: (attributes) => ({ commands }) => {
+        return commands.insertContent({
+          type: this.name,
+          attrs: attributes
+        });
+      }
+    };
+  },
+  addProseMirrorPlugins() {
+    const editor = this.editor;
+    return [
+      new Plugin({
+        key: new PluginKey("bookmarkPaste"),
+        props: {
+          handlePaste(view, event) {
+            if (!event || !event.clipboardData) return false;
+            const text = event.clipboardData.getData("text/plain")?.trim();
+            if (!text || !URL_REGEX.test(text)) return false;
+            const { selection } = view.state;
+            const parent = selection.$from.parent;
+            console.log("DEBUG handlePaste name:", parent.type.name, "size:", parent.content.size);
+            const isEmptyParagraph = parent.type.name === "paragraph" && parent.content.size === 0;
+            if (isEmptyParagraph) {
+              event.preventDefault();
+              editor.chain().focus().insertContent({
+                type: "bookmark",
+                attrs: { url: text }
+              }).run();
+              return true;
+            }
+            return false;
+          }
+        }
+      })
+    ];
+  }
+});
+
+// src/components/UEditor/file-card.ts
+import { Node as Node4, mergeAttributes as mergeAttributes3 } from "@tiptap/core";
+import { ReactNodeViewRenderer as ReactNodeViewRenderer3 } from "@tiptap/react";
+
+// src/components/UEditor/FileCardView.tsx
+import { useEffect as useEffect32, useState as useState43, useRef as useRef27 } from "react";
+import { NodeViewWrapper as NodeViewWrapper3 } from "@tiptap/react";
+import { Download as Download2, File as LucideFile, FileText as FileText2, Image as Image3, Music, Video } from "lucide-react";
+import { jsx as jsx78, jsxs as jsxs64 } from "react/jsx-runtime";
+function formatBytes(bytes, decimals = 1) {
+  if (!bytes || bytes <= 0) return "0 Bytes";
+  const k = 1024;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ["Bytes", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
+}
+function getFileIcon2(type) {
+  const mime = (type || "").toLowerCase();
+  if (mime.includes("pdf")) return FileText2;
+  if (mime.startsWith("image/")) return Image3;
+  if (mime.startsWith("audio/")) return Music;
+  if (mime.startsWith("video/")) return Video;
+  return LucideFile;
+}
+function dataURLtoFile(dataurl, filename, mimeType) {
+  try {
+    const arr = dataurl.split(",");
+    if (arr.length < 2) return null;
+    const mimeMatch = arr[0].match(/:(.*?);/);
+    const mime = mimeMatch ? mimeMatch[1] : mimeType || "application/octet-stream";
+    const base64Data = arr[arr.length - 1].replace(/\s+/g, "");
+    let bytes;
+    if (typeof Buffer !== "undefined") {
+      bytes = new Uint8Array(Buffer.from(base64Data, "base64"));
+    } else {
+      const binaryString = atob(base64Data);
+      const len = binaryString.length;
+      bytes = new Uint8Array(len);
+      for (let i = 0; i < len; i++) {
+        bytes[i] = binaryString.charCodeAt(i);
+      }
+    }
+    return new File([bytes], filename, { type: mime });
+  } catch (e) {
+    console.error("Error converting data URI to file:", e);
+    return null;
+  }
+}
+var FileCardView = ({ node, selected, editor, updateAttributes }) => {
+  const t = useSmartTranslations("UEditor");
+  const { src, fileName, fileSize, fileType } = node.attrs;
+  const FileIcon = getFileIcon2(fileType);
+  const [uploadError, setUploadError] = useState43(null);
+  const uploadAttemptedRef = useRef27(false);
+  useEffect32(() => {
+    if (!src || !src.startsWith("data:")) {
+      return;
+    }
+    const extension = editor?.extensionManager?.extensions?.find((e) => e.name === "fileCard");
+    const uploadFn = extension?.options?.upload;
+    if (!uploadFn || uploadAttemptedRef.current || !updateAttributes) {
+      return;
+    }
+    uploadAttemptedRef.current = true;
+    setUploadError(null);
+    const runUpload = async () => {
+      try {
+        const file = dataURLtoFile(src, fileName || "file", fileType);
+        if (!file) {
+          throw new Error("Failed to parse file data");
+        }
+        const resolvedUrl = await uploadFn(file);
+        Promise.resolve().then(() => {
+          if (editor && !editor.isDestroyed) {
+            updateAttributes({ src: resolvedUrl });
+          }
+        });
+      } catch (err) {
+        console.error("File upload failed:", err);
+        setUploadError(err?.message || "Upload failed");
+        uploadAttemptedRef.current = false;
+      }
+    };
+    void runUpload();
+  }, [src, fileName, fileType, editor, updateAttributes]);
+  const handleDownload = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (!src) return;
+    const link = document.createElement("a");
+    link.href = src;
+    link.download = fileName || "download";
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+  };
+  const isUploading = (src || "").startsWith("data:");
+  return /* @__PURE__ */ jsxs64(
+    NodeViewWrapper3,
+    {
+      className: cn(
+        "my-4 flex items-center justify-between rounded-xl border border-border/60 bg-card p-4 hover:bg-muted/15 transition-all duration-200 cursor-pointer select-none",
+        selected && "ring-2 ring-primary/45 border-primary/20 shadow-sm"
+      ),
+      onClick: handleDownload,
+      children: [
+        /* @__PURE__ */ jsxs64("div", { className: "flex items-center gap-3.5 min-w-0", children: [
+          /* @__PURE__ */ jsx78("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg bg-primary/10 text-primary flex-shrink-0", children: /* @__PURE__ */ jsx78(FileIcon, { className: "h-6 w-6" }) }),
+          /* @__PURE__ */ jsxs64("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx78("div", { className: "text-sm font-semibold text-foreground truncate break-all", children: fileName || t("fileCard.unnamed") }),
+            /* @__PURE__ */ jsxs64("div", { className: "text-xs text-muted-foreground flex items-center gap-2 mt-0.5", children: [
+              fileSize ? /* @__PURE__ */ jsx78("span", { children: formatBytes(fileSize) }) : null,
+              isUploading && /* @__PURE__ */ jsx78("span", { className: cn(
+                "font-medium truncate max-w-[200px]",
+                uploadError ? "text-destructive" : "text-primary animate-pulse"
+              ), children: uploadError ? `${t("fileCard.uploadFailed") || "T\u1EA3i l\xEAn th\u1EA5t b\u1EA1i"}: ${uploadError}` : t("fileCard.uploading") })
+            ] })
+          ] })
+        ] }),
+        src && /* @__PURE__ */ jsx78(
+          "button",
+          {
+            type: "button",
+            onClick: handleDownload,
+            className: "flex h-8 w-8 items-center justify-center rounded-lg border border-border bg-background text-muted-foreground hover:text-foreground hover:bg-muted active:scale-95 transition-all focus:outline-none",
+            children: /* @__PURE__ */ jsx78(Download2, { className: "h-4 w-4" })
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/components/UEditor/file-card.ts
+var FileCard = Node4.create({
+  name: "fileCard",
+  group: "block",
+  atom: true,
+  addOptions() {
+    return {
+      HTMLAttributes: {},
+      upload: void 0
+    };
+  },
+  addAttributes() {
+    return {
+      src: {
+        default: "",
+        parseHTML: (element) => element.getAttribute("href") || element.getAttribute("data-src") || "",
+        renderHTML: (attributes) => ({
+          href: attributes.src,
+          "data-src": attributes.src
+        })
+      },
+      fileName: {
+        default: "",
+        parseHTML: (element) => element.getAttribute("data-file-name") || "",
+        renderHTML: (attributes) => ({
+          "data-file-name": attributes.fileName
+        })
+      },
+      fileSize: {
+        default: null,
+        parseHTML: (element) => {
+          const val = element.getAttribute("data-file-size");
+          return val ? Number(val) : null;
+        },
+        renderHTML: (attributes) => {
+          if (attributes.fileSize === null || attributes.fileSize === void 0) return {};
+          return {
+            "data-file-size": attributes.fileSize
+          };
+        }
+      },
+      fileType: {
+        default: "",
+        parseHTML: (element) => element.getAttribute("data-file-type") || "",
+        renderHTML: (attributes) => ({
+          "data-file-type": attributes.fileType
+        })
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: 'div[data-type="file-card"]'
+      },
+      {
+        tag: 'a[data-type="file-card"]'
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "div",
+      mergeAttributes3(this.options.HTMLAttributes, HTMLAttributes, { "data-type": "file-card" })
+    ];
+  },
+  addNodeView() {
+    return ReactNodeViewRenderer3(FileCardView);
+  },
+  addCommands() {
+    return {
+      setFileCard: (attributes) => ({ commands }) => {
+        return commands.insertContent({
+          type: this.name,
+          attrs: attributes
+        });
+      }
+    };
+  }
+});
+
+// src/components/UEditor/extensions.ts
 import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
 import History2 from "@tiptap/extension-history";
 import Link from "@tiptap/extension-link";
@@ -24198,7 +24904,7 @@ import { common, createLowlight } from "lowlight";
 import { Extension } from "@tiptap/core";
 import Suggestion from "@tiptap/suggestion";
 import { ReactRenderer } from "@tiptap/react";
-import React68, { forwardRef as forwardRef14, useEffect as useEffect31, useImperativeHandle, useRef as useRef27 } from "react";
+import React70, { forwardRef as forwardRef14, useEffect as useEffect33, useImperativeHandle, useRef as useRef28 } from "react";
 import {
   FileCode as FileCode2,
   Heading1,
@@ -24210,7 +24916,10 @@ import {
   Minus,
   Quote,
   Table as Table2,
-  Type
+  Type,
+  Info as Info3,
+  Bookmark as BookmarkIcon,
+  Paperclip
 } from "lucide-react";
 
 // src/components/UEditor/tippy-interop.ts
@@ -24233,7 +24942,7 @@ function destroyTippyInstance(instance) {
 }
 
 // src/components/UEditor/slash-command.tsx
-import { jsx as jsx75, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs65 } from "react/jsx-runtime";
 var DEFAULT_MESSAGES = {
   noResults: "No results",
   basicBlocks: "Basic Blocks",
@@ -24258,12 +24967,18 @@ var DEFAULT_MESSAGES = {
   divider: "Divider",
   dividerDesc: "Visually divide blocks",
   table: "Table",
-  tableDesc: "Insert a table"
+  tableDesc: "Insert a table",
+  callout: "Callout",
+  calloutDesc: "Highlight key info with a callout block",
+  bookmark: "Bookmark Card",
+  bookmarkDesc: "Embed a link as a bookmark card",
+  fileCard: "File Attachment",
+  fileCardDesc: "Upload a file card attachment"
 };
 function useResettingIndex2(resetToken) {
-  const [state, setState] = React68.useState({ resetToken, index: 0 });
+  const [state, setState] = React70.useState({ resetToken, index: 0 });
   const selectedIndex = Object.is(state.resetToken, resetToken) ? state.index : 0;
-  const setSelectedIndex = React68.useCallback((nextIndex) => {
+  const setSelectedIndex = React70.useCallback((nextIndex) => {
     setState((prev) => {
       const prevIndex = Object.is(prev.resetToken, resetToken) ? prev.index : 0;
       return {
@@ -24300,10 +25015,16 @@ function buildSlashCommandMessages(translate) {
     quoteDesc: translate("slashCommand.quoteDesc"),
     codeBlock: translate("slashCommand.codeBlock"),
     codeBlockDesc: translate("slashCommand.codeBlockDesc"),
-    divider: translate("slashCommand.divider"),
-    dividerDesc: translate("slashCommand.dividerDesc"),
-    table: translate("slashCommand.table"),
-    tableDesc: translate("slashCommand.tableDesc")
+    divider: translate("slashCommand.divider") || "Divider",
+    dividerDesc: translate("slashCommand.dividerDesc") || "Visually divide blocks",
+    table: translate("slashCommand.table") || "Table",
+    tableDesc: translate("slashCommand.tableDesc") || "Insert a table",
+    callout: translate("slashCommand.callout") || "Callout",
+    calloutDesc: translate("slashCommand.calloutDesc") || "Highlight key info with a callout block",
+    bookmark: translate("slashCommand.bookmark") || "Bookmark Card",
+    bookmarkDesc: translate("slashCommand.bookmarkDesc") || "Embed a link as a bookmark card",
+    fileCard: translate("slashCommand.fileCard") || "File Attachment",
+    fileCardDesc: translate("slashCommand.fileCardDesc") || "Upload a file card attachment"
   };
 }
 function buildSlashCommandItems({
@@ -24399,18 +25120,64 @@ function buildSlashCommandItems({
       command: run(({ editor, range }) => {
         getCommandChain(editor, range).insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run();
       })
+    },
+    {
+      icon: Info3,
+      title: messages.callout || "Callout",
+      description: messages.calloutDesc || "Highlight key info with a callout block",
+      command: run(({ editor, range }) => {
+        getCommandChain(editor, range).setCallout().run();
+      })
+    },
+    {
+      icon: BookmarkIcon,
+      title: messages.bookmark || "Bookmark Card",
+      description: messages.bookmarkDesc || "Embed a link as a bookmark card",
+      command: run(({ editor, range }) => {
+        const url = window.prompt("Enter URL for bookmark:");
+        if (url) {
+          getCommandChain(editor, range).setBookmark({ url }).run();
+        }
+      })
+    },
+    {
+      icon: Paperclip,
+      title: messages.fileCard || "File Attachment",
+      description: messages.fileCardDesc || "Upload a file card attachment",
+      command: run(({ editor, range }) => {
+        const input = document.createElement("input");
+        input.type = "file";
+        input.onchange = async () => {
+          const file = input.files?.[0];
+          if (!file) return;
+          const reader = new FileReader();
+          reader.onload = () => {
+            const dataUrl = reader.result;
+            getCommandChain(editor, range).setFileCard({
+              src: dataUrl,
+              fileName: file.name,
+              fileSize: file.size,
+              fileType: file.type
+            }).run();
+          };
+          reader.readAsDataURL(file);
+        };
+        input.click();
+      })
     }
   ].filter((item) => item.title.toLowerCase().includes(query.toLowerCase()));
 }
 var SlashCommandList = forwardRef14((props, ref) => {
   const [selectedIndex, setSelectedIndex] = useResettingIndex2(props.items);
-  const listRef = useRef27(null);
-  useEffect31(() => {
+  const listRef = useRef28(null);
+  useEffect33(() => {
     const selectedElement = listRef.current?.querySelector(`[data-index="${selectedIndex}"]`);
     selectedElement?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex, props.items]);
   useImperativeHandle(ref, () => ({
-    onKeyDown: ({ event }) => {
+    onKeyDown: (keyProps) => {
+      if (!keyProps || !keyProps.event) return false;
+      const { event } = keyProps;
       if (props.items.length === 0) {
         return false;
       }
@@ -24433,11 +25200,11 @@ var SlashCommandList = forwardRef14((props, ref) => {
     }
   }));
   if (props.items.length === 0) {
-    return /* @__PURE__ */ jsx75("div", { className: "w-72 p-4 text-center text-sm text-muted-foreground", children: props.messages.noResults });
+    return /* @__PURE__ */ jsx79("div", { className: "w-72 p-4 text-center text-sm text-muted-foreground", children: props.messages.noResults });
   }
-  return /* @__PURE__ */ jsxs62("div", { ref: listRef, className: "w-72 max-h-80 overflow-y-auto bg-card border border-border/50 rounded-2xl shadow-lg", children: [
-    /* @__PURE__ */ jsx75("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsx75("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: props.messages.basicBlocks }) }),
-    /* @__PURE__ */ jsx75("div", { className: "p-1", children: props.items.map((item, index) => /* @__PURE__ */ jsxs62(
+  return /* @__PURE__ */ jsxs65("div", { ref: listRef, className: "w-72 max-h-80 overflow-y-auto bg-card border border-border/50 rounded-2xl shadow-lg", children: [
+    /* @__PURE__ */ jsx79("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsx79("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: props.messages.basicBlocks }) }),
+    /* @__PURE__ */ jsx79("div", { className: "p-1", children: props.items.map((item, index) => /* @__PURE__ */ jsxs65(
       "button",
       {
         type: "button",
@@ -24449,19 +25216,19 @@ var SlashCommandList = forwardRef14((props, ref) => {
           selectedIndex === index ? "bg-accent" : "hover:bg-accent/50"
         ),
         children: [
-          /* @__PURE__ */ jsx75(
+          /* @__PURE__ */ jsx79(
             "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__ */ jsx75(item.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
+              children: /* @__PURE__ */ jsx79(item.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
             }
           ),
-          /* @__PURE__ */ jsxs62("div", { className: "text-left", children: [
-            /* @__PURE__ */ jsx75("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: item.title }),
-            /* @__PURE__ */ jsx75("div", { className: "text-xs text-muted-foreground", children: item.description })
+          /* @__PURE__ */ jsxs65("div", { className: "text-left", children: [
+            /* @__PURE__ */ jsx79("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: item.title }),
+            /* @__PURE__ */ jsx79("div", { className: "text-xs text-muted-foreground", children: item.description })
           ] })
         ]
       },
@@ -24526,6 +25293,7 @@ var SlashCommand = Extension.create({
               });
             },
             onKeyDown(props) {
+              if (!props || !props.event) return false;
               const popupInstance = getFirstTippyInstance(popup);
               if (props.event.key === "Escape") {
                 hideTippyInstance(popupInstance);
@@ -24546,7 +25314,7 @@ var SlashCommand = Extension.create({
 
 // src/components/UEditor/clipboard-images.ts
 import { Extension as Extension2 } from "@tiptap/core";
-import { Plugin } from "@tiptap/pm/state";
+import { Plugin as Plugin2 } from "@tiptap/pm/state";
 
 // src/components/UEditor/url-safety.ts
 var LINK_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]);
@@ -24659,10 +25427,10 @@ var ClipboardImages = Extension2.create({
       }
     };
     return [
-      new Plugin({
+      new Plugin2({
         props: {
           handlePaste: (_view, event) => {
-            if (!(event instanceof ClipboardEvent)) return false;
+            if (!event || !event.clipboardData) return false;
             const files = getImageFiles(event.clipboardData);
             if (files.length === 0) return false;
             event.preventDefault();
@@ -24689,14 +25457,14 @@ var ClipboardImages = Extension2.create({
 import { Extension as Extension3 } from "@tiptap/core";
 import Suggestion2 from "@tiptap/suggestion";
 import { ReactRenderer as ReactRenderer2 } from "@tiptap/react";
-import { PluginKey } from "@tiptap/pm/state";
-import React69, { forwardRef as forwardRef15, useImperativeHandle as useImperativeHandle2 } from "react";
+import { PluginKey as PluginKey2 } from "@tiptap/pm/state";
+import React71, { forwardRef as forwardRef15, useImperativeHandle as useImperativeHandle2 } from "react";
 import { Smile as Smile2 } from "lucide-react";
-import { jsx as jsx76, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs66 } from "react/jsx-runtime";
 function useResettingIndex3(resetToken) {
-  const [state, setState] = React69.useState({ resetToken, index: 0 });
+  const [state, setState] = React71.useState({ resetToken, index: 0 });
   const selectedIndex = Object.is(state.resetToken, resetToken) ? state.index : 0;
-  const setSelectedIndex = React69.useCallback((nextIndex) => {
+  const setSelectedIndex = React71.useCallback((nextIndex) => {
     setState((prev) => {
       const prevIndex = Object.is(prev.resetToken, resetToken) ? prev.index : 0;
       return {
@@ -24712,7 +25480,9 @@ var EmojiList = forwardRef15((props, ref) => {
   const [selectedIndex, setSelectedIndex] = useResettingIndex3(props.items);
   const showingCountLabel = formatEmojiCountLabel(t("emojiSuggestion.showingCount"), 64, props.items.length);
   useImperativeHandle2(ref, () => ({
-    onKeyDown: ({ event }) => {
+    onKeyDown: (keyProps) => {
+      if (!keyProps || !keyProps.event) return false;
+      const { event } = keyProps;
       if (event.key === "ArrowUp") {
         setSelectedIndex((prev) => (prev + props.items.length - 1) % props.items.length);
         return true;
@@ -24740,15 +25510,15 @@ var EmojiList = forwardRef15((props, ref) => {
     }
   }));
   if (props.items.length === 0) {
-    return /* @__PURE__ */ jsx76("div", { className: "w-80 p-4 text-center text-sm text-muted-foreground bg-card border border-border/50 rounded-2xl shadow-lg", children: t("emojiSuggestion.noResults") });
+    return /* @__PURE__ */ jsx80("div", { className: "w-80 p-4 text-center text-sm text-muted-foreground bg-card border border-border/50 rounded-2xl shadow-lg", children: t("emojiSuggestion.noResults") });
   }
-  return /* @__PURE__ */ jsxs63("div", { className: "w-80 max-h-80 overflow-y-auto bg-card border border-border/50 rounded-2xl shadow-lg", children: [
-    /* @__PURE__ */ jsx76("div", { className: "px-3 py-2 border-b bg-muted/30", children: /* @__PURE__ */ jsxs63("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx76(Smile2, { className: "w-4 h-4 text-primary" }),
-      /* @__PURE__ */ jsx76("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("emojiSuggestion.title") })
+  return /* @__PURE__ */ jsxs66("div", { className: "w-80 max-h-80 overflow-y-auto bg-card border border-border/50 rounded-2xl shadow-lg", children: [
+    /* @__PURE__ */ jsx80("div", { className: "px-3 py-2 border-b bg-muted/30", children: /* @__PURE__ */ jsxs66("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx80(Smile2, { className: "w-4 h-4 text-primary" }),
+      /* @__PURE__ */ jsx80("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("emojiSuggestion.title") })
     ] }) }),
-    /* @__PURE__ */ jsxs63("div", { className: "p-3", children: [
-      /* @__PURE__ */ jsx76("div", { className: "grid grid-cols-8 gap-1", children: props.items.slice(0, 64).map((item, index) => /* @__PURE__ */ jsx76(
+    /* @__PURE__ */ jsxs66("div", { className: "p-3", children: [
+      /* @__PURE__ */ jsx80("div", { className: "grid grid-cols-8 gap-1", children: props.items.slice(0, 64).map((item, index) => /* @__PURE__ */ jsx80(
         EmojiGridButton,
         {
           emoji: item.emoji,
@@ -24759,7 +25529,7 @@ var EmojiList = forwardRef15((props, ref) => {
         },
         item.name
       )) }),
-      props.items.length > 64 && /* @__PURE__ */ jsx76("div", { className: "mt-2 text-xs text-center text-muted-foreground", children: showingCountLabel })
+      props.items.length > 64 && /* @__PURE__ */ jsx80("div", { className: "mt-2 text-xs text-center text-muted-foreground", children: showingCountLabel })
     ] })
   ] });
 });
@@ -24781,7 +25551,7 @@ var EmojiSuggestion = Extension3.create({
       Suggestion2({
         editor: this.editor,
         char: ":",
-        pluginKey: new PluginKey("emojiSuggestion"),
+        pluginKey: new PluginKey2("emojiSuggestion"),
         command: ({ editor, range, props }) => {
           editor.chain().focus().deleteRange(range).insertContent(props.emoji).run();
         },
@@ -24819,6 +25589,7 @@ var EmojiSuggestion = Extension3.create({
               });
             },
             onKeyDown(props) {
+              if (!props || !props.event) return false;
               const popupInstance = getFirstTippyInstance(popup);
               if (props.event.key === "Escape") {
                 hideTippyInstance(popupInstance);
@@ -24839,7 +25610,7 @@ var EmojiSuggestion = Extension3.create({
 
 // src/components/UEditor/placeholder.ts
 import { Extension as Extension4, isNodeEmpty } from "@tiptap/core";
-import { Plugin as Plugin2, PluginKey as PluginKey2 } from "@tiptap/pm/state";
+import { Plugin as Plugin3, PluginKey as PluginKey3 } from "@tiptap/pm/state";
 import { Decoration, DecorationSet } from "@tiptap/pm/view";
 var UEditorPlaceholder = Extension4.create({
   name: "placeholder",
@@ -24858,8 +25629,8 @@ var UEditorPlaceholder = Extension4.create({
   addProseMirrorPlugins() {
     const dataAttribute = `data-${this.options.dataAttribute}`;
     return [
-      new Plugin2({
-        key: new PluginKey2("placeholder"),
+      new Plugin3({
+        key: new PluginKey3("placeholder"),
         props: {
           decorations: ({ doc, selection }) => {
             const active = this.editor.isEditable || !this.options.showOnlyWhenEditable;
@@ -24911,11 +25682,11 @@ var UEditorPlaceholder = Extension4.create({
 });
 
 // src/components/UEditor/resizable-image.tsx
-import { useEffect as useEffect32, useRef as useRef28, useState as useState42 } from "react";
-import Image3 from "@tiptap/extension-image";
-import { mergeAttributes } from "@tiptap/core";
-import { NodeViewWrapper, ReactNodeViewRenderer } from "@tiptap/react";
-import { jsx as jsx77, jsxs as jsxs64 } from "react/jsx-runtime";
+import { useEffect as useEffect34, useRef as useRef29, useState as useState44 } from "react";
+import Image4 from "@tiptap/extension-image";
+import { mergeAttributes as mergeAttributes4 } from "@tiptap/core";
+import { NodeViewWrapper as NodeViewWrapper4, ReactNodeViewRenderer as ReactNodeViewRenderer4 } from "@tiptap/react";
+import { jsx as jsx81, jsxs as jsxs67 } from "react/jsx-runtime";
 var MIN_IMAGE_SIZE_PX = 40;
 var AXIS_LOCK_THRESHOLD_PX = 4;
 var IMAGE_LAYOUTS = /* @__PURE__ */ new Set(["block", "left", "right"]);
@@ -24960,17 +25731,17 @@ function getImageLayoutStyles(layout) {
 }
 function ResizableImageNodeView(props) {
   const { node, selected, updateAttributes, editor, getPos } = props;
-  const wrapperRef = useRef28(null);
-  const imgRef = useRef28(null);
-  const [isHovered, setIsHovered] = useState42(false);
-  const [isResizing, setIsResizing] = useState42(false);
+  const wrapperRef = useRef29(null);
+  const imgRef = useRef29(null);
+  const [isHovered, setIsHovered] = useState44(false);
+  const [isResizing, setIsResizing] = useState44(false);
   const widthAttr = toNullableNumber(node.attrs["width"]);
   const heightAttr = toNullableNumber(node.attrs["height"]);
   const textAlign = String(node.attrs["textAlign"] ?? "");
   const imageLayout = parseImageLayout(node.attrs["imageLayout"]);
   const preserveAspectByDefault = imageLayout === "left" || imageLayout === "right";
-  const dragStateRef = useRef28(null);
-  useEffect32(() => {
+  const dragStateRef = useRef29(null);
+  useEffect34(() => {
     const img = imgRef.current;
     if (!img) return;
     img.style.width = widthAttr ? `${widthAttr}px` : "";
@@ -25066,8 +25837,8 @@ function ResizableImageNodeView(props) {
   const showHandle = selected || isHovered || isResizing;
   const wrapperAlignClass = imageLayout === "block" ? textAlign === "center" ? "mx-auto" : textAlign === "right" ? "ml-auto" : textAlign === "justify" ? "mx-auto" : "" : "";
   const wrapperLayoutClass = imageLayout === "left" ? "float-left mr-4 mb-3 mt-1 clear-none max-w-[min(45%,20rem)]" : imageLayout === "right" ? "float-right ml-4 mb-3 mt-1 clear-none max-w-[min(45%,20rem)]" : "w-fit";
-  return /* @__PURE__ */ jsxs64(
-    NodeViewWrapper,
+  return /* @__PURE__ */ jsxs67(
+    NodeViewWrapper4,
     {
       as: "div",
       ref: wrapperRef,
@@ -25081,7 +25852,7 @@ function ResizableImageNodeView(props) {
       },
       contentEditable: false,
       children: [
-        /* @__PURE__ */ jsx77(
+        /* @__PURE__ */ jsx81(
           "img",
           {
             ref: imgRef,
@@ -25100,7 +25871,7 @@ function ResizableImageNodeView(props) {
             }
           }
         ),
-        showHandle && /* @__PURE__ */ jsx77(
+        showHandle && /* @__PURE__ */ jsx81(
           "div",
           {
             "aria-hidden": "true",
@@ -25120,7 +25891,7 @@ function ResizableImageNodeView(props) {
     }
   );
 }
-var ResizableImage = Image3.extend({
+var ResizableImage = Image4.extend({
   addAttributes() {
     const parentAttrs = this.parent?.() ?? {};
     return {
@@ -25165,10 +25936,10 @@ var ResizableImage = Image3.extend({
     };
   },
   renderHTML({ HTMLAttributes }) {
-    return ["img", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
+    return ["img", mergeAttributes4(this.options.HTMLAttributes, HTMLAttributes)];
   },
   addNodeView() {
-    return ReactNodeViewRenderer(ResizableImageNodeView);
+    return ReactNodeViewRenderer4(ResizableImageNodeView);
   }
 }).configure({
   allowBase64: true,
@@ -25358,7 +26129,7 @@ var letter_spacing_default = LetterSpacing;
 
 // src/components/UEditor/table-align.ts
 import { Table as Table3 } from "@tiptap/extension-table";
-import { Plugin as Plugin3 } from "@tiptap/pm/state";
+import { Plugin as Plugin4 } from "@tiptap/pm/state";
 
 // src/components/UEditor/table-dom-utils.ts
 var MIN_TABLE_ROW_HEIGHT = 36;
@@ -25600,7 +26371,7 @@ var UEditorTable = Table3.extend({
   addProseMirrorPlugins() {
     return [
       ...this.parent?.() ?? [],
-      new Plugin3({
+      new Plugin4({
         appendTransaction(_transactions, _oldState, newState) {
           const { doc, schema } = newState;
           const paragraphType = schema.nodes.paragraph;
@@ -25619,6 +26390,121 @@ var UEditorTable = Table3.extend({
 });
 var table_align_default = UEditorTable;
 
+// src/components/UEditor/CodeBlockView.tsx
+import React73, { useState as useState45 } from "react";
+import { NodeViewWrapper as NodeViewWrapper5, NodeViewContent as NodeViewContent2 } from "@tiptap/react";
+import { Check as Check10, Copy as Copy2, ChevronDown as ChevronDown7 } from "lucide-react";
+import { Fragment as Fragment27, jsx as jsx82, jsxs as jsxs68 } from "react/jsx-runtime";
+var LANGUAGES = [
+  { label: "Plain Text", value: "text" },
+  { label: "JavaScript", value: "javascript" },
+  { label: "TypeScript", value: "typescript" },
+  { label: "HTML", value: "html" },
+  { label: "CSS", value: "css" },
+  { label: "Python", value: "python" },
+  { label: "Go", value: "go" },
+  { label: "Rust", value: "rust" },
+  { label: "C++", value: "cpp" },
+  { label: "Java", value: "java" },
+  { label: "SQL", value: "sql" },
+  { label: "JSON", value: "json" },
+  { label: "YAML", value: "yaml" },
+  { label: "Shell", value: "bash" }
+];
+var CodeBlockView = ({
+  node,
+  updateAttributes,
+  extension
+}) => {
+  const [copied, setCopied] = useState45(false);
+  const [isDropdownOpen, setIsDropdownOpen] = useState45(false);
+  const timeoutRef = React73.useRef(null);
+  const currentLangValue = node.attrs.language || "text";
+  const currentLangLabel = LANGUAGES.find((lang) => lang.value === currentLangValue)?.label || "Plain Text";
+  React73.useEffect(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(node.textContent);
+      setCopied(true);
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+      timeoutRef.current = setTimeout(() => {
+        setCopied(false);
+      }, 2e3);
+    } catch (err) {
+      console.error("Failed to copy code text: ", err);
+    }
+  };
+  return /* @__PURE__ */ jsxs68(NodeViewWrapper5, { className: "group/code relative my-4 rounded-xl border border-border/60 bg-muted/40 p-4 font-mono text-sm shadow-sm overflow-visible", children: [
+    /* @__PURE__ */ jsxs68(
+      "div",
+      {
+        className: "absolute right-3 top-3 z-10 flex items-center gap-1.5 opacity-0 group-hover/code:opacity-100 focus-within:opacity-100 transition-opacity duration-200 select-none",
+        contentEditable: false,
+        children: [
+          /* @__PURE__ */ jsxs68("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxs68(
+              "button",
+              {
+                type: "button",
+                onClick: () => setIsDropdownOpen(!isDropdownOpen),
+                className: "flex items-center gap-1.5 rounded-lg border border-border bg-background px-2.5 py-1 text-xs text-muted-foreground hover:text-foreground hover:bg-muted active:scale-95 transition-all focus:outline-none",
+                children: [
+                  currentLangLabel,
+                  /* @__PURE__ */ jsx82(ChevronDown7, { className: "h-3 w-3" })
+                ]
+              }
+            ),
+            isDropdownOpen && /* @__PURE__ */ jsxs68(Fragment27, { children: [
+              /* @__PURE__ */ jsx82(
+                "div",
+                {
+                  className: "fixed inset-0 z-20",
+                  onClick: () => setIsDropdownOpen(false)
+                }
+              ),
+              /* @__PURE__ */ jsx82("div", { className: "absolute right-0 mt-1 max-h-56 w-36 overflow-y-auto rounded-lg border border-border/50 bg-popover p-1 shadow-lg z-30 [scrollbar-width:thin] animate-in fade-in-0 zoom-in-95", children: LANGUAGES.map((lang) => /* @__PURE__ */ jsx82(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    updateAttributes({ language: lang.value });
+                    setIsDropdownOpen(false);
+                  },
+                  className: cn(
+                    "w-full rounded-md px-2 py-1.5 text-left text-xs transition-colors focus:outline-none",
+                    currentLangValue === lang.value ? "bg-primary/10 text-primary font-semibold" : "text-foreground hover:bg-muted"
+                  ),
+                  children: lang.label
+                },
+                lang.value
+              )) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx82(
+            "button",
+            {
+              type: "button",
+              onClick: handleCopy,
+              className: "flex h-7 w-7 items-center justify-center rounded-lg border border-border bg-background text-muted-foreground hover:text-foreground hover:bg-muted active:scale-95 transition-all focus:outline-none",
+              title: "Copy code",
+              children: copied ? /* @__PURE__ */ jsx82(Check10, { className: "h-3.5 w-3.5 text-success animate-in fade-in-0 zoom-in-75" }) : /* @__PURE__ */ jsx82(Copy2, { className: "h-3.5 w-3.5" })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx82("pre", { className: "m-0 overflow-x-auto [scrollbar-width:thin] pt-4 sm:pt-0", children: /* @__PURE__ */ jsx82("code", { className: "bg-transparent! text-foreground!", children: /* @__PURE__ */ jsx82(NodeViewContent2, {}) }) })
+  ] });
+};
+
 // src/components/UEditor/extensions.ts
 var CustomTableCell = TableCell2.extend({
   addAttributes() {
@@ -25635,16 +26521,54 @@ var CustomTableCell = TableCell2.extend({
             "data-background-color": attributes.backgroundColor
           };
         }
+      },
+      borderColor: {
+        default: null,
+        parseHTML: (element) => element.style.borderColor || element.getAttribute("data-border-color") || null,
+        renderHTML: (attributes) => {
+          if (!attributes.borderColor) return {};
+          return {
+            "data-border-color": attributes.borderColor
+          };
+        }
+      },
+      borderStyle: {
+        default: null,
+        parseHTML: (element) => element.style.borderStyle || element.getAttribute("data-border-style") || null,
+        renderHTML: (attributes) => {
+          if (!attributes.borderStyle) return {};
+          return {
+            "data-border-style": attributes.borderStyle
+          };
+        }
+      },
+      borderWidth: {
+        default: null,
+        parseHTML: (element) => element.style.borderWidth || element.getAttribute("data-border-width") || null,
+        renderHTML: (attributes) => {
+          if (!attributes.borderWidth) return {};
+          return {
+            "data-border-width": attributes.borderWidth
+          };
+        }
       }
     };
   },
   renderHTML({ HTMLAttributes }) {
     const style = HTMLAttributes.style || "";
     const bg = HTMLAttributes["data-background-color"];
-    const mergedStyle = bg ? `${style}; background-color: ${bg}`.replace(/^;/, "") : style;
+    const borderColor = HTMLAttributes["data-border-color"];
+    const borderStyle = HTMLAttributes["data-border-style"];
+    const borderWidth = HTMLAttributes["data-border-width"];
+    let mergedStyle = style;
+    if (bg) mergedStyle += `; background-color: ${bg}`;
+    if (borderColor) mergedStyle += `; border-color: ${borderColor}`;
+    if (borderStyle) mergedStyle += `; border-style: ${borderStyle}`;
+    if (borderWidth) mergedStyle += `; border-width: ${borderWidth}`;
+    mergedStyle = mergedStyle.replace(/^;/, "").trim();
     return [
       "td",
-      mergeAttributes2(this.options.HTMLAttributes, HTMLAttributes, mergedStyle ? { style: mergedStyle } : {}),
+      mergeAttributes5(this.options.HTMLAttributes, HTMLAttributes, mergedStyle ? { style: mergedStyle } : {}),
       0
     ];
   }
@@ -25664,31 +26588,94 @@ var CustomTableHeader = TableHeader2.extend({
             "data-background-color": attributes.backgroundColor
           };
         }
+      },
+      borderColor: {
+        default: null,
+        parseHTML: (element) => element.style.borderColor || element.getAttribute("data-border-color") || null,
+        renderHTML: (attributes) => {
+          if (!attributes.borderColor) return {};
+          return {
+            "data-border-color": attributes.borderColor
+          };
+        }
+      },
+      borderStyle: {
+        default: null,
+        parseHTML: (element) => element.style.borderStyle || element.getAttribute("data-border-style") || null,
+        renderHTML: (attributes) => {
+          if (!attributes.borderStyle) return {};
+          return {
+            "data-border-style": attributes.borderStyle
+          };
+        }
+      },
+      borderWidth: {
+        default: null,
+        parseHTML: (element) => element.style.borderWidth || element.getAttribute("data-border-width") || null,
+        renderHTML: (attributes) => {
+          if (!attributes.borderWidth) return {};
+          return {
+            "data-border-width": attributes.borderWidth
+          };
+        }
       }
     };
   },
   renderHTML({ HTMLAttributes }) {
     const style = HTMLAttributes.style || "";
     const bg = HTMLAttributes["data-background-color"];
-    const mergedStyle = bg ? `${style}; background-color: ${bg}`.replace(/^;/, "") : style;
+    const borderColor = HTMLAttributes["data-border-color"];
+    const borderStyle = HTMLAttributes["data-border-style"];
+    const borderWidth = HTMLAttributes["data-border-width"];
+    let mergedStyle = style;
+    if (bg) mergedStyle += `; background-color: ${bg}`;
+    if (borderColor) mergedStyle += `; border-color: ${borderColor}`;
+    if (borderStyle) mergedStyle += `; border-style: ${borderStyle}`;
+    if (borderWidth) mergedStyle += `; border-width: ${borderWidth}`;
+    mergedStyle = mergedStyle.replace(/^;/, "").trim();
     return [
       "th",
-      mergeAttributes2(this.options.HTMLAttributes, HTMLAttributes, mergedStyle ? { style: mergedStyle } : {}),
+      mergeAttributes5(this.options.HTMLAttributes, HTMLAttributes, mergedStyle ? { style: mergedStyle } : {}),
       0
     ];
   }
 });
+var CustomTaskList = TaskList.extend({
+  addInputRules() {
+    return [
+      wrappingInputRule({
+        find: /^\s*(\[ \]|\[\])\s$/,
+        type: this.type
+      }),
+      wrappingInputRule({
+        find: /^\s*(-\s*\[ \]|-\s*\[\])\s$/,
+        type: this.type
+      }),
+      wrappingInputRule({
+        find: /^\s*(\*\s*\[ \]|-\s*\[\])\s$/,
+        type: this.type
+      })
+    ];
+  }
+});
 var lowlight = createLowlight(common);
+var CustomCodeBlockLowlight = CodeBlockLowlight.extend({
+  addNodeView() {
+    return ReactNodeViewRenderer5(CodeBlockView);
+  }
+});
 function buildUEditorExtensions({
   placeholder,
   translate,
   maxCharacters,
   uploadImage,
+  uploadFile,
   imageInsertMode = "base64",
   maxImageFileSize,
   allowedImageMimeTypes,
   fallbackToDataUrl,
-  editable = true
+  editable = true,
+  fetchMetadata
 }) {
   return [
     Document,
@@ -25718,7 +26705,7 @@ function buildUEditorExtensions({
         class: "pl-1"
       }
     }),
-    TaskList,
+    CustomTaskList,
     TaskItem.configure({
       nested: true
     }),
@@ -25732,7 +26719,7 @@ function buildUEditorExtensions({
         class: "px-1.5 py-0.5 rounded bg-muted font-mono text-sm"
       }
     }),
-    CodeBlockLowlight.configure({
+    CustomCodeBlockLowlight.configure({
       lowlight,
       HTMLAttributes: {
         class: "rounded-lg border border-border/60 bg-muted/40 text-foreground p-4 font-mono text-sm overflow-x-auto"
@@ -25809,12 +26796,19 @@ function buildUEditorExtensions({
     SlashCommand.configure({
       messages: buildSlashCommandMessages(translate)
     }),
-    EmojiSuggestion
+    EmojiSuggestion,
+    Callout,
+    Bookmark.configure({
+      fetchMetadata
+    }),
+    FileCard.configure({
+      upload: uploadFile
+    })
   ];
 }
 
 // src/components/UEditor/toolbar.tsx
-import React73, { useRef as useRef31, useState as useState44 } from "react";
+import React76, { useRef as useRef32, useState as useState47 } from "react";
 import { useEditorState } from "@tiptap/react";
 import {
   AlignCenter,
@@ -25827,7 +26821,7 @@ import {
   ArrowUp,
   Baseline,
   Bold as BoldIcon,
-  ChevronDown as ChevronDown7,
+  ChevronDown as ChevronDown8,
   ChevronsUpDown,
   Code as CodeIcon,
   FileCode as FileCode3,
@@ -25856,14 +26850,14 @@ import {
 } from "lucide-react";
 
 // src/components/UEditor/colors.tsx
-import { useMemo as useMemo22, useRef as useRef29 } from "react";
-import { Check as Check10, Highlighter, Palette as Palette2, Paintbrush } from "lucide-react";
-import { jsx as jsx78, jsxs as jsxs65 } from "react/jsx-runtime";
+import { useMemo as useMemo22, useRef as useRef30 } from "react";
+import { Check as Check11, Highlighter, Palette as Palette2, Paintbrush, Grid as Grid2 } from "lucide-react";
+import { jsx as jsx83, jsxs as jsxs69 } from "react/jsx-runtime";
 var TextColorIcon = ({ color }) => {
   const underlineColor = color && color !== "inherit" ? color : "currentColor";
-  return /* @__PURE__ */ jsxs65("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ jsx78("span", { className: "text-[15px] font-semibold leading-none", children: "A" }),
-    /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsxs69("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
+    /* @__PURE__ */ jsx83("span", { className: "text-[15px] font-semibold leading-none", children: "A" }),
+    /* @__PURE__ */ jsx83(
       "span",
       {
         "aria-hidden": "true",
@@ -25875,9 +26869,9 @@ var TextColorIcon = ({ color }) => {
 };
 var HighlightColorIcon = ({ color }) => {
   const underlineColor = color || "currentColor";
-  return /* @__PURE__ */ jsxs65("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ jsx78(Highlighter, { className: "h-4 w-4" }),
-    /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsxs69("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
+    /* @__PURE__ */ jsx83(Highlighter, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx83(
       "span",
       {
         "aria-hidden": "true",
@@ -25889,9 +26883,23 @@ var HighlightColorIcon = ({ color }) => {
 };
 var CellBgColorIcon = ({ color }) => {
   const underlineColor = color && color !== "inherit" ? color : "currentColor";
-  return /* @__PURE__ */ jsxs65("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ jsx78(Paintbrush, { className: "h-4 w-4" }),
-    /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsxs69("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
+    /* @__PURE__ */ jsx83(Paintbrush, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx83(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "absolute bottom-0 left-1/2 h-0.5 w-4 -translate-x-1/2 rounded-full",
+        style: { backgroundColor: underlineColor }
+      }
+    )
+  ] });
+};
+var CellBorderIcon = ({ color }) => {
+  const underlineColor = color && color !== "inherit" ? color : "currentColor";
+  return /* @__PURE__ */ jsxs69("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
+    /* @__PURE__ */ jsx83(Grid2, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx83(
       "span",
       {
         "aria-hidden": "true",
@@ -26012,12 +27020,12 @@ var EditorColorPalette = ({
   label
 }) => {
   const t = useSmartTranslations("UEditor");
-  const colorInputRef = useRef29(null);
+  const colorInputRef = useRef30(null);
   const automaticColor = colors[0]?.color ?? "";
   const paletteColors = colors.slice(1);
-  return /* @__PURE__ */ jsxs65("div", { className: "w-56 p-2", children: [
-    /* @__PURE__ */ jsx78("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsxs65(
+  return /* @__PURE__ */ jsxs69("div", { className: "w-56 p-2", children: [
+    /* @__PURE__ */ jsx83("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxs69(
       "button",
       {
         type: "button",
@@ -26029,12 +27037,12 @@ var EditorColorPalette = ({
           currentColor === automaticColor ? "border-primary text-primary" : "border-transparent text-foreground"
         ),
         children: [
-          /* @__PURE__ */ jsx78("span", { className: "flex h-5 w-5 items-center justify-center rounded border border-border bg-background", children: currentColor === automaticColor && /* @__PURE__ */ jsx78(Check10, { className: "h-3.5 w-3.5" }) }),
-          /* @__PURE__ */ jsx78("span", { className: "flex-1 text-center", children: t("colors.automatic") })
+          /* @__PURE__ */ jsx83("span", { className: "flex h-5 w-5 items-center justify-center rounded border border-border bg-background", children: currentColor === automaticColor && /* @__PURE__ */ jsx83(Check11, { className: "h-3.5 w-3.5" }) }),
+          /* @__PURE__ */ jsx83("span", { className: "flex-1 text-center", children: t("colors.automatic") })
         ]
       }
     ),
-    /* @__PURE__ */ jsx78("div", { className: "mt-2 grid grid-cols-8 gap-1", children: paletteColors.map((c) => /* @__PURE__ */ jsx78(Tooltip, { placement: "top", content: /* @__PURE__ */ jsx78("span", { className: "text-xs font-medium", children: c.name }), children: /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsx83("div", { className: "mt-2 grid grid-cols-8 gap-1", children: paletteColors.map((c) => /* @__PURE__ */ jsx83(Tooltip, { placement: "top", content: /* @__PURE__ */ jsx83("span", { className: "text-xs font-medium", children: c.name }), children: /* @__PURE__ */ jsx83(
       "button",
       {
         type: "button",
@@ -26046,10 +27054,10 @@ var EditorColorPalette = ({
           currentColor === c.color ? "border-primary ring-2 ring-primary/25" : "border-border/70"
         ),
         style: { backgroundColor: c.color || "transparent" },
-        children: currentColor === c.color && /* @__PURE__ */ jsx78("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx78(Check10, { className: "h-3.5 w-3.5 text-white drop-shadow-[0_1px_1px_rgba(0,0,0,0.8)]" }) })
+        children: currentColor === c.color && /* @__PURE__ */ jsx83("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx83(Check11, { className: "h-3.5 w-3.5 text-white drop-shadow-[0_1px_1px_rgba(0,0,0,0.8)]" }) })
       }
     ) }, `${c.name}-${c.color}`)) }),
-    /* @__PURE__ */ jsxs65(
+    /* @__PURE__ */ jsxs69(
       "button",
       {
         type: "button",
@@ -26057,7 +27065,7 @@ var EditorColorPalette = ({
         onClick: () => colorInputRef.current?.click(),
         className: "mt-3 flex h-9 w-full items-center gap-3 rounded-md px-2 text-sm text-foreground transition-colors hover:bg-muted",
         children: [
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx83(
             "span",
             {
               "aria-hidden": "true",
@@ -26067,9 +27075,9 @@ var EditorColorPalette = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx78("span", { className: "flex-1 text-center", children: t("colors.moreColors") }),
-          /* @__PURE__ */ jsx78(Palette2, { className: "h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx83("span", { className: "flex-1 text-center", children: t("colors.moreColors") }),
+          /* @__PURE__ */ jsx83(Palette2, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx83(
             "input",
             {
               ref: colorInputRef,
@@ -26177,9 +27185,9 @@ function deleteSelectedImage(editor) {
 }
 
 // src/components/UEditor/inputs.tsx
-import { useEffect as useEffect33, useRef as useRef30, useState as useState43 } from "react";
-import { Check as Check11, X as X18 } from "lucide-react";
-import { jsx as jsx79, jsxs as jsxs66 } from "react/jsx-runtime";
+import { useEffect as useEffect35, useRef as useRef31, useState as useState46 } from "react";
+import { Check as Check12, X as X18 } from "lucide-react";
+import { jsx as jsx84, jsxs as jsxs70 } from "react/jsx-runtime";
 function normalizeUrl(raw) {
   return sanitizeUEditorUrl(raw, "link");
 }
@@ -26189,9 +27197,9 @@ var LinkInput = ({
   initialUrl = ""
 }) => {
   const t = useSmartTranslations("UEditor");
-  const [url, setUrl] = useState43(initialUrl);
-  const inputRef = useRef30(null);
-  useEffect33(() => {
+  const [url, setUrl] = useState46(initialUrl);
+  const inputRef = useRef31(null);
+  useEffect35(() => {
     inputRef.current?.focus();
     inputRef.current?.select();
   }, []);
@@ -26200,8 +27208,8 @@ var LinkInput = ({
     const normalized = normalizeUrl(url);
     if (normalized) onSubmit(normalized);
   };
-  return /* @__PURE__ */ jsxs66("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-2", children: [
-    /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsxs70("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-2", children: [
+    /* @__PURE__ */ jsx84(
       "input",
       {
         ref: inputRef,
@@ -26212,16 +27220,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__ */ jsx79("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ jsx79(Check11, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx79("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ jsx79(X18, { className: "w-4 h-4" }) })
+    /* @__PURE__ */ jsx84("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ jsx84(Check12, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx84("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ jsx84(X18, { className: "w-4 h-4" }) })
   ] });
 };
 var ImageInput = ({ onSubmit, onCancel }) => {
   const t = useSmartTranslations("UEditor");
-  const [url, setUrl] = useState43("");
-  const [alt, setAlt] = useState43("");
-  const inputRef = useRef30(null);
-  useEffect33(() => {
+  const [url, setUrl] = useState46("");
+  const [alt, setAlt] = useState46("");
+  const inputRef = useRef31(null);
+  useEffect35(() => {
     inputRef.current?.focus();
   }, []);
   const handleSubmit = (e) => {
@@ -26231,10 +27239,10 @@ var ImageInput = ({ onSubmit, onCancel }) => {
       onSubmit(safeUrl, alt);
     }
   };
-  return /* @__PURE__ */ jsxs66("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
-    /* @__PURE__ */ jsxs66("div", { children: [
-      /* @__PURE__ */ jsx79("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
-      /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsxs70("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
+    /* @__PURE__ */ jsxs70("div", { children: [
+      /* @__PURE__ */ jsx84("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
+      /* @__PURE__ */ jsx84(
         "input",
         {
           ref: inputRef,
@@ -26246,9 +27254,9 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs66("div", { children: [
-      /* @__PURE__ */ jsx79("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
-      /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsxs70("div", { children: [
+      /* @__PURE__ */ jsx84("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
+      /* @__PURE__ */ jsx84(
         "input",
         {
           type: "text",
@@ -26259,8 +27267,8 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs66("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsxs70("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx84(
         "button",
         {
           type: "submit",
@@ -26269,29 +27277,29 @@ var ImageInput = ({ onSubmit, onCancel }) => {
           children: t("imageInput.addBtn")
         }
       ),
-      /* @__PURE__ */ jsx79("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__ */ jsx84("button", { type: "button", onClick: onCancel, className: "px-4 py-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: t("imageInput.cancelBtn") })
     ] })
   ] });
 };
 
-// src/components/UEditor/emoji-picker.tsx
-import { jsx as jsx80 } from "react/jsx-runtime";
-var EmojiPicker2 = ({ onSelect }) => {
-  return /* @__PURE__ */ jsx80(EmojiPicker, { onEmojiSelect: onSelect, chrome: "embedded" });
-};
-
 // src/components/UEditor/typography-options.ts
 function normalizeStyleValue(value) {
   return typeof value === "string" ? value.trim().replace(/^['"]|['"]$/g, "") : "";
 }
 function getDefaultFontFamilies(t) {
   return [
-    { label: "Inter", value: "Inter, ui-sans-serif, system-ui, sans-serif" },
-    { label: "System UI", value: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" },
-    { label: "Georgia", value: "Georgia, 'Times New Roman', serif" },
-    { label: "Palatino", value: "'Palatino Linotype', Palatino, Georgia, serif" },
-    { label: "Times", value: "'Times New Roman', Times, serif" },
-    { label: "JetBrains Mono", value: "'JetBrains Mono', 'Fira Code', 'SFMono-Regular', Consolas, monospace" }
+    { label: "Inter", value: '"Inter", "Noto Sans", "Noto Sans CJK KR", "Noto Sans CJK JP", "Segoe UI", sans-serif' },
+    { label: "System UI", value: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif' },
+    { label: "Roboto", value: '"Roboto", "Noto Sans", "Apple SD Gothic Neo", "Hiragino Kaku Gothic ProN", sans-serif' },
+    { label: "Lexend", value: '"Lexend", "Be Vietnam Pro", "Segoe UI", sans-serif' },
+    { label: "Montserrat", value: '"Montserrat", "Segoe UI", sans-serif' },
+    { label: "Lora", value: '"Lora", "Georgia", "Times New Roman", "Nanum Myeongjo", "BIZ UDPMincho", serif' },
+    { label: "Playfair Display", value: '"Playfair Display", "Times New Roman", "Nanum Myeongjo", serif' },
+    { label: "Georgia", value: 'Georgia, "Nanum Myeongjo", "Batang", "Times New Roman", serif' },
+    { label: "Times New Roman", value: '"Times New Roman", Times, "BIZ UDPMincho", serif' },
+    { label: "Meiryo (JA)", value: '"Meiryo", "Hiragino Sans", "Noto Sans JP", sans-serif' },
+    { label: "Apple SD Gothic Neo (KO)", value: '"Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif' },
+    { label: "JetBrains Mono", value: '"JetBrains Mono", "Fira Code", "SFMono-Regular", Consolas, "Noto Sans Mono CJK KR", "Noto Sans Mono CJK JP", monospace' }
   ];
 }
 function getDefaultFontSizes() {
@@ -26334,7 +27342,7 @@ function getDefaultLetterSpacings() {
 }
 
 // src/components/UEditor/toolbar.tsx
-import { Fragment as Fragment27, jsx as jsx81, jsxs as jsxs67 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx85, jsxs as jsxs71 } from "react/jsx-runtime";
 function getTableAnchorPos(editor) {
   const tableInfo = findTableNodeInfoFromState(editor.state);
   if (tableInfo) return editor.state.selection.from;
@@ -26364,8 +27372,8 @@ function fileToDataUrl2(file) {
 function formatTableInsertLabel(template, rows, cols) {
   return template.replace("{rows}", String(rows)).replace("{cols}", String(cols));
 }
-var ToolbarButton = React73.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
-  const button = /* @__PURE__ */ jsx81(
+var ToolbarButton = React76.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
+  const button = /* @__PURE__ */ jsx85(
     "button",
     {
       ref,
@@ -26390,28 +27398,28 @@ var ToolbarButton = React73.forwardRef(({ onClick, onMouseDown, active, disabled
     }
   );
   if (title) {
-    return /* @__PURE__ */ jsx81(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
+    return /* @__PURE__ */ jsx85(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
   }
   return button;
 });
 ToolbarButton.displayName = "ToolbarButton";
-var ToolbarDivider = () => /* @__PURE__ */ jsx81("div", { className: "mx-0.5 h-5 w-px bg-border/60" });
+var ToolbarDivider = () => /* @__PURE__ */ jsx85("div", { className: "mx-0.5 h-5 w-px bg-border/60" });
 var TableInsertGrid = ({
   insertLabel,
   previewTemplate,
   onInsert
 }) => {
-  const [selection, setSelection] = React73.useState({ rows: 3, cols: 3 });
+  const [selection, setSelection] = React76.useState({ rows: 3, cols: 3 });
   const maxRows = 8;
   const maxCols = 8;
-  return /* @__PURE__ */ jsxs67("div", { className: "mb-2 rounded-xl border border-border/60 bg-muted/20 p-2", children: [
-    /* @__PURE__ */ jsx81("div", { className: "mb-2 text-sm font-medium text-foreground", children: formatTableInsertLabel(previewTemplate, selection.rows, selection.cols) }),
-    /* @__PURE__ */ jsx81("div", { className: "grid grid-cols-8 gap-1", onMouseLeave: () => setSelection((prev) => prev), children: Array.from({ length: maxRows }).map(
+  return /* @__PURE__ */ jsxs71("div", { className: "mb-2 rounded-xl border border-border/60 bg-muted/20 p-2", children: [
+    /* @__PURE__ */ jsx85("div", { className: "mb-2 text-sm font-medium text-foreground", children: formatTableInsertLabel(previewTemplate, selection.rows, selection.cols) }),
+    /* @__PURE__ */ jsx85("div", { className: "grid grid-cols-8 gap-1", onMouseLeave: () => setSelection((prev) => prev), children: Array.from({ length: maxRows }).map(
       (_, rowIndex) => Array.from({ length: maxCols }).map((__, colIndex) => {
         const rows = rowIndex + 1;
         const cols = colIndex + 1;
         const active = rows <= selection.rows && cols <= selection.cols;
-        return /* @__PURE__ */ jsx81(
+        return /* @__PURE__ */ jsx85(
           "button",
           {
             type: "button",
@@ -26429,7 +27437,7 @@ var TableInsertGrid = ({
         );
       })
     ) }),
-    /* @__PURE__ */ jsx81("div", { className: "mt-2 text-xs text-muted-foreground", children: insertLabel })
+    /* @__PURE__ */ jsx85("div", { className: "mt-2 text-xs text-muted-foreground", children: insertLabel })
   ] });
 };
 var EditorToolbar = ({
@@ -26450,13 +27458,13 @@ var EditorToolbar = ({
     selector: ({ transactionNumber }) => transactionNumber
   });
   const { textColors, highlightColors } = useEditorColors();
-  const [showImageInput, setShowImageInput] = useState44(false);
-  const [showLinkInput, setShowLinkInput] = useState44(false);
-  const [isTableMenuOpen, setIsTableMenuOpen] = useState44(false);
-  const tableCommandAnchorPosRef = useRef31(null);
-  const fileInputRef = useRef31(null);
-  const [isUploadingImage, setIsUploadingImage] = useState44(false);
-  const [imageUploadError, setImageUploadError] = useState44(null);
+  const [showImageInput, setShowImageInput] = useState47(false);
+  const [showLinkInput, setShowLinkInput] = useState47(false);
+  const [isTableMenuOpen, setIsTableMenuOpen] = useState47(false);
+  const tableCommandAnchorPosRef = useRef32(null);
+  const fileInputRef = useRef32(null);
+  const [isUploadingImage, setIsUploadingImage] = useState47(false);
+  const [imageUploadError, setImageUploadError] = useState47(null);
   const isImageSelected = editor.isActive("image");
   const imageAttrs = editor.getAttributes("image");
   const tableAnchorPos = getTableAnchorPos(editor);
@@ -26475,10 +27483,10 @@ var EditorToolbar = ({
   const currentHighlightColor = normalizeStyleValue(editor.getAttributes("highlight").color) || "";
   const currentLineHeight = normalizeStyleValue(textStyleAttrs.lineHeight);
   const currentLetterSpacing = normalizeStyleValue(textStyleAttrs.letterSpacing);
-  const availableFontFamilies = React73.useMemo(() => fontFamilies ?? getDefaultFontFamilies(t), [fontFamilies, t]);
-  const availableFontSizes = React73.useMemo(() => fontSizes ?? getDefaultFontSizes(), [fontSizes]);
-  const availableLineHeights = React73.useMemo(() => lineHeights ?? getDefaultLineHeights(), [lineHeights]);
-  const availableLetterSpacings = React73.useMemo(() => letterSpacings ?? getDefaultLetterSpacings(), [letterSpacings]);
+  const availableFontFamilies = React76.useMemo(() => fontFamilies ?? getDefaultFontFamilies(t), [fontFamilies, t]);
+  const availableFontSizes = React76.useMemo(() => fontSizes ?? getDefaultFontSizes(), [fontSizes]);
+  const availableLineHeights = React76.useMemo(() => lineHeights ?? getDefaultLineHeights(), [lineHeights]);
+  const availableLetterSpacings = React76.useMemo(() => letterSpacings ?? getDefaultLetterSpacings(), [letterSpacings]);
   const currentFontFamilyDisplayValue = currentFontFamily.split(",")[0]?.trim() ?? currentFontFamily;
   const currentFontFamilyLabel = availableFontFamilies.find((option) => normalizeStyleValue(option.value) === currentFontFamily)?.label ?? (currentFontFamilyDisplayValue || t("toolbar.fontDefault"));
   const currentFontSizeLabel = availableFontSizes.find((option) => normalizeStyleValue(option.value) === currentFontSize)?.label ?? t("toolbar.sizeDefault");
@@ -26507,32 +27515,32 @@ var EditorToolbar = ({
     setIsUploadingImage(false);
   };
   if (variant === "minimal") {
-    return /* @__PURE__ */ jsxs67("div", { className: "flex items-center gap-1 border-b border-border/35 bg-muted/30 p-2", children: [
-      /* @__PURE__ */ jsx81(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx81(BoldIcon, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx81(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx81(ItalicIcon, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx81(
+    return /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-1 border-b border-border/35 bg-muted/30 p-2", children: [
+      /* @__PURE__ */ jsx85(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx85(BoldIcon, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx85(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx85(ItalicIcon, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx85(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleBulletList().run(),
           active: editor.isActive("bulletList"),
           title: t("toolbar.bulletList"),
-          children: /* @__PURE__ */ jsx81(ListIcon, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx85(ListIcon, { className: "w-4 h-4" })
         }
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs67("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border/35 bg-linear-to-r from-muted/25 to-transparent p-1.5", children: [
-    /* @__PURE__ */ jsxs67(
+  return /* @__PURE__ */ jsxs71("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border/35 bg-linear-to-r from-muted/25 to-transparent p-1.5", children: [
+    /* @__PURE__ */ jsxs71(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs67(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.fontFamily"), className: "px-1.5 w-auto gap-0.5", children: [
-          /* @__PURE__ */ jsx81(Baseline, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx81(ChevronDown7, { className: "h-3 w-3 text-muted-foreground" })
+          /* @__PURE__ */ jsx85(Baseline, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx85(ChevronDown8, { className: "h-3 w-3 text-muted-foreground" })
         ] }),
         contentClassName: "max-h-80 overflow-y-auto min-w-56 p-2",
         children: [
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: Type2,
@@ -26541,7 +27549,7 @@ var EditorToolbar = ({
               active: !currentFontFamily
             }
           ),
-          availableFontFamilies.map((option) => /* @__PURE__ */ jsx81(
+          availableFontFamilies.map((option) => /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               label: option.label,
@@ -26554,20 +27562,20 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs67(
+    /* @__PURE__ */ jsxs71(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs67(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.fontSize"), className: "px-1.5 w-auto gap-0.5", children: [
-          /* @__PURE__ */ jsxs67("div", { className: "flex items-center gap-0.5", children: [
-            /* @__PURE__ */ jsx81(ChevronsUpDown, { className: "h-3 w-3 text-muted-foreground", strokeWidth: 2.5 }),
-            /* @__PURE__ */ jsx81("span", { className: "text-xs font-bold leading-none", children: "A" })
+          /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-0.5", children: [
+            /* @__PURE__ */ jsx85(ChevronsUpDown, { className: "h-3 w-3 text-muted-foreground", strokeWidth: 2.5 }),
+            /* @__PURE__ */ jsx85("span", { className: "text-xs font-bold leading-none", children: "A" })
           ] }),
-          /* @__PURE__ */ jsx81(ChevronDown7, { className: "h-3 w-3 text-muted-foreground" })
+          /* @__PURE__ */ jsx85(ChevronDown8, { className: "h-3 w-3 text-muted-foreground" })
         ] }),
         contentClassName: "max-h-80 overflow-y-auto min-w-32 p-2",
         children: [
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: Type2,
@@ -26576,7 +27584,7 @@ var EditorToolbar = ({
               active: !currentFontSize
             }
           ),
-          availableFontSizes.map((option) => /* @__PURE__ */ jsx81(
+          availableFontSizes.map((option) => /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               label: option.label,
@@ -26588,17 +27596,17 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs67(
+    /* @__PURE__ */ jsxs71(
       DropdownMenu,
       {
         contentClassName: "p-1",
-        trigger: /* @__PURE__ */ jsxs67(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.textStyle"), className: "px-1.5 w-auto gap-0.5", children: [
-          /* @__PURE__ */ jsx81(Type2, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx81(ChevronDown7, { className: "h-3 w-3 text-muted-foreground" })
+          /* @__PURE__ */ jsx85(Type2, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx85(ChevronDown8, { className: "h-3 w-3 text-muted-foreground" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: Type2,
@@ -26607,7 +27615,7 @@ var EditorToolbar = ({
               active: editor.isActive("paragraph")
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: Heading1Icon,
@@ -26617,7 +27625,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Alt+1"
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: Heading2Icon,
@@ -26627,7 +27635,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Alt+2"
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: Heading3Icon,
@@ -26640,17 +27648,17 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs67(
+    /* @__PURE__ */ jsxs71(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs67(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.lineHeight"), className: "gap-0.5", children: [
-          /* @__PURE__ */ jsx81(ArrowUp, { className: "w-3 h-3" }),
-          /* @__PURE__ */ jsx81(ArrowDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx85(ArrowUp, { className: "w-3 h-3" }),
+          /* @__PURE__ */ jsx85(ArrowDown, { className: "w-3 h-3" })
         ] }),
         contentClassName: "max-h-72 overflow-y-auto p-1",
         children: [
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: Type2,
@@ -26659,7 +27667,7 @@ var EditorToolbar = ({
               active: !currentLineHeight
             }
           ),
-          availableLineHeights.map((option) => /* @__PURE__ */ jsx81(
+          availableLineHeights.map((option) => /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               label: option.label,
@@ -26671,17 +27679,17 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs67(
+    /* @__PURE__ */ jsxs71(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs67(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.letterSpacing"), className: "gap-0.5", children: [
-          /* @__PURE__ */ jsx81(ArrowLeft, { className: "w-3 h-3" }),
-          /* @__PURE__ */ jsx81(ArrowRight, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx85(ArrowLeft, { className: "w-3 h-3" }),
+          /* @__PURE__ */ jsx85(ArrowRight, { className: "w-3 h-3" })
         ] }),
         contentClassName: "max-h-72 overflow-y-auto p-1",
         children: [
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: Type2,
@@ -26690,7 +27698,7 @@ var EditorToolbar = ({
               active: !currentLetterSpacing
             }
           ),
-          availableLetterSpacings.map((option) => /* @__PURE__ */ jsx81(
+          availableLetterSpacings.map((option) => /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               label: option.label,
@@ -26702,44 +27710,44 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx81(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx81(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx81(BoldIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx81(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx81(ItalicIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx81(
+    /* @__PURE__ */ jsx85(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx85(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx85(BoldIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx85(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx85(ItalicIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx85(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ jsx81(UnderlineIcon, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx85(UnderlineIcon, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx81(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx81(StrikethroughIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx81(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx81(CodeIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx81(
+    /* @__PURE__ */ jsx85(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx85(StrikethroughIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx85(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx85(CodeIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx85(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSubscript().run(),
         active: editor.isActive("subscript"),
         title: t("toolbar.subscript"),
-        children: /* @__PURE__ */ jsx81(SubscriptIcon, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx85(SubscriptIcon, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx81(
+    /* @__PURE__ */ jsx85(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSuperscript().run(),
         active: editor.isActive("superscript"),
         title: t("toolbar.superscript"),
-        children: /* @__PURE__ */ jsx81(SuperscriptIcon, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx85(SuperscriptIcon, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx81(
+    /* @__PURE__ */ jsx85(
       DropdownMenu,
       {
         contentClassName: "min-w-72",
-        trigger: /* @__PURE__ */ jsx81(ToolbarButton, { onClick: () => setShowLinkInput(!editor.isActive("link")), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ jsx81(LinkIcon, { className: "w-4 h-4" }) }),
-        children: showLinkInput ? /* @__PURE__ */ jsx81(
+        trigger: /* @__PURE__ */ jsx85(ToolbarButton, { onClick: () => setShowLinkInput(!editor.isActive("link")), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ jsx85(LinkIcon, { className: "w-4 h-4" }) }),
+        children: showLinkInput ? /* @__PURE__ */ jsx85(
           LinkInput,
           {
             initialUrl: String(editor.getAttributes("link").href ?? ""),
@@ -26749,9 +27757,9 @@ var EditorToolbar = ({
             },
             onCancel: () => setShowLinkInput(false)
           }
-        ) : /* @__PURE__ */ jsxs67(Fragment27, { children: [
-          /* @__PURE__ */ jsx81(DropdownMenuItem, { icon: LinkIcon, label: t("toolbar.link"), onClick: () => setShowLinkInput(true), active: editor.isActive("link") }),
-          /* @__PURE__ */ jsx81(
+        ) : /* @__PURE__ */ jsxs71(Fragment28, { children: [
+          /* @__PURE__ */ jsx85(DropdownMenuItem, { icon: LinkIcon, label: t("toolbar.link"), onClick: () => setShowLinkInput(true), active: editor.isActive("link") }),
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: Trash22,
@@ -26764,16 +27772,16 @@ var EditorToolbar = ({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx81(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx81(
+    /* @__PURE__ */ jsx85(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx85(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs67(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
         }, title: t("colors.textColor"), children: [
-          /* @__PURE__ */ jsx81(TextColorIcon, { color: currentTextColor }),
-          /* @__PURE__ */ jsx81(ChevronDown7, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx85(TextColorIcon, { color: currentTextColor }),
+          /* @__PURE__ */ jsx85(ChevronDown8, { className: "w-3 h-3" })
         ] }),
-        children: /* @__PURE__ */ jsx81(
+        children: /* @__PURE__ */ jsx85(
           EditorColorPalette,
           {
             colors: textColors,
@@ -26790,15 +27798,15 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx81(
+    /* @__PURE__ */ jsx85(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs67(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
         }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: [
-          /* @__PURE__ */ jsx81(HighlightColorIcon, { color: currentHighlightColor }),
-          /* @__PURE__ */ jsx81(ChevronDown7, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx85(HighlightColorIcon, { color: currentHighlightColor }),
+          /* @__PURE__ */ jsx85(ChevronDown8, { className: "w-3 h-3" })
         ] }),
-        children: /* @__PURE__ */ jsx81(
+        children: /* @__PURE__ */ jsx85(
           EditorColorPalette,
           {
             colors: highlightColors,
@@ -26815,14 +27823,14 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx81(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx81(
+    /* @__PURE__ */ jsx85(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx85(
       DropdownMenu,
       {
         contentClassName: "p-0 overflow-hidden",
-        trigger: /* @__PURE__ */ jsx81(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.emoji"), children: /* @__PURE__ */ jsx81(Smile3, { className: "w-4 h-4" }) }),
-        children: /* @__PURE__ */ jsx81(
+        trigger: /* @__PURE__ */ jsx85(ToolbarButton, { onClick: () => {
+        }, title: t("toolbar.emoji"), children: /* @__PURE__ */ jsx85(Smile3, { className: "w-4 h-4" }) }),
+        children: /* @__PURE__ */ jsx85(
           EmojiPicker2,
           {
             onSelect: (emoji) => {
@@ -26832,17 +27840,17 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx81(ToolbarDivider, {}),
-    /* @__PURE__ */ jsxs67(
+    /* @__PURE__ */ jsx85(ToolbarDivider, {}),
+    /* @__PURE__ */ jsxs71(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs67(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.alignment"), children: [
-          /* @__PURE__ */ jsx81(AlignLeft, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx81(ChevronDown7, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx85(AlignLeft, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx85(ChevronDown8, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: AlignLeft,
@@ -26851,7 +27859,7 @@ var EditorToolbar = ({
               active: editor.isActive({ textAlign: "left" })
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: AlignCenter,
@@ -26860,7 +27868,7 @@ var EditorToolbar = ({
               active: editor.isActive({ textAlign: "center" })
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: AlignRight,
@@ -26869,7 +27877,7 @@ var EditorToolbar = ({
               active: editor.isActive({ textAlign: "right" })
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: AlignJustify,
@@ -26881,17 +27889,17 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx81(ToolbarDivider, {}),
-    /* @__PURE__ */ jsxs67(
+    /* @__PURE__ */ jsx85(ToolbarDivider, {}),
+    /* @__PURE__ */ jsxs71(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs67(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.bulletList"), children: [
-          /* @__PURE__ */ jsx81(ListIcon, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx81(ChevronDown7, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx85(ListIcon, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx85(ChevronDown8, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: ListIcon,
@@ -26901,7 +27909,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+8"
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: ListOrderedIcon,
@@ -26911,7 +27919,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+7"
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: ListTodo2,
@@ -26924,16 +27932,16 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs67(
+    /* @__PURE__ */ jsxs71(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs67(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.quote"), children: [
-          /* @__PURE__ */ jsx81(QuoteIcon, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx81(ChevronDown7, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx85(QuoteIcon, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx85(ChevronDown8, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: QuoteIcon,
@@ -26943,7 +27951,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+B"
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: FileCode3,
@@ -26956,15 +27964,15 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx81(
+    /* @__PURE__ */ jsx85(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs67(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.image"), children: [
-          /* @__PURE__ */ jsx81(ImageIcon2, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx81(ChevronDown7, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx85(ImageIcon2, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx85(ChevronDown8, { className: "w-3 h-3" })
         ] }),
-        children: showImageInput ? /* @__PURE__ */ jsx81(
+        children: showImageInput ? /* @__PURE__ */ jsx85(
           ImageInput,
           {
             onSubmit: (url, alt) => {
@@ -26973,9 +27981,9 @@ var EditorToolbar = ({
             },
             onCancel: () => setShowImageInput(false)
           }
-        ) : /* @__PURE__ */ jsxs67(Fragment27, { children: [
-          /* @__PURE__ */ jsx81(DropdownMenuItem, { icon: LinkIcon, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true) }),
-          /* @__PURE__ */ jsx81(
+        ) : /* @__PURE__ */ jsxs71(Fragment28, { children: [
+          /* @__PURE__ */ jsx85(DropdownMenuItem, { icon: LinkIcon, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true) }),
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: Upload3,
@@ -26984,8 +27992,8 @@ var EditorToolbar = ({
               onClick: () => fileInputRef.current?.click()
             }
           ),
-          imageUploadError && /* @__PURE__ */ jsx81(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
-          /* @__PURE__ */ jsx81(
+          imageUploadError && /* @__PURE__ */ jsx85(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
+          /* @__PURE__ */ jsx85(
             "input",
             {
               ref: fileInputRef,
@@ -27000,8 +28008,8 @@ var EditorToolbar = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx81("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: AlignCenter,
@@ -27011,7 +28019,7 @@ var EditorToolbar = ({
               disabled: !isImageSelected
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: AlignLeft,
@@ -27021,7 +28029,7 @@ var EditorToolbar = ({
               disabled: !isImageSelected
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: AlignRight,
@@ -27031,8 +28039,8 @@ var EditorToolbar = ({
               disabled: !isImageSelected
             }
           ),
-          /* @__PURE__ */ jsx81("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               label: t("toolbar.imageWidthSm"),
@@ -27041,7 +28049,7 @@ var EditorToolbar = ({
               disabled: !isImageSelected
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               label: t("toolbar.imageWidthMd"),
@@ -27050,7 +28058,7 @@ var EditorToolbar = ({
               disabled: !isImageSelected
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               label: t("toolbar.imageWidthLg"),
@@ -27059,8 +28067,8 @@ var EditorToolbar = ({
               disabled: !isImageSelected
             }
           ),
-          /* @__PURE__ */ jsx81("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: RotateCcw2,
@@ -27069,7 +28077,7 @@ var EditorToolbar = ({
               disabled: !isImageSelected
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: Trash22,
@@ -27082,7 +28090,7 @@ var EditorToolbar = ({
         ] })
       }
     ),
-    /* @__PURE__ */ jsxs67(
+    /* @__PURE__ */ jsxs71(
       DropdownMenu,
       {
         isOpen: isTableMenuOpen,
@@ -27090,14 +28098,14 @@ var EditorToolbar = ({
           setIsTableMenuOpen(open);
           tableCommandAnchorPosRef.current = open ? getTableAnchorPos(editor) : null;
         },
-        trigger: /* @__PURE__ */ jsxs67(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.table"), children: [
-          /* @__PURE__ */ jsx81(TableIcon, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx81(ChevronDown7, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx85(TableIcon, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx85(ChevronDown8, { className: "w-3 h-3" })
         ] }),
         contentClassName: "p-2 min-w-56",
         children: [
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             TableInsertGrid,
             {
               insertLabel: t("tableMenu.insertTable"),
@@ -27108,8 +28116,8 @@ var EditorToolbar = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx81("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: AlignLeft,
@@ -27119,7 +28127,7 @@ var EditorToolbar = ({
               disabled: !hasTableContext
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: AlignCenter,
@@ -27129,7 +28137,7 @@ var EditorToolbar = ({
               disabled: !hasTableContext
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: AlignRight,
@@ -27139,8 +28147,8 @@ var EditorToolbar = ({
               disabled: !hasTableContext
             }
           ),
-          /* @__PURE__ */ jsx81("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: ArrowLeft,
@@ -27149,7 +28157,7 @@ var EditorToolbar = ({
               disabled: !hasTableContext || !editor.can().addColumnBefore()
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: ArrowDown,
@@ -27158,7 +28166,7 @@ var EditorToolbar = ({
               disabled: !hasTableContext || !editor.can().addColumnAfter()
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: ArrowUp,
@@ -27167,7 +28175,7 @@ var EditorToolbar = ({
               disabled: !hasTableContext || !editor.can().addRowBefore()
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: ArrowRight,
@@ -27176,8 +28184,8 @@ var EditorToolbar = ({
               disabled: !hasTableContext || !editor.can().addRowAfter()
             }
           ),
-          /* @__PURE__ */ jsx81("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: TableIcon,
@@ -27186,7 +28194,7 @@ var EditorToolbar = ({
               disabled: !hasTableContext || !editor.can().toggleHeaderRow()
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: TableIcon,
@@ -27195,8 +28203,8 @@ var EditorToolbar = ({
               disabled: !hasTableContext || !editor.can().toggleHeaderColumn()
             }
           ),
-          /* @__PURE__ */ jsx81("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: Trash22,
@@ -27205,7 +28213,7 @@ var EditorToolbar = ({
               disabled: !hasTableContext || !editor.can().deleteColumn()
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: Trash22,
@@ -27214,7 +28222,7 @@ var EditorToolbar = ({
               disabled: !hasTableContext || !editor.can().deleteRow()
             }
           ),
-          /* @__PURE__ */ jsx81(
+          /* @__PURE__ */ jsx85(
             DropdownMenuItem,
             {
               icon: Trash22,
@@ -27226,14 +28234,14 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx81(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx81(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx81(UndoIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx81(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx81(RedoIcon, { className: "w-4 h-4" }) })
+    /* @__PURE__ */ jsx85(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx85(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx85(UndoIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx85(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx85(RedoIcon, { className: "w-4 h-4" }) })
   ] });
 };
 
 // src/components/UEditor/menus.tsx
-import { useCallback as useCallback22, useEffect as useEffect34, useMemo as useMemo23, useRef as useRef32, useState as useState45 } from "react";
+import { useCallback as useCallback22, useEffect as useEffect36, useMemo as useMemo23, useRef as useRef33, useState as useState48 } from "react";
 import { useEditorState as useEditorState2 } from "@tiptap/react";
 import { isInTable as isSelectionInTable, setCellAttr } from "@tiptap/pm/tables";
 import { createPortal as createPortal8 } from "react-dom";
@@ -27242,7 +28250,7 @@ import {
   AlignLeft as AlignLeft2,
   AlignRight as AlignRight2,
   Bold as BoldIcon2,
-  ChevronDown as ChevronDown8,
+  ChevronDown as ChevronDown9,
   Code as CodeIcon2,
   Italic as ItalicIcon2,
   Link as LinkIcon2,
@@ -27254,7 +28262,10 @@ import {
   Trash2 as Trash23,
   Type as Type3,
   Underline as UnderlineIcon2,
-  Strikethrough as StrikethroughIcon2
+  Strikethrough as StrikethroughIcon2,
+  Edit2,
+  Unlink,
+  ExternalLink as ExternalLink3
 } from "lucide-react";
 
 // src/components/UEditor/table-cell-commands.ts
@@ -27481,13 +28492,13 @@ function expandTableFromCell(editor, activeCellPos, rows, columns) {
 }
 
 // src/components/UEditor/menus.tsx
-import { Fragment as Fragment28, jsx as jsx82, jsxs as jsxs68 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx86, jsxs as jsxs72 } from "react/jsx-runtime";
 var FloatingSlashCommandMenu = ({ editor, onClose }) => {
   const t = useSmartTranslations("UEditor");
   const messages = useMemo23(() => buildSlashCommandMessages(t), [t]);
   const items = useMemo23(() => buildSlashCommandItems({ query: "", messages }), [messages]);
-  const listRef = useRef32(null);
-  useEffect34(() => {
+  const listRef = useRef33(null);
+  useEffect36(() => {
     const handleKeyDown2 = (event) => {
       if (event.key === "Escape") {
         event.preventDefault();
@@ -27502,7 +28513,7 @@ var FloatingSlashCommandMenu = ({ editor, onClose }) => {
     document.addEventListener("keydown", handleKeyDown2);
     return () => document.removeEventListener("keydown", handleKeyDown2);
   }, [onClose]);
-  return /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsx86(
     SlashCommandList,
     {
       ref: listRef,
@@ -27517,19 +28528,19 @@ var FloatingSlashCommandMenu = ({ editor, onClose }) => {
 };
 var FloatingMenuContent = ({ editor }) => {
   const t = useSmartTranslations("UEditor");
-  const [showCommands, setShowCommands] = useState45(false);
+  const [showCommands, setShowCommands] = useState48(false);
   if (showCommands) {
-    return /* @__PURE__ */ jsx82(FloatingSlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
+    return /* @__PURE__ */ jsx86(FloatingSlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
   }
-  return /* @__PURE__ */ jsxs68(
+  return /* @__PURE__ */ jsxs72(
     "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__ */ jsx82(Plus3, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
-        /* @__PURE__ */ jsx82("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
+        /* @__PURE__ */ jsx86(Plus3, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
+        /* @__PURE__ */ jsx86("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
       ]
     }
   );
@@ -27548,7 +28559,8 @@ var BubbleMenuContent = ({
   editor,
   onKeepOpenChange,
   fontSizes,
-  lineHeights
+  lineHeights,
+  initialShowLinkInput = false
 }) => {
   const t = useSmartTranslations("UEditor");
   useEditorState2({
@@ -27556,11 +28568,14 @@ var BubbleMenuContent = ({
     selector: ({ transactionNumber }) => transactionNumber
   });
   const { textColors, highlightColors } = useEditorColors();
-  const [showLinkInput, setShowLinkInput] = useState45(false);
-  const [activeColorPalette, setActiveColorPalette] = useState45(null);
-  const [showTypographyPanel, setShowTypographyPanel] = useState45(false);
-  const [showFontSizeOptions, setShowFontSizeOptions] = useState45(false);
-  const [fontSizeDraft, setFontSizeDraft] = useState45("");
+  const [showLinkInput, setShowLinkInput] = useState48(initialShowLinkInput);
+  const [activeColorPalette, setActiveColorPalette] = useState48(null);
+  useEffect36(() => {
+    setShowLinkInput(initialShowLinkInput);
+  }, [initialShowLinkInput]);
+  const [showTypographyPanel, setShowTypographyPanel] = useState48(false);
+  const [showFontSizeOptions, setShowFontSizeOptions] = useState48(false);
+  const [fontSizeDraft, setFontSizeDraft] = useState48("");
   const isImageSelected = editor.isActive("image");
   const imageAttrs = editor.getAttributes("image");
   const imageLayout = imageAttrs.imageLayout === "left" || imageAttrs.imageLayout === "right" ? imageAttrs.imageLayout : "block";
@@ -27582,7 +28597,7 @@ var BubbleMenuContent = ({
     () => (lineHeights ?? getDefaultLineHeights()).filter((option) => ["1.2", "1.5", "1.75"].includes(option.value)),
     [lineHeights]
   );
-  useEffect34(() => {
+  useEffect36(() => {
     setFontSizeDraft(currentFontSize.replace(/px$/i, ""));
   }, [currentFontSize]);
   const applyFontSizeDraft = () => {
@@ -27597,10 +28612,10 @@ var BubbleMenuContent = ({
     editor.chain().focus().setFontSize(`${clamped}px`).run();
     setFontSizeDraft(String(clamped));
   };
-  useEffect34(() => {
+  useEffect36(() => {
     onKeepOpenChange?.(showLinkInput);
   }, [onKeepOpenChange, showLinkInput]);
-  useEffect34(() => {
+  useEffect36(() => {
     if (!showLinkInput) return;
     const close2 = () => setShowLinkInput(false);
     editor.on("selectionUpdate", close2);
@@ -27611,7 +28626,7 @@ var BubbleMenuContent = ({
     };
   }, [editor, showLinkInput]);
   if (showLinkInput) {
-    return /* @__PURE__ */ jsx82(
+    return /* @__PURE__ */ jsx86(
       LinkInput,
       {
         initialUrl: editor.getAttributes("link").href || "",
@@ -27630,7 +28645,115 @@ var BubbleMenuContent = ({
   if (activeColorPalette) {
     const isTextPalette = activeColorPalette === "text";
     const isHighlightPalette = activeColorPalette === "highlight";
-    return /* @__PURE__ */ jsx82("div", { className: "w-56", children: /* @__PURE__ */ jsx82(
+    if (activeColorPalette === "cell-border") {
+      const currentBorderStyle = editor.getAttributes("tableCell").borderStyle || editor.getAttributes("tableHeader").borderStyle || "solid";
+      const currentBorderWidth = editor.getAttributes("tableCell").borderWidth || editor.getAttributes("tableHeader").borderWidth || "1px";
+      const currentBorderColor = editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor || "currentColor";
+      return /* @__PURE__ */ jsxs72("div", { className: "flex flex-col gap-2 p-2 w-56 text-sm", children: [
+        /* @__PURE__ */ jsx86("div", { className: "font-semibold text-xs text-muted-foreground uppercase tracking-wider mb-1", children: t("tableMenu.cellBorder") || "Cell Borders" }),
+        /* @__PURE__ */ jsxs72("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx86("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderStyle") || "Border Style" }),
+          /* @__PURE__ */ jsxs72(
+            "select",
+            {
+              className: "flex h-8 w-full rounded-md border border-input bg-background px-2 py-1 text-xs ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+              value: currentBorderStyle,
+              onChange: (e) => {
+                const style = e.target.value;
+                editor.chain().focus().setCellAttribute("borderStyle", style).run();
+              },
+              children: [
+                /* @__PURE__ */ jsx86("option", { value: "solid", children: "Solid" }),
+                /* @__PURE__ */ jsx86("option", { value: "dashed", children: "Dashed" }),
+                /* @__PURE__ */ jsx86("option", { value: "dotted", children: "Dotted" }),
+                /* @__PURE__ */ jsx86("option", { value: "double", children: "Double" }),
+                /* @__PURE__ */ jsx86("option", { value: "none", children: "None" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs72("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx86("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderWidth") || "Border Width" }),
+          /* @__PURE__ */ jsxs72(
+            "select",
+            {
+              className: "flex h-8 w-full rounded-md border border-input bg-background px-2 py-1 text-xs ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+              value: currentBorderWidth,
+              onChange: (e) => {
+                const width = e.target.value;
+                editor.chain().focus().setCellAttribute("borderWidth", width).run();
+              },
+              children: [
+                /* @__PURE__ */ jsx86("option", { value: "1px", children: "1px" }),
+                /* @__PURE__ */ jsx86("option", { value: "2px", children: "2px" }),
+                /* @__PURE__ */ jsx86("option", { value: "3px", children: "3px" }),
+                /* @__PURE__ */ jsx86("option", { value: "4px", children: "4px" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs72(
+          "button",
+          {
+            type: "button",
+            onClick: () => setActiveColorPalette("cell-border-color"),
+            className: "flex items-center justify-between w-full h-8 px-2 rounded-md border border-input hover:bg-accent text-xs",
+            children: [
+              /* @__PURE__ */ jsx86("span", { children: t("tableMenu.borderColor") || "Border Color" }),
+              /* @__PURE__ */ jsx86(
+                "span",
+                {
+                  className: "w-4 h-4 rounded-full border border-border",
+                  style: {
+                    backgroundColor: currentBorderColor
+                  }
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs72("div", { className: "flex items-center justify-between gap-2 mt-2 pt-2 border-t border-border", children: [
+          /* @__PURE__ */ jsx86(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                editor.chain().focus().setCellAttribute("borderColor", null).setCellAttribute("borderStyle", null).setCellAttribute("borderWidth", null).run();
+                setActiveColorPalette(null);
+              },
+              className: "text-xs text-destructive hover:underline",
+              children: t("tableMenu.clearBorder") || "Clear Border"
+            }
+          ),
+          /* @__PURE__ */ jsx86(
+            "button",
+            {
+              type: "button",
+              onClick: () => setActiveColorPalette(null),
+              className: "text-xs font-medium text-primary hover:underline",
+              children: t("tableMenu.done") || "Done"
+            }
+          )
+        ] })
+      ] });
+    }
+    if (activeColorPalette === "cell-border-color") {
+      const currentBorderColor = normalizeStyleValue(editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor) || "";
+      return /* @__PURE__ */ jsx86("div", { className: "w-56", children: /* @__PURE__ */ jsx86(
+        EditorColorPalette,
+        {
+          colors: highlightColors,
+          currentColor: currentBorderColor,
+          onSelect: (color) => {
+            const value = color || null;
+            editor.chain().focus().setCellAttribute("borderColor", value).run();
+            setActiveColorPalette("cell-border");
+          },
+          label: t("tableMenu.borderColor") || "Border Color"
+        }
+      ) });
+    }
+    return /* @__PURE__ */ jsx86("div", { className: "w-56", children: /* @__PURE__ */ jsx86(
       EditorColorPalette,
       {
         colors: isTextPalette ? textColors : highlightColors,
@@ -27658,32 +28781,32 @@ var BubbleMenuContent = ({
     ) });
   }
   if (isImageSelected) {
-    return /* @__PURE__ */ jsxs68("div", { className: "flex items-center gap-0.5 p-1", children: [
-      /* @__PURE__ */ jsx82(ToolbarButton, { onClick: () => applyImageLayout(editor, "block"), active: imageLayout === "block", title: t("toolbar.imageLayoutBlock"), children: /* @__PURE__ */ jsx82(AlignCenter2, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx82(ToolbarButton, { onClick: () => applyImageLayout(editor, "left"), active: imageLayout === "left", title: t("toolbar.imageLayoutLeft"), children: /* @__PURE__ */ jsx82(AlignLeft2, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx82(ToolbarButton, { onClick: () => applyImageLayout(editor, "right"), active: imageLayout === "right", title: t("toolbar.imageLayoutRight"), children: /* @__PURE__ */ jsx82(AlignRight2, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx82("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-      /* @__PURE__ */ jsx82(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "sm"), active: imageWidthPreset === "sm", title: t("toolbar.imageWidthSm"), children: /* @__PURE__ */ jsx82("span", { className: "text-[10px] font-semibold", children: "S" }) }),
-      /* @__PURE__ */ jsx82(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "md"), active: imageWidthPreset === "md", title: t("toolbar.imageWidthMd"), children: /* @__PURE__ */ jsx82("span", { className: "text-[10px] font-semibold", children: "M" }) }),
-      /* @__PURE__ */ jsx82(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "lg"), active: imageWidthPreset === "lg", title: t("toolbar.imageWidthLg"), children: /* @__PURE__ */ jsx82("span", { className: "text-[10px] font-semibold", children: "L" }) }),
-      /* @__PURE__ */ jsx82("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-      /* @__PURE__ */ jsx82(ToolbarButton, { onClick: () => resetImageSize(editor), title: t("toolbar.imageResetSize"), children: /* @__PURE__ */ jsx82(RotateCcw3, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx82(
+    return /* @__PURE__ */ jsxs72("div", { className: "flex items-center gap-0.5 p-1", children: [
+      /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => applyImageLayout(editor, "block"), active: imageLayout === "block", title: t("toolbar.imageLayoutBlock"), children: /* @__PURE__ */ jsx86(AlignCenter2, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => applyImageLayout(editor, "left"), active: imageLayout === "left", title: t("toolbar.imageLayoutLeft"), children: /* @__PURE__ */ jsx86(AlignLeft2, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => applyImageLayout(editor, "right"), active: imageLayout === "right", title: t("toolbar.imageLayoutRight"), children: /* @__PURE__ */ jsx86(AlignRight2, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx86("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+      /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "sm"), active: imageWidthPreset === "sm", title: t("toolbar.imageWidthSm"), children: /* @__PURE__ */ jsx86("span", { className: "text-[10px] font-semibold", children: "S" }) }),
+      /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "md"), active: imageWidthPreset === "md", title: t("toolbar.imageWidthMd"), children: /* @__PURE__ */ jsx86("span", { className: "text-[10px] font-semibold", children: "M" }) }),
+      /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "lg"), active: imageWidthPreset === "lg", title: t("toolbar.imageWidthLg"), children: /* @__PURE__ */ jsx86("span", { className: "text-[10px] font-semibold", children: "L" }) }),
+      /* @__PURE__ */ jsx86("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+      /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => resetImageSize(editor), title: t("toolbar.imageResetSize"), children: /* @__PURE__ */ jsx86(RotateCcw3, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx86(
         ToolbarButton,
         {
           onClick: () => deleteSelectedImage(editor),
           title: t("toolbar.imageDelete"),
           className: "text-destructive hover:text-destructive",
-          children: /* @__PURE__ */ jsx82(Trash23, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx86(Trash23, { className: "w-4 h-4" })
         }
       )
     ] });
   }
   if (showTypographyPanel) {
-    return /* @__PURE__ */ jsxs68("div", { className: "w-72 p-2", children: [
-      /* @__PURE__ */ jsxs68("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx82("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("toolbar.textStyle") }),
-        /* @__PURE__ */ jsx82(
+    return /* @__PURE__ */ jsxs72("div", { className: "w-72 p-2", children: [
+      /* @__PURE__ */ jsxs72("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx86("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("toolbar.textStyle") }),
+        /* @__PURE__ */ jsx86(
           "button",
           {
             type: "button",
@@ -27693,11 +28816,11 @@ var BubbleMenuContent = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs68("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxs68("div", { children: [
-          /* @__PURE__ */ jsx82("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.fontSize") }),
-          /* @__PURE__ */ jsxs68("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border/60 bg-muted/40", children: [
-            /* @__PURE__ */ jsx82(
+      /* @__PURE__ */ jsxs72("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs72("div", { children: [
+          /* @__PURE__ */ jsx86("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.fontSize") }),
+          /* @__PURE__ */ jsxs72("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border/60 bg-muted/40", children: [
+            /* @__PURE__ */ jsx86(
               "input",
               {
                 type: "number",
@@ -27721,8 +28844,8 @@ var BubbleMenuContent = ({
                 className: "h-full min-w-0 flex-1 bg-transparent px-2 text-center text-sm font-semibold text-foreground outline-none [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
               }
             ),
-            /* @__PURE__ */ jsx82("span", { className: "border-l border-border/50 px-2 text-[11px] text-muted-foreground", children: "px" }),
-            /* @__PURE__ */ jsx82(
+            /* @__PURE__ */ jsx86("span", { className: "border-l border-border/50 px-2 text-[11px] text-muted-foreground", children: "px" }),
+            /* @__PURE__ */ jsx86(
               "button",
               {
                 type: "button",
@@ -27732,12 +28855,12 @@ var BubbleMenuContent = ({
                   "flex h-full w-9 items-center justify-center border-l border-border/50 transition-colors hover:bg-muted",
                   showFontSizeOptions && "bg-primary/10 text-primary"
                 ),
-                children: /* @__PURE__ */ jsx82(ChevronDown8, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx86(ChevronDown9, { className: "h-4 w-4" })
               }
             )
           ] }),
-          showFontSizeOptions && /* @__PURE__ */ jsxs68("div", { className: "mt-1 grid grid-cols-4 gap-1", children: [
-            /* @__PURE__ */ jsx82(
+          showFontSizeOptions && /* @__PURE__ */ jsxs72("div", { className: "mt-1 grid grid-cols-4 gap-1", children: [
+            /* @__PURE__ */ jsx86(
               "button",
               {
                 type: "button",
@@ -27752,7 +28875,7 @@ var BubbleMenuContent = ({
                 children: "A"
               }
             ),
-            quickFontSizes.map((option) => /* @__PURE__ */ jsx82(
+            quickFontSizes.map((option) => /* @__PURE__ */ jsx86(
               "button",
               {
                 type: "button",
@@ -27770,10 +28893,10 @@ var BubbleMenuContent = ({
             ))
           ] })
         ] }),
-        /* @__PURE__ */ jsxs68("div", { children: [
-          /* @__PURE__ */ jsx82("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.lineHeight") }),
-          /* @__PURE__ */ jsxs68("div", { className: "grid grid-cols-4 gap-1", children: [
-            /* @__PURE__ */ jsx82(
+        /* @__PURE__ */ jsxs72("div", { children: [
+          /* @__PURE__ */ jsx86("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.lineHeight") }),
+          /* @__PURE__ */ jsxs72("div", { className: "grid grid-cols-4 gap-1", children: [
+            /* @__PURE__ */ jsx86(
               "button",
               {
                 type: "button",
@@ -27785,7 +28908,7 @@ var BubbleMenuContent = ({
                 children: "LH"
               }
             ),
-            quickLineHeights.map((option) => /* @__PURE__ */ jsx82(
+            quickLineHeights.map((option) => /* @__PURE__ */ jsx86(
               "button",
               {
                 type: "button",
@@ -27800,8 +28923,8 @@ var BubbleMenuContent = ({
             ))
           ] })
         ] }),
-        /* @__PURE__ */ jsxs68("div", { className: "grid grid-cols-2 gap-1 border-t border-border/40 pt-2", children: [
-          /* @__PURE__ */ jsxs68(
+        /* @__PURE__ */ jsxs72("div", { className: "grid grid-cols-2 gap-1 border-t border-border/40 pt-2", children: [
+          /* @__PURE__ */ jsxs72(
             "button",
             {
               type: "button",
@@ -27811,12 +28934,12 @@ var BubbleMenuContent = ({
                 editor.isActive("subscript") ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
               ),
               children: [
-                /* @__PURE__ */ jsx82(SubscriptIcon2, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx86(SubscriptIcon2, { className: "h-4 w-4" }),
                 t("toolbar.subscript")
               ]
             }
           ),
-          /* @__PURE__ */ jsxs68(
+          /* @__PURE__ */ jsxs72(
             "button",
             {
               type: "button",
@@ -27826,7 +28949,7 @@ var BubbleMenuContent = ({
                 editor.isActive("superscript") ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
               ),
               children: [
-                /* @__PURE__ */ jsx82(SuperscriptIcon2, { className: "h-4 w-4" }),
+                /* @__PURE__ */ jsx86(SuperscriptIcon2, { className: "h-4 w-4" }),
                 t("toolbar.superscript")
               ]
             }
@@ -27835,22 +28958,22 @@ var BubbleMenuContent = ({
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs68("div", { className: "flex items-center gap-0.5 p-1", children: [
-    /* @__PURE__ */ jsx82(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx82(BoldIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx82(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx82(ItalicIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsxs72("div", { className: "flex items-center gap-0.5 p-1", children: [
+    /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx86(BoldIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx86(ItalicIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx86(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ jsx82(UnderlineIcon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx86(UnderlineIcon2, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx82(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx82(StrikethroughIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx82(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx82(CodeIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx82("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ jsx82(
+    /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx86(StrikethroughIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx86(CodeIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx86("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ jsx86(
       ToolbarButton,
       {
         onMouseDown: () => {
@@ -27861,22 +28984,38 @@ var BubbleMenuContent = ({
         },
         active: editor.isActive("link"),
         title: t("toolbar.link"),
-        children: /* @__PURE__ */ jsx82(LinkIcon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx86(LinkIcon2, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx82(ToolbarButton, { onClick: () => setActiveColorPalette("text"), title: t("colors.textColor"), children: /* @__PURE__ */ jsx82(TextColorIcon, { color: currentTextColor }) }),
-    /* @__PURE__ */ jsx82(ToolbarButton, { onClick: () => setActiveColorPalette("highlight"), active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ jsx82(HighlightColorIcon, { color: currentHighlightColor }) }),
-    isInTable2 && /* @__PURE__ */ jsxs68(Fragment28, { children: [
-      /* @__PURE__ */ jsx82(
+    /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => setActiveColorPalette("text"), title: t("colors.textColor"), children: /* @__PURE__ */ jsx86(TextColorIcon, { color: currentTextColor }) }),
+    /* @__PURE__ */ jsx86(ToolbarButton, { onClick: () => setActiveColorPalette("highlight"), active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ jsx86(HighlightColorIcon, { color: currentHighlightColor }) }),
+    isInTable2 && /* @__PURE__ */ jsxs72(Fragment29, { children: [
+      /* @__PURE__ */ jsx86(
         ToolbarButton,
         {
           onClick: () => setActiveColorPalette("cell-bg"),
           active: Boolean(currentCellBgColor),
           title: t("tableMenu.cellBackground") || "Cell background",
-          children: /* @__PURE__ */ jsx82(CellBgColorIcon, { color: currentCellBgColor })
+          children: /* @__PURE__ */ jsx86(CellBgColorIcon, { color: currentCellBgColor })
+        }
+      ),
+      /* @__PURE__ */ jsx86(
+        ToolbarButton,
+        {
+          onClick: () => setActiveColorPalette("cell-border"),
+          active: Boolean(
+            editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor || editor.getAttributes("tableCell").borderStyle || editor.getAttributes("tableHeader").borderStyle || editor.getAttributes("tableCell").borderWidth || editor.getAttributes("tableHeader").borderWidth
+          ),
+          title: t("tableMenu.cellBorder") || "Cell border",
+          children: /* @__PURE__ */ jsx86(
+            CellBorderIcon,
+            {
+              color: editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor
+            }
+          )
         }
       ),
-      /* @__PURE__ */ jsx82(
+      /* @__PURE__ */ jsx86(
         ToolbarButton,
         {
           onClick: () => {
@@ -27889,21 +29028,38 @@ var BubbleMenuContent = ({
           active: canSplitCell,
           disabled: !canMergeCells && !canSplitCell,
           title: canSplitCell ? t("tableMenu.splitCell") || "Split cell" : t("tableMenu.mergeCells") || "Merge cells",
-          children: /* @__PURE__ */ jsx82(TableCellsMerge, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx86(TableCellsMerge, { className: "w-4 h-4" })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx82(
+    /* @__PURE__ */ jsx86(
       ToolbarButton,
       {
         onClick: () => setShowTypographyPanel(true),
         active: Boolean(currentFontSize || currentLineHeight || editor.isActive("subscript") || editor.isActive("superscript")),
         title: t("toolbar.textStyle"),
-        children: /* @__PURE__ */ jsx82(Type3, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx86(Type3, { className: "w-4 h-4" })
       }
     )
   ] });
 };
+var LinkPreviewContent = ({ editor, onEdit }) => {
+  const url = editor.getAttributes("link").href || "";
+  const t = useSmartTranslations("UEditor");
+  const handleOpen = () => {
+    window.open(url, "_blank", "noopener,noreferrer");
+  };
+  const handleUnlink = () => {
+    editor.chain().focus().unsetLink().run();
+  };
+  return /* @__PURE__ */ jsxs72("div", { className: "flex items-center gap-1 p-1 max-w-sm", children: [
+    /* @__PURE__ */ jsx86("span", { className: "text-xs text-muted-foreground font-mono px-2 truncate max-w-[180px]", children: url }),
+    /* @__PURE__ */ jsx86("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ jsx86(ToolbarButton, { onClick: handleOpen, title: t("linkPreview.open") || "Open link", children: /* @__PURE__ */ jsx86(ExternalLink3, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx86(ToolbarButton, { onClick: onEdit, title: t("linkPreview.edit") || "Edit link", children: /* @__PURE__ */ jsx86(Edit2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx86(ToolbarButton, { onClick: handleUnlink, title: t("linkPreview.unlink") || "Remove link", className: "text-destructive hover:text-destructive", children: /* @__PURE__ */ jsx86(Unlink, { className: "w-4 h-4" }) })
+  ] });
+};
 var CustomBubbleMenu = ({
   editor,
   fontSizes,
@@ -27911,16 +29067,16 @@ var CustomBubbleMenu = ({
 }) => {
   const SHOW_DELAY_MS = 180;
   const BUBBLE_MENU_OFFSET = 16;
-  const [isVisible, setIsVisible] = useState45(false);
-  const [position, setPosition] = useState45({ top: 0, left: 0 });
-  const menuRef = useRef32(null);
-  const keepOpenRef = useRef32(false);
-  const showTimeoutRef = useRef32(null);
+  const [isVisible, setIsVisible] = useState48(false);
+  const [position, setPosition] = useState48({ top: 0, left: 0 });
+  const menuRef = useRef33(null);
+  const keepOpenRef = useRef33(false);
+  const showTimeoutRef = useRef33(null);
   const setKeepOpen = useCallback22((next) => {
     keepOpenRef.current = next;
     if (next) setIsVisible(true);
   }, []);
-  useEffect34(() => {
+  useEffect36(() => {
     const clearShowTimeout = () => {
       if (showTimeoutRef.current) {
         clearTimeout(showTimeoutRef.current);
@@ -27930,7 +29086,8 @@ var CustomBubbleMenu = ({
     const updatePosition = () => {
       const { state, view } = editor;
       const { from, to, empty } = state.selection;
-      if (!keepOpenRef.current && (empty || !view.hasFocus())) {
+      const isLinkActive = editor.isActive("link");
+      if (!keepOpenRef.current && (empty && !isLinkActive || !view.hasFocus())) {
         clearShowTimeout();
         setIsVisible(false);
         return;
@@ -27969,7 +29126,7 @@ var CustomBubbleMenu = ({
   }, [editor]);
   if (!isVisible) return null;
   return createPortal8(
-    /* @__PURE__ */ jsx82(
+    /* @__PURE__ */ jsx86(
       "div",
       {
         ref: menuRef,
@@ -27981,7 +29138,16 @@ var CustomBubbleMenu = ({
           transform: "translate(-50%, -100%)"
         },
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx82(BubbleMenuContent, { editor, onKeepOpenChange: setKeepOpen, fontSizes, lineHeights })
+        children: editor.isActive("link") && !keepOpenRef.current ? /* @__PURE__ */ jsx86(LinkPreviewContent, { editor, onEdit: () => setKeepOpen(true) }) : /* @__PURE__ */ jsx86(
+          BubbleMenuContent,
+          {
+            editor,
+            onKeepOpenChange: setKeepOpen,
+            fontSizes,
+            lineHeights,
+            initialShowLinkInput: keepOpenRef.current
+          }
+        )
       }
     ),
     document.body
@@ -27989,9 +29155,9 @@ var CustomBubbleMenu = ({
 };
 var CustomFloatingMenu = ({ editor }) => {
   const FLOATING_MENU_OFFSET = 16;
-  const [isVisible, setIsVisible] = useState45(false);
-  const [position, setPosition] = useState45({ top: 0, left: 0 });
-  useEffect34(() => {
+  const [isVisible, setIsVisible] = useState48(false);
+  const [position, setPosition] = useState48({ top: 0, left: 0 });
+  useEffect36(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { $from, empty } = state.selection;
@@ -28018,7 +29184,7 @@ var CustomFloatingMenu = ({ editor }) => {
   }, [editor]);
   if (!isVisible) return null;
   return createPortal8(
-    /* @__PURE__ */ jsx82(
+    /* @__PURE__ */ jsx86(
       "div",
       {
         "data-popover": true,
@@ -28029,7 +29195,7 @@ var CustomFloatingMenu = ({ editor }) => {
           transform: "translate(-50%, -100%)"
         },
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx82(FloatingMenuContent, { editor })
+        children: /* @__PURE__ */ jsx86(FloatingMenuContent, { editor })
       }
     ),
     document.body
@@ -28037,25 +29203,25 @@ var CustomFloatingMenu = ({ editor }) => {
 };
 
 // src/components/UEditor/CharacterCount.tsx
-import { jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsxs as jsxs73 } from "react/jsx-runtime";
 var CharacterCountDisplay = ({ editor, maxCharacters }) => {
   const t = useSmartTranslations("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__ */ jsxs69("div", { className: "flex items-center gap-3 px-3 py-2 text-xs text-muted-foreground border-t bg-muted/20", children: [
-    /* @__PURE__ */ jsxs69("span", { children: [
+  return /* @__PURE__ */ jsxs73("div", { className: "flex items-center gap-3 px-3 py-2 text-xs text-muted-foreground border-t bg-muted/20", children: [
+    /* @__PURE__ */ jsxs73("span", { children: [
       wordCount,
       " ",
       t("words")
     ] }),
-    /* @__PURE__ */ jsxs69("span", { children: [
+    /* @__PURE__ */ jsxs73("span", { children: [
       characterCount,
       " ",
       t("characters")
     ] }),
-    maxCharacters && /* @__PURE__ */ jsxs69("span", { className: cn(percentage > 90 && "text-destructive", percentage > 100 && "font-bold"), children: [
+    maxCharacters && /* @__PURE__ */ jsxs73("span", { className: cn(percentage > 90 && "text-destructive", percentage > 100 && "font-bold"), children: [
       characterCount,
       "/",
       maxCharacters
@@ -28091,6 +29257,9 @@ function parseDataImageUrl(dataUrl) {
 }
 function decodeBase64ToBytes(base64Data) {
   const normalized = base64Data.replace(/\s+/g, "");
+  if (typeof Buffer !== "undefined") {
+    return new Uint8Array(Buffer.from(normalized, "base64"));
+  }
   const binary = atob(normalized);
   const bytes = new Uint8Array(binary.length);
   for (let i = 0; i < binary.length; i += 1) {
@@ -28233,16 +29402,94 @@ var UEditorPrepareContentForSaveError = class extends Error {
     this.result = result;
   }
 };
+function isDataUrl(value) {
+  return /^data:[^/]+\/[^;]+;base64,/i.test(value.trim());
+}
+function parseDataUrl(dataUrl) {
+  const value = dataUrl.trim();
+  if (!/^data:/i.test(value)) return null;
+  const commaIndex = value.indexOf(",");
+  if (commaIndex < 0) return null;
+  const header = value.slice(5, commaIndex);
+  const base64Data = value.slice(commaIndex + 1).trim();
+  if (!/;base64/i.test(header)) return null;
+  const mime = header.split(";")[0]?.trim().toLowerCase();
+  if (!mime || !base64Data) return null;
+  return { mime, base64Data };
+}
+function createFileFromDataUrl(dataUrl, name) {
+  const parsed = parseDataUrl(dataUrl);
+  if (!parsed) {
+    throw new Error("Invalid data URL format.");
+  }
+  const bytes = decodeBase64ToBytes(parsed.base64Data);
+  return new File([bytes], name || "attachment.bin", { type: parsed.mime });
+}
+function collectFileCardMatches(html) {
+  const matches = [];
+  const tagRegex = /<(div|a)\b[^>]*data-type="file-card"[^>]*>/gi;
+  const hrefAttrRegex = /\bhref\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s"'=<>`]+))/i;
+  const dataSrcRegex = /\bdata-src\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s"'=<>`]+))/i;
+  let tagMatch = tagRegex.exec(html);
+  while (tagMatch) {
+    const tag = tagMatch[0];
+    const start = tagMatch.index;
+    const end = start + tag.length;
+    const hrefMatch = hrefAttrRegex.exec(tag);
+    let hrefAttr = null;
+    if (hrefMatch) {
+      const value = hrefMatch[1] ?? hrefMatch[2] ?? hrefMatch[3] ?? "";
+      const quote = hrefMatch[1] !== void 0 ? '"' : hrefMatch[2] !== void 0 ? "'" : "";
+      hrefAttr = {
+        start: hrefMatch.index,
+        end: hrefMatch.index + hrefMatch[0].length,
+        value,
+        quote
+      };
+    }
+    const dataSrcMatch = dataSrcRegex.exec(tag);
+    let dataSrcAttr = null;
+    if (dataSrcMatch) {
+      const value = dataSrcMatch[1] ?? dataSrcMatch[2] ?? dataSrcMatch[3] ?? "";
+      const quote = dataSrcMatch[1] !== void 0 ? '"' : dataSrcMatch[2] !== void 0 ? "'" : "";
+      dataSrcAttr = {
+        start: dataSrcMatch.index,
+        end: dataSrcMatch.index + dataSrcMatch[0].length,
+        value,
+        quote
+      };
+    }
+    matches.push({ start, end, tag, hrefAttr, dataSrcAttr });
+    tagMatch = tagRegex.exec(html);
+  }
+  return matches;
+}
+function replaceFileCardAttrs(tag, nextUrl) {
+  let result = tag;
+  const hrefRegex = /(\bhref\s*=\s*)(?:"[^"]*"|'[^']*'|[^\s"'=<>`]+)/i;
+  const dataSrcRegex = /(\bdata-src\s*=\s*)(?:"[^"]*"|'[^']*'|[^\s"'=<>`]+)/i;
+  if (hrefRegex.test(result)) {
+    result = result.replace(hrefRegex, `$1"${nextUrl}"`);
+  }
+  if (dataSrcRegex.test(result)) {
+    result = result.replace(dataSrcRegex, `$1"${nextUrl}"`);
+  }
+  return result;
+}
 async function prepareUEditorContentForSave({
   html,
   uploadImageForSave,
+  uploadFileForSave,
   uploadConcurrency = 3
 }) {
-  if (!html || !html.includes("<img")) {
+  const hasImages = html && html.includes("<img");
+  const hasFileCards = html && html.includes('data-type="file-card"');
+  if (!hasImages && !hasFileCards) {
     return createResult({ html, uploaded: [], inlineUploaded: [], errors: [] });
   }
-  const imgMatches = collectImgTagMatches(html);
-  if (imgMatches.length === 0) {
+  const imgMatches = hasImages ? collectImgTagMatches(html) : [];
+  const fileCardMatches = hasFileCards ? collectFileCardMatches(html) : [];
+  if (imgMatches.length === 0 && fileCardMatches.length === 0) {
     return createResult({ html, uploaded: [], inlineUploaded: [], errors: [] });
   }
   const base64Candidates = [];
@@ -28257,69 +29504,137 @@ async function prepareUEditorContentForSave({
       src
     });
   }
-  if (base64Candidates.length === 0) {
-    return createResult({ html, uploaded: [], inlineUploaded: [], errors: [] });
-  }
-  if (!uploadImageForSave) {
-    return createResult({
-      html,
-      uploaded: [],
-      inlineUploaded: [],
-      errors: base64Candidates.map((item) => ({
-        index: item.index,
-        reason: "`uploadImageForSave` is required to transform base64 images before save."
-      }))
+  const fileCandidates = [];
+  for (const match of fileCardMatches) {
+    const src = (match.dataSrcAttr?.value || match.hrefAttr?.value || "").trim();
+    if (!src || !isDataUrl(src)) continue;
+    const fileNameRegex = /\bdata-file-name\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s"'=<>`]+))/i;
+    const fileNameMatch = fileNameRegex.exec(match.tag);
+    const fileName = fileNameMatch ? fileNameMatch[1] ?? fileNameMatch[2] ?? fileNameMatch[3] ?? "attachment.bin" : "attachment.bin";
+    fileCandidates.push({
+      id: `${match.start}:${match.end}`,
+      match,
+      index: fileCandidates.length,
+      src,
+      fileName
     });
   }
+  if (base64Candidates.length === 0 && fileCandidates.length === 0) {
+    return createResult({ html, uploaded: [], inlineUploaded: [], errors: [] });
+  }
   const uploaded = [];
   const inlineUploaded = [];
   const errors = [];
   const replacements = /* @__PURE__ */ new Map();
-  const uploadResults = await runWithConcurrency(
-    base64Candidates,
-    uploadConcurrency,
-    async (candidate) => {
-      try {
-        const file = createFileFromDataImageUrl(candidate.src, candidate.index);
-        const uploadResult = await uploadImageForSave(file);
-        const normalized = normalizeUploadResult(uploadResult);
-        return { candidate, file, ...normalized };
-      } catch (error) {
-        return { candidate, error: getErrorReason(error) };
+  if (base64Candidates.length > 0) {
+    if (!uploadImageForSave) {
+      for (const item of base64Candidates) {
+        errors.push({
+          index: item.index,
+          reason: "`uploadImageForSave` is required to transform base64 images before save."
+        });
+      }
+    } else {
+      const uploadResults = await runWithConcurrency(
+        base64Candidates,
+        uploadConcurrency,
+        async (candidate) => {
+          try {
+            const file = createFileFromDataImageUrl(candidate.src, candidate.index);
+            const uploadResult = await uploadImageForSave(file);
+            const normalized = normalizeUploadResult(uploadResult);
+            return { candidate, file, ...normalized };
+          } catch (error) {
+            return { candidate, error: getErrorReason(error) };
+          }
+        }
+      );
+      for (const item of uploadResults) {
+        if ("error" in item) {
+          errors.push({
+            index: item.candidate.index,
+            reason: item.error ?? "Unknown upload error."
+          });
+          continue;
+        }
+        replacements.set(item.candidate.id, item.url);
+        uploaded.push({
+          url: item.url,
+          file: item.file,
+          meta: item.meta
+        });
+        inlineUploaded.push({
+          index: item.candidate.index,
+          url: item.url,
+          file: item.file,
+          meta: item.meta
+        });
       }
     }
-  );
-  for (const item of uploadResults) {
-    if ("error" in item) {
-      errors.push({
-        index: item.candidate.index,
-        reason: item.error ?? "Unknown upload error."
-      });
-      continue;
+  }
+  if (fileCandidates.length > 0) {
+    const uploadFn = uploadFileForSave || uploadImageForSave;
+    if (!uploadFn) {
+      for (const item of fileCandidates) {
+        errors.push({
+          index: base64Candidates.length + item.index,
+          reason: "`uploadFileForSave` or `uploadImageForSave` is required to transform base64 files before save."
+        });
+      }
+    } else {
+      const fileUploadResults = await runWithConcurrency(
+        fileCandidates,
+        uploadConcurrency,
+        async (candidate) => {
+          try {
+            const file = createFileFromDataUrl(candidate.src, candidate.fileName);
+            const uploadResult = await uploadFn(file);
+            const normalized = normalizeUploadResult(uploadResult);
+            return { candidate, file, ...normalized };
+          } catch (error) {
+            return { candidate, error: getErrorReason(error) };
+          }
+        }
+      );
+      for (const item of fileUploadResults) {
+        if ("error" in item) {
+          errors.push({
+            index: base64Candidates.length + item.candidate.index,
+            reason: item.error ?? "Unknown file upload error."
+          });
+          continue;
+        }
+        replacements.set(item.candidate.id, item.url);
+        uploaded.push({
+          url: item.url,
+          file: item.file,
+          meta: item.meta
+        });
+      }
     }
-    replacements.set(item.candidate.id, item.url);
-    uploaded.push({
-      url: item.url,
-      file: item.file,
-      meta: item.meta
-    });
-    inlineUploaded.push({
-      index: item.candidate.index,
-      url: item.url,
-      file: item.file,
-      meta: item.meta
-    });
   }
-  if (replacements.size === 0) {
-    return createResult({ html, uploaded, inlineUploaded, errors });
+  const allMatches = [];
+  for (const match of imgMatches) {
+    allMatches.push({ type: "img", match });
+  }
+  for (const match of fileCardMatches) {
+    allMatches.push({ type: "file", match });
   }
+  allMatches.sort((a, b) => a.match.start - b.match.start);
   let transformed = "";
   let cursor = 0;
-  for (const match of imgMatches) {
+  for (const item of allMatches) {
+    const match = item.match;
     transformed += html.slice(cursor, match.start);
     const replacementKey = `${match.start}:${match.end}`;
     const replacementUrl = replacements.get(replacementKey);
-    transformed += replacementUrl ? replaceSrcInTag(match, replacementUrl) : match.tag;
+    if (item.type === "img") {
+      const imgMatch = match;
+      transformed += replacementUrl ? replaceSrcInTag(imgMatch, replacementUrl) : imgMatch.tag;
+    } else {
+      const fileMatch = match;
+      transformed += replacementUrl ? replaceFileCardAttrs(fileMatch.tag, replacementUrl) : fileMatch.tag;
+    }
     cursor = match.end;
   }
   transformed += html.slice(cursor);
@@ -28327,7 +29642,7 @@ async function prepareUEditorContentForSave({
 }
 
 // src/components/UEditor/table-controls.tsx
-import React75 from "react";
+import React78 from "react";
 
 // node_modules/prosemirror-model/dist/index.js
 function findDiffStart(a, b, pos) {
@@ -28384,7 +29699,7 @@ function findDiffEnd(a, b, posA, posB) {
     posB -= size;
   }
 }
-var Fragment29 = class _Fragment {
+var Fragment30 = class _Fragment {
   /**
   @internal
   */
@@ -28676,7 +29991,7 @@ var Fragment29 = class _Fragment {
     throw new RangeError("Can not convert " + nodes + " to a Fragment" + (nodes.nodesBetween ? " (looks like multiple versions of prosemirror-model were loaded)" : ""));
   }
 };
-Fragment29.empty = new Fragment29([], 0);
+Fragment30.empty = new Fragment30([], 0);
 var found = { index: 0, offset: 0 };
 function retIndex(index, offset) {
   found.index = index;
@@ -28901,7 +30216,7 @@ var Slice = class _Slice {
     let openStart = json.openStart || 0, openEnd = json.openEnd || 0;
     if (typeof openStart != "number" || typeof openEnd != "number")
       throw new RangeError("Invalid input for Slice.fromJSON");
-    return new _Slice(Fragment29.fromJSON(schema, json.content), openStart, openEnd);
+    return new _Slice(Fragment30.fromJSON(schema, json.content), openStart, openEnd);
   }
   /**
   Create a slice from a fragment by taking the maximum possible
@@ -28916,7 +30231,7 @@ var Slice = class _Slice {
     return new _Slice(fragment, openStart, openEnd);
   }
 };
-Slice.empty = new Slice(Fragment29.empty, 0, 0);
+Slice.empty = new Slice(Fragment30.empty, 0, 0);
 function removeRange(content, from, to) {
   let { index, offset } = content.findIndex(from), child = content.maybeChild(index);
   let { index: indexTo, offset: offsetTo } = content.findIndex(to);
@@ -29014,7 +30329,7 @@ function replaceThreeWay($from, $start, $end, $to, depth) {
       addNode(close(openEnd, replaceTwoWay($end, $to, depth + 1)), content);
   }
   addRange($to, null, depth, content);
-  return new Fragment29(content);
+  return new Fragment30(content);
 }
 function replaceTwoWay($from, $to, depth) {
   let content = [];
@@ -29024,13 +30339,13 @@ function replaceTwoWay($from, $to, depth) {
     addNode(close(type, replaceTwoWay($from, $to, depth + 1)), content);
   }
   addRange($to, null, depth, content);
-  return new Fragment29(content);
+  return new Fragment30(content);
 }
 function prepareSliceForReplace(slice, $along) {
   let extra = $along.depth - slice.openStart, parent = $along.node(extra);
   let node = parent.copy(slice.content);
   for (let i = extra - 1; i >= 0; i--)
-    node = $along.node(i).copy(Fragment29.from(node));
+    node = $along.node(i).copy(Fragment30.from(node));
   return {
     start: node.resolveNoCache(slice.openStart + extra),
     end: node.resolveNoCache(node.content.size - slice.openEnd - extra)
@@ -29361,7 +30676,7 @@ var NodeRange = class {
   }
 };
 var emptyAttrs = /* @__PURE__ */ Object.create(null);
-var Node2 = class _Node {
+var Node5 = class _Node {
   /**
   @internal
   */
@@ -29369,7 +30684,7 @@ var Node2 = class _Node {
     this.type = type;
     this.attrs = attrs;
     this.marks = marks;
-    this.content = content || Fragment29.empty;
+    this.content = content || Fragment30.empty;
   }
   /**
   The array of this node's child nodes.
@@ -29674,7 +30989,7 @@ var Node2 = class _Node {
   can optionally pass `start` and `end` indices into the
   replacement fragment.
   */
-  canReplace(from, to, replacement = Fragment29.empty, start = 0, end = replacement.childCount) {
+  canReplace(from, to, replacement = Fragment30.empty, start = 0, end = replacement.childCount) {
     let one = this.contentMatchAt(from).matchFragment(replacement, start, end);
     let two = one && one.matchFragment(this.content, to);
     if (!two || !two.validEnd)
@@ -29756,13 +31071,13 @@ var Node2 = class _Node {
         throw new RangeError("Invalid text node in JSON");
       return schema.text(json.text, marks);
     }
-    let content = Fragment29.fromJSON(schema, json.content);
+    let content = Fragment30.fromJSON(schema, json.content);
     let node = schema.nodeType(json.type).create(json.attrs, content, marks);
     node.type.checkAttrs(node.attrs);
     return node;
   }
 };
-Node2.prototype.text = void 0;
+Node5.prototype.text = void 0;
 function wrapMarks(marks, str) {
   for (let i = marks.length - 1; i >= 0; i--)
     str = marks[i].type.name + "(" + str + ")";
@@ -29852,7 +31167,7 @@ var ContentMatch = class _ContentMatch {
     function search(match, types) {
       let finished = match.matchFragment(after, startIndex);
       if (finished && (!toEnd || finished.validEnd))
-        return Fragment29.from(types.map((tp) => tp.createAndFill()));
+        return Fragment30.from(types.map((tp) => tp.createAndFill()));
       for (let i = 0; i < match.next.length; i++) {
         let { type, next } = match.next[i];
         if (!(type.isText || type.hasRequiredAttrs()) && seen.indexOf(next) == -1) {
@@ -30420,7 +31735,7 @@ function mapFragment(fragment, f, parent) {
       child = f(child, parent, i);
     mapped.push(child);
   }
-  return Fragment29.fromArray(mapped);
+  return Fragment30.fromArray(mapped);
 }
 var AddMarkStep = class _AddMarkStep extends Step {
   /**
@@ -30537,7 +31852,7 @@ var AddNodeMarkStep = class _AddNodeMarkStep extends Step {
     if (!node)
       return StepResult.fail("No node at mark step's position");
     let updated = node.type.create(node.attrs, null, this.mark.addToSet(node.marks));
-    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment29.from(updated), 0, node.isLeaf ? 0 : 1));
+    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment30.from(updated), 0, node.isLeaf ? 0 : 1));
   }
   invert(doc) {
     let node = doc.nodeAt(this.pos);
@@ -30583,7 +31898,7 @@ var RemoveNodeMarkStep = class _RemoveNodeMarkStep extends Step {
     if (!node)
       return StepResult.fail("No node at mark step's position");
     let updated = node.type.create(node.attrs, null, this.mark.removeFromSet(node.marks));
-    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment29.from(updated), 0, node.isLeaf ? 0 : 1));
+    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment30.from(updated), 0, node.isLeaf ? 0 : 1));
   }
   invert(doc) {
     let node = doc.nodeAt(this.pos);
@@ -30784,7 +32099,7 @@ var AttrStep = class _AttrStep extends Step {
       attrs[name] = node.attrs[name];
     attrs[this.attr] = this.value;
     let updated = node.type.create(attrs, null, node.marks);
-    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment29.from(updated), 0, node.isLeaf ? 0 : 1));
+    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment30.from(updated), 0, node.isLeaf ? 0 : 1));
   }
   getMap() {
     return StepMap.empty;
@@ -31168,7 +32483,7 @@ var NodeSelection2 = class _NodeSelection extends Selection {
     return new _NodeSelection($pos);
   }
   content() {
-    return new Slice(Fragment29.from(this.node), 0, 0);
+    return new Slice(Fragment30.from(this.node), 0, 0);
   }
   eq(other) {
     return other instanceof _NodeSelection && other.anchor == this.anchor;
@@ -31344,7 +32659,7 @@ function createKey(name) {
   keys[name] = 0;
   return name + "$";
 }
-var PluginKey3 = class {
+var PluginKey4 = class {
   /**
   Create a plugin key.
   */
@@ -31776,7 +33091,7 @@ function tableNodeTypes(schema) {
   }
   return result;
 }
-var tableEditingKey = new PluginKey3("selectingCells");
+var tableEditingKey = new PluginKey4("selectingCells");
 function cellAround($pos) {
   for (let d = $pos.depth - 1; d > 0; d--) if ($pos.node(d).type.spec.tableRole == "row") return $pos.node(0).resolve($pos.before(d + 1));
   return null;
@@ -31896,10 +33211,10 @@ var CellSelection = class CellSelection2 extends Selection {
         }
         rowContent.push(cell);
       }
-      rows.push(table.child(row).copy(Fragment29.from(rowContent)));
+      rows.push(table.child(row).copy(Fragment30.from(rowContent)));
     }
     const fragment = this.isColSelection() && this.isRowSelection() ? table : rows;
-    return new Slice(Fragment29.from(fragment), 1, 1);
+    return new Slice(Fragment30.from(fragment), 1, 1);
   }
   replace(tr, content = Slice.empty) {
     const mapFrom = tr.steps.length, ranges = this.ranges;
@@ -31911,7 +33226,7 @@ var CellSelection = class CellSelection2 extends Selection {
     if (sel) tr.setSelection(sel);
   }
   replaceWith(tr, node) {
-    this.replace(tr, new Slice(Fragment29.from(node), 0, 0));
+    this.replace(tr, new Slice(Fragment30.from(node), 0, 0));
   }
   forEachCell(f) {
     const table = this.$anchorCell.node(-1);
@@ -32007,7 +33322,7 @@ var CellBookmark = class CellBookmark2 {
     else return Selection.near($headCell, 1);
   }
 };
-var fixTablesKey = new PluginKey3("fix-tables");
+var fixTablesKey = new PluginKey4("fix-tables");
 function convertTableNodeToArrayOfRows(tableNode) {
   const map = TableMap2.get(tableNode);
   const rows = [];
@@ -32485,7 +33800,7 @@ function atEndOfCell(view, axis, dir) {
   }
   return null;
 }
-var columnResizingPluginKey = new PluginKey3("tableColumnResizing");
+var columnResizingPluginKey = new PluginKey4("tableColumnResizing");
 
 // src/components/UEditor/table-controls.tsx
 import {
@@ -32496,7 +33811,7 @@ import {
   ArrowLeft as ArrowLeft2,
   ArrowRight as ArrowRight2,
   ArrowUp as ArrowUp2,
-  Copy as Copy2,
+  Copy as Copy3,
   Table as TableIcon2,
   Trash2 as Trash24
 } from "lucide-react";
@@ -32556,7 +33871,7 @@ function buildTableHoverState({
 }
 
 // src/components/UEditor/table-drag-preview.tsx
-import { Fragment as Fragment30, jsx as jsx83, jsxs as jsxs70 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx87, jsxs as jsxs74 } from "react/jsx-runtime";
 function TableDragPreview({
   columnDragLabel,
   dragPreview,
@@ -32567,9 +33882,9 @@ function TableDragPreview({
   const expandPreviewWidth = dragPreview.kind === "add-column" ? layout.tableWidth + dragPreview.previewCols * layout.avgColumnWidth : layout.tableWidth;
   const expandPreviewHeight = dragPreview.kind === "add-row" ? layout.tableHeight + dragPreview.previewRows * layout.avgRowHeight : layout.tableHeight;
   const dragStatusText = dragPreview.kind === "row" ? `${rowDragLabel} ${dragPreview.originIndex + 1} -> ${dragPreview.targetIndex + 1}` : dragPreview.kind === "column" ? `${columnDragLabel} ${dragPreview.originIndex + 1} -> ${dragPreview.targetIndex + 1}` : dragPreview.kind === "add-row" ? `+${dragPreview.previewRows}R` : `+${dragPreview.previewCols}C`;
-  return /* @__PURE__ */ jsxs70(Fragment30, { children: [
-    dragPreview.kind === "row" && /* @__PURE__ */ jsxs70(Fragment30, { children: [
-      /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsxs74(Fragment31, { children: [
+    dragPreview.kind === "row" && /* @__PURE__ */ jsxs74(Fragment31, { children: [
+      /* @__PURE__ */ jsx87(
         "div",
         {
           "aria-hidden": "true",
@@ -32582,7 +33897,7 @@ function TableDragPreview({
           }
         }
       ),
-      /* @__PURE__ */ jsx83(
+      /* @__PURE__ */ jsx87(
         "div",
         {
           "aria-hidden": "true",
@@ -32596,8 +33911,8 @@ function TableDragPreview({
         }
       )
     ] }),
-    dragPreview.kind === "column" && /* @__PURE__ */ jsxs70(Fragment30, { children: [
-      /* @__PURE__ */ jsx83(
+    dragPreview.kind === "column" && /* @__PURE__ */ jsxs74(Fragment31, { children: [
+      /* @__PURE__ */ jsx87(
         "div",
         {
           "aria-hidden": "true",
@@ -32610,7 +33925,7 @@ function TableDragPreview({
           }
         }
       ),
-      /* @__PURE__ */ jsx83(
+      /* @__PURE__ */ jsx87(
         "div",
         {
           "aria-hidden": "true",
@@ -32624,7 +33939,7 @@ function TableDragPreview({
         }
       )
     ] }),
-    (dragPreview.kind === "add-row" || dragPreview.kind === "add-column") && /* @__PURE__ */ jsx83(
+    (dragPreview.kind === "add-row" || dragPreview.kind === "add-column") && /* @__PURE__ */ jsx87(
       "div",
       {
         "aria-hidden": "true",
@@ -32637,7 +33952,7 @@ function TableDragPreview({
         }
       }
     ),
-    /* @__PURE__ */ jsx83(
+    /* @__PURE__ */ jsx87(
       "div",
       {
         role: "status",
@@ -32653,7 +33968,7 @@ function TableDragPreview({
 }
 
 // src/components/UEditor/table-add-rails.tsx
-import { Fragment as Fragment31, jsx as jsx84, jsxs as jsxs71 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx88, jsxs as jsxs75 } from "react/jsx-runtime";
 var ADD_COLUMN_RAIL_GAP = 4;
 var ADD_ROW_RAIL_GAP = 4;
 function TableAddRails({
@@ -32675,13 +33990,13 @@ function TableAddRails({
   const rowRailLeft = layout.tableLeft;
   const showColumnRail = controlsVisible || addColumnVisible;
   const showRowRail = controlsVisible || addRowVisible;
-  return /* @__PURE__ */ jsxs71(Fragment31, { children: [
-    /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsxs75(Fragment32, { children: [
+    /* @__PURE__ */ jsx88(
       Tooltip,
       {
         placement: "right",
-        content: /* @__PURE__ */ jsx84("span", { className: "text-xs font-medium", children: quickAddColumnLabel }),
-        children: /* @__PURE__ */ jsx84(
+        content: /* @__PURE__ */ jsx88("span", { className: "text-xs font-medium", children: quickAddColumnLabel }),
+        children: /* @__PURE__ */ jsx88(
           "button",
           {
             type: "button",
@@ -32708,17 +34023,17 @@ function TableAddRails({
               transform: showColumnRail ? "scale(1)" : "scale(0.92)",
               pointerEvents: showColumnRail ? "auto" : "none"
             },
-            children: /* @__PURE__ */ jsx84("span", { className: "text-sm font-medium leading-none", children: "+" })
+            children: /* @__PURE__ */ jsx88("span", { className: "text-sm font-medium leading-none", children: "+" })
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx84(
+    /* @__PURE__ */ jsx88(
       Tooltip,
       {
         placement: "bottom",
-        content: /* @__PURE__ */ jsx84("span", { className: "text-xs font-medium", children: quickAddRowLabel }),
-        children: /* @__PURE__ */ jsx84(
+        content: /* @__PURE__ */ jsx88("span", { className: "text-xs font-medium", children: quickAddRowLabel }),
+        children: /* @__PURE__ */ jsx88(
           "button",
           {
             type: "button",
@@ -32745,7 +34060,7 @@ function TableAddRails({
               transform: showRowRail ? "scale(1)" : "scale(0.92)",
               pointerEvents: showRowRail ? "auto" : "none"
             },
-            children: /* @__PURE__ */ jsx84("span", { className: "text-sm font-medium leading-none", children: "+" })
+            children: /* @__PURE__ */ jsx88("span", { className: "text-sm font-medium leading-none", children: "+" })
           }
         )
       }
@@ -32755,7 +34070,7 @@ function TableAddRails({
 
 // src/components/UEditor/table-control-menu.tsx
 import { MoreHorizontal as MoreHorizontal2 } from "lucide-react";
-import { jsx as jsx85 } from "react/jsx-runtime";
+import { jsx as jsx89 } from "react/jsx-runtime";
 function TableControlMenu({
   controlsVisible,
   isOpen,
@@ -32767,7 +34082,7 @@ function TableControlMenu({
   top
 }) {
   const shown = controlsVisible || menuVisible || isOpen;
-  return /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsx89(
     "div",
     {
       className: "absolute z-30",
@@ -32776,13 +34091,13 @@ function TableControlMenu({
         top,
         left
       },
-      children: /* @__PURE__ */ jsx85(
+      children: /* @__PURE__ */ jsx89(
         Tooltip,
         {
           placement: "top",
           disabled: isOpen,
-          content: /* @__PURE__ */ jsx85("span", { className: "text-xs font-medium", children: label }),
-          children: /* @__PURE__ */ jsx85("span", { className: "inline-flex", children: /* @__PURE__ */ jsx85(
+          content: /* @__PURE__ */ jsx89("span", { className: "text-xs font-medium", children: label }),
+          children: /* @__PURE__ */ jsx89("span", { className: "inline-flex", children: /* @__PURE__ */ jsx89(
             DropdownMenu,
             {
               placement: "bottom-start",
@@ -32790,7 +34105,7 @@ function TableControlMenu({
               onOpenChange,
               contentClassName: "p-2",
               items,
-              trigger: /* @__PURE__ */ jsx85(
+              trigger: /* @__PURE__ */ jsx89(
                 "button",
                 {
                   type: "button",
@@ -32806,7 +34121,7 @@ function TableControlMenu({
                     transform: shown ? "scale(1)" : "scale(0.82)",
                     pointerEvents: shown ? "auto" : "none"
                   },
-                  children: /* @__PURE__ */ jsx85(MoreHorizontal2, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx89(MoreHorizontal2, { className: "h-4 w-4" })
                 }
               )
             }
@@ -32819,7 +34134,7 @@ function TableControlMenu({
 
 // src/components/UEditor/table-axis-handles.tsx
 import { GripHorizontal, GripVertical as GripVertical3 } from "lucide-react";
-import { Fragment as Fragment32, jsx as jsx86 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx90 } from "react/jsx-runtime";
 var IDLE_HANDLE_SCALE = "0.78";
 function TableRowHandles({
   activeRowIndex,
@@ -32833,12 +34148,12 @@ function TableRowHandles({
   rowHandleLeft,
   rowHandles
 }) {
-  return /* @__PURE__ */ jsx86(Fragment32, { children: rowHandles.map((rowHandle) => {
+  return /* @__PURE__ */ jsx90(Fragment33, { children: rowHandles.map((rowHandle) => {
     const menuKey = `row:${rowHandle.index}`;
     const isActive = rowHandle.index === activeRowIndex;
     const visible = controlsVisible || hoverRowHandleIndex === rowHandle.index || openMenuKey === menuKey;
     const isShown = visible || isActive;
-    return /* @__PURE__ */ jsx86(
+    return /* @__PURE__ */ jsx90(
       "div",
       {
         className: "absolute z-30",
@@ -32847,13 +34162,13 @@ function TableRowHandles({
           top: Math.max(8, rowHandle.center - 12),
           left: rowHandleLeft
         },
-        children: /* @__PURE__ */ jsx86(
+        children: /* @__PURE__ */ jsx90(
           Tooltip,
           {
             placement: "right",
             disabled: openMenuKey === menuKey || !visible && isActive,
-            content: /* @__PURE__ */ jsx86("span", { className: "text-xs font-medium", children: `${rowDragLabel} ${rowHandle.index + 1}` }),
-            children: /* @__PURE__ */ jsx86("span", { className: "inline-flex", children: /* @__PURE__ */ jsx86(
+            content: /* @__PURE__ */ jsx90("span", { className: "text-xs font-medium", children: `${rowDragLabel} ${rowHandle.index + 1}` }),
+            children: /* @__PURE__ */ jsx90("span", { className: "inline-flex", children: /* @__PURE__ */ jsx90(
               DropdownMenu,
               {
                 placement: "right",
@@ -32861,7 +34176,7 @@ function TableRowHandles({
                 onOpenChange: (open) => onOpenMenuChange(menuKey, open),
                 contentClassName: "p-2",
                 items: getMenuItems(rowHandle),
-                trigger: /* @__PURE__ */ jsx86(
+                trigger: /* @__PURE__ */ jsx90(
                   "button",
                   {
                     type: "button",
@@ -32880,7 +34195,7 @@ function TableRowHandles({
                       transform: isShown ? "scale(1)" : `scale(${IDLE_HANDLE_SCALE})`,
                       pointerEvents: isShown ? "auto" : "none"
                     },
-                    children: visible ? /* @__PURE__ */ jsx86(GripVertical3, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx86("div", { className: "h-3 w-1 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
+                    children: visible ? /* @__PURE__ */ jsx90(GripVertical3, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx90("div", { className: "h-3 w-1 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
                   }
                 )
               }
@@ -32904,12 +34219,12 @@ function TableColumnHandles({
   onStartDrag,
   openMenuKey
 }) {
-  return /* @__PURE__ */ jsx86(Fragment32, { children: columnHandles.map((columnHandle) => {
+  return /* @__PURE__ */ jsx90(Fragment33, { children: columnHandles.map((columnHandle) => {
     const menuKey = `column:${columnHandle.index}`;
     const isActive = columnHandle.index === activeColumnIndex;
     const visible = controlsVisible || hoverColumnHandleIndex === columnHandle.index || openMenuKey === menuKey;
     const isShown = visible || isActive;
-    return /* @__PURE__ */ jsx86(
+    return /* @__PURE__ */ jsx90(
       "div",
       {
         className: "absolute z-30",
@@ -32918,13 +34233,13 @@ function TableColumnHandles({
           top: columnHandleTop,
           left: Math.max(8, columnHandle.center - 12)
         },
-        children: /* @__PURE__ */ jsx86(
+        children: /* @__PURE__ */ jsx90(
           Tooltip,
           {
             placement: "top",
             disabled: openMenuKey === menuKey || !visible && isActive,
-            content: /* @__PURE__ */ jsx86("span", { className: "text-xs font-medium", children: `${columnDragLabel} ${columnHandle.index + 1}` }),
-            children: /* @__PURE__ */ jsx86("span", { className: "inline-flex", children: /* @__PURE__ */ jsx86(
+            content: /* @__PURE__ */ jsx90("span", { className: "text-xs font-medium", children: `${columnDragLabel} ${columnHandle.index + 1}` }),
+            children: /* @__PURE__ */ jsx90("span", { className: "inline-flex", children: /* @__PURE__ */ jsx90(
               DropdownMenu,
               {
                 placement: "bottom-start",
@@ -32932,7 +34247,7 @@ function TableColumnHandles({
                 onOpenChange: (open) => onOpenMenuChange(menuKey, open),
                 contentClassName: "p-2",
                 items: getMenuItems(columnHandle),
-                trigger: /* @__PURE__ */ jsx86(
+                trigger: /* @__PURE__ */ jsx90(
                   "button",
                   {
                     type: "button",
@@ -32951,7 +34266,7 @@ function TableColumnHandles({
                       transform: isShown ? "scale(1)" : `scale(${IDLE_HANDLE_SCALE})`,
                       pointerEvents: isShown ? "auto" : "none"
                     },
-                    children: visible ? /* @__PURE__ */ jsx86(GripHorizontal, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx86("div", { className: "h-1 w-3 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
+                    children: visible ? /* @__PURE__ */ jsx90(GripHorizontal, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx90("div", { className: "h-1 w-3 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
                   }
                 )
               }
@@ -33207,7 +34522,7 @@ function buildTableControlLayout(editor, surface, cell) {
 }
 
 // src/components/UEditor/table-controls.tsx
-import { Fragment as Fragment33, jsx as jsx87, jsxs as jsxs72 } from "react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx91, jsxs as jsxs76 } from "react/jsx-runtime";
 var TABLE_MENU_TOP_OFFSET = 10;
 function nearestIndex(centers, position) {
   let bestIndex = 0;
@@ -33233,17 +34548,17 @@ function getSelectedCell(editor) {
 }
 function TableControls({ editor, containerRef }) {
   const t = useSmartTranslations("UEditor");
-  const [layout, setLayout] = React75.useState(null);
-  const [dragPreview, setDragPreview] = React75.useState(null);
-  const [hoverState, setHoverState] = React75.useState(DEFAULT_TABLE_HOVER_STATE);
-  const [openMenuKey, setOpenMenuKey] = React75.useState(null);
-  const layoutRef = React75.useRef(null);
-  const dragStateRef = React75.useRef(null);
-  const syncFrameRef = React75.useRef(null);
-  React75.useEffect(() => {
+  const [layout, setLayout] = React78.useState(null);
+  const [dragPreview, setDragPreview] = React78.useState(null);
+  const [hoverState, setHoverState] = React78.useState(DEFAULT_TABLE_HOVER_STATE);
+  const [openMenuKey, setOpenMenuKey] = React78.useState(null);
+  const layoutRef = React78.useRef(null);
+  const dragStateRef = React78.useRef(null);
+  const syncFrameRef = React78.useRef(null);
+  React78.useEffect(() => {
     layoutRef.current = layout;
   }, [layout]);
-  const syncFromCell = React75.useCallback((cell) => {
+  const syncFromCell = React78.useCallback((cell) => {
     const surface = containerRef.current;
     if (!surface || !cell) {
       setLayout(null);
@@ -33251,23 +34566,23 @@ function TableControls({ editor, containerRef }) {
     }
     setLayout(buildTableControlLayout(editor, surface, cell));
   }, [containerRef, editor]);
-  const syncFromSelection = React75.useCallback(() => {
+  const syncFromSelection = React78.useCallback(() => {
     syncFromCell(getSelectedCell(editor));
   }, [editor, syncFromCell]);
-  const scheduleSyncFromSelection = React75.useCallback(() => {
+  const scheduleSyncFromSelection = React78.useCallback(() => {
     if (syncFrameRef.current !== null) return;
     syncFrameRef.current = window.requestAnimationFrame(() => {
       syncFrameRef.current = null;
       syncFromSelection();
     });
   }, [syncFromSelection]);
-  React75.useEffect(() => () => {
+  React78.useEffect(() => () => {
     if (syncFrameRef.current !== null) {
       window.cancelAnimationFrame(syncFrameRef.current);
       syncFrameRef.current = null;
     }
   }, []);
-  const refreshCurrentLayout = React75.useCallback(() => {
+  const refreshCurrentLayout = React78.useCallback(() => {
     setLayout((prev) => {
       if (!prev) return prev;
       const surface = containerRef.current;
@@ -33277,12 +34592,12 @@ function TableControls({ editor, containerRef }) {
       return cell ? buildTableControlLayout(editor, surface, cell) : null;
     });
   }, [containerRef, editor]);
-  const clearDrag = React75.useCallback(() => {
+  const clearDrag = React78.useCallback(() => {
     dragStateRef.current = null;
     setDragPreview(null);
     document.body.style.cursor = "";
   }, []);
-  const updateHoverState = React75.useCallback((event) => {
+  const updateHoverState = React78.useCallback((event) => {
     const activeLayout = layoutRef.current;
     const surface = containerRef.current;
     if (!activeLayout || !surface || dragStateRef.current) {
@@ -33298,7 +34613,7 @@ function TableControls({ editor, containerRef }) {
       return areTableHoverStatesEqual(prev, nextState) ? prev : nextState;
     });
   }, [containerRef]);
-  React75.useEffect(() => {
+  React78.useEffect(() => {
     const proseMirror = editor.view.dom;
     const surface = containerRef.current;
     if (!surface) return void 0;
@@ -33348,37 +34663,37 @@ function TableControls({ editor, containerRef }) {
       editor.off("update", refreshCurrentLayout);
     };
   }, [clearDrag, containerRef, editor, refreshCurrentLayout, syncFromCell, syncFromSelection, updateHoverState]);
-  const runAtCellPos = React75.useCallback((cellPos, command, options) => {
+  const runAtCellPos = React78.useCallback((cellPos, command, options) => {
     const result = runTableCommandAtCellPos(editor, cellPos, command);
     if (options?.sync !== false) {
       scheduleSyncFromSelection();
     }
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const runAtActiveCell = React75.useCallback((command, options) => {
+  const runAtActiveCell = React78.useCallback((command, options) => {
     return runAtCellPos(layoutRef.current?.cellPos ?? null, command, options);
   }, [runAtCellPos]);
-  const duplicateRowAt = React75.useCallback((rowIndex, cellPos) => {
+  const duplicateRowAt = React78.useCallback((rowIndex, cellPos) => {
     const result = duplicateTableRowAt(editor, rowIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const clearRowAt = React75.useCallback((rowIndex, cellPos) => {
+  const clearRowAt = React78.useCallback((rowIndex, cellPos) => {
     const result = clearTableRowAt(editor, rowIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const duplicateColumnAt = React75.useCallback((columnIndex, cellPos) => {
+  const duplicateColumnAt = React78.useCallback((columnIndex, cellPos) => {
     const result = duplicateTableColumnAt(editor, columnIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const clearColumnAt = React75.useCallback((columnIndex, cellPos) => {
+  const clearColumnAt = React78.useCallback((columnIndex, cellPos) => {
     const result = clearTableColumnAt(editor, columnIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const expandTableBy = React75.useCallback((rows, cols) => {
+  const expandTableBy = React78.useCallback((rows, cols) => {
     const activeCellPos = layoutRef.current?.cellPos ?? editor.state.selection.from;
     const result = expandTableFromCell(editor, activeCellPos, rows, cols);
     scheduleSyncFromSelection();
@@ -33387,19 +34702,19 @@ function TableControls({ editor, containerRef }) {
   const canExpandTable = Boolean(layout);
   const controlsVisible = dragPreview !== null;
   const tableMenuOpen = openMenuKey === "table";
-  const startAddColumnDrag = React75.useCallback(() => {
+  const startAddColumnDrag = React78.useCallback(() => {
     setOpenMenuKey(null);
     dragStateRef.current = { kind: "add-column", previewCols: 1 };
     setDragPreview({ kind: "add-column", previewCols: 1 });
     document.body.style.cursor = "ew-resize";
   }, []);
-  const startAddRowDrag = React75.useCallback(() => {
+  const startAddRowDrag = React78.useCallback(() => {
     setOpenMenuKey(null);
     dragStateRef.current = { kind: "add-row", previewRows: 1 };
     setDragPreview({ kind: "add-row", previewRows: 1 });
     document.body.style.cursor = "ns-resize";
   }, []);
-  const startRowDrag = React75.useCallback((rowHandle) => {
+  const startRowDrag = React78.useCallback((rowHandle) => {
     setOpenMenuKey(null);
     dragStateRef.current = {
       kind: "row",
@@ -33416,7 +34731,7 @@ function TableControls({ editor, containerRef }) {
     });
     document.body.style.cursor = "grabbing";
   }, []);
-  const startColumnDrag = React75.useCallback((columnHandle) => {
+  const startColumnDrag = React78.useCallback((columnHandle) => {
     setOpenMenuKey(null);
     dragStateRef.current = {
       kind: "column",
@@ -33433,7 +34748,7 @@ function TableControls({ editor, containerRef }) {
     });
     document.body.style.cursor = "grabbing";
   }, []);
-  React75.useEffect(() => {
+  React78.useEffect(() => {
     const handleMouseMove = (event) => {
       const dragState = dragStateRef.current;
       const activeLayout = layoutRef.current;
@@ -33522,7 +34837,7 @@ function TableControls({ editor, containerRef }) {
       window.removeEventListener("blur", clearDrag);
     };
   }, [clearDrag, containerRef, editor, expandTableBy, scheduleSyncFromSelection]);
-  const menuItems = React75.useMemo(() => {
+  const menuItems = React78.useMemo(() => {
     if (!layout) return [];
     return [
       {
@@ -33590,7 +34905,7 @@ function TableControls({ editor, containerRef }) {
       }
     ];
   }, [layout, runAtActiveCell, t]);
-  const getRowHandleMenuItems = React75.useCallback((rowHandle) => [
+  const getRowHandleMenuItems = React78.useCallback((rowHandle) => [
     {
       label: t("tableMenu.addRowBefore"),
       icon: ArrowUp2,
@@ -33603,7 +34918,7 @@ function TableControls({ editor, containerRef }) {
     },
     {
       label: t("tableMenu.duplicateRow"),
-      icon: Copy2,
+      icon: Copy3,
       onClick: () => duplicateRowAt(rowHandle.index, rowHandle.cellPos)
     },
     {
@@ -33618,7 +34933,7 @@ function TableControls({ editor, containerRef }) {
       destructive: true
     }
   ], [clearRowAt, duplicateRowAt, runAtCellPos, t]);
-  const getColumnHandleMenuItems = React75.useCallback((columnHandle) => [
+  const getColumnHandleMenuItems = React78.useCallback((columnHandle) => [
     {
       label: t("tableMenu.addColumnBefore"),
       icon: ArrowLeft2,
@@ -33631,7 +34946,7 @@ function TableControls({ editor, containerRef }) {
     },
     {
       label: t("tableMenu.duplicateColumn"),
-      icon: Copy2,
+      icon: Copy3,
       onClick: () => duplicateColumnAt(columnHandle.index, columnHandle.cellPos)
     },
     {
@@ -33653,8 +34968,8 @@ function TableControls({ editor, containerRef }) {
   const menuLeft = Math.max(8, layout.tableLeft);
   const rowHandleLeft = layout.tableLeft - 12;
   const columnHandleTop = layout.tableTop - 12;
-  return /* @__PURE__ */ jsxs72(Fragment33, { children: [
-    /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsxs76(Fragment34, { children: [
+    /* @__PURE__ */ jsx91(
       TableRowHandles,
       {
         activeRowIndex: layout.activeRowIndex,
@@ -33671,7 +34986,7 @@ function TableControls({ editor, containerRef }) {
         rowHandles: layout.rowHandles
       }
     ),
-    /* @__PURE__ */ jsx87(
+    /* @__PURE__ */ jsx91(
       TableColumnHandles,
       {
         activeColumnIndex: layout.activeColumnIndex,
@@ -33688,7 +35003,7 @@ function TableControls({ editor, containerRef }) {
         openMenuKey
       }
     ),
-    /* @__PURE__ */ jsx87(
+    /* @__PURE__ */ jsx91(
       TableControlMenu,
       {
         controlsVisible,
@@ -33703,7 +35018,7 @@ function TableControls({ editor, containerRef }) {
         top: menuTop
       }
     ),
-    /* @__PURE__ */ jsx87(
+    /* @__PURE__ */ jsx91(
       TableAddRails,
       {
         addColumnVisible: hoverState.addColumnVisible,
@@ -33717,7 +35032,7 @@ function TableControls({ editor, containerRef }) {
         quickAddRowLabel: t("tableMenu.quickAddRowAfter")
       }
     ),
-    /* @__PURE__ */ jsx87(
+    /* @__PURE__ */ jsx91(
       TableDragPreview,
       {
         columnDragLabel: t("tableMenu.dragColumn"),
@@ -33876,10 +35191,10 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
 );
 
 // src/components/UEditor/use-table-interactions.ts
-import React77, { useEffect as useEffect35, useRef as useRef34 } from "react";
+import React80, { useEffect as useEffect37, useRef as useRef35 } from "react";
 
 // src/components/UEditor/use-table-row-resize.ts
-import React76, { useRef as useRef33 } from "react";
+import React79, { useRef as useRef34 } from "react";
 function useTableRowResize({
   editor,
   setHoveredTableCell,
@@ -33888,9 +35203,9 @@ function useTableRowResize({
   clearAllTableResizeHover,
   scheduleTableLayoutSync
 }) {
-  const commitFrameRef = useRef33(null);
-  const stateRef = useRef33(null);
-  const commitPreview = React76.useCallback(() => {
+  const commitFrameRef = useRef34(null);
+  const stateRef = useRef34(null);
+  const commitPreview = React79.useCallback(() => {
     if (!editor) return;
     const state = stateRef.current;
     if (!state) return;
@@ -33925,22 +35240,22 @@ function useTableRowResize({
     showRowGuide(state.tableElement, state.rowElement, state.cellElement);
     scheduleTableLayoutSync();
   }, [editor, scheduleTableLayoutSync, showRowGuide]);
-  const scheduleCommit = React76.useCallback(() => {
+  const scheduleCommit = React79.useCallback(() => {
     if (commitFrameRef.current !== null) return;
     commitFrameRef.current = window.requestAnimationFrame(() => {
       commitFrameRef.current = null;
       commitPreview();
     });
   }, [commitPreview]);
-  const syncActiveGuide = React76.useCallback(() => {
+  const syncActiveGuide = React79.useCallback(() => {
     const state = stateRef.current;
     if (!state) return false;
     setHoveredTableCell(state.cellElement);
     showRowGuide(state.tableElement, state.rowElement, state.cellElement);
     return true;
   }, [setHoveredTableCell, showRowGuide]);
-  const isResizing = React76.useCallback(() => stateRef.current !== null, []);
-  const beginResize = React76.useCallback((event, table, row, cell) => {
+  const isResizing = React79.useCallback(() => stateRef.current !== null, []);
+  const beginResize = React79.useCallback((event, table, row, cell) => {
     if (!editor || !isRowResizeHotspot(cell, event.clientX, event.clientY)) {
       return false;
     }
@@ -33966,7 +35281,7 @@ function useTableRowResize({
     event.stopPropagation();
     return true;
   }, [editor, setHoveredTableCell, showRowGuide]);
-  const handlePointerMove = React76.useCallback((event) => {
+  const handlePointerMove = React79.useCallback((event) => {
     const state = stateRef.current;
     if (!state) return;
     const nextHeight = Math.max(
@@ -33982,7 +35297,7 @@ function useTableRowResize({
     document.body.style.cursor = "row-resize";
     scheduleCommit();
   }, [scheduleCommit, showRowGuide]);
-  const handlePointerUp = React76.useCallback((event) => {
+  const handlePointerUp = React79.useCallback((event) => {
     if (!editor) return;
     const state = stateRef.current;
     if (!state) return;
@@ -34012,7 +35327,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, commitPreview, editor, scheduleTableLayoutSync]);
-  const cancelResize = React76.useCallback(() => {
+  const cancelResize = React79.useCallback(() => {
     if (!stateRef.current) return;
     if (commitFrameRef.current !== null) {
       window.cancelAnimationFrame(commitFrameRef.current);
@@ -34024,7 +35339,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, scheduleTableLayoutSync]);
-  const cleanup = React76.useCallback(() => {
+  const cleanup = React79.useCallback(() => {
     if (commitFrameRef.current !== null) {
       window.cancelAnimationFrame(commitFrameRef.current);
       commitFrameRef.current = null;
@@ -34045,40 +35360,40 @@ function useTableRowResize({
 
 // src/components/UEditor/use-table-interactions.ts
 function useUEditorTableInteractions(editor, editable = true) {
-  const editorContentRef = useRef34(null);
-  const tableColumnGuideRef = useRef34(null);
-  const tableRowGuideRef = useRef34(null);
-  const activeTableCellHighlightRef = useRef34(null);
-  const hoveredTableCellRef = useRef34(null);
-  const activeTableCellRef = useRef34(null);
-  const suppressActiveCellHighlightRef = useRef34(false);
-  const tableLayoutSyncFrameRef = useRef34(null);
-  const setEditorResizeCursor = React77.useCallback((cursor) => {
+  const editorContentRef = useRef35(null);
+  const tableColumnGuideRef = useRef35(null);
+  const tableRowGuideRef = useRef35(null);
+  const activeTableCellHighlightRef = useRef35(null);
+  const hoveredTableCellRef = useRef35(null);
+  const activeTableCellRef = useRef35(null);
+  const suppressActiveCellHighlightRef = useRef35(false);
+  const tableLayoutSyncFrameRef = useRef35(null);
+  const setEditorResizeCursor = React80.useCallback((cursor) => {
     const proseMirror = editorContentRef.current?.querySelector(".ProseMirror");
     if (proseMirror) {
       proseMirror.style.cursor = cursor;
     }
   }, []);
-  const hideColumnGuide = React77.useCallback(() => {
+  const hideColumnGuide = React80.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-cursor");
     const guide = tableColumnGuideRef.current;
     if (guide) {
       guide.style.opacity = "0";
     }
   }, []);
-  const hideRowGuide = React77.useCallback(() => {
+  const hideRowGuide = React80.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-row-cursor");
     const guide = tableRowGuideRef.current;
     if (guide) {
       guide.style.opacity = "0";
     }
   }, []);
-  const clearAllTableResizeHover = React77.useCallback(() => {
+  const clearAllTableResizeHover = React80.useCallback(() => {
     setEditorResizeCursor("");
     hideColumnGuide();
     hideRowGuide();
   }, [hideColumnGuide, hideRowGuide, setEditorResizeCursor]);
-  const updateActiveCellHighlight = React77.useCallback((cell) => {
+  const updateActiveCellHighlight = React80.useCallback((cell) => {
     const surface = editorContentRef.current;
     const highlight = activeTableCellHighlightRef.current;
     if (!highlight) return;
@@ -34093,7 +35408,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     highlight.style.width = `${metrics.width}px`;
     highlight.style.height = `${metrics.height}px`;
   }, []);
-  const scheduleTableLayoutSync = React77.useCallback(() => {
+  const scheduleTableLayoutSync = React80.useCallback(() => {
     if (tableLayoutSyncFrameRef.current !== null) return;
     tableLayoutSyncFrameRef.current = window.requestAnimationFrame(() => {
       tableLayoutSyncFrameRef.current = null;
@@ -34101,22 +35416,22 @@ function useUEditorTableInteractions(editor, editable = true) {
       editorContentRef.current?.dispatchEvent(new CustomEvent(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT));
     });
   }, [updateActiveCellHighlight]);
-  const setActiveTableCell = React77.useCallback((cell) => {
+  const setActiveTableCell = React80.useCallback((cell) => {
     if (activeTableCellRef.current === cell) return;
     activeTableCellRef.current = cell;
     updateActiveCellHighlight(activeTableCellRef.current);
   }, [updateActiveCellHighlight]);
-  const clearActiveTableCell = React77.useCallback(() => {
+  const clearActiveTableCell = React80.useCallback(() => {
     activeTableCellRef.current = null;
     updateActiveCellHighlight(null);
   }, [updateActiveCellHighlight]);
-  const setHoveredTableCell = React77.useCallback((cell) => {
+  const setHoveredTableCell = React80.useCallback((cell) => {
     hoveredTableCellRef.current = cell;
   }, []);
-  const clearHoveredTableCell = React77.useCallback(() => {
+  const clearHoveredTableCell = React80.useCallback(() => {
     hoveredTableCellRef.current = null;
   }, []);
-  const showColumnGuide = React77.useCallback((table, row, cell) => {
+  const showColumnGuide = React80.useCallback((table, row, cell) => {
     const surface = editorContentRef.current;
     const guide = tableColumnGuideRef.current;
     if (!surface || !guide) return;
@@ -34129,7 +35444,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     surface.classList.add("resize-cursor");
     setEditorResizeCursor("col-resize");
   }, [setEditorResizeCursor]);
-  const showRowGuide = React77.useCallback((table, row, cell) => {
+  const showRowGuide = React80.useCallback((table, row, cell) => {
     const surface = editorContentRef.current;
     const guide = tableRowGuideRef.current;
     if (!surface || !guide) return;
@@ -34158,11 +35473,11 @@ function useUEditorTableInteractions(editor, editable = true) {
     clearAllTableResizeHover,
     scheduleTableLayoutSync
   });
-  const syncActiveTableCellFromSelection = React77.useCallback(() => {
+  const syncActiveTableCellFromSelection = React80.useCallback(() => {
     if (!editor) return;
     setActiveTableCell(getSelectionTableCell(editor.view));
   }, [editor, setActiveTableCell]);
-  useEffect35(() => {
+  useEffect37(() => {
     if (!editor || !editable) return void 0;
     const proseMirror = editor.view.dom;
     const surface = editorContentRef.current;
@@ -34322,8 +35637,8 @@ function useUEditorTableInteractions(editor, editable = true) {
 }
 
 // src/components/UEditor/UEditor.tsx
-import { jsx as jsx88, jsxs as jsxs73 } from "react/jsx-runtime";
-var UEditor = React78.forwardRef(({
+import { jsx as jsx92, jsxs as jsxs77 } from "react/jsx-runtime";
+var UEditor = React81.forwardRef(({
   content = "",
   onChange,
   onHtmlChange,
@@ -34350,25 +35665,45 @@ var UEditor = React78.forwardRef(({
   fontFamilies,
   fontSizes,
   lineHeights,
-  letterSpacings
+  letterSpacings,
+  fetchMetadata,
+  uploadFile,
+  uploadFileForSave,
+  collaborationOptions,
+  extraExtensions
 }, ref) => {
   const t = useSmartTranslations("UEditor");
   const effectivePlaceholder = placeholder ?? t("placeholder");
-  const inFlightPrepareRef = useRef35(null);
-  const lastAppliedContentRef = useRef35(content ?? "");
+  const inFlightPrepareRef = useRef36(null);
+  const lastAppliedContentRef = useRef36(content ?? "");
+  const resolvedUploadFile = useMemo24(() => {
+    if (uploadFile) return uploadFile;
+    if (uploadFileForSave) {
+      return async (file) => {
+        const res = await uploadFileForSave(file);
+        return typeof res === "string" ? res : res.url;
+      };
+    }
+    return uploadImage;
+  }, [uploadFile, uploadFileForSave, uploadImage]);
   const extensions = useMemo24(
-    () => buildUEditorExtensions({
-      placeholder: effectivePlaceholder,
-      translate: t,
-      maxCharacters,
-      uploadImage,
-      imageInsertMode,
-      maxImageFileSize,
-      allowedImageMimeTypes,
-      fallbackToDataUrl,
-      editable
-    }),
-    [effectivePlaceholder, t, maxCharacters, uploadImage, imageInsertMode, maxImageFileSize, allowedImageMimeTypes, fallbackToDataUrl, editable]
+    () => [
+      ...buildUEditorExtensions({
+        placeholder: effectivePlaceholder,
+        translate: t,
+        maxCharacters,
+        uploadImage,
+        uploadFile: resolvedUploadFile,
+        imageInsertMode,
+        maxImageFileSize,
+        allowedImageMimeTypes,
+        fallbackToDataUrl,
+        editable,
+        fetchMetadata
+      }),
+      ...extraExtensions ?? []
+    ],
+    [effectivePlaceholder, t, maxCharacters, uploadImage, resolvedUploadFile, imageInsertMode, maxImageFileSize, allowedImageMimeTypes, fallbackToDataUrl, editable, fetchMetadata, extraExtensions]
   );
   const editor = useEditor({
     immediatelyRender: false,
@@ -34392,6 +35727,7 @@ var UEditor = React78.forwardRef(({
           const anchor = target?.closest?.("a[href]");
           const href = anchor?.getAttribute("href") ?? "";
           if (!href) return false;
+          if (editable) return false;
           if (!view.state.selection.empty) return false;
           event.preventDefault();
           event.stopPropagation();
@@ -34426,6 +35762,7 @@ var UEditor = React78.forwardRef(({
           inFlightPrepareRef.current = prepareUEditorContentForSave({
             html: htmlSnapshot,
             uploadImageForSave,
+            uploadFileForSave,
             uploadConcurrency: uploadImageConcurrency
           }).finally(() => {
             inFlightPrepareRef.current = null;
@@ -34438,19 +35775,23 @@ var UEditor = React78.forwardRef(({
         return result;
       }
     }),
-    [content, editor, uploadImageForSave, uploadImageConcurrency]
+    [content, editor, uploadImageForSave, uploadFileForSave, uploadImageConcurrency]
   );
-  useEffect36(() => {
+  useEffect38(() => {
     if (!editor) return;
     const nextContent = content ?? "";
     if (lastAppliedContentRef.current === nextContent) return;
     lastAppliedContentRef.current = nextContent;
     if (editor.getHTML() !== nextContent) {
-      editor.commands.setContent(nextContent, { emitUpdate: false });
+      Promise.resolve().then(() => {
+        if (!editor.isDestroyed) {
+          editor.commands.setContent(nextContent, { emitUpdate: false });
+        }
+      });
     }
   }, [content, editor]);
   if (!editor) {
-    return /* @__PURE__ */ jsx88(
+    return /* @__PURE__ */ jsx92(
       "div",
       {
         className: cn("w-full rounded-lg border bg-background flex items-center justify-center text-muted-foreground", className),
@@ -34459,7 +35800,7 @@ var UEditor = React78.forwardRef(({
       }
     );
   }
-  return /* @__PURE__ */ jsxs73(
+  return /* @__PURE__ */ jsxs77(
     "div",
     {
       className: cn(
@@ -34474,7 +35815,7 @@ var UEditor = React78.forwardRef(({
         className
       ),
       children: [
-        editable && showToolbar && /* @__PURE__ */ jsx88(
+        editable && showToolbar && /* @__PURE__ */ jsx92(
           EditorToolbar,
           {
             editor,
@@ -34489,7 +35830,7 @@ var UEditor = React78.forwardRef(({
             letterSpacings
           }
         ),
-        editable && showBubbleMenu && /* @__PURE__ */ jsx88(
+        editable && showBubbleMenu && /* @__PURE__ */ jsx92(
           CustomBubbleMenu,
           {
             editor,
@@ -34497,8 +35838,8 @@ var UEditor = React78.forwardRef(({
             lineHeights
           }
         ),
-        editable && showFloatingMenu && /* @__PURE__ */ jsx88(CustomFloatingMenu, { editor }),
-        /* @__PURE__ */ jsxs73(
+        editable && showFloatingMenu && /* @__PURE__ */ jsx92(CustomFloatingMenu, { editor }),
+        /* @__PURE__ */ jsxs77(
           "div",
           {
             ref: editorContentRef,
@@ -34508,7 +35849,7 @@ var UEditor = React78.forwardRef(({
               maxHeight
             },
             children: [
-              /* @__PURE__ */ jsx88(
+              /* @__PURE__ */ jsx92(
                 "span",
                 {
                   ref: tableColumnGuideRef,
@@ -34516,7 +35857,7 @@ var UEditor = React78.forwardRef(({
                   className: "pointer-events-none absolute z-20 bg-primary opacity-0 transition-opacity duration-100"
                 }
               ),
-              /* @__PURE__ */ jsx88(
+              /* @__PURE__ */ jsx92(
                 "span",
                 {
                   ref: tableRowGuideRef,
@@ -34524,7 +35865,7 @@ var UEditor = React78.forwardRef(({
                   className: "pointer-events-none absolute z-20 bg-primary opacity-0 transition-opacity duration-100"
                 }
               ),
-              /* @__PURE__ */ jsx88(
+              /* @__PURE__ */ jsx92(
                 "span",
                 {
                   ref: activeTableCellHighlightRef,
@@ -34533,8 +35874,8 @@ var UEditor = React78.forwardRef(({
                   className: "pointer-events-none hidden absolute z-20 rounded-[2px] border-2 border-primary bg-primary/10 transition-[left,top,width,height] duration-100"
                 }
               ),
-              editable && /* @__PURE__ */ jsx88(TableControls, { editor, containerRef: editorContentRef }),
-              /* @__PURE__ */ jsx88(
+              editable && /* @__PURE__ */ jsx92(TableControls, { editor, containerRef: editorContentRef }),
+              /* @__PURE__ */ jsx92(
                 EditorContent,
                 {
                   editor,
@@ -34544,7 +35885,7 @@ var UEditor = React78.forwardRef(({
             ]
           }
         ),
-        showCharacterCount && /* @__PURE__ */ jsx88(CharacterCountDisplay, { editor, maxCharacters })
+        showCharacterCount && /* @__PURE__ */ jsx92(CharacterCountDisplay, { editor, maxCharacters })
       ]
     }
   );