@underverse-ui/underverse 1.0.152 → 1.0.154

package/dist/index.cjs

@@ -995,6 +995,15 @@ var en_default = {
       noResults: "No emoji found",
       showingCount: "Showing first {shown} of {total} emojis"
     },
+    formulaSuggestion: {
+      title: "Functions",
+      noResults: "No function found",
+      sum: "Add values in a range",
+      avg: "Average values in a range",
+      min: "Smallest value in a range",
+      max: "Largest value in a range",
+      count: "Count numeric cells in a range"
+    },
     tableMenu: {
       insert3x3: "Insert 3\xD73 Table",
       insertTable: "Insert Table",
@@ -1030,6 +1039,9 @@ var en_default = {
       borderColor: "Border Color",
       clearBorder: "Clear Border",
       formula: "Formula",
+      numberFormat: "Number Format",
+      formatText: "Text",
+      formatDate: "Date",
       apply: "Apply",
       clear: "Clear",
       recalculate: "Recalculate",
@@ -1375,6 +1387,15 @@ var vi_default = {
       noResults: "Kh\xF4ng t\xECm th\u1EA5y emoji",
       showingCount: "Hi\u1EC3n th\u1ECB {shown} trong t\u1ED5ng s\u1ED1 {total} emoji"
     },
+    formulaSuggestion: {
+      title: "H\xE0m",
+      noResults: "Kh\xF4ng t\xECm th\u1EA5y h\xE0m",
+      sum: "C\u1ED9ng c\xE1c gi\xE1 tr\u1ECB trong v\xF9ng",
+      avg: "T\xEDnh trung b\xECnh c\xE1c gi\xE1 tr\u1ECB trong v\xF9ng",
+      min: "Gi\xE1 tr\u1ECB nh\u1ECF nh\u1EA5t trong v\xF9ng",
+      max: "Gi\xE1 tr\u1ECB l\u1EDBn nh\u1EA5t trong v\xF9ng",
+      count: "\u0110\u1EBFm c\xE1c \xF4 d\u1EA1ng s\u1ED1 trong v\xF9ng"
+    },
     tableMenu: {
       insert3x3: "Ch\xE8n b\u1EA3ng 3\xD73",
       insertTable: "Ch\xE8n b\u1EA3ng",
@@ -1410,6 +1431,9 @@ var vi_default = {
       borderColor: "M\xE0u vi\u1EC1n",
       clearBorder: "X\xF3a vi\u1EC1n",
       formula: "C\xF4ng th\u1EE9c",
+      numberFormat: "\u0110\u1ECBnh d\u1EA1ng s\u1ED1",
+      formatText: "Ch\u1EEF",
+      formatDate: "Ng\xE0y",
       apply: "\xC1p d\u1EE5ng",
       clear: "X\xF3a",
       recalculate: "T\xEDnh l\u1EA1i",
@@ -1716,6 +1740,7 @@ var ko_default = {
       dividerDesc: "\uC2DC\uAC01\uC801 \uAD6C\uBD84\uC120",
       table: "\uD45C",
       tableDesc: "\uD45C \uCD94\uAC00",
+      noResults: "\uC77C\uCE58\uD558\uB294 \uBE14\uB85D\uC774 \uC5C6\uC2B5\uB2C8\uB2E4",
       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",
@@ -1754,6 +1779,15 @@ var ko_default = {
       noResults: "\uC774\uBAA8\uC9C0\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4",
       showingCount: "\uCD1D {total}\uAC1C \uC911 \uCC98\uC74C {shown}\uAC1C\uC758 \uC774\uBAA8\uC9C0\uB97C \uD45C\uC2DC \uC911"
     },
+    formulaSuggestion: {
+      title: "\uD568\uC218",
+      noResults: "\uD568\uC218\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4",
+      sum: "\uBC94\uC704\uC758 \uAC12\uC744 \uD569\uC0B0",
+      avg: "\uBC94\uC704\uC758 \uAC12 \uD3C9\uADE0",
+      min: "\uBC94\uC704\uC758 \uCD5C\uC19F\uAC12",
+      max: "\uBC94\uC704\uC758 \uCD5C\uB313\uAC12",
+      count: "\uBC94\uC704\uC758 \uC22B\uC790 \uC140 \uAC1C\uC218"
+    },
     tableMenu: {
       insert3x3: "3x3 \uD45C \uC0BD\uC785",
       insertTable: "\uD45C \uC0BD\uC785",
@@ -1788,6 +1822,13 @@ var ko_default = {
       borderWidth: "\uD14C\uB450\uB9AC \uB450\uAED8",
       borderColor: "\uD14C\uB450\uB9AC \uC0C9\uC0C1",
       clearBorder: "\uD14C\uB450\uB9AC \uC9C0\uC6B0\uAE30",
+      formula: "\uC218\uC2DD",
+      numberFormat: "\uD45C\uC2DC \uD615\uC2DD",
+      formatText: "\uD14D\uC2A4\uD2B8",
+      formatDate: "\uB0A0\uC9DC",
+      apply: "\uC801\uC6A9",
+      clear: "\uC9C0\uC6B0\uAE30",
+      recalculate: "\uB2E4\uC2DC \uACC4\uC0B0",
       done: "\uC644\uB8CC"
     },
     callout: {
@@ -2091,6 +2132,7 @@ var ja_default = {
       dividerDesc: "\u8996\u899A\u7684\u306A\u533A\u5207\u308A\u7DDA",
       table: "\u8868",
       tableDesc: "\u8868\u3092\u8FFD\u52A0",
+      noResults: "\u4E00\u81F4\u3059\u308B\u30D6\u30ED\u30C3\u30AF\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093",
       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",
@@ -2129,6 +2171,15 @@ var ja_default = {
       noResults: "\u7D75\u6587\u5B57\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093",
       showingCount: "{total} \u4EF6\u4E2D {shown} \u4EF6\u306E\u7D75\u6587\u5B57\u3092\u8868\u793A\u4E2D"
     },
+    formulaSuggestion: {
+      title: "\u95A2\u6570",
+      noResults: "\u95A2\u6570\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093",
+      sum: "\u7BC4\u56F2\u5185\u306E\u5024\u3092\u5408\u8A08",
+      avg: "\u7BC4\u56F2\u5185\u306E\u5024\u306E\u5E73\u5747",
+      min: "\u7BC4\u56F2\u5185\u306E\u6700\u5C0F\u5024",
+      max: "\u7BC4\u56F2\u5185\u306E\u6700\u5927\u5024",
+      count: "\u7BC4\u56F2\u5185\u306E\u6570\u5024\u30BB\u30EB\u3092\u30AB\u30A6\u30F3\u30C8"
+    },
     tableMenu: {
       insert3x3: "3x3 \u8868\u3092\u633F\u5165",
       insertTable: "\u8868\u3092\u633F\u5165",
@@ -2163,6 +2214,13 @@ var ja_default = {
       borderWidth: "\u67A0\u7DDA\u306E\u592A\u3055",
       borderColor: "\u67A0\u7DDA\u306E\u8272",
       clearBorder: "\u67A0\u7DDA\u3092\u30AF\u30EA\u30A2",
+      formula: "\u6570\u5F0F",
+      numberFormat: "\u8868\u793A\u5F62\u5F0F",
+      formatText: "\u30C6\u30AD\u30B9\u30C8",
+      formatDate: "\u65E5\u4ED8",
+      apply: "\u9069\u7528",
+      clear: "\u30AF\u30EA\u30A2",
+      recalculate: "\u518D\u8A08\u7B97",
       done: "\u5B8C\u4E86"
     },
     callout: {
@@ -24807,11 +24865,11 @@ function useLocale2() {
 }
 
 // src/components/UEditor/UEditor.tsx
-var import_react69 = __toESM(require("react"), 1);
-var import_react70 = require("@tiptap/react");
+var import_react71 = __toESM(require("react"), 1);
+var import_react72 = require("@tiptap/react");
 
 // src/components/UEditor/extensions.ts
-var import_core13 = require("@tiptap/core");
+var import_core14 = require("@tiptap/core");
 var import_extension_document = __toESM(require("@tiptap/extension-document"), 1);
 var import_extension_paragraph = __toESM(require("@tiptap/extension-paragraph"), 1);
 var import_extension_text = __toESM(require("@tiptap/extension-text"), 1);
@@ -24827,8 +24885,8 @@ var import_extension_task_list = __toESM(require("@tiptap/extension-task-list"),
 var import_extension_task_item = __toESM(require("@tiptap/extension-task-item"), 1);
 var import_extension_blockquote = __toESM(require("@tiptap/extension-blockquote"), 1);
 var import_extension_code = __toESM(require("@tiptap/extension-code"), 1);
-var import_core14 = require("@tiptap/core");
-var import_react57 = require("@tiptap/react");
+var import_core15 = require("@tiptap/core");
+var import_react59 = require("@tiptap/react");
 
 // src/components/UEditor/callout.ts
 var import_core = require("@tiptap/core");
@@ -26858,11 +26916,189 @@ var EmojiSuggestion = import_core6.Extension.create({
   }
 });
 
-// src/components/UEditor/placeholder.ts
+// src/components/UEditor/formula-suggestion.tsx
 var import_core7 = require("@tiptap/core");
+var import_suggestion3 = __toESM(require("@tiptap/suggestion"), 1);
+var import_react53 = require("@tiptap/react");
 var import_state4 = require("@tiptap/pm/state");
+var import_react54 = __toESM(require("react"), 1);
+var import_lucide_react45 = require("lucide-react");
+var import_jsx_runtime81 = require("react/jsx-runtime");
+var FORMULA_FUNCTIONS = [
+  {
+    name: "SUM",
+    signature: "SUM(range)",
+    descriptionKey: "formulaSuggestion.sum"
+  },
+  {
+    name: "AVG",
+    signature: "AVG(range)",
+    descriptionKey: "formulaSuggestion.avg"
+  },
+  {
+    name: "MIN",
+    signature: "MIN(range)",
+    descriptionKey: "formulaSuggestion.min"
+  },
+  {
+    name: "MAX",
+    signature: "MAX(range)",
+    descriptionKey: "formulaSuggestion.max"
+  },
+  {
+    name: "COUNT",
+    signature: "COUNT(range)",
+    descriptionKey: "formulaSuggestion.count"
+  }
+];
+function isInTableCell(editor) {
+  const { $from } = editor.state.selection;
+  for (let depth = $from.depth; depth > 0; depth -= 1) {
+    const nodeName = $from.node(depth).type.name;
+    if (nodeName === "tableCell" || nodeName === "tableHeader") {
+      return true;
+    }
+  }
+  return false;
+}
+function buildFormulaSuggestionItems({ query }) {
+  const normalizedQuery = query.trim().toUpperCase();
+  if (!normalizedQuery) {
+    return FORMULA_FUNCTIONS;
+  }
+  return FORMULA_FUNCTIONS.filter((item) => item.name.startsWith(normalizedQuery));
+}
+var FormulaSuggestionList = (0, import_react54.forwardRef)((props, ref) => {
+  const t = useSmartTranslations("UEditor");
+  const [selectedIndex, setSelectedIndex] = import_react54.default.useState(0);
+  import_react54.default.useEffect(() => {
+    setSelectedIndex(0);
+  }, [props.items]);
+  (0, import_react54.useImperativeHandle)(ref, () => ({
+    onKeyDown: ({ event }) => {
+      if (props.items.length === 0) return false;
+      if (event.key === "ArrowUp") {
+        setSelectedIndex((prev) => (prev + props.items.length - 1) % props.items.length);
+        return true;
+      }
+      if (event.key === "ArrowDown") {
+        setSelectedIndex((prev) => (prev + 1) % props.items.length);
+        return true;
+      }
+      if (event.key === "Enter" || event.key === "Tab") {
+        const item = props.items[selectedIndex];
+        if (item) {
+          props.command(item);
+        }
+        return true;
+      }
+      return false;
+    }
+  }));
+  if (props.items.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "w-72 p-3 text-sm text-muted-foreground bg-card border border-border/50 rounded-lg shadow-lg", children: t("formulaSuggestion.noResults") });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "w-72 max-h-80 overflow-y-auto bg-card border border-border/50 rounded-lg shadow-lg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "px-3 py-2 border-b bg-muted/30", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react45.Sigma, { className: "w-4 h-4 text-primary" }),
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("formulaSuggestion.title") })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "p-1.5", children: props.items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: `w-full rounded-md px-2.5 py-2 text-left transition-colors ${selectedIndex === index ? "bg-primary/10 text-primary" : "text-foreground hover:bg-muted"}`,
+        onMouseEnter: () => setSelectedIndex(index),
+        onMouseDown: (event) => event.preventDefault(),
+        onClick: () => props.command(item),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "font-mono text-sm font-semibold", children: item.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "font-mono text-xs text-muted-foreground", children: item.signature })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "mt-0.5 text-xs text-muted-foreground", children: t(item.descriptionKey) })
+        ]
+      },
+      item.name
+    )) })
+  ] });
+});
+FormulaSuggestionList.displayName = "FormulaSuggestionList";
+function insertFormulaFunction(editor, range, item) {
+  const insertedText = `=${item.name}()`;
+  const cursorPosition = range.from + item.name.length + 2;
+  editor.chain().focus().deleteRange(range).insertContent(insertedText).run();
+  editor.commands.setTextSelection(cursorPosition);
+}
+var FormulaSuggestion = import_core7.Extension.create({
+  name: "formulaSuggestion",
+  addProseMirrorPlugins() {
+    return [
+      (0, import_suggestion3.default)({
+        editor: this.editor,
+        char: "=",
+        pluginKey: new import_state4.PluginKey("formulaSuggestion"),
+        allow: ({ editor }) => isInTableCell(editor),
+        command: ({ editor, range, props }) => {
+          insertFormulaFunction(editor, range, props);
+        },
+        items: buildFormulaSuggestionItems,
+        render: () => {
+          let component;
+          let popup;
+          return {
+            onStart: (props) => {
+              component = new import_react53.ReactRenderer(FormulaSuggestionList, {
+                props,
+                editor: props.editor
+              });
+              if (!props.clientRect) {
+                return;
+              }
+              popup = tippy("body", {
+                getReferenceClientRect: props.clientRect,
+                appendTo: () => document.body,
+                content: component.element,
+                showOnCreate: true,
+                interactive: true,
+                trigger: "manual",
+                placement: "bottom-start",
+                zIndex: 99999
+              });
+            },
+            onUpdate(props) {
+              component?.updateProps(props);
+              if (!props.clientRect) {
+                return;
+              }
+              popup?.[0]?.setProps({
+                getReferenceClientRect: props.clientRect
+              });
+            },
+            onKeyDown(props) {
+              const popupInstance = getFirstTippyInstance(popup);
+              if (props.event.key === "Escape") {
+                hideTippyInstance(popupInstance);
+                return true;
+              }
+              return component?.ref?.onKeyDown(props) ?? false;
+            },
+            onExit() {
+              destroyTippyInstance(getFirstTippyInstance(popup));
+              component?.destroy();
+            }
+          };
+        }
+      })
+    ];
+  }
+});
+
+// src/components/UEditor/placeholder.ts
+var import_core8 = require("@tiptap/core");
+var import_state5 = require("@tiptap/pm/state");
 var import_view = require("@tiptap/pm/view");
-var UEditorPlaceholder = import_core7.Extension.create({
+var UEditorPlaceholder = import_core8.Extension.create({
   name: "placeholder",
   addOptions() {
     return {
@@ -26879,8 +27115,8 @@ var UEditorPlaceholder = import_core7.Extension.create({
   addProseMirrorPlugins() {
     const dataAttribute = `data-${this.options.dataAttribute}`;
     return [
-      new import_state4.Plugin({
-        key: new import_state4.PluginKey("placeholder"),
+      new import_state5.Plugin({
+        key: new import_state5.PluginKey("placeholder"),
         props: {
           decorations: ({ doc, selection }) => {
             const active = this.editor.isEditable || !this.options.showOnlyWhenEditable;
@@ -26900,7 +27136,7 @@ var UEditorPlaceholder = import_core7.Extension.create({
             });
             doc.descendants((node, pos) => {
               const hasAnchor = anchor >= pos && anchor <= pos + node.nodeSize;
-              const isEmpty = !node.isLeaf && (0, import_core7.isNodeEmpty)(node);
+              const isEmpty = !node.isLeaf && (0, import_core8.isNodeEmpty)(node);
               if (!((hasAnchor || !this.options.showOnlyCurrent) && isEmpty)) {
                 return this.options.includeChildren;
               }
@@ -26932,11 +27168,11 @@ var UEditorPlaceholder = import_core7.Extension.create({
 });
 
 // src/components/UEditor/resizable-image.tsx
-var import_react53 = require("react");
+var import_react55 = require("react");
 var import_extension_image = __toESM(require("@tiptap/extension-image"), 1);
-var import_core8 = require("@tiptap/core");
-var import_react54 = require("@tiptap/react");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_core9 = require("@tiptap/core");
+var import_react56 = require("@tiptap/react");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var MIN_IMAGE_SIZE_PX = 40;
 var IMAGE_LAYOUTS = /* @__PURE__ */ new Set(["block", "left", "right"]);
 var IMAGE_WIDTH_PRESETS = /* @__PURE__ */ new Set(["sm", "md", "lg"]);
@@ -27015,16 +27251,16 @@ function sizeFromHeight(height, aspect, maxWidth) {
 }
 function ResizableImageNodeView(props) {
   const { node, selected, updateAttributes, editor, getPos } = props;
-  const wrapperRef = (0, import_react53.useRef)(null);
-  const imgRef = (0, import_react53.useRef)(null);
-  const [isHovered, setIsHovered] = (0, import_react53.useState)(false);
-  const [isResizing, setIsResizing] = (0, import_react53.useState)(false);
+  const wrapperRef = (0, import_react55.useRef)(null);
+  const imgRef = (0, import_react55.useRef)(null);
+  const [isHovered, setIsHovered] = (0, import_react55.useState)(false);
+  const [isResizing, setIsResizing] = (0, import_react55.useState)(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 dragStateRef = (0, import_react53.useRef)(null);
-  (0, import_react53.useEffect)(() => {
+  const dragStateRef = (0, import_react55.useRef)(null);
+  (0, import_react55.useEffect)(() => {
     const img = imgRef.current;
     if (!img) return;
     img.style.width = widthAttr ? `${widthAttr}px` : "";
@@ -27110,8 +27346,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__ */ (0, import_jsx_runtime81.jsxs)(
-    import_react54.NodeViewWrapper,
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+    import_react56.NodeViewWrapper,
     {
       as: "div",
       ref: wrapperRef,
@@ -27125,7 +27361,7 @@ function ResizableImageNodeView(props) {
       },
       contentEditable: false,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           "img",
           {
             ref: imgRef,
@@ -27144,7 +27380,7 @@ function ResizableImageNodeView(props) {
             }
           }
         ),
-        showHandle && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        showHandle && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           "div",
           {
             "aria-hidden": "true",
@@ -27209,10 +27445,10 @@ var ResizableImage = import_extension_image.default.extend({
     };
   },
   renderHTML({ HTMLAttributes }) {
-    return ["img", (0, import_core8.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes)];
+    return ["img", (0, import_core9.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes)];
   },
   addNodeView() {
-    return (0, import_react54.ReactNodeViewRenderer)(ResizableImageNodeView);
+    return (0, import_react56.ReactNodeViewRenderer)(ResizableImageNodeView);
   }
 }).configure({
   allowBase64: true,
@@ -27257,8 +27493,8 @@ var UEditorTableRow = import_extension_table_row.default.extend({
 var table_row_default = UEditorTableRow;
 
 // src/components/UEditor/font-family.ts
-var import_core9 = require("@tiptap/core");
-var FontFamily = import_core9.Extension.create({
+var import_core10 = require("@tiptap/core");
+var FontFamily = import_core10.Extension.create({
   name: "fontFamily",
   addOptions() {
     return {
@@ -27293,8 +27529,8 @@ var FontFamily = import_core9.Extension.create({
 var font_family_default = FontFamily;
 
 // src/components/UEditor/font-size.ts
-var import_core10 = require("@tiptap/core");
-var FontSize = import_core10.Extension.create({
+var import_core11 = require("@tiptap/core");
+var FontSize = import_core11.Extension.create({
   name: "fontSize",
   addOptions() {
     return {
@@ -27329,8 +27565,8 @@ var FontSize = import_core10.Extension.create({
 var font_size_default = FontSize;
 
 // src/components/UEditor/line-height.ts
-var import_core11 = require("@tiptap/core");
-var LineHeight = import_core11.Extension.create({
+var import_core12 = require("@tiptap/core");
+var LineHeight = import_core12.Extension.create({
   name: "lineHeight",
   addOptions() {
     return {
@@ -27365,8 +27601,8 @@ var LineHeight = import_core11.Extension.create({
 var line_height_default = LineHeight;
 
 // src/components/UEditor/letter-spacing.ts
-var import_core12 = require("@tiptap/core");
-var LetterSpacing = import_core12.Extension.create({
+var import_core13 = require("@tiptap/core");
+var LetterSpacing = import_core13.Extension.create({
   name: "letterSpacing",
   addOptions() {
     return {
@@ -27402,7 +27638,7 @@ var letter_spacing_default = LetterSpacing;
 
 // src/components/UEditor/table-align.ts
 var import_extension_table = require("@tiptap/extension-table");
-var import_state5 = require("@tiptap/pm/state");
+var import_state6 = require("@tiptap/pm/state");
 
 // src/components/UEditor/table-dom-utils.ts
 var MIN_TABLE_ROW_HEIGHT = 36;
@@ -27644,7 +27880,7 @@ var UEditorTable = import_extension_table.Table.extend({
   addProseMirrorPlugins() {
     return [
       ...this.parent?.() ?? [],
-      new import_state5.Plugin({
+      new import_state6.Plugin({
         appendTransaction(_transactions, _oldState, newState) {
           const { doc, schema } = newState;
           const paragraphType = schema.nodes.paragraph;
@@ -27664,10 +27900,10 @@ var UEditorTable = import_extension_table.Table.extend({
 var table_align_default = UEditorTable;
 
 // src/components/UEditor/CodeBlockView.tsx
-var import_react55 = __toESM(require("react"), 1);
-var import_react56 = require("@tiptap/react");
-var import_lucide_react45 = require("lucide-react");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_react57 = __toESM(require("react"), 1);
+var import_react58 = require("@tiptap/react");
+var import_lucide_react46 = require("lucide-react");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var LANGUAGES = [
   { label: "Plain Text", value: "text" },
   { label: "JavaScript", value: "javascript" },
@@ -27689,12 +27925,12 @@ var CodeBlockView = ({
   updateAttributes,
   extension
 }) => {
-  const [copied, setCopied] = (0, import_react55.useState)(false);
-  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react55.useState)(false);
-  const timeoutRef = import_react55.default.useRef(null);
+  const [copied, setCopied] = (0, import_react57.useState)(false);
+  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react57.useState)(false);
+  const timeoutRef = import_react57.default.useRef(null);
   const currentLangValue = node.attrs.language || "text";
   const currentLangLabel = LANGUAGES.find((lang) => lang.value === currentLangValue)?.label || "Plain Text";
-  import_react55.default.useEffect(() => {
+  import_react57.default.useEffect(() => {
     return () => {
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
@@ -27715,15 +27951,15 @@ var CodeBlockView = ({
       console.error("Failed to copy code text: ", err);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_react56.NodeViewWrapper, { 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__ */ (0, import_jsx_runtime82.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_react58.NodeViewWrapper, { 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__ */ (0, import_jsx_runtime83.jsxs)(
       "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__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
               "button",
               {
                 type: "button",
@@ -27731,19 +27967,19 @@ var CodeBlockView = ({
                 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__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react45.ChevronDown, { className: "h-3 w-3" })
+                  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react46.ChevronDown, { className: "h-3 w-3" })
                 ]
               }
             ),
-            isDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+            isDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
                 "div",
                 {
                   className: "fixed inset-0 z-20",
                   onClick: () => setIsDropdownOpen(false)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("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__ */ (0, import_jsx_runtime82.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("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__ */ (0, import_jsx_runtime83.jsx)(
                 "button",
                 {
                   type: "button",
@@ -27761,20 +27997,20 @@ var CodeBlockView = ({
               )) })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             "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__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react45.Check, { className: "h-3.5 w-3.5 text-success animate-in fade-in-0 zoom-in-75" }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react45.Copy, { className: "h-3.5 w-3.5" })
+              children: copied ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react46.Check, { className: "h-3.5 w-3.5 text-success animate-in fade-in-0 zoom-in-75" }) : /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react46.Copy, { className: "h-3.5 w-3.5" })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("pre", { className: "m-0 overflow-x-auto [scrollbar-width:thin] pt-4 sm:pt-0", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("code", { className: "bg-transparent! text-foreground!", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react56.NodeViewContent, {}) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("pre", { className: "m-0 overflow-x-auto [scrollbar-width:thin] pt-4 sm:pt-0", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("code", { className: "bg-transparent! text-foreground!", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_react58.NodeViewContent, {}) }) })
   ] });
 };
 
@@ -27891,7 +28127,7 @@ var CustomTableCell = import_extension_table_cell.default.extend({
     mergedStyle = mergedStyle.replace(/^;/, "").trim();
     return [
       "td",
-      (0, import_core13.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
+      (0, import_core14.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
       0
     ];
   }
@@ -27998,7 +28234,7 @@ var CustomTableHeader = import_extension_table_header.default.extend({
     mergedStyle = mergedStyle.replace(/^;/, "").trim();
     return [
       "th",
-      (0, import_core13.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
+      (0, import_core14.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
       0
     ];
   }
@@ -28006,15 +28242,15 @@ var CustomTableHeader = import_extension_table_header.default.extend({
 var CustomTaskList = import_extension_task_list.default.extend({
   addInputRules() {
     return [
-      (0, import_core14.wrappingInputRule)({
+      (0, import_core15.wrappingInputRule)({
         find: /^\s*(\[ \]|\[\])\s$/,
         type: this.type
       }),
-      (0, import_core14.wrappingInputRule)({
+      (0, import_core15.wrappingInputRule)({
         find: /^\s*(-\s*\[ \]|-\s*\[\])\s$/,
         type: this.type
       }),
-      (0, import_core14.wrappingInputRule)({
+      (0, import_core15.wrappingInputRule)({
         find: /^\s*(\*\s*\[ \]|-\s*\[\])\s$/,
         type: this.type
       })
@@ -28024,7 +28260,7 @@ var CustomTaskList = import_extension_task_list.default.extend({
 var lowlight = (0, import_lowlight.createLowlight)(import_lowlight.common);
 var CustomCodeBlockLowlight = import_extension_code_block_lowlight.default.extend({
   addNodeView() {
-    return (0, import_react57.ReactNodeViewRenderer)(CodeBlockView);
+    return (0, import_react59.ReactNodeViewRenderer)(CodeBlockView);
   }
 });
 function buildUEditorExtensions({
@@ -28160,6 +28396,7 @@ function buildUEditorExtensions({
     SlashCommand.configure({
       messages: buildSlashCommandMessages(translate)
     }),
+    FormulaSuggestion,
     EmojiSuggestion,
     Callout,
     Bookmark.configure({
@@ -28172,19 +28409,19 @@ function buildUEditorExtensions({
 }
 
 // src/components/UEditor/toolbar.tsx
-var import_react60 = __toESM(require("react"), 1);
-var import_react61 = require("@tiptap/react");
-var import_lucide_react48 = require("lucide-react");
+var import_react62 = __toESM(require("react"), 1);
+var import_react63 = require("@tiptap/react");
+var import_lucide_react49 = require("lucide-react");
 
 // src/components/UEditor/colors.tsx
-var import_react58 = require("react");
-var import_lucide_react46 = require("lucide-react");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_react60 = require("react");
+var import_lucide_react47 = require("lucide-react");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var TextColorIcon = ({ color }) => {
   const underlineColor = color && color !== "inherit" ? color : "currentColor";
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "text-[15px] font-semibold leading-none", children: "A" }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "text-[15px] font-semibold leading-none", children: "A" }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       "span",
       {
         "aria-hidden": "true",
@@ -28196,9 +28433,9 @@ var TextColorIcon = ({ color }) => {
 };
 var HighlightColorIcon = ({ color }) => {
   const underlineColor = color || "currentColor";
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react46.Highlighter, { className: "h-4 w-4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react47.Highlighter, { className: "h-4 w-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       "span",
       {
         "aria-hidden": "true",
@@ -28210,9 +28447,9 @@ var HighlightColorIcon = ({ color }) => {
 };
 var CellBgColorIcon = ({ color }) => {
   const underlineColor = color && color !== "inherit" ? color : "currentColor";
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react46.Paintbrush, { className: "h-4 w-4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react47.Paintbrush, { className: "h-4 w-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       "span",
       {
         "aria-hidden": "true",
@@ -28224,9 +28461,9 @@ var CellBgColorIcon = ({ color }) => {
 };
 var CellBorderIcon = ({ color }) => {
   const underlineColor = color && color !== "inherit" ? color : "currentColor";
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react46.Grid, { className: "h-4 w-4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react47.Grid, { className: "h-4 w-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       "span",
       {
         "aria-hidden": "true",
@@ -28309,7 +28546,7 @@ function buildColorOptions(colors, prefix) {
 }
 var useEditorColors = () => {
   const t = useSmartTranslations("UEditor");
-  const textColors = (0, import_react58.useMemo)(
+  const textColors = (0, import_react60.useMemo)(
     () => [
       { name: t("colors.default"), color: "inherit", cssClass: "text-foreground" },
       { name: t("colors.muted"), color: "var(--muted-foreground)", cssClass: "text-muted-foreground" },
@@ -28323,7 +28560,7 @@ var useEditorColors = () => {
     ],
     [t]
   );
-  const highlightColors = (0, import_react58.useMemo)(
+  const highlightColors = (0, import_react60.useMemo)(
     () => [
       { name: t("colors.default"), color: "", cssClass: "" },
       { name: t("colors.muted"), color: "var(--muted)", cssClass: "bg-muted" },
@@ -28347,12 +28584,12 @@ var EditorColorPalette = ({
   label
 }) => {
   const t = useSmartTranslations("UEditor");
-  const colorInputRef = (0, import_react58.useRef)(null);
+  const colorInputRef = (0, import_react60.useRef)(null);
   const automaticColor = colors[0]?.color ?? "";
   const paletteColors = colors.slice(1);
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "w-56 p-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "w-56 p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
       "button",
       {
         type: "button",
@@ -28364,12 +28601,12 @@ var EditorColorPalette = ({
           currentColor === automaticColor ? "border-primary text-primary" : "border-transparent text-foreground"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "flex h-5 w-5 items-center justify-center rounded border border-border bg-background", children: currentColor === automaticColor && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react46.Check, { className: "h-3.5 w-3.5" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "flex-1 text-center", children: t("colors.automatic") })
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "flex h-5 w-5 items-center justify-center rounded border border-border bg-background", children: currentColor === automaticColor && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react47.Check, { className: "h-3.5 w-3.5" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "flex-1 text-center", children: t("colors.automatic") })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "mt-2 grid grid-cols-8 gap-1", children: paletteColors.map((c) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Tooltip, { placement: "top", content: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "text-xs font-medium", children: c.name }), children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "mt-2 grid grid-cols-8 gap-1", children: paletteColors.map((c) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Tooltip, { placement: "top", content: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "text-xs font-medium", children: c.name }), children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       "button",
       {
         type: "button",
@@ -28381,10 +28618,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__ */ (0, import_jsx_runtime83.jsx)("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react46.Check, { 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__ */ (0, import_jsx_runtime84.jsx)("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react47.Check, { 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__ */ (0, import_jsx_runtime83.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
       "button",
       {
         type: "button",
@@ -28392,7 +28629,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__ */ (0, import_jsx_runtime83.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
             "span",
             {
               "aria-hidden": "true",
@@ -28402,9 +28639,9 @@ var EditorColorPalette = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "flex-1 text-center", children: t("colors.moreColors") }),
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react46.Palette, { className: "h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "flex-1 text-center", children: t("colors.moreColors") }),
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react47.Palette, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
             "input",
             {
               ref: colorInputRef,
@@ -28422,7 +28659,7 @@ var EditorColorPalette = ({
 };
 
 // src/components/UEditor/image-commands.ts
-var import_state6 = require("@tiptap/pm/state");
+var import_state7 = require("@tiptap/pm/state");
 var IMAGE_WIDTHS_BY_LAYOUT = {
   block: {
     sm: 180,
@@ -28437,7 +28674,7 @@ var IMAGE_WIDTHS_BY_LAYOUT = {
 };
 function isSelectedImage(editor) {
   const { selection } = editor.state;
-  return selection instanceof import_state6.NodeSelection && selection.node.type.name === "image";
+  return selection instanceof import_state7.NodeSelection && selection.node.type.name === "image";
 }
 function toPositiveNumber(value) {
   if (typeof value === "number" && Number.isFinite(value) && value > 0) return value;
@@ -28479,7 +28716,7 @@ function getImagePresetAttributes(editor, width, preset, attrs, pos) {
 function applyImageLayout(editor, layout) {
   const { state, view } = editor;
   const { selection, schema } = state;
-  if (!(selection instanceof import_state6.NodeSelection) || selection.node.type.name !== "image") {
+  if (!(selection instanceof import_state7.NodeSelection) || selection.node.type.name !== "image") {
     editor.chain().focus().updateAttributes("image", { imageLayout: layout }).run();
     return;
   }
@@ -28497,10 +28734,10 @@ function applyImageLayout(editor, layout) {
       }
     }
     const resolvedPos = transaction.doc.resolve(Math.min(nextPos + 1, transaction.doc.content.size));
-    transaction = transaction.setSelection(import_state6.TextSelection.near(resolvedPos));
+    transaction = transaction.setSelection(import_state7.TextSelection.near(resolvedPos));
   } else {
     const resolvedPos = transaction.doc.resolve(selection.from);
-    transaction = transaction.setSelection(import_state6.NodeSelection.create(transaction.doc, resolvedPos.pos));
+    transaction = transaction.setSelection(import_state7.NodeSelection.create(transaction.doc, resolvedPos.pos));
   }
   view.dispatch(transaction.scrollIntoView());
   view.focus();
@@ -28549,9 +28786,9 @@ function deleteSelectedImage(editor) {
 }
 
 // src/components/UEditor/inputs.tsx
-var import_react59 = require("react");
-var import_lucide_react47 = require("lucide-react");
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_react61 = require("react");
+var import_lucide_react48 = require("lucide-react");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 function normalizeUrl(raw) {
   return sanitizeUEditorUrl(raw, "link");
 }
@@ -28561,9 +28798,9 @@ var LinkInput = ({
   initialUrl = ""
 }) => {
   const t = useSmartTranslations("UEditor");
-  const [url, setUrl] = (0, import_react59.useState)(initialUrl);
-  const inputRef = (0, import_react59.useRef)(null);
-  (0, import_react59.useEffect)(() => {
+  const [url, setUrl] = (0, import_react61.useState)(initialUrl);
+  const inputRef = (0, import_react61.useRef)(null);
+  (0, import_react61.useEffect)(() => {
     inputRef.current?.focus();
     inputRef.current?.select();
   }, []);
@@ -28572,8 +28809,8 @@ var LinkInput = ({
     const normalized = normalizeUrl(url);
     if (normalized) onSubmit(normalized);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       "input",
       {
         ref: inputRef,
@@ -28584,16 +28821,16 @@ var LinkInput = ({
         className: "flex-1 px-3 py-2 text-sm bg-muted/50 border-0 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react47.Check, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react47.X, { className: "w-4 h-4" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.Check, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.X, { className: "w-4 h-4" }) })
   ] });
 };
 var ImageInput = ({ onSubmit, onCancel }) => {
   const t = useSmartTranslations("UEditor");
-  const [url, setUrl] = (0, import_react59.useState)("");
-  const [alt, setAlt] = (0, import_react59.useState)("");
-  const inputRef = (0, import_react59.useRef)(null);
-  (0, import_react59.useEffect)(() => {
+  const [url, setUrl] = (0, import_react61.useState)("");
+  const [alt, setAlt] = (0, import_react61.useState)("");
+  const inputRef = (0, import_react61.useRef)(null);
+  (0, import_react61.useEffect)(() => {
     inputRef.current?.focus();
   }, []);
   const handleSubmit = (e) => {
@@ -28603,10 +28840,10 @@ var ImageInput = ({ onSubmit, onCancel }) => {
       onSubmit(safeUrl, alt);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
         "input",
         {
           ref: inputRef,
@@ -28618,9 +28855,9 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
         "input",
         {
           type: "text",
@@ -28631,8 +28868,8 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
         "button",
         {
           type: "submit",
@@ -28641,13 +28878,13 @@ var ImageInput = ({ onSubmit, onCancel }) => {
           children: t("imageInput.addBtn")
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", onClick: onCancel, className: "px-4 py-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: t("imageInput.cancelBtn") })
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", onClick: onCancel, className: "px-4 py-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: t("imageInput.cancelBtn") })
     ] })
   ] });
 };
 
 // src/components/UEditor/table-cell-commands.ts
-var import_state7 = require("@tiptap/pm/state");
+var import_state8 = require("@tiptap/pm/state");
 var import_tables = require("@tiptap/pm/tables");
 function getCellSelectionPositions(selection) {
   const value = selection;
@@ -28681,7 +28918,7 @@ function getFocusableCellPos(editor, cellPos) {
   return node?.isTextblock ? offset + 1 : cellPos + 1;
 }
 function focusCell(editor, cellPos) {
-  const selection = import_state7.TextSelection.near(editor.state.doc.resolve(getFocusableCellPos(editor, cellPos)));
+  const selection = import_state8.TextSelection.near(editor.state.doc.resolve(getFocusableCellPos(editor, cellPos)));
   editor.view.dispatch(editor.state.tr.setSelection(selection));
   editor.view.focus();
 }
@@ -28972,7 +29209,7 @@ function getDefaultLetterSpacings() {
 }
 
 // src/components/UEditor/toolbar.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 function getTableAnchorPos(editor) {
   const tableInfo = findTableNodeInfoFromState(editor.state);
   if (tableInfo) return editor.state.selection.from;
@@ -29002,8 +29239,8 @@ function fileToDataUrl2(file) {
 function formatTableInsertLabel(template, rows, cols) {
   return template.replace("{rows}", String(rows)).replace("{cols}", String(cols));
 }
-var ToolbarButton = import_react60.default.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
-  const button = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+var ToolbarButton = import_react62.default.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
+  const button = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "button",
     {
       ref,
@@ -29028,28 +29265,28 @@ var ToolbarButton = import_react60.default.forwardRef(({ onClick, onMouseDown, a
     }
   );
   if (title) {
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
   }
   return button;
 });
 ToolbarButton.displayName = "ToolbarButton";
-var ToolbarDivider = () => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "mx-0.5 h-5 w-px bg-border/60" });
+var ToolbarDivider = () => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "mx-0.5 h-5 w-px bg-border/60" });
 var TableInsertGrid = ({
   insertLabel,
   previewTemplate,
   onInsert
 }) => {
-  const [selection, setSelection] = import_react60.default.useState({ rows: 3, cols: 3 });
+  const [selection, setSelection] = import_react62.default.useState({ rows: 3, cols: 3 });
   const maxRows = 8;
   const maxCols = 8;
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "mb-2 rounded-xl border border-border/60 bg-muted/20 p-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "mb-2 text-sm font-medium text-foreground", children: formatTableInsertLabel(previewTemplate, selection.rows, selection.cols) }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "grid grid-cols-8 gap-1", onMouseLeave: () => setSelection((prev) => prev), children: Array.from({ length: maxRows }).map(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "mb-2 rounded-xl border border-border/60 bg-muted/20 p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "mb-2 text-sm font-medium text-foreground", children: formatTableInsertLabel(previewTemplate, selection.rows, selection.cols) }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("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__ */ (0, import_jsx_runtime85.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
           "button",
           {
             type: "button",
@@ -29067,7 +29304,7 @@ var TableInsertGrid = ({
         );
       })
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "mt-2 text-xs text-muted-foreground", children: insertLabel })
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "mt-2 text-xs text-muted-foreground", children: insertLabel })
   ] });
 };
 var EditorToolbar = ({
@@ -29083,18 +29320,18 @@ var EditorToolbar = ({
   letterSpacings
 }) => {
   const t = useSmartTranslations("UEditor");
-  (0, import_react61.useEditorState)({
+  (0, import_react63.useEditorState)({
     editor,
     selector: ({ transactionNumber }) => transactionNumber
   });
   const { textColors, highlightColors } = useEditorColors();
-  const [showImageInput, setShowImageInput] = (0, import_react60.useState)(false);
-  const [showLinkInput, setShowLinkInput] = (0, import_react60.useState)(false);
-  const [isTableMenuOpen, setIsTableMenuOpen] = (0, import_react60.useState)(false);
-  const tableCommandAnchorPosRef = (0, import_react60.useRef)(null);
-  const fileInputRef = (0, import_react60.useRef)(null);
-  const [isUploadingImage, setIsUploadingImage] = (0, import_react60.useState)(false);
-  const [imageUploadError, setImageUploadError] = (0, import_react60.useState)(null);
+  const [showImageInput, setShowImageInput] = (0, import_react62.useState)(false);
+  const [showLinkInput, setShowLinkInput] = (0, import_react62.useState)(false);
+  const [isTableMenuOpen, setIsTableMenuOpen] = (0, import_react62.useState)(false);
+  const tableCommandAnchorPosRef = (0, import_react62.useRef)(null);
+  const fileInputRef = (0, import_react62.useRef)(null);
+  const [isUploadingImage, setIsUploadingImage] = (0, import_react62.useState)(false);
+  const [imageUploadError, setImageUploadError] = (0, import_react62.useState)(null);
   const isImageSelected = editor.isActive("image");
   const imageAttrs = editor.getAttributes("image");
   const tableAnchorPos = getTableAnchorPos(editor);
@@ -29115,10 +29352,10 @@ var EditorToolbar = ({
   const currentHighlightColor = normalizeStyleValue(editor.getAttributes("highlight").color) || "";
   const currentLineHeight = normalizeStyleValue(textStyleAttrs.lineHeight);
   const currentLetterSpacing = normalizeStyleValue(textStyleAttrs.letterSpacing);
-  const availableFontFamilies = import_react60.default.useMemo(() => fontFamilies ?? getDefaultFontFamilies(t), [fontFamilies, t]);
-  const availableFontSizes = import_react60.default.useMemo(() => fontSizes ?? getDefaultFontSizes(), [fontSizes]);
-  const availableLineHeights = import_react60.default.useMemo(() => lineHeights ?? getDefaultLineHeights(), [lineHeights]);
-  const availableLetterSpacings = import_react60.default.useMemo(() => letterSpacings ?? getDefaultLetterSpacings(), [letterSpacings]);
+  const availableFontFamilies = import_react62.default.useMemo(() => fontFamilies ?? getDefaultFontFamilies(t), [fontFamilies, t]);
+  const availableFontSizes = import_react62.default.useMemo(() => fontSizes ?? getDefaultFontSizes(), [fontSizes]);
+  const availableLineHeights = import_react62.default.useMemo(() => lineHeights ?? getDefaultLineHeights(), [lineHeights]);
+  const availableLetterSpacings = import_react62.default.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");
@@ -29147,41 +29384,41 @@ var EditorToolbar = ({
     setIsUploadingImage(false);
   };
   if (variant === "minimal") {
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex items-center gap-1 border-b border-border/35 bg-muted/30 p-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.Bold, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.Italic, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center gap-1 border-b border-border/35 bg-muted/30 p-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Bold, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Italic, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleBulletList().run(),
           active: editor.isActive("bulletList"),
           title: t("toolbar.bulletList"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.List, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.List, { className: "w-4 h-4" })
         }
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("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__ */ (0, import_jsx_runtime85.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("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__ */ (0, import_jsx_runtime86.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.fontFamily"), className: "px-1.5 w-auto gap-0.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.Baseline, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ChevronDown, { className: "h-3 w-3 text-muted-foreground" })
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Baseline, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.ChevronDown, { className: "h-3 w-3 text-muted-foreground" })
         ] }),
         contentClassName: "max-h-80 overflow-y-auto min-w-56 p-2",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.Type,
+              icon: import_lucide_react49.Type,
               label: t("toolbar.fontDefault"),
               onClick: () => editor.chain().focus().unsetFontFamily().run(),
               active: !currentFontFamily
             }
           ),
-          availableFontFamilies.map((option) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          availableFontFamilies.map((option) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
               label: option.label,
@@ -29194,29 +29431,29 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.fontSize"), className: "px-1.5 w-auto gap-0.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex items-center gap-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ChevronsUpDown, { className: "h-3 w-3 text-muted-foreground", strokeWidth: 2.5 }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "text-xs font-bold leading-none", children: "A" })
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center gap-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.ChevronsUpDown, { className: "h-3 w-3 text-muted-foreground", strokeWidth: 2.5 }),
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "text-xs font-bold leading-none", children: "A" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ChevronDown, { className: "h-3 w-3 text-muted-foreground" })
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.ChevronDown, { className: "h-3 w-3 text-muted-foreground" })
         ] }),
         contentClassName: "max-h-80 overflow-y-auto min-w-32 p-2",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.Type,
+              icon: import_lucide_react49.Type,
               label: t("toolbar.sizeDefault"),
               onClick: () => editor.chain().focus().unsetFontSize().run(),
               active: !currentFontSize
             }
           ),
-          availableFontSizes.map((option) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          availableFontSizes.map((option) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
               label: option.label,
@@ -29228,49 +29465,49 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
       DropdownMenu,
       {
         contentClassName: "p-1",
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.textStyle"), className: "px-1.5 w-auto gap-0.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.Type, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ChevronDown, { className: "h-3 w-3 text-muted-foreground" })
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Type, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.ChevronDown, { className: "h-3 w-3 text-muted-foreground" })
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.Type,
+              icon: import_lucide_react49.Type,
               label: t("toolbar.normal"),
               onClick: () => editor.chain().focus().setParagraph().run(),
               active: editor.isActive("paragraph")
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.Heading1,
+              icon: import_lucide_react49.Heading1,
               label: t("toolbar.heading1"),
               onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
               active: editor.isActive("heading", { level: 1 }),
               shortcut: "Ctrl+Alt+1"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.Heading2,
+              icon: import_lucide_react49.Heading2,
               label: t("toolbar.heading2"),
               onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
               active: editor.isActive("heading", { level: 2 }),
               shortcut: "Ctrl+Alt+2"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.Heading3,
+              icon: import_lucide_react49.Heading3,
               label: t("toolbar.heading3"),
               onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
               active: editor.isActive("heading", { level: 3 }),
@@ -29280,26 +29517,26 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.lineHeight"), className: "gap-0.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ArrowUp, { className: "w-3 h-3" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ArrowDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.ArrowUp, { className: "w-3 h-3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.ArrowDown, { className: "w-3 h-3" })
         ] }),
         contentClassName: "max-h-72 overflow-y-auto p-1",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.Type,
+              icon: import_lucide_react49.Type,
               label: t("toolbar.lineHeightDefault"),
               onClick: () => editor.chain().focus().unsetLineHeight().run(),
               active: !currentLineHeight
             }
           ),
-          availableLineHeights.map((option) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          availableLineHeights.map((option) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
               label: option.label,
@@ -29311,26 +29548,26 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.letterSpacing"), className: "gap-0.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ArrowLeft, { className: "w-3 h-3" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ArrowRight, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.ArrowLeft, { className: "w-3 h-3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.ArrowRight, { className: "w-3 h-3" })
         ] }),
         contentClassName: "max-h-72 overflow-y-auto p-1",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.Type,
+              icon: import_lucide_react49.Type,
               label: t("toolbar.letterSpacingDefault"),
               onClick: () => editor.chain().focus().unsetLetterSpacing().run(),
               active: !currentLetterSpacing
             }
           ),
-          availableLetterSpacings.map((option) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          availableLetterSpacings.map((option) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
               label: option.label,
@@ -29342,44 +29579,44 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.Bold, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.Italic, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Bold, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Italic, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.Underline, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Underline, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.Strikethrough, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.Code, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Strikethrough, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Code, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSubscript().run(),
         active: editor.isActive("subscript"),
         title: t("toolbar.subscript"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.Subscript, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Subscript, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSuperscript().run(),
         active: editor.isActive("superscript"),
         title: t("toolbar.superscript"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.Superscript, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Superscript, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       DropdownMenu,
       {
         contentClassName: "min-w-72",
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarButton, { onClick: () => setShowLinkInput(!editor.isActive("link")), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.Link, { className: "w-4 h-4" }) }),
-        children: showLinkInput ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => setShowLinkInput(!editor.isActive("link")), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Link, { className: "w-4 h-4" }) }),
+        children: showLinkInput ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
           LinkInput,
           {
             initialUrl: String(editor.getAttributes("link").href ?? ""),
@@ -29389,21 +29626,21 @@ var EditorToolbar = ({
             },
             onCancel: () => setShowLinkInput(false)
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.Link,
+              icon: import_lucide_react49.Link,
               label: t("toolbar.link"),
               onClick: () => setShowLinkInput(true),
               active: editor.isActive("link"),
               closeOnSelect: false
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.Trash2,
+              icon: import_lucide_react49.Trash2,
               label: t("toolbar.removeLink"),
               onClick: () => editor.chain().focus().extendMarkRange("link").unsetLink().run(),
               disabled: !editor.isActive("link"),
@@ -29413,16 +29650,16 @@ var EditorToolbar = ({
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("colors.textColor"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TextColorIcon, { color: currentTextColor }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TextColorIcon, { color: currentTextColor }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.ChevronDown, { className: "w-3 h-3" })
         ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
           EditorColorPalette,
           {
             colors: textColors,
@@ -29439,15 +29676,15 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(ToolbarButton, { onClick: () => {
         }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(HighlightColorIcon, { color: currentHighlightColor }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(HighlightColorIcon, { color: currentHighlightColor }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.ChevronDown, { className: "w-3 h-3" })
         ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
           EditorColorPalette,
           {
             colors: highlightColors,
@@ -29464,14 +29701,14 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       DropdownMenu,
       {
         contentClassName: "p-0 overflow-hidden",
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.emoji"), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.Smile, { className: "w-4 h-4" }) }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => {
+        }, title: t("toolbar.emoji"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Smile, { className: "w-4 h-4" }) }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
           EmojiPicker2,
           {
             onSelect: (emoji) => {
@@ -29481,47 +29718,47 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.alignment"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.AlignLeft, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.AlignLeft, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.AlignLeft,
+              icon: import_lucide_react49.AlignLeft,
               label: t("toolbar.alignLeft"),
               onClick: () => editor.chain().focus().setTextAlign("left").run(),
               active: editor.isActive({ textAlign: "left" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.AlignCenter,
+              icon: import_lucide_react49.AlignCenter,
               label: t("toolbar.alignCenter"),
               onClick: () => editor.chain().focus().setTextAlign("center").run(),
               active: editor.isActive({ textAlign: "center" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.AlignRight,
+              icon: import_lucide_react49.AlignRight,
               label: t("toolbar.alignRight"),
               onClick: () => editor.chain().focus().setTextAlign("right").run(),
               active: editor.isActive({ textAlign: "right" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.AlignJustify,
+              icon: import_lucide_react49.AlignJustify,
               label: t("toolbar.justify"),
               onClick: () => editor.chain().focus().setTextAlign("justify").run(),
               active: editor.isActive({ textAlign: "justify" })
@@ -29530,40 +29767,40 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.bulletList"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.List, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.List, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.List,
+              icon: import_lucide_react49.List,
               label: t("toolbar.bulletList"),
               onClick: () => editor.chain().focus().toggleBulletList().run(),
               active: editor.isActive("bulletList"),
               shortcut: "Ctrl+Shift+8"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.ListOrdered,
+              icon: import_lucide_react49.ListOrdered,
               label: t("toolbar.orderedList"),
               onClick: () => editor.chain().focus().toggleOrderedList().run(),
               active: editor.isActive("orderedList"),
               shortcut: "Ctrl+Shift+7"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.ListTodo,
+              icon: import_lucide_react49.ListTodo,
               label: t("toolbar.taskList"),
               onClick: () => editor.chain().focus().toggleTaskList().run(),
               active: editor.isActive("taskList"),
@@ -29573,29 +29810,29 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.quote"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.Quote, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Quote, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.Quote,
+              icon: import_lucide_react49.Quote,
               label: t("toolbar.quote"),
               onClick: () => editor.chain().focus().toggleBlockquote().run(),
               active: editor.isActive("blockquote"),
               shortcut: "Ctrl+Shift+B"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.FileCode,
+              icon: import_lucide_react49.FileCode,
               label: t("toolbar.codeBlock"),
               onClick: () => editor.chain().focus().toggleCodeBlock().run(),
               active: editor.isActive("codeBlock"),
@@ -29605,15 +29842,15 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.image"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.Image, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Image, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.ChevronDown, { className: "w-3 h-3" })
         ] }),
-        children: showImageInput ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        children: showImageInput ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
           ImageInput,
           {
             onSubmit: (url, alt) => {
@@ -29622,20 +29859,20 @@ var EditorToolbar = ({
             },
             onCancel: () => setShowImageInput(false)
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DropdownMenuItem, { icon: import_lucide_react48.Link, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true), closeOnSelect: false }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(DropdownMenuItem, { icon: import_lucide_react49.Link, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true), closeOnSelect: false }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.Upload,
+              icon: import_lucide_react49.Upload,
               label: isUploadingImage ? t("imageInput.uploading") : t("imageInput.uploadTab"),
               disabled: isUploadingImage,
               onClick: () => fileInputRef.current?.click(),
               closeOnSelect: false
             }
           ),
-          imageUploadError && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          imageUploadError && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             "input",
             {
               ref: fileInputRef,
@@ -29650,39 +29887,39 @@ var EditorToolbar = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.AlignCenter,
+              icon: import_lucide_react49.AlignCenter,
               label: t("toolbar.imageLayoutBlock"),
               onClick: () => applyImageLayout(editor, "block"),
               active: isImageSelected && imageLayout === "block",
               disabled: !isImageSelected
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.AlignLeft,
+              icon: import_lucide_react49.AlignLeft,
               label: t("toolbar.imageLayoutLeft"),
               onClick: () => applyImageLayout(editor, "left"),
               active: isImageSelected && imageLayout === "left",
               disabled: !isImageSelected
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.AlignRight,
+              icon: import_lucide_react49.AlignRight,
               label: t("toolbar.imageLayoutRight"),
               onClick: () => applyImageLayout(editor, "right"),
               active: isImageSelected && imageLayout === "right",
               disabled: !isImageSelected
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
               label: t("toolbar.imageWidthSm"),
@@ -29691,7 +29928,7 @@ var EditorToolbar = ({
               disabled: !isImageSelected
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
               label: t("toolbar.imageWidthMd"),
@@ -29700,7 +29937,7 @@ var EditorToolbar = ({
               disabled: !isImageSelected
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
               label: t("toolbar.imageWidthLg"),
@@ -29709,20 +29946,20 @@ var EditorToolbar = ({
               disabled: !isImageSelected
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.RotateCcw,
+              icon: import_lucide_react49.RotateCcw,
               label: t("toolbar.imageResetSize"),
               onClick: () => resetImageSize(editor),
               disabled: !isImageSelected
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.Trash2,
+              icon: import_lucide_react49.Trash2,
               label: t("toolbar.imageDelete"),
               onClick: () => deleteSelectedImage(editor),
               disabled: !isImageSelected,
@@ -29732,7 +29969,7 @@ var EditorToolbar = ({
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
       DropdownMenu,
       {
         isOpen: isTableMenuOpen,
@@ -29740,14 +29977,14 @@ var EditorToolbar = ({
           setIsTableMenuOpen(open);
           tableCommandAnchorPosRef.current = open ? getTableAnchorPos(editor) : null;
         },
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.table"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.Table, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Table, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.ChevronDown, { className: "w-3 h-3" })
         ] }),
         contentClassName: "p-2 min-w-56",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             TableInsertGrid,
             {
               insertLabel: t("tableMenu.insertTable"),
@@ -29758,116 +29995,116 @@ var EditorToolbar = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.AlignLeft,
+              icon: import_lucide_react49.AlignLeft,
               label: t("tableMenu.alignLeft"),
               onClick: () => applyTableAlignment(editor, "left", tableCommandAnchorPos),
               active: hasTableContext && currentTableAlign === "left",
               disabled: !hasTableContext
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.AlignCenter,
+              icon: import_lucide_react49.AlignCenter,
               label: t("tableMenu.alignCenter"),
               onClick: () => applyTableAlignment(editor, "center", tableCommandAnchorPos),
               active: hasTableContext && currentTableAlign === "center",
               disabled: !hasTableContext
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.AlignRight,
+              icon: import_lucide_react49.AlignRight,
               label: t("tableMenu.alignRight"),
               onClick: () => applyTableAlignment(editor, "right", tableCommandAnchorPos),
               active: hasTableContext && currentTableAlign === "right",
               disabled: !hasTableContext
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.ArrowLeft,
+              icon: import_lucide_react49.ArrowLeft,
               label: t("tableMenu.addColumnBefore"),
               onClick: () => editor.chain().focus().addColumnBefore().run(),
               disabled: !hasTableContext || !editor.can().addColumnBefore()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.ArrowDown,
+              icon: import_lucide_react49.ArrowDown,
               label: t("tableMenu.addColumnAfter"),
               onClick: () => editor.chain().focus().addColumnAfter().run(),
               disabled: !hasTableContext || !editor.can().addColumnAfter()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.ArrowUp,
+              icon: import_lucide_react49.ArrowUp,
               label: t("tableMenu.addRowBefore"),
               onClick: () => editor.chain().focus().addRowBefore().run(),
               disabled: !hasTableContext || !editor.can().addRowBefore()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.ArrowRight,
+              icon: import_lucide_react49.ArrowRight,
               label: t("tableMenu.addRowAfter"),
               onClick: () => editor.chain().focus().addRowAfter().run(),
               disabled: !hasTableContext || !editor.can().addRowAfter()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.Table,
+              icon: import_lucide_react49.Table,
               label: t("tableMenu.toggleHeaderRow"),
               onClick: () => editor.chain().focus().toggleHeaderRow().run(),
               disabled: !hasTableContext || !editor.can().toggleHeaderRow()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.Table,
+              icon: import_lucide_react49.Table,
               label: t("tableMenu.toggleHeaderColumn"),
               onClick: () => editor.chain().focus().toggleHeaderColumn().run(),
               disabled: !hasTableContext || !editor.can().toggleHeaderColumn()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.Trash2,
+              icon: import_lucide_react49.Trash2,
               label: t("tableMenu.deleteColumn"),
               onClick: () => editor.chain().focus().deleteColumn().run(),
               disabled: !hasTableContext || !editor.can().deleteColumn()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.Trash2,
+              icon: import_lucide_react49.Trash2,
               label: t("tableMenu.deleteRow"),
               onClick: () => editor.chain().focus().deleteRow().run(),
               disabled: !hasTableContext || !editor.can().deleteRow()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react48.Trash2,
+              icon: import_lucide_react49.Trash2,
               label: t("tableMenu.deleteTable"),
               onClick: () => editor.chain().focus().deleteTable().run(),
               disabled: !hasTableContext || !editor.can().deleteTable()
@@ -29876,48 +30113,48 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.Undo, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.Redo, { className: "w-4 h-4" }) }),
-    hasTableContext && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Undo, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Redo, { className: "w-4 h-4" }) }),
+    hasTableContext && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().addColumnBefore().run(),
           disabled: !editor.can().addColumnBefore(),
           title: t("tableMenu.addColumnBefore"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ArrowLeft, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.ArrowLeft, { className: "w-4 h-4" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().addColumnAfter().run(),
           disabled: !editor.can().addColumnAfter(),
           title: t("tableMenu.addColumnAfter"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ArrowRight, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.ArrowRight, { className: "w-4 h-4" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().addRowBefore().run(),
           disabled: !editor.can().addRowBefore(),
           title: t("tableMenu.addRowBefore"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ArrowUp, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.ArrowUp, { className: "w-4 h-4" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().addRowAfter().run(),
           disabled: !editor.can().addRowAfter(),
           title: t("tableMenu.addRowAfter"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ArrowDown, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.ArrowDown, { className: "w-4 h-4" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         ToolbarButton,
         {
           onClick: () => {
@@ -29930,7 +30167,7 @@ var EditorToolbar = ({
           active: canSplitCell,
           disabled: !canMergeCells && !canSplitCell,
           title: canSplitCell ? t("tableMenu.splitCell") : t("tableMenu.mergeCells"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.TableCellsMerge, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.TableCellsMerge, { className: "w-4 h-4" })
         }
       )
     ] })
@@ -29938,11 +30175,11 @@ var EditorToolbar = ({
 };
 
 // src/components/UEditor/menus.tsx
-var import_react62 = require("react");
-var import_react63 = require("@tiptap/react");
+var import_react64 = require("react");
+var import_react65 = require("@tiptap/react");
 var import_tables3 = require("@tiptap/pm/tables");
 var import_react_dom8 = require("react-dom");
-var import_lucide_react49 = require("lucide-react");
+var import_lucide_react50 = require("lucide-react");
 
 // src/components/UEditor/table-formula-commands.ts
 var import_tables2 = require("@tiptap/pm/tables");
@@ -30019,9 +30256,67 @@ function getTableCellRangeLabels(range) {
 function normalizeTableFormula(formula) {
   return formula.trim().replace(/^=/, "").trim();
 }
+function isDraftTableFormula(formula) {
+  const normalized = normalizeTableFormula(formula);
+  if (!normalized) return true;
+  let depth = 0;
+  for (const char of normalized) {
+    if (char === "(") depth += 1;
+    if (char === ")") depth -= 1;
+    if (depth < 0) return false;
+  }
+  if (depth > 0) return true;
+  if (/^[A-Z]+\(\s*\)$/i.test(normalized)) return true;
+  if (/[+\-*/,(]\s*$/.test(normalized)) return true;
+  return false;
+}
 function formatFormulaError(error) {
   return `#${error.toUpperCase()}`;
 }
+function normalizeTableNumberFormat(format) {
+  return format === "text" || format === "number" || format === "currency" || format === "percent" || format === "date" ? format : "text";
+}
+function formatTableFormulaDisplayValue(value, numberFormat) {
+  const stringValue = String(value);
+  if (stringValue.startsWith("#")) {
+    return stringValue;
+  }
+  const normalizedFormat = normalizeTableNumberFormat(numberFormat);
+  if (normalizedFormat === "text") {
+    return stringValue;
+  }
+  const numericValue = typeof value === "number" ? value : Number.parseFloat(stringValue.replace(/,/g, ""));
+  if (!Number.isFinite(numericValue)) {
+    return stringValue;
+  }
+  if (normalizedFormat === "number") {
+    return new Intl.NumberFormat("en-US", { maximumFractionDigits: 6 }).format(numericValue);
+  }
+  if (normalizedFormat === "currency") {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: "USD",
+      maximumFractionDigits: 2
+    }).format(numericValue);
+  }
+  if (normalizedFormat === "percent") {
+    return new Intl.NumberFormat("en-US", {
+      style: "percent",
+      maximumFractionDigits: 2
+    }).format(numericValue);
+  }
+  const excelEpochMs = Date.UTC(1899, 11, 30);
+  const date = new Date(excelEpochMs + numericValue * 24 * 60 * 60 * 1e3);
+  if (Number.isNaN(date.getTime())) {
+    return stringValue;
+  }
+  return new Intl.DateTimeFormat("en-US", {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    timeZone: "UTC"
+  }).format(date);
+}
 function getTableFormulaReferences(formula) {
   const normalized = normalizeTableFormula(formula);
   if (!normalized) return [];
@@ -30418,24 +30713,70 @@ function setSelectedTableCellFormula(editor, formula) {
 function clearSelectedTableCellFormula(editor) {
   return setSelectedTableCellFormula(editor, "");
 }
+function setSelectedTableCellNumberFormat(editor, numberFormat) {
+  const value = numberFormat && numberFormat !== "text" ? numberFormat : null;
+  const { state, view } = editor;
+  const applied = (0, import_tables2.setCellAttr)("numberFormat", value)(state, view.dispatch.bind(view));
+  if (!applied) return false;
+  recalculateSelectedTable(editor);
+  view.focus();
+  dispatchTableLayoutChange(editor);
+  return true;
+}
 function promoteFormulaTextInTableNode(tableNode) {
   let changed = false;
   const rows = getTableRows2(tableNode).map((rowInfo) => {
     const cells = collectChildren2(rowInfo.node);
     for (const entry of rowInfo.cells) {
       const text = getCellText(entry.node);
-      const formula = text.startsWith("=") ? normalizeFormulaInput(text) : "";
-      if (!formula || entry.node.attrs.formula === formula) continue;
-      cells[entry.index] = entry.node.type.create(
-        {
-          ...entry.node.attrs,
-          formula,
-          computedValue: null
-        },
-        entry.node.content,
-        entry.node.marks
-      );
-      changed = true;
+      const existingFormula = typeof entry.node.attrs.formula === "string" ? entry.node.attrs.formula.trim() : "";
+      const existingComputedValue = typeof entry.node.attrs.computedValue === "string" ? entry.node.attrs.computedValue.trim() : "";
+      if (text.startsWith("=")) {
+        if (!normalizeTableFormula(text)) {
+          if (!existingFormula && !existingComputedValue) continue;
+          cells[entry.index] = entry.node.type.create(
+            {
+              ...entry.node.attrs,
+              formula: null,
+              computedValue: null
+            },
+            text === formatFormulaError("empty") ? createCellDisplayContent(entry.node, "") : entry.node.content,
+            entry.node.marks
+          );
+          changed = true;
+          continue;
+        }
+        if (isDraftTableFormula(text)) {
+          continue;
+        }
+        const formula = normalizeFormulaInput(text);
+        if (entry.node.attrs.formula === formula) continue;
+        cells[entry.index] = entry.node.type.create(
+          {
+            ...entry.node.attrs,
+            formula,
+            computedValue: null
+          },
+          entry.node.content,
+          entry.node.marks
+        );
+        changed = true;
+        continue;
+      }
+      if (existingFormula) {
+        const isExistingEmptyFormula = !normalizeTableFormula(existingFormula);
+        if (!isExistingEmptyFormula) continue;
+        cells[entry.index] = entry.node.type.create(
+          {
+            ...entry.node.attrs,
+            formula: null,
+            computedValue: null
+          },
+          isExistingEmptyFormula && text === formatFormulaError("empty") ? createCellDisplayContent(entry.node, "") : entry.node.content,
+          entry.node.marks
+        );
+        changed = true;
+      }
     }
     return rowInfo.node.type.create(rowInfo.node.attrs, cells);
   });
@@ -30496,14 +30837,15 @@ function recalculateTableNode(tableNode) {
       const label = `${indexToColumnName(rectForCell.left)}${rectForCell.top + 1}`;
       const computedValue = computedValues.get(label);
       if (computedValue == null) continue;
-      const contentMatchesComputedValue = getCellText(entry.node) === computedValue;
+      const displayValue = formatTableFormulaDisplayValue(computedValue, entry.node.attrs.numberFormat);
+      const contentMatchesComputedValue = getCellText(entry.node) === displayValue;
       if (entry.node.attrs.computedValue === computedValue && contentMatchesComputedValue) continue;
       cells[entry.index] = entry.node.type.create(
         {
           ...entry.node.attrs,
           computedValue
         },
-        createCellDisplayContent(entry.node, computedValue),
+        createCellDisplayContent(entry.node, displayValue),
         entry.node.marks
       );
       changed = true;
@@ -30549,7 +30891,7 @@ function recalculateAllTableFormulas(editor) {
 }
 
 // src/components/UEditor/menus.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 function applyTableCellBackground(editor, color) {
   const value = color || null;
   const { state, view } = editor;
@@ -30568,21 +30910,21 @@ var BubbleMenuContent = ({
   initialShowLinkInput = false
 }) => {
   const t = useSmartTranslations("UEditor");
-  (0, import_react63.useEditorState)({
+  (0, import_react65.useEditorState)({
     editor,
     selector: ({ transactionNumber }) => transactionNumber
   });
   const { textColors, highlightColors } = useEditorColors();
-  const [showLinkInput, setShowLinkInput] = (0, import_react62.useState)(initialShowLinkInput);
-  const [activeColorPalette, setActiveColorPalette] = (0, import_react62.useState)(null);
-  (0, import_react62.useEffect)(() => {
+  const [showLinkInput, setShowLinkInput] = (0, import_react64.useState)(initialShowLinkInput);
+  const [activeColorPalette, setActiveColorPalette] = (0, import_react64.useState)(null);
+  (0, import_react64.useEffect)(() => {
     setShowLinkInput(initialShowLinkInput);
   }, [initialShowLinkInput]);
-  const [showTypographyPanel, setShowTypographyPanel] = (0, import_react62.useState)(false);
-  const [showFormulaPanel, setShowFormulaPanel] = (0, import_react62.useState)(false);
-  const [formulaDraft, setFormulaDraft] = (0, import_react62.useState)("");
-  const [showFontSizeOptions, setShowFontSizeOptions] = (0, import_react62.useState)(false);
-  const [fontSizeDraft, setFontSizeDraft] = (0, import_react62.useState)("");
+  const [showTypographyPanel, setShowTypographyPanel] = (0, import_react64.useState)(false);
+  const [showFormulaPanel, setShowFormulaPanel] = (0, import_react64.useState)(false);
+  const [formulaDraft, setFormulaDraft] = (0, import_react64.useState)("");
+  const [showFontSizeOptions, setShowFontSizeOptions] = (0, import_react64.useState)(false);
+  const [fontSizeDraft, setFontSizeDraft] = (0, import_react64.useState)("");
   const isImageSelected = editor.isActive("image");
   const imageAttrs = editor.getAttributes("image");
   const imageLayout = imageAttrs.imageLayout === "left" || imageAttrs.imageLayout === "right" ? imageAttrs.imageLayout : "block";
@@ -30592,23 +30934,24 @@ var BubbleMenuContent = ({
   const currentHighlightColor = normalizeStyleValue(editor.getAttributes("highlight").color) || "";
   const currentCellBgColor = normalizeStyleValue(editor.getAttributes("tableCell").backgroundColor || editor.getAttributes("tableHeader").backgroundColor) || "";
   const currentCellFormula = normalizeStyleValue(editor.getAttributes("tableCell").formula || editor.getAttributes("tableHeader").formula) || "";
+  const currentCellNumberFormat = normalizeStyleValue(editor.getAttributes("tableCell").numberFormat || editor.getAttributes("tableHeader").numberFormat) || "text";
   const isInTable2 = (0, import_tables3.isInTable)(editor.state);
   const canMergeCells = isInTable2 && editor.can().mergeCells();
   const canSplitCell = isInTable2 && editor.can().splitCell();
   const currentFontSize = normalizeStyleValue(textStyleAttrs.fontSize);
   const currentLineHeight = normalizeStyleValue(textStyleAttrs.lineHeight);
-  const quickFontSizes = (0, import_react62.useMemo)(
+  const quickFontSizes = (0, import_react64.useMemo)(
     () => (fontSizes ?? getDefaultFontSizes()).filter((option) => ["14px", "16px", "24px"].includes(option.value)),
     [fontSizes]
   );
-  const quickLineHeights = (0, import_react62.useMemo)(
+  const quickLineHeights = (0, import_react64.useMemo)(
     () => (lineHeights ?? getDefaultLineHeights()).filter((option) => ["1.2", "1.5", "1.75"].includes(option.value)),
     [lineHeights]
   );
-  (0, import_react62.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     setFontSizeDraft(currentFontSize.replace(/px$/i, ""));
   }, [currentFontSize]);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     setFormulaDraft(currentCellFormula);
   }, [currentCellFormula]);
   const applyFontSizeDraft = () => {
@@ -30623,10 +30966,10 @@ var BubbleMenuContent = ({
     editor.chain().focus().setFontSize(`${clamped}px`).run();
     setFontSizeDraft(String(clamped));
   };
-  (0, import_react62.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     onKeepOpenChange?.(showLinkInput);
   }, [onKeepOpenChange, showLinkInput]);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (!showLinkInput) return;
     const close2 = () => setShowLinkInput(false);
     editor.on("selectionUpdate", close2);
@@ -30637,7 +30980,7 @@ var BubbleMenuContent = ({
     };
   }, [editor, showLinkInput]);
   if (showLinkInput) {
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       LinkInput,
       {
         initialUrl: editor.getAttributes("link").href || "",
@@ -30660,11 +31003,11 @@ var BubbleMenuContent = ({
       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__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col gap-2 p-2 w-56 text-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "font-semibold text-xs text-muted-foreground uppercase tracking-wider mb-1", children: t("tableMenu.cellBorder") || "Cell Borders" }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderStyle") || "Border Style" }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col gap-2 p-2 w-56 text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "font-semibold text-xs text-muted-foreground uppercase tracking-wider mb-1", children: t("tableMenu.cellBorder") || "Cell Borders" }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderStyle") || "Border Style" }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
             "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",
@@ -30674,18 +31017,18 @@ var BubbleMenuContent = ({
                 editor.chain().focus().setCellAttribute("borderStyle", style).run();
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("option", { value: "solid", children: "Solid" }),
-                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("option", { value: "dashed", children: "Dashed" }),
-                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("option", { value: "dotted", children: "Dotted" }),
-                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("option", { value: "double", children: "Double" }),
-                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("option", { value: "none", children: "None" })
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("option", { value: "solid", children: "Solid" }),
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("option", { value: "dashed", children: "Dashed" }),
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("option", { value: "dotted", children: "Dotted" }),
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("option", { value: "double", children: "Double" }),
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("option", { value: "none", children: "None" })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderWidth") || "Border Width" }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderWidth") || "Border Width" }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
             "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",
@@ -30695,23 +31038,23 @@ var BubbleMenuContent = ({
                 editor.chain().focus().setCellAttribute("borderWidth", width).run();
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("option", { value: "1px", children: "1px" }),
-                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("option", { value: "2px", children: "2px" }),
-                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("option", { value: "3px", children: "3px" }),
-                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("option", { value: "4px", children: "4px" })
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("option", { value: "1px", children: "1px" }),
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("option", { value: "2px", children: "2px" }),
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("option", { value: "3px", children: "3px" }),
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("option", { value: "4px", children: "4px" })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
           "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__ */ (0, import_jsx_runtime86.jsx)("span", { children: t("tableMenu.borderColor") || "Border Color" }),
-              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: t("tableMenu.borderColor") || "Border Color" }),
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
                 "span",
                 {
                   className: "w-4 h-4 rounded-full border border-border",
@@ -30723,8 +31066,8 @@ var BubbleMenuContent = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center justify-between gap-2 mt-2 pt-2 border-t border-border", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex items-center justify-between gap-2 mt-2 pt-2 border-t border-border", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
             "button",
             {
               type: "button",
@@ -30736,7 +31079,7 @@ var BubbleMenuContent = ({
               children: t("tableMenu.clearBorder") || "Clear Border"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
             "button",
             {
               type: "button",
@@ -30750,7 +31093,7 @@ var BubbleMenuContent = ({
     }
     if (activeColorPalette === "cell-border-color") {
       const currentBorderColor = normalizeStyleValue(editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor) || "";
-      return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "w-56", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "w-56", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
         EditorColorPalette,
         {
           colors: highlightColors,
@@ -30764,7 +31107,7 @@ var BubbleMenuContent = ({
         }
       ) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "w-56", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "w-56", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       EditorColorPalette,
       {
         colors: isTextPalette ? textColors : highlightColors,
@@ -30792,32 +31135,32 @@ var BubbleMenuContent = ({
     ) });
   }
   if (isImageSelected) {
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center gap-0.5 p-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => applyImageLayout(editor, "block"), active: imageLayout === "block", title: t("toolbar.imageLayoutBlock"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.AlignCenter, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => applyImageLayout(editor, "left"), active: imageLayout === "left", title: t("toolbar.imageLayoutLeft"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.AlignLeft, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => applyImageLayout(editor, "right"), active: imageLayout === "right", title: t("toolbar.imageLayoutRight"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.AlignRight, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "sm"), active: imageWidthPreset === "sm", title: t("toolbar.imageWidthSm"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "text-[10px] font-semibold", children: "S" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "md"), active: imageWidthPreset === "md", title: t("toolbar.imageWidthMd"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "text-[10px] font-semibold", children: "M" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "lg"), active: imageWidthPreset === "lg", title: t("toolbar.imageWidthLg"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "text-[10px] font-semibold", children: "L" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => resetImageSize(editor), title: t("toolbar.imageResetSize"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.RotateCcw, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex items-center gap-0.5 p-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ToolbarButton, { onClick: () => applyImageLayout(editor, "block"), active: imageLayout === "block", title: t("toolbar.imageLayoutBlock"), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react50.AlignCenter, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ToolbarButton, { onClick: () => applyImageLayout(editor, "left"), active: imageLayout === "left", title: t("toolbar.imageLayoutLeft"), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react50.AlignLeft, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ToolbarButton, { onClick: () => applyImageLayout(editor, "right"), active: imageLayout === "right", title: t("toolbar.imageLayoutRight"), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react50.AlignRight, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "sm"), active: imageWidthPreset === "sm", title: t("toolbar.imageWidthSm"), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "text-[10px] font-semibold", children: "S" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "md"), active: imageWidthPreset === "md", title: t("toolbar.imageWidthMd"), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "text-[10px] font-semibold", children: "M" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "lg"), active: imageWidthPreset === "lg", title: t("toolbar.imageWidthLg"), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "text-[10px] font-semibold", children: "L" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ToolbarButton, { onClick: () => resetImageSize(editor), title: t("toolbar.imageResetSize"), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react50.RotateCcw, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
         ToolbarButton,
         {
           onClick: () => deleteSelectedImage(editor),
           title: t("toolbar.imageDelete"),
           className: "text-destructive hover:text-destructive",
-          children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Trash2, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react50.Trash2, { className: "w-4 h-4" })
         }
       )
     ] });
   }
   if (showFormulaPanel && isInTable2) {
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "w-72 p-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("tableMenu.formula") || "Formula" }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "w-72 p-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("tableMenu.formula") || "Formula" }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
           "button",
           {
             type: "button",
@@ -30830,7 +31173,7 @@ var BubbleMenuContent = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border/60 bg-muted/40", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border/60 bg-muted/40", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
         "input",
         {
           value: formulaDraft,
@@ -30851,8 +31194,30 @@ var BubbleMenuContent = ({
           className: "h-full min-w-0 flex-1 bg-transparent px-2 text-sm font-medium text-foreground outline-none"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "mt-2 grid grid-cols-3 gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "mt-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("tableMenu.numberFormat") || "Number format" }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "grid grid-cols-5 gap-1", children: [
+          ["text", "Text"],
+          ["number", "123"],
+          ["currency", "$"],
+          ["percent", "%"],
+          ["date", "Date"]
+        ].map(([format, label]) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: () => setSelectedTableCellNumberFormat(editor, format),
+            className: cn(
+              "h-8 rounded-md text-[11px] font-semibold transition-colors hover:bg-muted",
+              currentCellNumberFormat === format || format === "text" && !currentCellNumberFormat ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
+            ),
+            children: format === "text" ? t("tableMenu.formatText") || label : format === "date" ? t("tableMenu.formatDate") || label : label
+          },
+          format
+        )) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "mt-2 grid grid-cols-3 gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
           "button",
           {
             type: "button",
@@ -30865,7 +31230,7 @@ var BubbleMenuContent = ({
             children: t("tableMenu.apply") || "Apply"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
           "button",
           {
             type: "button",
@@ -30877,7 +31242,7 @@ var BubbleMenuContent = ({
             children: t("tableMenu.clear") || "Clear"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
           "button",
           {
             type: "button",
@@ -30890,10 +31255,10 @@ var BubbleMenuContent = ({
     ] });
   }
   if (showTypographyPanel) {
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "w-72 p-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("toolbar.textStyle") }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "w-72 p-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("toolbar.textStyle") }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
           "button",
           {
             type: "button",
@@ -30903,11 +31268,11 @@ var BubbleMenuContent = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.fontSize") }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border/60 bg-muted/40", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.fontSize") }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border/60 bg-muted/40", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
               "input",
               {
                 type: "number",
@@ -30931,8 +31296,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__ */ (0, import_jsx_runtime86.jsx)("span", { className: "border-l border-border/50 px-2 text-[11px] text-muted-foreground", children: "px" }),
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "border-l border-border/50 px-2 text-[11px] text-muted-foreground", children: "px" }),
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
               "button",
               {
                 type: "button",
@@ -30942,12 +31307,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__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.ChevronDown, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react50.ChevronDown, { className: "h-4 w-4" })
               }
             )
           ] }),
-          showFontSizeOptions && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "mt-1 grid grid-cols-4 gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+          showFontSizeOptions && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "mt-1 grid grid-cols-4 gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
               "button",
               {
                 type: "button",
@@ -30962,7 +31327,7 @@ var BubbleMenuContent = ({
                 children: "A"
               }
             ),
-            quickFontSizes.map((option) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+            quickFontSizes.map((option) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
               "button",
               {
                 type: "button",
@@ -30980,10 +31345,10 @@ var BubbleMenuContent = ({
             ))
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.lineHeight") }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "grid grid-cols-4 gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.lineHeight") }),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "grid grid-cols-4 gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
               "button",
               {
                 type: "button",
@@ -30995,7 +31360,7 @@ var BubbleMenuContent = ({
                 children: "LH"
               }
             ),
-            quickLineHeights.map((option) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+            quickLineHeights.map((option) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
               "button",
               {
                 type: "button",
@@ -31010,8 +31375,8 @@ var BubbleMenuContent = ({
             ))
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "grid grid-cols-2 gap-1 border-t border-border/40 pt-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "grid grid-cols-2 gap-1 border-t border-border/40 pt-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
             "button",
             {
               type: "button",
@@ -31021,12 +31386,12 @@ var BubbleMenuContent = ({
                 editor.isActive("subscript") ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Subscript, { className: "h-4 w-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react50.Subscript, { className: "h-4 w-4" }),
                 t("toolbar.subscript")
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
             "button",
             {
               type: "button",
@@ -31036,7 +31401,7 @@ var BubbleMenuContent = ({
                 editor.isActive("superscript") ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Superscript, { className: "h-4 w-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react50.Superscript, { className: "h-4 w-4" }),
                 t("toolbar.superscript")
               ]
             }
@@ -31045,22 +31410,22 @@ var BubbleMenuContent = ({
       ] })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center gap-0.5 p-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Bold, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Italic, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex items-center gap-0.5 p-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react50.Bold, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react50.Italic, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Underline, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react50.Underline, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Strikethrough, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Code, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react50.Strikethrough, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react50.Code, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       ToolbarButton,
       {
         onMouseDown: () => {
@@ -31071,22 +31436,22 @@ var BubbleMenuContent = ({
         },
         active: editor.isActive("link"),
         title: t("toolbar.link"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Link, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react50.Link, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => setActiveColorPalette("text"), title: t("colors.textColor"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TextColorIcon, { color: currentTextColor }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: () => setActiveColorPalette("highlight"), active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(HighlightColorIcon, { color: currentHighlightColor }) }),
-    isInTable2 && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ToolbarButton, { onClick: () => setActiveColorPalette("text"), title: t("colors.textColor"), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TextColorIcon, { color: currentTextColor }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ToolbarButton, { onClick: () => setActiveColorPalette("highlight"), active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(HighlightColorIcon, { color: currentHighlightColor }) }),
+    isInTable2 && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
         ToolbarButton,
         {
           onClick: () => setActiveColorPalette("cell-bg"),
           active: Boolean(currentCellBgColor),
           title: t("tableMenu.cellBackground") || "Cell background",
-          children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(CellBgColorIcon, { color: currentCellBgColor })
+          children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(CellBgColorIcon, { color: currentCellBgColor })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
         ToolbarButton,
         {
           onClick: () => setActiveColorPalette("cell-border"),
@@ -31094,7 +31459,7 @@ var BubbleMenuContent = ({
             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__ */ (0, import_jsx_runtime86.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
             CellBorderIcon,
             {
               color: editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor
@@ -31102,7 +31467,7 @@ var BubbleMenuContent = ({
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
         ToolbarButton,
         {
           onMouseDown: () => {
@@ -31114,10 +31479,10 @@ var BubbleMenuContent = ({
           },
           active: Boolean(currentCellFormula),
           title: t("tableMenu.formula") || "Formula",
-          children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Sigma, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react50.Sigma, { className: "w-4 h-4" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
         ToolbarButton,
         {
           onClick: () => {
@@ -31130,17 +31495,17 @@ var BubbleMenuContent = ({
           active: canSplitCell,
           disabled: !canMergeCells && !canSplitCell,
           title: canSplitCell ? t("tableMenu.splitCell") || "Split cell" : t("tableMenu.mergeCells") || "Merge cells",
-          children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.TableCellsMerge, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react50.TableCellsMerge, { className: "w-4 h-4" })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       ToolbarButton,
       {
         onClick: () => setShowTypographyPanel(true),
         active: Boolean(currentFontSize || currentLineHeight || editor.isActive("subscript") || editor.isActive("superscript")),
         title: t("toolbar.textStyle"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Type, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react50.Type, { className: "w-4 h-4" })
       }
     )
   ] });
@@ -31154,12 +31519,12 @@ var LinkPreviewContent = ({ editor, onEdit }) => {
   const handleUnlink = () => {
     editor.chain().focus().unsetLink().run();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center gap-1 p-1 max-w-sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "text-xs text-muted-foreground font-mono px-2 truncate max-w-[180px]", children: url }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: handleOpen, title: t("linkPreview.open") || "Open link", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.ExternalLink, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: onEdit, title: t("linkPreview.edit") || "Edit link", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Edit2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ToolbarButton, { onClick: handleUnlink, title: t("linkPreview.unlink") || "Remove link", className: "text-destructive hover:text-destructive", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react49.Unlink, { className: "w-4 h-4" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex items-center gap-1 p-1 max-w-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "text-xs text-muted-foreground font-mono px-2 truncate max-w-[180px]", children: url }),
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ToolbarButton, { onClick: handleOpen, title: t("linkPreview.open") || "Open link", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react50.ExternalLink, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ToolbarButton, { onClick: onEdit, title: t("linkPreview.edit") || "Edit link", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react50.Edit2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ToolbarButton, { onClick: handleUnlink, title: t("linkPreview.unlink") || "Remove link", className: "text-destructive hover:text-destructive", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react50.Unlink, { className: "w-4 h-4" }) })
   ] });
 };
 var CustomBubbleMenu = ({
@@ -31169,16 +31534,16 @@ var CustomBubbleMenu = ({
 }) => {
   const SHOW_DELAY_MS = 180;
   const BUBBLE_MENU_OFFSET = 16;
-  const [isVisible, setIsVisible] = (0, import_react62.useState)(false);
-  const [position, setPosition] = (0, import_react62.useState)({ top: 0, left: 0 });
-  const menuRef = (0, import_react62.useRef)(null);
-  const keepOpenRef = (0, import_react62.useRef)(false);
-  const showTimeoutRef = (0, import_react62.useRef)(null);
-  const setKeepOpen = (0, import_react62.useCallback)((next) => {
+  const [isVisible, setIsVisible] = (0, import_react64.useState)(false);
+  const [position, setPosition] = (0, import_react64.useState)({ top: 0, left: 0 });
+  const menuRef = (0, import_react64.useRef)(null);
+  const keepOpenRef = (0, import_react64.useRef)(false);
+  const showTimeoutRef = (0, import_react64.useRef)(null);
+  const setKeepOpen = (0, import_react64.useCallback)((next) => {
     keepOpenRef.current = next;
     if (next) setIsVisible(true);
   }, []);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     const clearShowTimeout = () => {
       if (showTimeoutRef.current) {
         clearTimeout(showTimeoutRef.current);
@@ -31246,7 +31611,7 @@ var CustomBubbleMenu = ({
   }, [editor]);
   if (!isVisible) return null;
   return (0, import_react_dom8.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       "div",
       {
         ref: menuRef,
@@ -31258,7 +31623,7 @@ var CustomBubbleMenu = ({
           transform: "translate(-50%, -100%)"
         },
         onMouseDown: (e) => e.preventDefault(),
-        children: editor.isActive("link") && !keepOpenRef.current ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(LinkPreviewContent, { editor, onEdit: () => setKeepOpen(true) }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+        children: editor.isActive("link") && !keepOpenRef.current ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(LinkPreviewContent, { editor, onEdit: () => setKeepOpen(true) }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
           BubbleMenuContent,
           {
             editor,
@@ -31275,25 +31640,25 @@ var CustomBubbleMenu = ({
 };
 
 // src/components/UEditor/CharacterCount.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("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__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex items-center gap-3 px-3 py-2 text-xs text-muted-foreground border-t bg-muted/20", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center gap-3 px-3 py-2 text-xs text-muted-foreground border-t bg-muted/20", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { children: [
       wordCount,
       " ",
       t("words")
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { children: [
       characterCount,
       " ",
       t("characters")
     ] }),
-    maxCharacters && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { className: cn(percentage > 90 && "text-destructive", percentage > 100 && "font-bold"), children: [
+    maxCharacters && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: cn(percentage > 90 && "text-destructive", percentage > 100 && "font-bold"), children: [
       characterCount,
       "/",
       maxCharacters
@@ -31714,7 +32079,7 @@ async function prepareUEditorContentForSave({
 }
 
 // src/components/UEditor/table-controls.tsx
-var import_react64 = __toESM(require("react"), 1);
+var import_react66 = __toESM(require("react"), 1);
 
 // node_modules/prosemirror-model/dist/index.js
 function findDiffStart(a, b, pos) {
@@ -34731,7 +35096,7 @@ function createKey(name) {
   keys[name] = 0;
   return name + "$";
 }
-var PluginKey4 = class {
+var PluginKey5 = class {
   /**
   Create a plugin key.
   */
@@ -35163,7 +35528,7 @@ function tableNodeTypes(schema) {
   }
   return result;
 }
-var tableEditingKey = new PluginKey4("selectingCells");
+var tableEditingKey = new PluginKey5("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;
@@ -35394,7 +35759,7 @@ var CellBookmark = class CellBookmark2 {
     else return Selection.near($headCell, 1);
   }
 };
-var fixTablesKey = new PluginKey4("fix-tables");
+var fixTablesKey = new PluginKey5("fix-tables");
 function convertTableNodeToArrayOfRows(tableNode) {
   const map = TableMap3.get(tableNode);
   const rows = [];
@@ -35872,10 +36237,10 @@ function atEndOfCell(view, axis, dir) {
   }
   return null;
 }
-var columnResizingPluginKey = new PluginKey4("tableColumnResizing");
+var columnResizingPluginKey = new PluginKey5("tableColumnResizing");
 
 // src/components/UEditor/table-controls.tsx
-var import_lucide_react52 = require("lucide-react");
+var import_lucide_react53 = require("lucide-react");
 
 // src/components/UEditor/table-layout-model.ts
 var FALLBACK_TABLE_ROW_HEIGHT = 44;
@@ -36188,7 +36553,7 @@ function buildTableHoverState({
 }
 
 // src/components/UEditor/table-drag-preview.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 function TableDragPreview({
   columnDragLabel,
   dragPreview,
@@ -36199,9 +36564,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__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
-    dragPreview.kind === "row" && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+    dragPreview.kind === "row" && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
         "div",
         {
           "aria-hidden": "true",
@@ -36214,7 +36579,7 @@ function TableDragPreview({
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
         "div",
         {
           "aria-hidden": "true",
@@ -36228,8 +36593,8 @@ function TableDragPreview({
         }
       )
     ] }),
-    dragPreview.kind === "column" && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    dragPreview.kind === "column" && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
         "div",
         {
           "aria-hidden": "true",
@@ -36242,7 +36607,7 @@ function TableDragPreview({
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
         "div",
         {
           "aria-hidden": "true",
@@ -36256,7 +36621,7 @@ function TableDragPreview({
         }
       )
     ] }),
-    (dragPreview.kind === "add-row" || dragPreview.kind === "add-column") && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    (dragPreview.kind === "add-row" || dragPreview.kind === "add-column") && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
       "div",
       {
         "aria-hidden": "true",
@@ -36269,7 +36634,7 @@ function TableDragPreview({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
       "div",
       {
         role: "status",
@@ -36285,7 +36650,7 @@ function TableDragPreview({
 }
 
 // src/components/UEditor/table-add-rails.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var ADD_COLUMN_RAIL_GAP = 4;
 var ADD_ROW_RAIL_GAP = 4;
 function TableAddRails({
@@ -36306,13 +36671,13 @@ function TableAddRails({
   const rowRailLeft = visibleBounds.left;
   const showColumnRail = controlsVisible || addColumnVisible;
   const showRowRail = controlsVisible || addRowVisible;
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_jsx_runtime90.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       Tooltip,
       {
         placement: "right",
-        content: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-xs font-medium", children: quickAddColumnLabel }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+        content: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "text-xs font-medium", children: quickAddColumnLabel }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           "button",
           {
             type: "button",
@@ -36339,17 +36704,17 @@ function TableAddRails({
               transform: showColumnRail ? "scale(1)" : "scale(0.92)",
               pointerEvents: showColumnRail ? "auto" : "none"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-sm font-medium leading-none", children: "+" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "text-sm font-medium leading-none", children: "+" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       Tooltip,
       {
         placement: "bottom",
-        content: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-xs font-medium", children: quickAddRowLabel }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+        content: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "text-xs font-medium", children: quickAddRowLabel }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           "button",
           {
             type: "button",
@@ -36376,7 +36741,7 @@ function TableAddRails({
               transform: showRowRail ? "scale(1)" : "scale(0.92)",
               pointerEvents: showRowRail ? "auto" : "none"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-sm font-medium leading-none", children: "+" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "text-sm font-medium leading-none", children: "+" })
           }
         )
       }
@@ -36385,8 +36750,8 @@ function TableAddRails({
 }
 
 // src/components/UEditor/table-control-menu.tsx
-var import_lucide_react50 = require("lucide-react");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_lucide_react51 = require("lucide-react");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 function TableControlMenu({
   controlsVisible,
   isOpen,
@@ -36398,7 +36763,7 @@ function TableControlMenu({
   top
 }) {
   const shown = controlsVisible || menuVisible || isOpen;
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     "div",
     {
       className: "absolute z-30",
@@ -36407,13 +36772,13 @@ function TableControlMenu({
         top,
         left
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
         Tooltip,
         {
           placement: "top",
           disabled: isOpen,
-          content: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "text-xs font-medium", children: label }),
-          children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+          content: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "text-xs font-medium", children: label }),
+          children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
             DropdownMenu,
             {
               placement: "bottom-start",
@@ -36421,7 +36786,7 @@ function TableControlMenu({
               onOpenChange,
               contentClassName: "p-2",
               items,
-              trigger: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+              trigger: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
                 "button",
                 {
                   type: "button",
@@ -36437,7 +36802,7 @@ function TableControlMenu({
                     transform: shown ? "scale(1)" : "scale(0.82)",
                     pointerEvents: shown ? "auto" : "none"
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react50.MoreHorizontal, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react51.MoreHorizontal, { className: "h-4 w-4" })
                 }
               )
             }
@@ -36449,8 +36814,8 @@ function TableControlMenu({
 }
 
 // src/components/UEditor/table-axis-handles.tsx
-var import_lucide_react51 = require("lucide-react");
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_lucide_react52 = require("lucide-react");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var IDLE_HANDLE_SCALE = "0.78";
 function TableRowHandles({
   activeRowIndex,
@@ -36464,12 +36829,12 @@ function TableRowHandles({
   rowHandleLeft,
   rowHandles
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_jsx_runtime91.Fragment, { children: rowHandles.map((rowHandle) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_jsx_runtime92.Fragment, { 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__ */ (0, import_jsx_runtime91.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       "div",
       {
         className: "absolute z-30",
@@ -36478,13 +36843,13 @@ function TableRowHandles({
           top: Math.max(8, rowHandle.center - 12),
           left: rowHandleLeft
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
           Tooltip,
           {
             placement: "right",
             disabled: openMenuKey === menuKey || !visible && isActive,
-            content: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "text-xs font-medium", children: `${rowDragLabel} ${rowHandle.index + 1}` }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+            content: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "text-xs font-medium", children: `${rowDragLabel} ${rowHandle.index + 1}` }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
               DropdownMenu,
               {
                 placement: "right",
@@ -36492,7 +36857,7 @@ function TableRowHandles({
                 onOpenChange: (open) => onOpenMenuChange(menuKey, open),
                 contentClassName: "p-2",
                 items: getMenuItems(rowHandle),
-                trigger: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+                trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
                   "button",
                   {
                     type: "button",
@@ -36511,7 +36876,7 @@ function TableRowHandles({
                       transform: isShown ? "scale(1)" : `scale(${IDLE_HANDLE_SCALE})`,
                       pointerEvents: isShown ? "auto" : "none"
                     },
-                    children: visible ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react51.GripVertical, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "h-3 w-1 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
+                    children: visible ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.GripVertical, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "h-3 w-1 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
                   }
                 )
               }
@@ -36535,12 +36900,12 @@ function TableColumnHandles({
   onStartDrag,
   openMenuKey
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_jsx_runtime91.Fragment, { children: columnHandles.map((columnHandle) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_jsx_runtime92.Fragment, { 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__ */ (0, import_jsx_runtime91.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       "div",
       {
         className: "absolute z-30",
@@ -36549,13 +36914,13 @@ function TableColumnHandles({
           top: columnHandleTop,
           left: Math.max(8, columnHandle.center - 12)
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
           Tooltip,
           {
             placement: "top",
             disabled: openMenuKey === menuKey || !visible && isActive,
-            content: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "text-xs font-medium", children: `${columnDragLabel} ${columnHandle.index + 1}` }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+            content: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "text-xs font-medium", children: `${columnDragLabel} ${columnHandle.index + 1}` }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
               DropdownMenu,
               {
                 placement: "bottom-start",
@@ -36563,7 +36928,7 @@ function TableColumnHandles({
                 onOpenChange: (open) => onOpenMenuChange(menuKey, open),
                 contentClassName: "p-2",
                 items: getMenuItems(columnHandle),
-                trigger: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+                trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
                   "button",
                   {
                     type: "button",
@@ -36582,7 +36947,7 @@ function TableColumnHandles({
                       transform: isShown ? "scale(1)" : `scale(${IDLE_HANDLE_SCALE})`,
                       pointerEvents: isShown ? "auto" : "none"
                     },
-                    children: visible ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react51.GripHorizontal, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "h-1 w-3 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
+                    children: visible ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.GripHorizontal, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "h-1 w-3 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
                   }
                 )
               }
@@ -36596,7 +36961,7 @@ function TableColumnHandles({
 }
 
 // src/components/UEditor/table-controls.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var TABLE_MENU_TOP_OFFSET = 10;
 function nearestIndex(centers, position) {
   let bestIndex = 0;
@@ -36622,17 +36987,17 @@ function getSelectedCell(editor) {
 }
 function TableControls({ editor, containerRef }) {
   const t = useSmartTranslations("UEditor");
-  const [layout, setLayout] = import_react64.default.useState(null);
-  const [dragPreview, setDragPreview] = import_react64.default.useState(null);
-  const [hoverState, setHoverState] = import_react64.default.useState(DEFAULT_TABLE_HOVER_STATE);
-  const [openMenuKey, setOpenMenuKey] = import_react64.default.useState(null);
-  const layoutRef = import_react64.default.useRef(null);
-  const dragStateRef = import_react64.default.useRef(null);
-  const syncFrameRef = import_react64.default.useRef(null);
-  import_react64.default.useEffect(() => {
+  const [layout, setLayout] = import_react66.default.useState(null);
+  const [dragPreview, setDragPreview] = import_react66.default.useState(null);
+  const [hoverState, setHoverState] = import_react66.default.useState(DEFAULT_TABLE_HOVER_STATE);
+  const [openMenuKey, setOpenMenuKey] = import_react66.default.useState(null);
+  const layoutRef = import_react66.default.useRef(null);
+  const dragStateRef = import_react66.default.useRef(null);
+  const syncFrameRef = import_react66.default.useRef(null);
+  import_react66.default.useEffect(() => {
     layoutRef.current = layout;
   }, [layout]);
-  const syncFromCell = import_react64.default.useCallback((cell) => {
+  const syncFromCell = import_react66.default.useCallback((cell) => {
     const surface = containerRef.current;
     if (!surface || !cell) {
       setLayout(null);
@@ -36640,23 +37005,23 @@ function TableControls({ editor, containerRef }) {
     }
     setLayout(buildTableControlLayout(editor, surface, cell));
   }, [containerRef, editor]);
-  const syncFromSelection = import_react64.default.useCallback(() => {
+  const syncFromSelection = import_react66.default.useCallback(() => {
     syncFromCell(getSelectedCell(editor));
   }, [editor, syncFromCell]);
-  const scheduleSyncFromSelection = import_react64.default.useCallback(() => {
+  const scheduleSyncFromSelection = import_react66.default.useCallback(() => {
     if (syncFrameRef.current !== null) return;
     syncFrameRef.current = window.requestAnimationFrame(() => {
       syncFrameRef.current = null;
       syncFromSelection();
     });
   }, [syncFromSelection]);
-  import_react64.default.useEffect(() => () => {
+  import_react66.default.useEffect(() => () => {
     if (syncFrameRef.current !== null) {
       window.cancelAnimationFrame(syncFrameRef.current);
       syncFrameRef.current = null;
     }
   }, []);
-  const refreshCurrentLayout = import_react64.default.useCallback(() => {
+  const refreshCurrentLayout = import_react66.default.useCallback(() => {
     setLayout((prev) => {
       if (!prev) return prev;
       const surface = containerRef.current;
@@ -36666,12 +37031,12 @@ function TableControls({ editor, containerRef }) {
       return cell ? buildTableControlLayout(editor, surface, cell) : null;
     });
   }, [containerRef, editor]);
-  const clearDrag = import_react64.default.useCallback(() => {
+  const clearDrag = import_react66.default.useCallback(() => {
     dragStateRef.current = null;
     setDragPreview(null);
     document.body.style.cursor = "";
   }, []);
-  const updateHoverState = import_react64.default.useCallback((event) => {
+  const updateHoverState = import_react66.default.useCallback((event) => {
     const activeLayout = layoutRef.current;
     const surface = containerRef.current;
     if (!activeLayout || !surface || dragStateRef.current) {
@@ -36687,7 +37052,7 @@ function TableControls({ editor, containerRef }) {
       return areTableHoverStatesEqual(prev, nextState) ? prev : nextState;
     });
   }, [containerRef]);
-  import_react64.default.useEffect(() => {
+  import_react66.default.useEffect(() => {
     const proseMirror = editor.view.dom;
     const surface = containerRef.current;
     if (!surface) return void 0;
@@ -36738,37 +37103,37 @@ function TableControls({ editor, containerRef }) {
       editor.off("update", refreshCurrentLayout);
     };
   }, [clearDrag, containerRef, editor, refreshCurrentLayout, syncFromCell, syncFromSelection, updateHoverState]);
-  const runAtCellPos = import_react64.default.useCallback((cellPos, command, options) => {
+  const runAtCellPos = import_react66.default.useCallback((cellPos, command, options) => {
     const result = runTableCommandAtCellPos(editor, cellPos, command);
     if (options?.sync !== false) {
       scheduleSyncFromSelection();
     }
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const runAtActiveCell = import_react64.default.useCallback((command, options) => {
+  const runAtActiveCell = import_react66.default.useCallback((command, options) => {
     return runAtCellPos(layoutRef.current?.cellPos ?? null, command, options);
   }, [runAtCellPos]);
-  const duplicateRowAt = import_react64.default.useCallback((rowIndex, cellPos) => {
+  const duplicateRowAt = import_react66.default.useCallback((rowIndex, cellPos) => {
     const result = duplicateTableRowAt(editor, rowIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const clearRowAt = import_react64.default.useCallback((rowIndex, cellPos) => {
+  const clearRowAt = import_react66.default.useCallback((rowIndex, cellPos) => {
     const result = clearTableRowAt(editor, rowIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const duplicateColumnAt = import_react64.default.useCallback((columnIndex, cellPos) => {
+  const duplicateColumnAt = import_react66.default.useCallback((columnIndex, cellPos) => {
     const result = duplicateTableColumnAt(editor, columnIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const clearColumnAt = import_react64.default.useCallback((columnIndex, cellPos) => {
+  const clearColumnAt = import_react66.default.useCallback((columnIndex, cellPos) => {
     const result = clearTableColumnAt(editor, columnIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const expandTableBy = import_react64.default.useCallback((rows, cols) => {
+  const expandTableBy = import_react66.default.useCallback((rows, cols) => {
     const activeCellPos = layoutRef.current?.cellPos ?? editor.state.selection.from;
     const result = expandTableFromCell(editor, activeCellPos, rows, cols);
     scheduleSyncFromSelection();
@@ -36777,19 +37142,19 @@ function TableControls({ editor, containerRef }) {
   const canExpandTable = Boolean(layout);
   const controlsVisible = dragPreview !== null;
   const tableMenuOpen = openMenuKey === "table";
-  const startAddColumnDrag = import_react64.default.useCallback(() => {
+  const startAddColumnDrag = import_react66.default.useCallback(() => {
     setOpenMenuKey(null);
     dragStateRef.current = { kind: "add-column", previewCols: 1 };
     setDragPreview({ kind: "add-column", previewCols: 1 });
     document.body.style.cursor = "ew-resize";
   }, []);
-  const startAddRowDrag = import_react64.default.useCallback(() => {
+  const startAddRowDrag = import_react66.default.useCallback(() => {
     setOpenMenuKey(null);
     dragStateRef.current = { kind: "add-row", previewRows: 1 };
     setDragPreview({ kind: "add-row", previewRows: 1 });
     document.body.style.cursor = "ns-resize";
   }, []);
-  const startRowDrag = import_react64.default.useCallback((rowHandle) => {
+  const startRowDrag = import_react66.default.useCallback((rowHandle) => {
     setOpenMenuKey(null);
     dragStateRef.current = {
       kind: "row",
@@ -36806,7 +37171,7 @@ function TableControls({ editor, containerRef }) {
     });
     document.body.style.cursor = "grabbing";
   }, []);
-  const startColumnDrag = import_react64.default.useCallback((columnHandle) => {
+  const startColumnDrag = import_react66.default.useCallback((columnHandle) => {
     setOpenMenuKey(null);
     dragStateRef.current = {
       kind: "column",
@@ -36823,7 +37188,7 @@ function TableControls({ editor, containerRef }) {
     });
     document.body.style.cursor = "grabbing";
   }, []);
-  import_react64.default.useEffect(() => {
+  import_react66.default.useEffect(() => {
     const handleMouseMove = (event) => {
       const dragState = dragStateRef.current;
       const activeLayout = layoutRef.current;
@@ -36912,126 +37277,126 @@ function TableControls({ editor, containerRef }) {
       window.removeEventListener("blur", clearDrag);
     };
   }, [clearDrag, containerRef, editor, expandTableBy, scheduleSyncFromSelection]);
-  const menuItems = import_react64.default.useMemo(() => {
+  const menuItems = import_react66.default.useMemo(() => {
     if (!layout) return [];
     return [
       {
         label: t("tableMenu.alignLeft"),
-        icon: import_lucide_react52.AlignLeft,
+        icon: import_lucide_react53.AlignLeft,
         onClick: () => applyTableAlignment(editor, "left", layout.cellPos)
       },
       {
         label: t("tableMenu.alignCenter"),
-        icon: import_lucide_react52.AlignCenter,
+        icon: import_lucide_react53.AlignCenter,
         onClick: () => applyTableAlignment(editor, "center", layout.cellPos)
       },
       {
         label: t("tableMenu.alignRight"),
-        icon: import_lucide_react52.AlignRight,
+        icon: import_lucide_react53.AlignRight,
         onClick: () => applyTableAlignment(editor, "right", layout.cellPos)
       },
       {
         label: t("tableMenu.addColumnBefore"),
-        icon: import_lucide_react52.ArrowLeft,
+        icon: import_lucide_react53.ArrowLeft,
         onClick: () => runAtActiveCell((chain) => chain.addColumnBefore())
       },
       {
         label: t("tableMenu.addColumnAfter"),
-        icon: import_lucide_react52.ArrowRight,
+        icon: import_lucide_react53.ArrowRight,
         onClick: () => runAtActiveCell((chain) => chain.addColumnAfter())
       },
       {
         label: t("tableMenu.addRowBefore"),
-        icon: import_lucide_react52.ArrowUp,
+        icon: import_lucide_react53.ArrowUp,
         onClick: () => runAtActiveCell((chain) => chain.addRowBefore())
       },
       {
         label: t("tableMenu.addRowAfter"),
-        icon: import_lucide_react52.ArrowDown,
+        icon: import_lucide_react53.ArrowDown,
         onClick: () => runAtActiveCell((chain) => chain.addRowAfter())
       },
       {
         label: t("tableMenu.toggleHeaderRow"),
-        icon: import_lucide_react52.Table,
+        icon: import_lucide_react53.Table,
         onClick: () => runAtActiveCell((chain) => chain.toggleHeaderRow())
       },
       {
         label: t("tableMenu.toggleHeaderColumn"),
-        icon: import_lucide_react52.Table,
+        icon: import_lucide_react53.Table,
         onClick: () => runAtActiveCell((chain) => chain.toggleHeaderColumn())
       },
       {
         label: t("tableMenu.deleteColumn"),
-        icon: import_lucide_react52.Trash2,
+        icon: import_lucide_react53.Trash2,
         onClick: () => runAtActiveCell((chain) => chain.deleteColumn()),
         destructive: true
       },
       {
         label: t("tableMenu.deleteRow"),
-        icon: import_lucide_react52.Trash2,
+        icon: import_lucide_react53.Trash2,
         onClick: () => runAtActiveCell((chain) => chain.deleteRow()),
         destructive: true
       },
       {
         label: t("tableMenu.deleteTable"),
-        icon: import_lucide_react52.Trash2,
+        icon: import_lucide_react53.Trash2,
         onClick: () => runAtActiveCell((chain) => chain.deleteTable()),
         destructive: true
       }
     ];
   }, [layout, runAtActiveCell, t]);
-  const getRowHandleMenuItems = import_react64.default.useCallback((rowHandle) => [
+  const getRowHandleMenuItems = import_react66.default.useCallback((rowHandle) => [
     {
       label: t("tableMenu.addRowBefore"),
-      icon: import_lucide_react52.ArrowUp,
+      icon: import_lucide_react53.ArrowUp,
       onClick: () => runAtCellPos(rowHandle.cellPos, (chain) => chain.addRowBefore())
     },
     {
       label: t("tableMenu.addRowAfter"),
-      icon: import_lucide_react52.ArrowDown,
+      icon: import_lucide_react53.ArrowDown,
       onClick: () => runAtCellPos(rowHandle.cellPos, (chain) => chain.addRowAfter())
     },
     {
       label: t("tableMenu.duplicateRow"),
-      icon: import_lucide_react52.Copy,
+      icon: import_lucide_react53.Copy,
       onClick: () => duplicateRowAt(rowHandle.index, rowHandle.cellPos)
     },
     {
       label: t("tableMenu.clearRowContents"),
-      icon: import_lucide_react52.Table,
+      icon: import_lucide_react53.Table,
       onClick: () => clearRowAt(rowHandle.index, rowHandle.cellPos)
     },
     {
       label: t("tableMenu.deleteRow"),
-      icon: import_lucide_react52.Trash2,
+      icon: import_lucide_react53.Trash2,
       onClick: () => runAtCellPos(rowHandle.cellPos, (chain) => chain.deleteRow()),
       destructive: true
     }
   ], [clearRowAt, duplicateRowAt, runAtCellPos, t]);
-  const getColumnHandleMenuItems = import_react64.default.useCallback((columnHandle) => [
+  const getColumnHandleMenuItems = import_react66.default.useCallback((columnHandle) => [
     {
       label: t("tableMenu.addColumnBefore"),
-      icon: import_lucide_react52.ArrowLeft,
+      icon: import_lucide_react53.ArrowLeft,
       onClick: () => runAtCellPos(columnHandle.cellPos, (chain) => chain.addColumnBefore())
     },
     {
       label: t("tableMenu.addColumnAfter"),
-      icon: import_lucide_react52.ArrowRight,
+      icon: import_lucide_react53.ArrowRight,
       onClick: () => runAtCellPos(columnHandle.cellPos, (chain) => chain.addColumnAfter())
     },
     {
       label: t("tableMenu.duplicateColumn"),
-      icon: import_lucide_react52.Copy,
+      icon: import_lucide_react53.Copy,
       onClick: () => duplicateColumnAt(columnHandle.index, columnHandle.cellPos)
     },
     {
       label: t("tableMenu.clearColumnContents"),
-      icon: import_lucide_react52.Table,
+      icon: import_lucide_react53.Table,
       onClick: () => clearColumnAt(columnHandle.index, columnHandle.cellPos)
     },
     {
       label: t("tableMenu.deleteColumn"),
-      icon: import_lucide_react52.Trash2,
+      icon: import_lucide_react53.Trash2,
       onClick: () => runAtCellPos(columnHandle.cellPos, (chain) => chain.deleteColumn()),
       destructive: true
     }
@@ -37043,8 +37408,8 @@ function TableControls({ editor, containerRef }) {
   const menuLeft = Math.max(8, layout.tableLeft);
   const rowHandleLeft = layout.tableLeft - 12;
   const columnHandleTop = layout.tableTop - 12;
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       TableRowHandles,
       {
         activeRowIndex: layout.activeRowIndex,
@@ -37061,7 +37426,7 @@ function TableControls({ editor, containerRef }) {
         rowHandles: layout.rowHandles
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       TableColumnHandles,
       {
         activeColumnIndex: layout.activeColumnIndex,
@@ -37078,7 +37443,7 @@ function TableControls({ editor, containerRef }) {
         openMenuKey
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       TableControlMenu,
       {
         controlsVisible,
@@ -37093,7 +37458,7 @@ function TableControls({ editor, containerRef }) {
         top: menuTop
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       TableAddRails,
       {
         addColumnVisible: hoverState.addColumnVisible,
@@ -37107,7 +37472,7 @@ function TableControls({ editor, containerRef }) {
         quickAddRowLabel: t("tableMenu.quickAddRowAfter")
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       TableDragPreview,
       {
         columnDragLabel: t("tableMenu.dragColumn"),
@@ -37278,10 +37643,10 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
 );
 
 // src/components/UEditor/use-table-interactions.ts
-var import_react66 = __toESM(require("react"), 1);
+var import_react68 = __toESM(require("react"), 1);
 
 // src/components/UEditor/use-table-row-resize.ts
-var import_react65 = __toESM(require("react"), 1);
+var import_react67 = __toESM(require("react"), 1);
 function useTableRowResize({
   editor,
   setHoveredTableCell,
@@ -37290,9 +37655,9 @@ function useTableRowResize({
   clearAllTableResizeHover,
   scheduleTableLayoutSync
 }) {
-  const commitFrameRef = (0, import_react65.useRef)(null);
-  const stateRef = (0, import_react65.useRef)(null);
-  const commitPreview = import_react65.default.useCallback(() => {
+  const commitFrameRef = (0, import_react67.useRef)(null);
+  const stateRef = (0, import_react67.useRef)(null);
+  const commitPreview = import_react67.default.useCallback(() => {
     if (!editor) return;
     const state = stateRef.current;
     if (!state) return;
@@ -37327,22 +37692,22 @@ function useTableRowResize({
     showRowGuide(state.tableElement, state.rowElement, state.cellElement);
     scheduleTableLayoutSync();
   }, [editor, scheduleTableLayoutSync, showRowGuide]);
-  const scheduleCommit = import_react65.default.useCallback(() => {
+  const scheduleCommit = import_react67.default.useCallback(() => {
     if (commitFrameRef.current !== null) return;
     commitFrameRef.current = window.requestAnimationFrame(() => {
       commitFrameRef.current = null;
       commitPreview();
     });
   }, [commitPreview]);
-  const syncActiveGuide = import_react65.default.useCallback(() => {
+  const syncActiveGuide = import_react67.default.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 = import_react65.default.useCallback(() => stateRef.current !== null, []);
-  const beginResize = import_react65.default.useCallback((event, table, row, cell) => {
+  const isResizing = import_react67.default.useCallback(() => stateRef.current !== null, []);
+  const beginResize = import_react67.default.useCallback((event, table, row, cell) => {
     if (!editor || !isRowResizeHotspot(cell, event.clientX, event.clientY)) {
       return false;
     }
@@ -37368,7 +37733,7 @@ function useTableRowResize({
     event.stopPropagation();
     return true;
   }, [editor, setHoveredTableCell, showRowGuide]);
-  const handlePointerMove = import_react65.default.useCallback((event) => {
+  const handlePointerMove = import_react67.default.useCallback((event) => {
     const state = stateRef.current;
     if (!state) return;
     const nextHeight = Math.max(
@@ -37384,7 +37749,7 @@ function useTableRowResize({
     document.body.style.cursor = "row-resize";
     scheduleCommit();
   }, [scheduleCommit, showRowGuide]);
-  const handlePointerUp = import_react65.default.useCallback((event) => {
+  const handlePointerUp = import_react67.default.useCallback((event) => {
     if (!editor) return;
     const state = stateRef.current;
     if (!state) return;
@@ -37414,7 +37779,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, commitPreview, editor, scheduleTableLayoutSync]);
-  const cancelResize = import_react65.default.useCallback(() => {
+  const cancelResize = import_react67.default.useCallback(() => {
     if (!stateRef.current) return;
     if (commitFrameRef.current !== null) {
       window.cancelAnimationFrame(commitFrameRef.current);
@@ -37426,7 +37791,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, scheduleTableLayoutSync]);
-  const cleanup = import_react65.default.useCallback(() => {
+  const cleanup = import_react67.default.useCallback(() => {
     if (commitFrameRef.current !== null) {
       window.cancelAnimationFrame(commitFrameRef.current);
       commitFrameRef.current = null;
@@ -37447,24 +37812,24 @@ function useTableRowResize({
 
 // src/components/UEditor/use-table-interactions.ts
 function useUEditorTableInteractions(editor, editable = true) {
-  const editorContentRef = (0, import_react66.useRef)(null);
-  const tableColumnGuideRef = (0, import_react66.useRef)(null);
-  const tableRowGuideRef = (0, import_react66.useRef)(null);
-  const activeTableCellHighlightRef = (0, import_react66.useRef)(null);
-  const hoveredTableCellRef = (0, import_react66.useRef)(null);
-  const activeTableCellRef = (0, import_react66.useRef)(null);
-  const suppressActiveCellHighlightRef = (0, import_react66.useRef)(false);
-  const tableLayoutSyncFrameRef = (0, import_react66.useRef)(null);
-  const getProseMirrorElement = import_react66.default.useCallback(() => {
+  const editorContentRef = (0, import_react68.useRef)(null);
+  const tableColumnGuideRef = (0, import_react68.useRef)(null);
+  const tableRowGuideRef = (0, import_react68.useRef)(null);
+  const activeTableCellHighlightRef = (0, import_react68.useRef)(null);
+  const hoveredTableCellRef = (0, import_react68.useRef)(null);
+  const activeTableCellRef = (0, import_react68.useRef)(null);
+  const suppressActiveCellHighlightRef = (0, import_react68.useRef)(false);
+  const tableLayoutSyncFrameRef = (0, import_react68.useRef)(null);
+  const getProseMirrorElement = import_react68.default.useCallback(() => {
     return editorContentRef.current?.querySelector(".ProseMirror");
   }, []);
-  const setEditorResizeCursor = import_react66.default.useCallback((cursor) => {
+  const setEditorResizeCursor = import_react68.default.useCallback((cursor) => {
     const proseMirror = getProseMirrorElement();
     if (proseMirror) {
       proseMirror.style.cursor = cursor;
     }
   }, [getProseMirrorElement]);
-  const hideColumnGuide = import_react66.default.useCallback(() => {
+  const hideColumnGuide = import_react68.default.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-cursor");
     getProseMirrorElement()?.classList.remove("resize-cursor");
     const guide = tableColumnGuideRef.current;
@@ -37472,7 +37837,7 @@ function useUEditorTableInteractions(editor, editable = true) {
       guide.style.opacity = "0";
     }
   }, [getProseMirrorElement]);
-  const hideRowGuide = import_react66.default.useCallback(() => {
+  const hideRowGuide = import_react68.default.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-row-cursor");
     getProseMirrorElement()?.classList.remove("resize-row-cursor");
     const guide = tableRowGuideRef.current;
@@ -37480,12 +37845,12 @@ function useUEditorTableInteractions(editor, editable = true) {
       guide.style.opacity = "0";
     }
   }, [getProseMirrorElement]);
-  const clearAllTableResizeHover = import_react66.default.useCallback(() => {
+  const clearAllTableResizeHover = import_react68.default.useCallback(() => {
     setEditorResizeCursor("");
     hideColumnGuide();
     hideRowGuide();
   }, [hideColumnGuide, hideRowGuide, setEditorResizeCursor]);
-  const updateActiveCellHighlight = import_react66.default.useCallback((cell) => {
+  const updateActiveCellHighlight = import_react68.default.useCallback((cell) => {
     const surface = editorContentRef.current;
     const highlight = activeTableCellHighlightRef.current;
     if (!highlight) return;
@@ -37500,7 +37865,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     highlight.style.width = `${metrics.width}px`;
     highlight.style.height = `${metrics.height}px`;
   }, []);
-  const scheduleTableLayoutSync = import_react66.default.useCallback(() => {
+  const scheduleTableLayoutSync = import_react68.default.useCallback(() => {
     if (tableLayoutSyncFrameRef.current !== null) return;
     tableLayoutSyncFrameRef.current = window.requestAnimationFrame(() => {
       tableLayoutSyncFrameRef.current = null;
@@ -37508,7 +37873,7 @@ function useUEditorTableInteractions(editor, editable = true) {
       editorContentRef.current?.dispatchEvent(new CustomEvent(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT));
     });
   }, [updateActiveCellHighlight]);
-  const setActiveTableCell = import_react66.default.useCallback((cell) => {
+  const setActiveTableCell = import_react68.default.useCallback((cell) => {
     if (activeTableCellRef.current === cell) {
       updateActiveCellHighlight(cell);
       return;
@@ -37516,17 +37881,17 @@ function useUEditorTableInteractions(editor, editable = true) {
     activeTableCellRef.current = cell;
     updateActiveCellHighlight(activeTableCellRef.current);
   }, [updateActiveCellHighlight]);
-  const clearActiveTableCell = import_react66.default.useCallback(() => {
+  const clearActiveTableCell = import_react68.default.useCallback(() => {
     activeTableCellRef.current = null;
     updateActiveCellHighlight(null);
   }, [updateActiveCellHighlight]);
-  const setHoveredTableCell = import_react66.default.useCallback((cell) => {
+  const setHoveredTableCell = import_react68.default.useCallback((cell) => {
     hoveredTableCellRef.current = cell;
   }, []);
-  const clearHoveredTableCell = import_react66.default.useCallback(() => {
+  const clearHoveredTableCell = import_react68.default.useCallback(() => {
     hoveredTableCellRef.current = null;
   }, []);
-  const showColumnGuide = import_react66.default.useCallback((table, row, cell) => {
+  const showColumnGuide = import_react68.default.useCallback((table, row, cell) => {
     const surface = editorContentRef.current;
     const guide = tableColumnGuideRef.current;
     if (!surface || !guide) return;
@@ -37540,7 +37905,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     getProseMirrorElement()?.classList.add("resize-cursor");
     setEditorResizeCursor("col-resize");
   }, [getProseMirrorElement, setEditorResizeCursor]);
-  const showRowGuide = import_react66.default.useCallback((table, row, cell) => {
+  const showRowGuide = import_react68.default.useCallback((table, row, cell) => {
     const surface = editorContentRef.current;
     const guide = tableRowGuideRef.current;
     if (!surface || !guide) return;
@@ -37570,7 +37935,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     clearAllTableResizeHover,
     scheduleTableLayoutSync
   });
-  const syncActiveTableCellFromSelection = import_react66.default.useCallback(() => {
+  const syncActiveTableCellFromSelection = import_react68.default.useCallback(() => {
     if (!editor) return;
     if (!editor.isFocused) {
       clearActiveTableCell();
@@ -37578,7 +37943,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     }
     setActiveTableCell(getSelectionTableCell(editor.view));
   }, [clearActiveTableCell, editor, setActiveTableCell]);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     if (!editor || !editable) return void 0;
     const proseMirror = editor.view.dom;
     const surface = editorContentRef.current;
@@ -37751,17 +38116,17 @@ function useUEditorTableInteractions(editor, editable = true) {
 }
 
 // src/components/UEditor/menu-bar.tsx
-var import_react67 = __toESM(require("react"), 1);
-var import_react68 = require("@tiptap/react");
-var import_lucide_react53 = require("lucide-react");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_react69 = __toESM(require("react"), 1);
+var import_react70 = require("@tiptap/react");
+var import_lucide_react54 = require("lucide-react");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 function MenuTableInsertGrid({
   insertLabel,
   previewTemplate,
   onInsert
 }) {
   const closeMenu = useDropdownMenuClose();
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     TableInsertGrid,
     {
       insertLabel,
@@ -37777,9 +38142,9 @@ function renderMenuItems(items) {
   return items.map((item, i) => {
     switch (item.type) {
       case "separator":
-        return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(DropdownMenuSeparator, {}, i);
+        return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(DropdownMenuSeparator, {}, i);
       case "action":
-        return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           DropdownMenuItem,
           {
             label: item.label,
@@ -37793,9 +38158,9 @@ function renderMenuItems(items) {
           i
         );
       case "sub":
-        return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(DropdownMenuSub, { label: item.label, icon: item.icon, disabled: item.disabled, children: renderMenuItems(item.items) }, i);
+        return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(DropdownMenuSub, { label: item.label, icon: item.icon, disabled: item.disabled, children: renderMenuItems(item.items) }, i);
       case "custom":
-        return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react67.default.Fragment, { children: item.render() }, item.key);
+        return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react69.default.Fragment, { children: item.render() }, item.key);
     }
   });
 }
@@ -37833,7 +38198,7 @@ function buildEditMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.undo"),
-      icon: import_lucide_react53.Undo,
+      icon: import_lucide_react54.Undo,
       shortcut: t("menubar.undoShortcut"),
       onClick: () => editor.chain().focus().undo().run(),
       disabled: !editor.can().undo()
@@ -37841,7 +38206,7 @@ function buildEditMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.redo"),
-      icon: import_lucide_react53.Redo,
+      icon: import_lucide_react54.Redo,
       shortcut: t("menubar.redoShortcut"),
       onClick: () => editor.chain().focus().redo().run(),
       disabled: !editor.can().redo()
@@ -37850,7 +38215,7 @@ function buildEditMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.cut"),
-      icon: import_lucide_react53.Scissors,
+      icon: import_lucide_react54.Scissors,
       shortcut: t("menubar.cutShortcut"),
       onClick: () => document.execCommand("cut")
     },
@@ -37898,7 +38263,7 @@ function buildViewMenuItems(t, {
     {
       type: "action",
       label: t("menubar.sourceCode"),
-      icon: import_lucide_react53.FileCode,
+      icon: import_lucide_react54.FileCode,
       onClick: () => onSourceCode ? onSourceCode() : openSourceDialog()
     },
     {
@@ -37910,7 +38275,7 @@ function buildViewMenuItems(t, {
     {
       type: "action",
       label: t("menubar.fullscreen"),
-      icon: import_lucide_react53.Maximize2,
+      icon: import_lucide_react54.Maximize2,
       shortcut: t("menubar.fullscreenShortcut"),
       onClick: () => {
         const el = containerRef.current;
@@ -37929,7 +38294,7 @@ function buildFormatMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.bold"),
-      icon: import_lucide_react53.Bold,
+      icon: import_lucide_react54.Bold,
       shortcut: t("menubar.boldShortcut"),
       active: editor.isActive("bold"),
       onClick: () => editor.chain().focus().toggleBold().run()
@@ -37937,7 +38302,7 @@ function buildFormatMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.italic"),
-      icon: import_lucide_react53.Italic,
+      icon: import_lucide_react54.Italic,
       shortcut: t("menubar.italicShortcut"),
       active: editor.isActive("italic"),
       onClick: () => editor.chain().focus().toggleItalic().run()
@@ -37945,7 +38310,7 @@ function buildFormatMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.underline"),
-      icon: import_lucide_react53.Underline,
+      icon: import_lucide_react54.Underline,
       shortcut: t("menubar.underlineShortcut"),
       active: editor.isActive("underline"),
       onClick: () => editor.chain().focus().toggleUnderline().run()
@@ -37953,28 +38318,28 @@ function buildFormatMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.strike"),
-      icon: import_lucide_react53.Strikethrough,
+      icon: import_lucide_react54.Strikethrough,
       active: editor.isActive("strike"),
       onClick: () => editor.chain().focus().toggleStrike().run()
     },
     {
       type: "action",
       label: t("menubar.superscript"),
-      icon: import_lucide_react53.Superscript,
+      icon: import_lucide_react54.Superscript,
       active: editor.isActive("superscript"),
       onClick: () => editor.chain().focus().toggleSuperscript().run()
     },
     {
       type: "action",
       label: t("menubar.subscript"),
-      icon: import_lucide_react53.Subscript,
+      icon: import_lucide_react54.Subscript,
       active: editor.isActive("subscript"),
       onClick: () => editor.chain().focus().toggleSubscript().run()
     },
     {
       type: "action",
       label: t("menubar.code"),
-      icon: import_lucide_react53.Code,
+      icon: import_lucide_react54.Code,
       active: editor.isActive("code"),
       onClick: () => editor.chain().focus().toggleCode().run()
     },
@@ -37992,21 +38357,21 @@ function buildFormatMenuItems(t, editor) {
         {
           type: "action",
           label: t("menubar.heading1"),
-          icon: import_lucide_react53.Heading1,
+          icon: import_lucide_react54.Heading1,
           active: editor.isActive("heading", { level: 1 }),
           onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run()
         },
         {
           type: "action",
           label: t("menubar.heading2"),
-          icon: import_lucide_react53.Heading2,
+          icon: import_lucide_react54.Heading2,
           active: editor.isActive("heading", { level: 2 }),
           onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run()
         },
         {
           type: "action",
           label: t("menubar.heading3"),
-          icon: import_lucide_react53.Heading3,
+          icon: import_lucide_react54.Heading3,
           active: editor.isActive("heading", { level: 3 }),
           onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run()
         },
@@ -38014,21 +38379,21 @@ function buildFormatMenuItems(t, editor) {
         {
           type: "action",
           label: t("menubar.blockquote"),
-          icon: import_lucide_react53.Quote,
+          icon: import_lucide_react54.Quote,
           active: editor.isActive("blockquote"),
           onClick: () => editor.chain().focus().toggleBlockquote().run()
         },
         {
           type: "action",
           label: t("menubar.codeBlock"),
-          icon: import_lucide_react53.FileCode,
+          icon: import_lucide_react54.FileCode,
           active: editor.isActive("codeBlock"),
           onClick: () => editor.chain().focus().toggleCodeBlock().run()
         },
         {
           type: "action",
           label: t("menubar.taskList"),
-          icon: import_lucide_react53.ListTodo,
+          icon: import_lucide_react54.ListTodo,
           active: editor.isActive("taskList"),
           onClick: () => editor.chain().focus().toggleTaskList().run()
         }
@@ -38041,28 +38406,28 @@ function buildFormatMenuItems(t, editor) {
         {
           type: "action",
           label: t("menubar.alignLeft"),
-          icon: import_lucide_react53.AlignLeft,
+          icon: import_lucide_react54.AlignLeft,
           active: editor.isActive({ textAlign: "left" }),
           onClick: () => editor.chain().focus().setTextAlign("left").run()
         },
         {
           type: "action",
           label: t("menubar.alignCenter"),
-          icon: import_lucide_react53.AlignCenter,
+          icon: import_lucide_react54.AlignCenter,
           active: editor.isActive({ textAlign: "center" }),
           onClick: () => editor.chain().focus().setTextAlign("center").run()
         },
         {
           type: "action",
           label: t("menubar.alignRight"),
-          icon: import_lucide_react53.AlignRight,
+          icon: import_lucide_react54.AlignRight,
           active: editor.isActive({ textAlign: "right" }),
           onClick: () => editor.chain().focus().setTextAlign("right").run()
         },
         {
           type: "action",
           label: t("menubar.alignJustify"),
-          icon: import_lucide_react53.AlignJustify,
+          icon: import_lucide_react54.AlignJustify,
           active: editor.isActive({ textAlign: "justify" }),
           onClick: () => editor.chain().focus().setTextAlign("justify").run()
         }
@@ -38081,7 +38446,7 @@ function buildToolsMenuItems(t, { onSourceCode, openSourceDialog }) {
     {
       type: "action",
       label: t("menubar.sourceCode"),
-      icon: import_lucide_react53.FileCode,
+      icon: import_lucide_react54.FileCode,
       onClick: () => onSourceCode ? onSourceCode() : openSourceDialog()
     }
   ];
@@ -38092,12 +38457,12 @@ function buildTableMenuItems(t, editor, onInsertTable) {
     {
       type: "sub",
       label: t("menubar.insertTable"),
-      icon: import_lucide_react53.Table,
+      icon: import_lucide_react54.Table,
       items: [
         {
           type: "custom",
           key: "table-insert-grid",
-          render: () => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          render: () => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             MenuTableInsertGrid,
             {
               insertLabel: t("tableMenu.insertTable"),
@@ -38118,7 +38483,7 @@ function buildTableMenuItems(t, editor, onInsertTable) {
     {
       type: "action",
       label: t("menubar.deleteTable"),
-      icon: import_lucide_react53.Trash2,
+      icon: import_lucide_react54.Trash2,
       destructive: true,
       disabled: !inTable,
       onClick: () => editor.chain().focus().deleteTable().run()
@@ -38193,8 +38558,8 @@ function buildTableMenuItems(t, editor, onInsertTable) {
     }
   ];
 }
-var MenuBarTrigger = import_react67.default.forwardRef(
-  ({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+var MenuBarTrigger = import_react69.default.forwardRef(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     "button",
     {
       ref,
@@ -38225,17 +38590,17 @@ var MenuBar = ({
   onPreview
 }) => {
   const t = useSmartTranslations("UEditor");
-  (0, import_react68.useEditorState)({
+  (0, import_react70.useEditorState)({
     editor,
     selector: ({ transactionNumber }) => transactionNumber
   });
-  const fileInputRef = (0, import_react67.useRef)(null);
-  const [showImageInput, setShowImageInput] = (0, import_react67.useState)(false);
-  const [showLinkInput, setShowLinkInput] = (0, import_react67.useState)(false);
-  const [isInsertMenuOpen, setIsInsertMenuOpen] = (0, import_react67.useState)(false);
-  const [showSourceDialog, setShowSourceDialog] = (0, import_react67.useState)(false);
-  const [sourceHtml, setSourceHtml] = (0, import_react67.useState)("");
-  const [showPreviewDialog, setShowPreviewDialog] = (0, import_react67.useState)(false);
+  const fileInputRef = (0, import_react69.useRef)(null);
+  const [showImageInput, setShowImageInput] = (0, import_react69.useState)(false);
+  const [showLinkInput, setShowLinkInput] = (0, import_react69.useState)(false);
+  const [isInsertMenuOpen, setIsInsertMenuOpen] = (0, import_react69.useState)(false);
+  const [showSourceDialog, setShowSourceDialog] = (0, import_react69.useState)(false);
+  const [sourceHtml, setSourceHtml] = (0, import_react69.useState)("");
+  const [showPreviewDialog, setShowPreviewDialog] = (0, import_react69.useState)(false);
   const openSourceDialog = () => {
     setSourceHtml(editor.getHTML());
     setShowSourceDialog(true);
@@ -38296,13 +38661,13 @@ var MenuBar = ({
     {
       type: "custom",
       key: "image",
-      render: () => showImageInput ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ImageInput, { onSubmit: handleImageUrl, onCancel: () => setShowImageInput(false) }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(DropdownMenuItem, { label: t("menubar.image"), icon: import_lucide_react53.Image, onClick: () => setShowImageInput(true), closeOnSelect: false }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      render: () => showImageInput ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ImageInput, { onSubmit: handleImageUrl, onCancel: () => setShowImageInput(false) }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(DropdownMenuItem, { label: t("menubar.image"), icon: import_lucide_react54.Image, onClick: () => setShowImageInput(true), closeOnSelect: false }),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           DropdownMenuItem,
           {
             label: t("menubar.imageUpload"),
-            icon: import_lucide_react53.Upload,
+            icon: import_lucide_react54.Upload,
             onClick: () => fileInputRef.current?.click(),
             closeOnSelect: false
           }
@@ -38313,11 +38678,11 @@ var MenuBar = ({
     {
       type: "custom",
       key: "link",
-      render: () => showLinkInput ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(LinkInput, { onSubmit: handleLinkSubmit, onCancel: () => setShowLinkInput(false), initialUrl: editor.getAttributes("link").href ?? "" }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      render: () => showLinkInput ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(LinkInput, { onSubmit: handleLinkSubmit, onCancel: () => setShowLinkInput(false), initialUrl: editor.getAttributes("link").href ?? "" }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         DropdownMenuItem,
         {
           label: t("menubar.link"),
-          icon: import_lucide_react53.Link,
+          icon: import_lucide_react54.Link,
           shortcut: t("menubar.linkShortcut"),
           onClick: () => setShowLinkInput(true),
           closeOnSelect: false
@@ -38328,12 +38693,12 @@ var MenuBar = ({
     {
       type: "sub",
       label: t("menubar.insertTable"),
-      icon: import_lucide_react53.Table,
+      icon: import_lucide_react54.Table,
       items: [
         {
           type: "custom",
           key: "table-grid",
-          render: () => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          render: () => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             MenuTableInsertGrid,
             {
               insertLabel: t("tableMenu.insertTable"),
@@ -38386,8 +38751,8 @@ var MenuBar = ({
     },
     { label: t("menubar.table"), items: buildTableMenuItems(t, editor, handleInsertTable), open: void 0, onOpenChange: void 0 }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       "input",
       {
         ref: fileInputRef,
@@ -38398,11 +38763,11 @@ var MenuBar = ({
         onChange: (e) => handleImageFiles(e.target.files)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-0.5 border-b border-border/35 bg-muted/20 px-1.5 py-0.5", children: [
-      menus.map(({ label, items, open, onOpenChange }) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-0.5 border-b border-border/35 bg-muted/20 px-1.5 py-0.5", children: [
+      menus.map(({ label, items, open, onOpenChange }) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         DropdownMenu,
         {
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(MenuBarTrigger, { children: label }),
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(MenuBarTrigger, { children: label }),
           placement: "bottom-start",
           isOpen: open,
           onOpenChange,
@@ -38410,7 +38775,7 @@ var MenuBar = ({
         },
         label
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         "button",
         {
           type: "button",
@@ -38421,20 +38786,20 @@ var MenuBar = ({
             "ml-auto inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors",
             "hover:bg-accent hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.Eye, { className: "h-4 w-4", "aria-hidden": "true" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react54.Eye, { className: "h-4 w-4", "aria-hidden": "true" })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       Modal_default,
       {
         isOpen: showSourceDialog,
         onClose: () => setShowSourceDialog(false),
         title: t("menubar.sourceCode"),
         size: "lg",
-        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "text-xs text-muted-foreground", children: t("menubar.sourceCodeHint") }),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "text-xs text-muted-foreground", children: t("menubar.sourceCodeHint") }),
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             "textarea",
             {
               "data-testid": "source-code-textarea",
@@ -38444,8 +38809,8 @@ var MenuBar = ({
               spellCheck: false
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex gap-2 justify-end", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex gap-2 justify-end", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               "button",
               {
                 type: "button",
@@ -38454,7 +38819,7 @@ var MenuBar = ({
                 children: t("menubar.applySource")
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               "button",
               {
                 type: "button",
@@ -38467,7 +38832,7 @@ var MenuBar = ({
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       Modal_default,
       {
         isOpen: showPreviewDialog,
@@ -38478,12 +38843,12 @@ var MenuBar = ({
         height: "min(860px, calc(100vh - 2rem))",
         className: "flex flex-col overflow-hidden rounded-xl md:rounded-2xl",
         contentClassName: "flex min-h-0 flex-1 overflow-hidden p-0",
-        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           "div",
           {
             "data-testid": "preview-content",
             className: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 py-4 md:px-8",
-            children: editor.isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            children: editor.isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               "div",
               {
                 className: UEDITOR_PROSEMIRROR_CLASS_NAME,
@@ -38498,8 +38863,8 @@ var MenuBar = ({
 };
 
 // src/components/UEditor/UEditor.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
-var UEditor = import_react69.default.forwardRef(({
+var import_jsx_runtime95 = require("react/jsx-runtime");
+var UEditor = import_react71.default.forwardRef(({
   content = "",
   onChange,
   onHtmlChange,
@@ -38539,10 +38904,10 @@ var UEditor = import_react69.default.forwardRef(({
 }, ref) => {
   const t = useSmartTranslations("UEditor");
   const effectivePlaceholder = placeholder ?? t("placeholder");
-  const inFlightPrepareRef = (0, import_react69.useRef)(null);
-  const lastAppliedContentRef = (0, import_react69.useRef)(content ?? "");
-  const scheduledFormulaRecalculateRef = (0, import_react69.useRef)(false);
-  const resolvedUploadFile = (0, import_react69.useMemo)(() => {
+  const inFlightPrepareRef = (0, import_react71.useRef)(null);
+  const lastAppliedContentRef = (0, import_react71.useRef)(content ?? "");
+  const scheduledFormulaRecalculateRef = (0, import_react71.useRef)(false);
+  const resolvedUploadFile = (0, import_react71.useMemo)(() => {
     if (uploadFile) return uploadFile;
     if (uploadFileForSave) {
       return async (file) => {
@@ -38552,7 +38917,7 @@ var UEditor = import_react69.default.forwardRef(({
     }
     return uploadImage;
   }, [uploadFile, uploadFileForSave, uploadImage]);
-  const extensions = (0, import_react69.useMemo)(
+  const extensions = (0, import_react71.useMemo)(
     () => [
       ...buildUEditorExtensions({
         placeholder: effectivePlaceholder,
@@ -38571,7 +38936,7 @@ var UEditor = import_react69.default.forwardRef(({
     ],
     [effectivePlaceholder, t, maxCharacters, uploadImage, resolvedUploadFile, imageInsertMode, maxImageFileSize, allowedImageMimeTypes, fallbackToDataUrl, editable, fetchMetadata, extraExtensions]
   );
-  const editor = (0, import_react70.useEditor)({
+  const editor = (0, import_react72.useEditor)({
     immediatelyRender: false,
     extensions,
     content,
@@ -38627,7 +38992,7 @@ var UEditor = import_react69.default.forwardRef(({
     tableRowGuideRef,
     activeTableCellHighlightRef
   } = useUEditorTableInteractions(editor, editable);
-  (0, import_react69.useImperativeHandle)(
+  (0, import_react71.useImperativeHandle)(
     ref,
     () => ({
       editor,
@@ -38652,7 +39017,7 @@ var UEditor = import_react69.default.forwardRef(({
     }),
     [content, editor, uploadImageForSave, uploadFileForSave, uploadImageConcurrency]
   );
-  (0, import_react69.useEffect)(() => {
+  (0, import_react71.useEffect)(() => {
     if (!editor) return;
     queueMicrotask(() => {
       if (!editor.isDestroyed) {
@@ -38660,7 +39025,7 @@ var UEditor = import_react69.default.forwardRef(({
       }
     });
   }, [editor]);
-  (0, import_react69.useEffect)(() => {
+  (0, import_react71.useEffect)(() => {
     if (!editor) return;
     const nextContent = content ?? "";
     if (lastAppliedContentRef.current === nextContent) return;
@@ -38679,7 +39044,7 @@ var UEditor = import_react69.default.forwardRef(({
     }
   }, [content, editor]);
   if (!editor) {
-    return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       "div",
       {
         className: cn("w-full border bg-background flex items-center justify-center text-muted-foreground", className),
@@ -38688,7 +39053,7 @@ var UEditor = import_react69.default.forwardRef(({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
     "div",
     {
       className: cn(
@@ -38703,7 +39068,7 @@ var UEditor = import_react69.default.forwardRef(({
         className
       ),
       children: [
-        editable && showMenuBar && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        editable && showMenuBar && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
           MenuBar,
           {
             editor,
@@ -38718,7 +39083,7 @@ var UEditor = import_react69.default.forwardRef(({
             onPreview
           }
         ),
-        editable && showToolbar && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        editable && showToolbar && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
           EditorToolbar,
           {
             editor,
@@ -38733,7 +39098,7 @@ var UEditor = import_react69.default.forwardRef(({
             letterSpacings
           }
         ),
-        editable && showBubbleMenu && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        editable && showBubbleMenu && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
           CustomBubbleMenu,
           {
             editor,
@@ -38741,7 +39106,7 @@ var UEditor = import_react69.default.forwardRef(({
             lineHeights
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
           "div",
           {
             ref: editorContentRef,
@@ -38751,7 +39116,7 @@ var UEditor = import_react69.default.forwardRef(({
               maxHeight
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
                 "span",
                 {
                   ref: tableColumnGuideRef,
@@ -38759,7 +39124,7 @@ var UEditor = import_react69.default.forwardRef(({
                   className: "pointer-events-none absolute z-20 bg-primary opacity-0 transition-opacity duration-100"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
                 "span",
                 {
                   ref: tableRowGuideRef,
@@ -38767,7 +39132,7 @@ var UEditor = import_react69.default.forwardRef(({
                   className: "pointer-events-none absolute z-20 bg-primary opacity-0 transition-opacity duration-100"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
                 "span",
                 {
                   ref: activeTableCellHighlightRef,
@@ -38776,9 +39141,9 @@ var UEditor = import_react69.default.forwardRef(({
                   className: "pointer-events-none hidden absolute z-20 rounded-[2px] border-2 border-primary bg-primary/10"
                 }
               ),
-              editable && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(TableControls, { editor, containerRef: editorContentRef }),
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
-                import_react70.EditorContent,
+              editable && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TableControls, { editor, containerRef: editorContentRef }),
+              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+                import_react72.EditorContent,
                 {
                   editor,
                   className: "min-h-full"
@@ -38787,7 +39152,7 @@ var UEditor = import_react69.default.forwardRef(({
             ]
           }
         ),
-        showCharacterCount && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(CharacterCountDisplay, { editor, maxCharacters })
+        showCharacterCount && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(CharacterCountDisplay, { editor, maxCharacters })
       ]
     }
   );