@underverse-ui/underverse 1.0.201 → 1.0.203

package/dist/index.cjs

@@ -998,6 +998,8 @@ var en_default = {
       alignCenter: "Align Center",
       alignRight: "Align Right",
       justify: "Justify",
+      decreaseIndent: "Decrease Indent",
+      increaseIndent: "Increase Indent",
       bulletList: "Bullet List",
       orderedList: "Numbered List",
       taskList: "Task List",
@@ -1135,11 +1137,14 @@ var en_default = {
       mergeCells: "Merge Cells",
       splitCell: "Split Cell",
       openControls: "Open Table Controls",
+      cellFormatting: "Cell Formatting",
       quickAddColumnAfter: "Quick Add Column After",
       quickAddRowAfter: "Quick Add Row After",
       expandTable: "Expand Table",
       dragRow: "Drag Row",
       dragColumn: "Drag Column",
+      resizeBoth: "Resize Table",
+      resizeCtrlHint: "Drag freely. Hold Ctrl to lock to one axis; hold Ctrl+Shift to preserve proportions",
       alignLeft: "Align Table Left",
       alignCenter: "Align Table Center",
       alignRight: "Align Table Right",
@@ -1444,6 +1449,8 @@ var vi_default = {
       alignCenter: "C\u0103n gi\u1EEFa",
       alignRight: "C\u0103n ph\u1EA3i",
       justify: "C\u0103n \u0111\u1EC1u",
+      decreaseIndent: "Gi\u1EA3m l\u1EC1",
+      increaseIndent: "T\u0103ng l\u1EC1",
       bulletList: "Danh s\xE1ch d\u1EA5u ch\u1EA5m",
       orderedList: "Danh s\xE1ch s\u1ED1",
       taskList: "Danh s\xE1ch c\xF4ng vi\u1EC7c",
@@ -1581,11 +1588,14 @@ var vi_default = {
       mergeCells: "G\u1ED9p \xF4",
       splitCell: "T\xE1ch \xF4",
       openControls: "M\u1EDF \u0111i\u1EC1u khi\u1EC3n b\u1EA3ng",
+      cellFormatting: "\u0110\u1ECBnh d\u1EA1ng \xF4",
       quickAddColumnAfter: "Th\xEAm nhanh c\u1ED9t sau",
       quickAddRowAfter: "Th\xEAm nhanh h\xE0ng sau",
       expandTable: "M\u1EDF r\u1ED9ng b\u1EA3ng",
       dragRow: "K\xE9o h\xE0ng",
       dragColumn: "K\xE9o c\u1ED9t",
+      resizeBoth: "\u0110\u1ED5i k\xEDch th\u01B0\u1EDBc b\u1EA3ng",
+      resizeCtrlHint: "K\xE9o t\u1EF1 do; gi\u1EEF Ctrl \u0111\u1EC3 kh\xF3a m\u1ED9t chi\u1EC1u, ho\u1EB7c Ctrl+Shift \u0111\u1EC3 gi\u1EEF nguy\xEAn t\u1EF7 l\u1EC7",
       alignLeft: "C\u0103n b\u1EA3ng tr\xE1i",
       alignCenter: "C\u0103n b\u1EA3ng gi\u1EEFa",
       alignRight: "C\u0103n b\u1EA3ng ph\u1EA3i",
@@ -1890,6 +1900,8 @@ var ko_default = {
       alignCenter: "\uAC00\uC6B4\uB370 \uC815\uB82C",
       alignRight: "\uC624\uB978\uCABD \uC815\uB82C",
       justify: "\uC591\uCABD \uB9DE\uCDA4",
+      decreaseIndent: "\uB0B4\uC5B4\uC4F0\uAE30",
+      increaseIndent: "\uB4E4\uC5EC\uC4F0\uAE30",
       bulletList: "\uAE00\uBA38\uB9AC \uAE30\uD638 \uBAA9\uB85D",
       orderedList: "\uBC88\uD638 \uB9E4\uAE30\uAE30 \uBAA9\uB85D",
       taskList: "\uD560 \uC77C \uBAA9\uB85D",
@@ -2027,11 +2039,14 @@ var ko_default = {
       mergeCells: "\uC140 \uBCD1\uD569",
       splitCell: "\uC140 \uBD84\uD560",
       openControls: "\uD45C \uCEE8\uD2B8\uB864 \uC5F4\uAE30",
+      cellFormatting: "\uC140 \uC11C\uC2DD",
       quickAddColumnAfter: "\uC624\uB978\uCABD \uC5F4 \uBE60\uB974\uAC8C \uCD94\uAC00",
       quickAddRowAfter: "\uC544\uB798 \uD589 \uBE60\uB974\uAC8C \uCD94\uAC00",
       expandTable: "\uD45C \uD655\uC7A5",
       dragRow: "\uD589 \uB4DC\uB798\uADF8",
       dragColumn: "\uC5F4 \uB4DC\uB798\uADF8",
+      resizeBoth: "\uD45C \uD06C\uAE30 \uC870\uC808",
+      resizeCtrlHint: "\uC790\uC720\uB86D\uAC8C \uB4DC\uB798\uADF8\uD569\uB2C8\uB2E4. Ctrl \uD0A4\uB97C \uB204\uB974\uBA74 \uD55C \uCD95\uC73C\uB85C \uACE0\uC815\uB418\uACE0, Ctrl+Shift \uD0A4\uB97C \uB204\uB974\uBA74 \uBE44\uC728\uC774 \uC720\uC9C0\uB429\uB2C8\uB2E4",
       alignLeft: "\uD45C \uC67C\uCABD \uC815\uB82C",
       alignCenter: "\uD45C \uAC00\uC6B4\uB370 \uC815\uB82C",
       alignRight: "\uD45C \uC624\uB978\uCABD \uC815\uB82C",
@@ -2336,6 +2351,8 @@ var ja_default = {
       alignCenter: "\u4E2D\u592E\u63C3\u3048",
       alignRight: "\u53F3\u63C3\u3048",
       justify: "\u4E21\u7AEF\u63C3\u3048",
+      decreaseIndent: "\u30A4\u30F3\u30C7\u30F3\u30C8\u3092\u6E1B\u3089\u3059",
+      increaseIndent: "\u30A4\u30F3\u30C7\u30F3\u30C8\u3092\u5897\u3084\u3059",
       bulletList: "\u7B87\u6761\u66F8\u304D",
       orderedList: "\u756A\u53F7\u4ED8\u304D\u30EA\u30B9\u30C8",
       taskList: "\u30BF\u30B9\u30AF\u30EA\u30B9\u30C8",
@@ -2473,11 +2490,14 @@ var ja_default = {
       mergeCells: "\u30BB\u30EB\u3092\u7D50\u5408",
       splitCell: "\u30BB\u30EB\u3092\u5206\u5272",
       openControls: "\u8868\u30B3\u30F3\u30C8\u30ED\u30FC\u30EB\u3092\u958B\u304F",
+      cellFormatting: "\u30BB\u30EB\u306E\u66F8\u5F0F\u8A2D\u5B9A",
       quickAddColumnAfter: "\u53F3\u5074\u306B\u5217\u3092\u3059\u3070\u3084\u304F\u8FFD\u52A0",
       quickAddRowAfter: "\u4E0B\u306B\u884C\u3092\u3059\u3070\u3084\u304F\u8FFD\u52A0",
       expandTable: "\u8868\u3092\u62E1\u5F35",
       dragRow: "\u884C\u3092\u30C9\u30E9\u30C3\u30B0",
       dragColumn: "\u5217\u3092\u30C9\u30E9\u30C3\u30B0",
+      resizeBoth: "\u8868\u306E\u30B5\u30A4\u30BA\u3092\u5909\u66F4",
+      resizeCtrlHint: "\u81EA\u7531\u306B\u30C9\u30E9\u30C3\u30B0\u3067\u304D\u307E\u3059\u3002Ctrl\u30AD\u30FC\u30671\u65B9\u5411\u306B\u56FA\u5B9A\u3057\u3001Ctrl+Shift\u30AD\u30FC\u3067\u7E26\u6A2A\u6BD4\u3092\u7DAD\u6301\u3057\u307E\u3059",
       alignLeft: "\u8868\u3092\u5DE6\u5BC4\u305B",
       alignCenter: "\u8868\u3092\u4E2D\u592E\u63C3\u3048",
       alignRight: "\u8868\u3092\u53F3\u5BC4\u305B",
@@ -8876,6 +8896,8 @@ var DropdownMenu = ({
   disabled = false,
   isOpen,
   onOpenChange,
+  openOnHover = false,
+  hoverCloseDelay = 120,
   items,
   borderMode
 }) => {
@@ -8895,10 +8917,26 @@ var DropdownMenu = ({
   const itemsRef = import_react17.default.useRef([]);
   const [activeIndex, setActiveIndex] = useResettingIndex(open);
   const parentMenu = import_react17.default.useContext(DropdownMenuContext);
+  const hoverCloseTimeoutRef = import_react17.default.useRef(null);
+  const cancelHoverClose = import_react17.default.useCallback(() => {
+    if (hoverCloseTimeoutRef.current === null) return;
+    clearTimeout(hoverCloseTimeoutRef.current);
+    hoverCloseTimeoutRef.current = null;
+  }, []);
+  const scheduleHoverClose = import_react17.default.useCallback(() => {
+    if (!openOnHover) return;
+    cancelHoverClose();
+    hoverCloseTimeoutRef.current = setTimeout(() => {
+      hoverCloseTimeoutRef.current = null;
+      setOpen(false);
+    }, hoverCloseDelay);
+  }, [cancelHoverClose, hoverCloseDelay, openOnHover, setOpen]);
+  import_react17.default.useEffect(() => () => cancelHoverClose(), [cancelHoverClose]);
   const closeMenu = import_react17.default.useCallback(() => {
+    cancelHoverClose();
     setOpen(false);
     parentMenu?.closeMenu();
-  }, [parentMenu, setOpen]);
+  }, [cancelHoverClose, parentMenu, setOpen]);
   const getEnabledMenuItems = import_react17.default.useCallback(() => {
     const menuEl = menuRef.current;
     if (!menuEl) return [];
@@ -8955,9 +8993,11 @@ var DropdownMenu = ({
   const menuContext = import_react17.default.useMemo(
     () => ({
       closeMenu,
-      closeOnSelect
+      closeOnSelect,
+      cancelHoverClose,
+      scheduleHoverClose
     }),
-    [closeMenu, closeOnSelect]
+    [cancelHoverClose, closeMenu, closeOnSelect, scheduleHoverClose]
   );
   const handleItemClick = (itemOnClick) => {
     itemOnClick();
@@ -8965,71 +9005,117 @@ var DropdownMenu = ({
       closeMenu();
     }
   };
-  const menuBody = /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DropdownMenuContext.Provider, { value: menuContext, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { ref: menuRef, "data-dropdown-menu": true, "data-state": open ? "open" : "closed", role: "menu", className: cn("min-w-40", className), children: items ? items.map((item, index) => {
-    const IconComponent = item.icon;
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
-      "button",
-      {
-        ref: (el) => {
-          if (el) itemsRef.current[index] = el;
-        },
-        onClick: () => handleItemClick(item.onClick),
-        disabled: item.disabled,
-        role: "menuitem",
-        "data-dropdown-menu-item": "",
-        tabIndex: -1,
-        style: {
-          animationDelay: open ? `${Math.min(index * 20, 200)}ms` : "0ms"
-        },
-        className: cn(
-          "dropdown-item flex w-full items-center gap-2 px-2.5 py-1.5 text-sm",
-          resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-lg",
-          "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
-          "hover:bg-accent hover:text-accent-foreground",
-          "focus:bg-accent focus:text-accent-foreground",
-          "disabled:opacity-50 disabled:cursor-not-allowed",
-          item.destructive && "text-destructive hover:bg-destructive/10 focus:bg-destructive/10"
-        ),
-        children: [
-          IconComponent && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(IconComponent, { className: "h-4 w-4" }),
-          item.label
-        ]
-      },
-      index
-    );
-  }) : children }) });
+  const menuBody = /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DropdownMenuContext.Provider, { value: menuContext, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    "div",
+    {
+      ref: menuRef,
+      "data-dropdown-menu": true,
+      "data-state": open ? "open" : "closed",
+      role: "menu",
+      className: cn("min-w-40", className),
+      onMouseEnter: openOnHover ? () => {
+        cancelHoverClose();
+        parentMenu?.cancelHoverClose();
+      } : void 0,
+      onMouseLeave: openOnHover ? () => {
+        scheduleHoverClose();
+        parentMenu?.scheduleHoverClose();
+      } : void 0,
+      children: items ? items.map((item, index) => {
+        const IconComponent = item.icon;
+        return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+          "button",
+          {
+            ref: (el) => {
+              if (el) itemsRef.current[index] = el;
+            },
+            onClick: () => handleItemClick(item.onClick),
+            disabled: item.disabled,
+            role: "menuitem",
+            "data-dropdown-menu-item": "",
+            tabIndex: -1,
+            style: {
+              animationDelay: open ? `${Math.min(index * 20, 200)}ms` : "0ms"
+            },
+            className: cn(
+              "dropdown-item flex w-full items-center gap-2 px-2.5 py-1.5 text-sm",
+              resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-lg",
+              "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+              "hover:bg-accent hover:text-accent-foreground",
+              "focus:bg-accent focus:text-accent-foreground",
+              "disabled:opacity-50 disabled:cursor-not-allowed",
+              item.destructive && "text-destructive hover:bg-destructive/10 focus:bg-destructive/10"
+            ),
+            children: [
+              IconComponent && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(IconComponent, { className: "h-4 w-4" }),
+              item.label
+            ]
+          },
+          index
+        );
+      }) : children
+    }
+  ) });
   const triggerProps = trigger.props;
-  const childRef = triggerProps.ref;
+  const {
+    ref: childRef,
+    onKeyDown: triggerOnKeyDown,
+    onClick: triggerOnClick,
+    onMouseEnter: triggerOnMouseEnter,
+    onMouseLeave: triggerOnMouseLeave
+  } = triggerProps;
+  const setTriggerNode = import_react17.default.useCallback((node) => {
+    setRefValue(childRef, node);
+    triggerRef.current = node;
+  }, [childRef]);
+  const handleTriggerKeyDown = import_react17.default.useCallback((event) => {
+    if (!disabled) {
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        setOpen(true);
+        requestAnimationFrame(() => focusMenuItem(0));
+      } else if (event.key === "ArrowUp") {
+        event.preventDefault();
+        setOpen(true);
+        requestAnimationFrame(() => {
+          const enabled = getEnabledMenuItems();
+          focusMenuItem(enabled.length - 1);
+        });
+      } else if (event.key === "Escape") {
+        event.preventDefault();
+        setOpen(false);
+      }
+    }
+    triggerOnKeyDown?.(event);
+  }, [disabled, focusMenuItem, getEnabledMenuItems, setOpen, triggerOnKeyDown]);
+  const handleTriggerClick = import_react17.default.useCallback((event) => {
+    if (openOnHover && !disabled) {
+      cancelHoverClose();
+      setOpen(true);
+    }
+    triggerOnClick?.(event);
+  }, [cancelHoverClose, disabled, openOnHover, setOpen, triggerOnClick]);
+  const handleTriggerMouseEnter = import_react17.default.useCallback((event) => {
+    if (openOnHover && !disabled) {
+      cancelHoverClose();
+      parentMenu?.cancelHoverClose();
+      setOpen(true);
+    }
+    triggerOnMouseEnter?.(event);
+  }, [cancelHoverClose, disabled, openOnHover, parentMenu, setOpen, triggerOnMouseEnter]);
+  const handleTriggerMouseLeave = import_react17.default.useCallback((event) => {
+    scheduleHoverClose();
+    triggerOnMouseLeave?.(event);
+  }, [scheduleHoverClose, triggerOnMouseLeave]);
   const enhancedTrigger = import_react17.default.cloneElement(trigger, {
     ...triggerProps,
-    ref: mergeRefs(childRef, (node) => {
-      triggerRef.current = node;
-    }),
+    ref: setTriggerNode,
     "aria-haspopup": "menu",
     "aria-expanded": open,
-    onKeyDown: chainEventHandlers((e) => {
-      triggerRef.current = e.currentTarget;
-      if (!disabled) {
-        if (e.key === "ArrowDown") {
-          e.preventDefault();
-          setOpen(true);
-          requestAnimationFrame(() => focusMenuItem(0));
-        } else if (e.key === "ArrowUp") {
-          e.preventDefault();
-          setOpen(true);
-          requestAnimationFrame(() => {
-            const enabled = getEnabledMenuItems();
-            focusMenuItem(enabled.length - 1);
-          });
-        } else if (e.key === "Escape") {
-          e.preventDefault();
-          setOpen(false);
-        }
-      }
-    }, triggerProps.onKeyDown),
-    onFocus: chainEventHandlers((e) => {
-      triggerRef.current = e.currentTarget;
-    }, triggerProps.onFocus)
+    onKeyDown: handleTriggerKeyDown,
+    onClick: handleTriggerClick,
+    onMouseEnter: handleTriggerMouseEnter,
+    onMouseLeave: handleTriggerMouseLeave
   });
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     Popover,
@@ -9127,6 +9213,7 @@ var DropdownMenuSub = ({ label, icon: Icon, disabled, borderMode, children }) =>
         }
       ),
       placement: "right",
+      openOnHover: true,
       children
     }
   );
@@ -28048,11 +28135,11 @@ function useLocale2() {
 }
 
 // src/components/UEditor/UEditor.tsx
-var import_react84 = __toESM(require("react"), 1);
-var import_react85 = require("@tiptap/react");
+var import_react85 = __toESM(require("react"), 1);
+var import_react86 = require("@tiptap/react");
 
 // src/components/UEditor/extensions.ts
-var import_core16 = require("@tiptap/core");
+var import_core17 = 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);
@@ -28068,7 +28155,7 @@ 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_core17 = require("@tiptap/core");
+var import_core18 = require("@tiptap/core");
 var import_react68 = require("@tiptap/react");
 
 // src/components/UEditor/callout.ts
@@ -31581,15 +31668,208 @@ var LetterSpacing = import_core15.Extension.create({
 });
 var letter_spacing_default = LetterSpacing;
 
+// src/components/UEditor/indent.ts
+var import_core16 = require("@tiptap/core");
+var import_tables = require("@tiptap/pm/tables");
+var DEFAULT_MAX_LEVEL = 6;
+var DEFAULT_MIN_LEVEL = 0;
+var DEFAULT_STEP_REM = 2;
+var INLINE_TAB_SPACES = "\xA0".repeat(4);
+var LIST_ITEM_TYPES = /* @__PURE__ */ new Set(["listItem", "taskItem"]);
+var TABLE_CELL_TYPES = /* @__PURE__ */ new Set(["tableCell", "tableHeader"]);
+function clampIndentLevel(value, minLevel, maxLevel) {
+  const numericValue = typeof value === "number" ? value : Number.parseInt(String(value ?? ""), 10);
+  if (!Number.isFinite(numericValue)) return minLevel;
+  return Math.min(maxLevel, Math.max(minLevel, Math.round(numericValue)));
+}
+function parseIndentLevel(element, options) {
+  const dataIndent = element.getAttribute("data-indent");
+  if (dataIndent !== null) {
+    return clampIndentLevel(dataIndent, options.minLevel, options.maxLevel);
+  }
+  const marginLeft = element.style.marginLeft.trim();
+  const match = marginLeft.match(/^(-?\d+(?:\.\d+)?)(rem|em|px)$/i);
+  if (!match) return options.minLevel;
+  const value = Number.parseFloat(match[1] ?? "0");
+  const unit = match[2]?.toLowerCase();
+  const remValue = unit === "px" ? value / 16 : value;
+  return clampIndentLevel(remValue / options.stepRem, options.minLevel, options.maxLevel);
+}
+function getNodePos($pos, depth) {
+  return depth > 0 ? $pos.before(depth) : 0;
+}
+function getIndentTargetAt($pos, indentTypes) {
+  for (let depth = $pos.depth; depth > 0; depth -= 1) {
+    const nodeName = $pos.node(depth).type.name;
+    if (LIST_ITEM_TYPES.has(nodeName) || TABLE_CELL_TYPES.has(nodeName)) return null;
+  }
+  if (indentTypes.has("blockquote")) {
+    for (let depth = $pos.depth; depth > 0; depth -= 1) {
+      const node = $pos.node(depth);
+      if (node.type.name === "blockquote") {
+        return { node, pos: getNodePos($pos, depth) };
+      }
+    }
+  }
+  for (let depth = $pos.depth; depth > 0; depth -= 1) {
+    const node = $pos.node(depth);
+    if (indentTypes.has(node.type.name)) {
+      return { node, pos: getNodePos($pos, depth) };
+    }
+  }
+  return null;
+}
+function getIndentTargets(state, types) {
+  if ((0, import_tables.isInTable)(state)) return [];
+  const indentTypes = new Set(types);
+  const targets = /* @__PURE__ */ new Map();
+  const addTarget = (target) => {
+    if (target) targets.set(target.pos, target);
+  };
+  addTarget(getIndentTargetAt(state.selection.$from, indentTypes));
+  addTarget(getIndentTargetAt(state.selection.$to, indentTypes));
+  if (!state.selection.empty) {
+    state.doc.nodesBetween(state.selection.from, state.selection.to, (node, pos) => {
+      if (!indentTypes.has(node.type.name)) return true;
+      const resolvedPos = state.doc.resolve(Math.min(pos + 1, state.doc.content.size));
+      addTarget(getIndentTargetAt(resolvedPos, indentTypes));
+      return node.type.name !== "blockquote";
+    });
+  }
+  return Array.from(targets.values()).sort((a, b) => a.pos - b.pos);
+}
+function updateBlockIndent({
+  state,
+  dispatch,
+  options,
+  delta
+}) {
+  const targets = getIndentTargets(state, options.types);
+  let transaction = state.tr;
+  let changed = false;
+  for (const target of targets) {
+    const currentLevel = clampIndentLevel(target.node.attrs.indent, options.minLevel, options.maxLevel);
+    const nextLevel = clampIndentLevel(currentLevel + delta, options.minLevel, options.maxLevel);
+    if (nextLevel === currentLevel) continue;
+    transaction = transaction.setNodeMarkup(target.pos, void 0, {
+      ...target.node.attrs,
+      indent: nextLevel
+    });
+    changed = true;
+  }
+  if (changed && dispatch) dispatch(transaction.scrollIntoView());
+  return changed;
+}
+function insertTabAtCursor(state, dispatch) {
+  if (!state.selection.empty) return false;
+  if (dispatch) {
+    dispatch(state.tr.insertText(INLINE_TAB_SPACES, state.selection.from).scrollIntoView());
+  }
+  return true;
+}
+function removeTabBeforeCursor(state, dispatch) {
+  if (!state.selection.empty || state.selection.$from.parentOffset <= 0) return false;
+  const cursorPos = state.selection.from;
+  const tabStartPos = cursorPos - INLINE_TAB_SPACES.length;
+  if (tabStartPos < 0 || state.doc.textBetween(tabStartPos, cursorPos) !== INLINE_TAB_SPACES) return false;
+  if (dispatch) {
+    dispatch(state.tr.delete(tabStartPos, cursorPos).scrollIntoView());
+  }
+  return true;
+}
+var Indent = import_core16.Extension.create({
+  name: "indent",
+  addOptions() {
+    return {
+      maxLevel: DEFAULT_MAX_LEVEL,
+      minLevel: DEFAULT_MIN_LEVEL,
+      stepRem: DEFAULT_STEP_REM,
+      types: ["paragraph", "blockquote"]
+    };
+  },
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.types,
+        attributes: {
+          indent: {
+            default: this.options.minLevel,
+            parseHTML: (element) => parseIndentLevel(element, this.options),
+            renderHTML: (attributes) => {
+              const level = clampIndentLevel(attributes.indent, this.options.minLevel, this.options.maxLevel);
+              if (level <= this.options.minLevel) return {};
+              return {
+                "data-indent": String(level),
+                style: `margin-left: ${level * this.options.stepRem}rem`
+              };
+            }
+          }
+        }
+      }
+    ];
+  },
+  addCommands() {
+    return {
+      increaseIndent: () => ({ editor, commands, state, dispatch }) => {
+        if (editor.isActive("taskItem")) return commands.sinkListItem("taskItem");
+        if (editor.isActive("listItem")) return commands.sinkListItem("listItem");
+        return updateBlockIndent({
+          state,
+          dispatch,
+          options: this.options,
+          delta: 1
+        });
+      },
+      decreaseIndent: () => ({ editor, commands, state, dispatch }) => {
+        if (editor.isActive("taskItem")) return commands.liftListItem("taskItem");
+        if (editor.isActive("listItem")) return commands.liftListItem("listItem");
+        return updateBlockIndent({
+          state,
+          dispatch,
+          options: this.options,
+          delta: -1
+        });
+      }
+    };
+  },
+  addKeyboardShortcuts() {
+    const handleBlockIndent = (delta) => {
+      const { state } = this.editor;
+      const hasBlockTarget = getIndentTargets(state, this.options.types).length > 0;
+      if (!hasBlockTarget) {
+        return delta > 0 ? this.editor.commands.increaseIndent() : this.editor.commands.decreaseIndent();
+      }
+      if (state.selection.empty && state.selection.$from.parentOffset > 0) {
+        if (delta > 0) {
+          return insertTabAtCursor(state, (transaction) => this.editor.view.dispatch(transaction));
+        }
+        removeTabBeforeCursor(state, (transaction) => this.editor.view.dispatch(transaction));
+        return true;
+      }
+      if (delta > 0) {
+        this.editor.commands.increaseIndent();
+      } else {
+        this.editor.commands.decreaseIndent();
+      }
+      return true;
+    };
+    return {
+      Tab: () => handleBlockIndent(1),
+      "Shift-Tab": () => handleBlockIndent(-1)
+    };
+  }
+});
+var indent_default = Indent;
+
 // src/components/UEditor/table-align.ts
 var import_extension_table = require("@tiptap/extension-table");
 var import_state7 = require("@tiptap/pm/state");
-var import_tables2 = require("@tiptap/pm/tables");
+var import_tables3 = require("@tiptap/pm/tables");
 
 // src/components/UEditor/table-column-resize.ts
 var import_state6 = require("@tiptap/pm/state");
 var import_view2 = require("@tiptap/pm/view");
-var import_tables = require("@tiptap/pm/tables");
+var import_tables2 = require("@tiptap/pm/tables");
 var DEFAULT_TABLE_COLUMN_WIDTH = 100;
 var MIN_RESIZED_TABLE_COLUMN_WIDTH = 25;
 function getDynamicColumnMinWidth(startWidth, fallbackMinWidth) {
@@ -31709,20 +31989,20 @@ function edgeCell(view, event, side, handleWidth) {
     top: event.clientY
   });
   if (!found2) return -1;
-  const $cell = (0, import_tables.cellAround)(view.state.doc.resolve(found2.pos));
+  const $cell = (0, import_tables2.cellAround)(view.state.doc.resolve(found2.pos));
   if (!$cell) return -1;
   if (side === "right") return $cell.pos;
-  const map = import_tables.TableMap.get($cell.node(-1));
+  const map = import_tables2.TableMap.get($cell.node(-1));
   const start = $cell.start(-1);
   const index = map.map.indexOf($cell.pos - start);
   return index % map.width === 0 ? -1 : start + map.map[index - 1];
 }
 function updateHandle(view, value) {
-  view.dispatch(view.state.tr.setMeta(import_tables.columnResizingPluginKey, { setHandle: value }));
+  view.dispatch(view.state.tr.setMeta(import_tables2.columnResizingPluginKey, { setHandle: value }));
 }
 function handleMouseMove(view, event, handleWidth, lastColumnResizable) {
   if (!view.editable) return;
-  const pluginState = import_tables.columnResizingPluginKey.getState(view.state);
+  const pluginState = import_tables2.columnResizingPluginKey.getState(view.state);
   if (!pluginState || pluginState.dragging) return;
   const target = domCellAround(event.target);
   let cell = -1;
@@ -31735,7 +32015,7 @@ function handleMouseMove(view, event, handleWidth, lastColumnResizable) {
   if (!lastColumnResizable && cell !== -1) {
     const $cell = view.state.doc.resolve(cell);
     const table = $cell.node(-1);
-    const map = import_tables.TableMap.get(table);
+    const map = import_tables2.TableMap.get(table);
     const tableStart = $cell.start(-1);
     const nodeAfter = $cell.nodeAfter;
     if (!nodeAfter) return;
@@ -31745,7 +32025,7 @@ function handleMouseMove(view, event, handleWidth, lastColumnResizable) {
 }
 function handleMouseLeave(view) {
   if (!view.editable) return;
-  const pluginState = import_tables.columnResizingPluginKey.getState(view.state);
+  const pluginState = import_tables2.columnResizingPluginKey.getState(view.state);
   if (pluginState && pluginState.activeHandle > -1 && !pluginState.dragging) {
     updateHandle(view, -1);
   }
@@ -31753,7 +32033,7 @@ function handleMouseLeave(view) {
 function updateColumnWidth(view, cell, width) {
   const $cell = view.state.doc.resolve(cell);
   const table = $cell.node(-1);
-  const map = import_tables.TableMap.get(table);
+  const map = import_tables2.TableMap.get(table);
   const start = $cell.start(-1);
   const nodeAfter = $cell.nodeAfter;
   if (!nodeAfter) return;
@@ -31778,7 +32058,7 @@ function updateColumnWidth(view, cell, width) {
   if (tr.docChanged) view.dispatch(tr);
 }
 function getActiveDragging(state) {
-  const dragging = import_tables.columnResizingPluginKey.getState(state)?.dragging;
+  const dragging = import_tables2.columnResizingPluginKey.getState(state)?.dragging;
   return dragging ? dragging : null;
 }
 function getColumnResizeGhost(view) {
@@ -31823,7 +32103,7 @@ function showColumnResizeGhost(view, cell, dragging, width) {
 function handleMouseDown(view, event, cellMinWidth) {
   if (!view.editable) return false;
   const win = view.dom.ownerDocument.defaultView ?? window;
-  const pluginState = import_tables.columnResizingPluginKey.getState(view.state);
+  const pluginState = import_tables2.columnResizingPluginKey.getState(view.state);
   if (!pluginState || pluginState.activeHandle === -1 || pluginState.dragging) return false;
   const cell = view.state.doc.nodeAt(pluginState.activeHandle);
   if (!cell) return false;
@@ -31838,22 +32118,22 @@ function handleMouseDown(view, event, cellMinWidth) {
     startWidth: width,
     minWidth
   };
-  view.dispatch(view.state.tr.setMeta(import_tables.columnResizingPluginKey, { setDragging: dragging }));
+  view.dispatch(view.state.tr.setMeta(import_tables2.columnResizingPluginKey, { setDragging: dragging }));
   function finish(nextEvent) {
     win.removeEventListener("mouseup", finish);
     win.removeEventListener("mousemove", move);
     const activeDragging = getActiveDragging(view.state);
-    const activeHandle = import_tables.columnResizingPluginKey.getState(view.state)?.activeHandle ?? -1;
+    const activeHandle = import_tables2.columnResizingPluginKey.getState(view.state)?.activeHandle ?? -1;
     if (activeDragging && activeHandle > -1) {
       updateColumnWidth(view, activeHandle, getDraggedWidth(activeDragging, nextEvent));
-      view.dispatch(view.state.tr.setMeta(import_tables.columnResizingPluginKey, { setDragging: null }));
+      view.dispatch(view.state.tr.setMeta(import_tables2.columnResizingPluginKey, { setDragging: null }));
     }
     hideColumnResizeGhost(view);
   }
   function move(nextEvent) {
     if (!nextEvent.buttons) return finish(nextEvent);
     const activeDragging = getActiveDragging(view.state);
-    const activeHandle = import_tables.columnResizingPluginKey.getState(view.state)?.activeHandle ?? -1;
+    const activeHandle = import_tables2.columnResizingPluginKey.getState(view.state)?.activeHandle ?? -1;
     if (activeDragging && activeHandle > -1) {
       showColumnResizeGhost(view, activeHandle, activeDragging, getDraggedWidth(activeDragging, nextEvent));
     }
@@ -31869,7 +32149,7 @@ function handleDecorations(state, cell) {
   const $cell = state.doc.resolve(cell);
   const table = $cell.node(-1);
   if (!table) return import_view2.DecorationSet.empty;
-  const map = import_tables.TableMap.get(table);
+  const map = import_tables2.TableMap.get(table);
   const start = $cell.start(-1);
   const nodeAfter = $cell.nodeAfter;
   if (!nodeAfter) return import_view2.DecorationSet.empty;
@@ -31883,7 +32163,7 @@ function handleDecorations(state, cell) {
       const pos = start + cellPos + cellNode.nodeSize - 1;
       const dom = document.createElement("div");
       dom.className = "column-resize-handle";
-      if (import_tables.columnResizingPluginKey.getState(state)?.dragging) {
+      if (import_tables2.columnResizingPluginKey.getState(state)?.dragging) {
         decorations.push(import_view2.Decoration.node(start + cellPos, start + cellPos + cellNode.nodeSize, { class: "column-resize-dragging" }));
       }
       decorations.push(import_view2.Decoration.widget(pos, dom));
@@ -31899,15 +32179,15 @@ function dynamicColumnResizing({
   lastColumnResizable = true
 } = {}) {
   const plugin = new import_state6.Plugin({
-    key: import_tables.columnResizingPluginKey,
+    key: import_tables2.columnResizingPluginKey,
     state: {
       init(_, state) {
         const nodeViews = plugin.spec.props?.nodeViews;
-        const tableName = (0, import_tables.tableNodeTypes)(state.schema).table.name;
+        const tableName = (0, import_tables2.tableNodeTypes)(state.schema).table.name;
         if (View && nodeViews) {
           nodeViews[tableName] = (node, view) => new View(node, defaultCellMinWidth, view);
         }
-        return new import_tables.ResizeState(-1, false);
+        return new import_tables2.ResizeState(-1, false);
       },
       apply(tr, prev) {
         return prev.apply(tr);
@@ -31915,7 +32195,7 @@ function dynamicColumnResizing({
     },
     props: {
       attributes: (state) => {
-        const pluginState = import_tables.columnResizingPluginKey.getState(state);
+        const pluginState = import_tables2.columnResizingPluginKey.getState(state);
         return pluginState && pluginState.activeHandle > -1 ? { class: "resize-cursor" } : {};
       },
       handleDOMEvents: {
@@ -31928,7 +32208,7 @@ function dynamicColumnResizing({
         mousedown: (view, event) => handleMouseDown(view, event, cellMinWidth)
       },
       decorations: (state) => {
-        const pluginState = import_tables.columnResizingPluginKey.getState(state);
+        const pluginState = import_tables2.columnResizingPluginKey.getState(state);
         if (pluginState && pluginState.activeHandle > -1) {
           return handleDecorations(state, pluginState.activeHandle);
         }
@@ -32085,7 +32365,7 @@ var UEditorTable = import_extension_table.Table.extend({
           lastColumnResizable: this.options.lastColumnResizable
         })
       ] : [],
-      (0, import_tables2.tableEditing)({
+      (0, import_tables3.tableEditing)({
         allowTableNodeSelection: this.options.allowTableNodeSelection
       }),
       new import_state7.Plugin({
@@ -32354,7 +32634,7 @@ var CustomTableCell = import_extension_table_cell.default.extend({
     mergedStyle = mergedStyle.replace(/^;/, "").trim();
     return [
       "td",
-      (0, import_core16.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
+      (0, import_core17.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
       0
     ];
   }
@@ -32480,7 +32760,7 @@ var CustomTableHeader = import_extension_table_header.default.extend({
     mergedStyle = mergedStyle.replace(/^;/, "").trim();
     return [
       "th",
-      (0, import_core16.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
+      (0, import_core17.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
       0
     ];
   }
@@ -32488,15 +32768,15 @@ var CustomTableHeader = import_extension_table_header.default.extend({
 var CustomTaskList = import_extension_task_list.default.extend({
   addInputRules() {
     return [
-      (0, import_core17.wrappingInputRule)({
+      (0, import_core18.wrappingInputRule)({
         find: /^\s*(\[ \]|\[\])\s$/,
         type: this.type
       }),
-      (0, import_core17.wrappingInputRule)({
+      (0, import_core18.wrappingInputRule)({
         find: /^\s*(-\s*\[ \]|-\s*\[\])\s$/,
         type: this.type
       }),
-      (0, import_core17.wrappingInputRule)({
+      (0, import_core18.wrappingInputRule)({
         find: /^\s*(\*\s*\[ \]|-\s*\[\])\s$/,
         type: this.type
       })
@@ -32592,6 +32872,7 @@ function buildUEditorExtensions({
     font_size_default,
     line_height_default,
     letter_spacing_default,
+    indent_default,
     import_extension_color.default,
     import_extension_highlight.default.configure({
       multicolor: true
@@ -32659,7 +32940,7 @@ function buildUEditorExtensions({
 var import_react72 = __toESM(require("react"), 1);
 var import_react73 = require("@tiptap/react");
 var import_lucide_react52 = require("lucide-react");
-var import_tables4 = require("@tiptap/pm/tables");
+var import_tables5 = require("@tiptap/pm/tables");
 
 // src/components/UEditor/colors.tsx
 var import_react70 = require("react");
@@ -33316,7 +33597,7 @@ function applyEditorLink(editor, href) {
 
 // src/components/UEditor/table-cell-commands.ts
 var import_state10 = require("@tiptap/pm/state");
-var import_tables3 = require("@tiptap/pm/tables");
+var import_tables4 = require("@tiptap/pm/tables");
 function getCellSelectionPositions(selection) {
   const value = selection;
   const anchor = value.$anchorCell?.pos;
@@ -33408,7 +33689,7 @@ function getSelectedTableRect(editor) {
   if (cellSelection) {
     const tableInfo = findTableInfoFromCellPos(editor, cellSelection.anchor);
     if (tableInfo) {
-      const map = import_tables3.TableMap.get(tableInfo.table);
+      const map = import_tables4.TableMap.get(tableInfo.table);
       const rect = map.rectBetween(
         cellSelection.anchor - tableInfo.tableStart,
         cellSelection.head - tableInfo.tableStart
@@ -33421,7 +33702,7 @@ function getSelectedTableRect(editor) {
       };
     }
   }
-  return (0, import_tables3.selectedRect)(editor.state);
+  return (0, import_tables4.selectedRect)(editor.state);
 }
 function parsePixelWidth(value) {
   if (!value) return null;
@@ -33504,7 +33785,7 @@ function runTableCommandAtCellPos(editor, cellPos, command) {
 function getTableCornerCellPos(editor, activePos) {
   const tableInfo = findTableInfoFromCellPos(editor, activePos);
   if (!tableInfo) return null;
-  const map = import_tables3.TableMap.get(tableInfo.table);
+  const map = import_tables4.TableMap.get(tableInfo.table);
   return tableInfo.tableStart + map.positionAt(map.height - 1, map.width - 1, tableInfo.table);
 }
 function replaceTableAtCellPos(editor, cellPos, updateTable) {
@@ -33528,7 +33809,7 @@ function duplicateTableRowAt(editor, rowIndex, cellPos) {
 }
 function clearTableRowAt(editor, rowIndex, cellPos) {
   return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
-    const map = import_tables3.TableMap.get(tableNode);
+    const map = import_tables4.TableMap.get(tableNode);
     if (rowIndex < 0 || rowIndex >= map.height) return null;
     const rows = getTableRows(tableNode).map((rowInfo) => {
       const cells = collectChildren(rowInfo.node);
@@ -33544,7 +33825,7 @@ function clearTableRowAt(editor, rowIndex, cellPos) {
 }
 function duplicateTableColumnAt(editor, columnIndex, cellPos) {
   return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
-    const map = import_tables3.TableMap.get(tableNode);
+    const map = import_tables4.TableMap.get(tableNode);
     if (columnIndex < 0 || columnIndex >= map.width) return null;
     const rows = getTableRows(tableNode).map((rowInfo, rowIndex) => {
       const cells = collectChildren(rowInfo.node);
@@ -33566,7 +33847,7 @@ function duplicateTableColumnAt(editor, columnIndex, cellPos) {
 }
 function clearTableColumnAt(editor, columnIndex, cellPos) {
   return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
-    const map = import_tables3.TableMap.get(tableNode);
+    const map = import_tables4.TableMap.get(tableNode);
     if (columnIndex < 0 || columnIndex >= map.width) return null;
     const rows = getTableRows(tableNode).map((rowInfo) => {
       const cells = collectChildren(rowInfo.node);
@@ -33696,6 +33977,77 @@ function getTableAnchorPos(editor) {
   const firstCell = tables[0]?.querySelector("th,td");
   return firstCell instanceof HTMLTableCellElement ? editor.view.posAtDOM(firstCell, 0) + 1 : null;
 }
+var EDITOR_UI_ACTIVE_MARKS = [
+  "blockquote",
+  "bold",
+  "bulletList",
+  "code",
+  "codeBlock",
+  "formCheckbox",
+  "highlight",
+  "image",
+  "italic",
+  "link",
+  "orderedList",
+  "paragraph",
+  "strike",
+  "subscript",
+  "superscript",
+  "taskList",
+  "underline"
+];
+function getEditorUiRenderState(editor) {
+  const textStyle = editor.getAttributes("textStyle");
+  const highlight = editor.getAttributes("highlight");
+  const image = editor.getAttributes("image");
+  const link = editor.getAttributes("link");
+  const tableCell = editor.getAttributes("tableCell");
+  const tableHeader = editor.getAttributes("tableHeader");
+  const hasTableContext = getTableAnchorPos(editor) !== null;
+  const can = editor.can();
+  return {
+    active: EDITOR_UI_ACTIVE_MARKS.map((name) => editor.isActive(name)),
+    alignment: ["left", "center", "right", "justify"].map((textAlign) => editor.isActive({ textAlign })),
+    heading: [1, 2, 3].map((level) => editor.isActive("heading", { level })),
+    textStyle: {
+      color: textStyle.color ?? null,
+      fontFamily: textStyle.fontFamily ?? null,
+      fontSize: textStyle.fontSize ?? null,
+      letterSpacing: textStyle.letterSpacing ?? null,
+      lineHeight: textStyle.lineHeight ?? null
+    },
+    highlightColor: highlight.color ?? null,
+    image: {
+      imageLayout: image.imageLayout ?? null,
+      imageWidthPreset: image.imageWidthPreset ?? null
+    },
+    linkHref: link.href ?? null,
+    tableCell: {
+      backgroundColor: tableCell.backgroundColor ?? tableHeader.backgroundColor ?? null,
+      borderColor: tableCell.borderColor ?? tableHeader.borderColor ?? null,
+      borderStyle: tableCell.borderStyle ?? tableHeader.borderStyle ?? null,
+      borderWidth: tableCell.borderWidth ?? tableHeader.borderWidth ?? null,
+      formula: tableCell.formula ?? tableHeader.formula ?? null,
+      numberFormat: tableCell.numberFormat ?? tableHeader.numberFormat ?? null,
+      textDirection: tableCell.textDirection ?? tableHeader.textDirection ?? null,
+      verticalAlign: tableCell.verticalAlign ?? tableHeader.verticalAlign ?? null
+    },
+    can: {
+      addColumnAfter: hasTableContext && can.addColumnAfter(),
+      addColumnBefore: hasTableContext && can.addColumnBefore(),
+      addRowAfter: hasTableContext && can.addRowAfter(),
+      addRowBefore: hasTableContext && can.addRowBefore(),
+      decreaseIndent: can.decreaseIndent(),
+      increaseIndent: can.increaseIndent(),
+      mergeCells: hasTableContext && can.mergeCells(),
+      redo: can.redo(),
+      splitCell: hasTableContext && can.splitCell(),
+      undo: can.undo()
+    },
+    hasTableContext,
+    isEmpty: editor.isEmpty
+  };
+}
 function fileToDataUrl2(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();
@@ -33721,10 +34073,10 @@ var ToolbarButton = import_react72.default.forwardRef(({ onClick, onMouseDown, a
       onClick,
       disabled,
       className: cn(
-        "flex h-8 w-8 shrink-0 items-center justify-center rounded-md transition-colors duration-150 cursor-pointer",
-        "gap-0.5 [&_svg+svg]:-ml-1",
+        "flex h-7 w-7 shrink-0 cursor-pointer items-center justify-center rounded-md transition-colors duration-150",
+        "gap-0.5 [&>svg]:h-3.5 [&>svg]:w-3.5 [&>svg]:shrink-0",
         "hover:bg-accent",
-        "focus:outline-none focus:ring-2 focus:ring-primary/20",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/20",
         "disabled:opacity-40 disabled:cursor-not-allowed",
         active ? "bg-primary/10 text-primary shadow-sm" : "text-[#7B8184] hover:text-foreground dark:text-muted-foreground",
         className
@@ -33738,7 +34090,7 @@ var ToolbarButton = import_react72.default.forwardRef(({ onClick, onMouseDown, a
   return button;
 });
 ToolbarButton.displayName = "ToolbarButton";
-var ToolbarDivider = () => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { "aria-hidden": "true", className: "mx-2 h-9 w-px shrink-0 bg-[rgba(123,129,132,0.24)]" });
+var ToolbarDivider = () => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { "aria-hidden": "true", className: "mx-1.5 h-7 w-px shrink-0 bg-[rgba(123,129,132,0.24)]" });
 var TableInsertGrid = ({
   insertLabel,
   previewTemplate,
@@ -33749,7 +34101,7 @@ var TableInsertGrid = ({
   const maxCols = 8;
   return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "mb-2 rounded-xl border border-border/60 bg-muted/20 p-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "mb-2 text-sm font-medium text-foreground", children: formatTableInsertLabel(previewTemplate, selection.rows, selection.cols) }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "grid grid-cols-8 gap-1", onMouseLeave: () => setSelection((prev) => prev), children: Array.from({ length: maxRows }).map(
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "grid grid-cols-8 gap-1", children: Array.from({ length: maxRows }).map(
       (_, rowIndex) => Array.from({ length: maxCols }).map((__, colIndex) => {
         const rows = rowIndex + 1;
         const cols = colIndex + 1;
@@ -33777,7 +34129,7 @@ var TableInsertGrid = ({
 };
 function applyTableCellAttribute(editor, name, value) {
   const { state, view } = editor;
-  const applied = (0, import_tables4.setCellAttr)(name, value)(state, view.dispatch.bind(view));
+  const applied = (0, import_tables5.setCellAttr)(name, value)(state, view.dispatch.bind(view));
   if (applied) {
     view.focus();
     return;
@@ -33797,15 +34149,14 @@ var EditorToolbar = ({
   letterSpacings
 }) => {
   const t = useSmartTranslations("UEditor");
-  (0, import_react73.useEditorState)({
+  const editorUiState = (0, import_react73.useEditorState)({
     editor,
-    selector: ({ transactionNumber }) => transactionNumber
+    selector: ({ editor: currentEditor }) => getEditorUiRenderState(currentEditor)
   });
   const { textColors, highlightColors } = useEditorColors();
   const [showImageInput, setShowImageInput] = (0, import_react72.useState)(false);
   const [showLinkInput, setShowLinkInput] = (0, import_react72.useState)(false);
   const [isTableMenuOpen, setIsTableMenuOpen] = (0, import_react72.useState)(false);
-  const [preservedTableAnchorPos, setPreservedTableAnchorPos] = (0, import_react72.useState)(null);
   const fileInputRef = (0, import_react72.useRef)(null);
   const [isUploadingImage, setIsUploadingImage] = (0, import_react72.useState)(false);
   const [imageUploadError, setImageUploadError] = (0, import_react72.useState)(null);
@@ -33813,14 +34164,11 @@ var EditorToolbar = ({
   const imageAttrs = editor.getAttributes("image");
   const tableAnchorPos = getTableAnchorPos(editor);
   const tableInfo = tableAnchorPos == null ? null : findTableNodeInfoFromState(editor.state, tableAnchorPos);
-  const tableAttrs = tableInfo?.node.attrs ?? editor.getAttributes("table");
   const textStyleAttrs = editor.getAttributes("textStyle");
   const imageLayout = imageAttrs.imageLayout === "left" || imageAttrs.imageLayout === "right" ? imageAttrs.imageLayout : "block";
   const imageWidthPreset = imageAttrs.imageWidthPreset === "sm" || imageAttrs.imageWidthPreset === "md" || imageAttrs.imageWidthPreset === "lg" ? imageAttrs.imageWidthPreset : null;
-  const tableAlignAttr = tableAttrs.tableAlign ?? tableAttrs.textAlign;
-  const currentTableAlign = tableAlignAttr === "center" || tableAlignAttr === "right" ? tableAlignAttr : "left";
   const isTableSelected = tableInfo !== null;
-  const hasTableContext = isTableSelected || preservedTableAnchorPos !== null;
+  const hasTableContext = isTableSelected;
   const canMergeCells = hasTableContext && editor.can().mergeCells();
   const canSplitCell = hasTableContext && editor.can().splitCell();
   const currentCellVerticalAlign = normalizeStyleValue(editor.getAttributes("tableCell").verticalAlign || editor.getAttributes("tableHeader").verticalAlign) || "";
@@ -33846,7 +34194,6 @@ var EditorToolbar = ({
   const displayedFontFamilyValue = currentFontFamily || defaultFontFamilyValue;
   const displayedFontSizeLabel = currentFontSize ? currentFontSizeLabel : "13";
   const activeFontSize = currentFontSize || "13px";
-  const tableCommandAnchorPos = preservedTableAnchorPos ?? tableAnchorPos ?? void 0;
   const isMedium = variant === "medium";
   const isMediumFull = variant === "medium-full";
   const isFull = variant === "default" || variant === "full" || variant === "notion" || !variant;
@@ -33886,14 +34233,29 @@ var EditorToolbar = ({
           children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaListIcon, { className: "h-4 w-4" })
         }
       ),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().decreaseIndent().run(),
+          disabled: !editorUiState.can.decreaseIndent,
+          title: t("toolbar.decreaseIndent"),
+          children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.IndentDecrease, { className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().increaseIndent().run(),
+          disabled: !editorUiState.can.increaseIndent,
+          title: t("toolbar.increaseIndent"),
+          children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.IndentIncrease, { className: "h-4 w-4" })
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
         DropdownMenu,
         {
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
-          }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.SquareCheckBig, { className: "w-4 h-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ChevronDown, { className: "w-3 h-3" })
-          ] }),
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+          }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.SquareCheckBig, { className: "w-4 h-4" }) }),
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               DropdownMenuItem,
@@ -33960,7 +34322,7 @@ var EditorToolbar = ({
     "div",
     {
       role: "toolbar",
-      className: "flex min-h-15 flex-nowrap items-center gap-1 overflow-x-auto border-b border-[rgba(196,197,213,0.6)] bg-[#F4F4F4] px-3 py-3 dark:bg-muted/60",
+      className: "flex min-h-12 flex-nowrap items-center gap-0.5 overflow-x-auto border-b border-[rgba(196,197,213,0.6)] bg-[#F4F4F4] px-2 py-2 dark:bg-muted/60",
       children: [
         isFull && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           DropdownMenu,
@@ -33971,7 +34333,7 @@ var EditorToolbar = ({
                 onClick: () => {
                 },
                 title: t("toolbar.fontFamily"),
-                className: "h-9 w-50 max-w-50 justify-between gap-3 rounded-lg border border-[rgba(196,197,213,0.6)] bg-white px-3 text-[#404040] shadow-[0_1px_2px_rgba(0,0,0,0.07)] hover:bg-white hover:text-[#404040] dark:bg-background dark:text-foreground",
+                className: "h-8 w-44 max-w-44 justify-between gap-2 border border-[rgba(196,197,213,0.6)] bg-white px-2.5 text-[#404040] shadow-[0_1px_2px_rgba(0,0,0,0.07)] hover:bg-white hover:text-[#404040] dark:bg-background dark:text-foreground",
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "min-w-0 flex-1 truncate text-left text-sm font-normal", style: { fontFamily: displayedFontFamilyValue || void 0 }, children: displayedFontFamilyLabel }),
                   /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-3 w-3 shrink-0 text-[#7B8184]" })
@@ -34000,7 +34362,7 @@ var EditorToolbar = ({
                 onClick: () => {
                 },
                 title: t("toolbar.fontSize"),
-                className: "h-9 w-20 justify-between gap-3 rounded-lg border border-[rgba(196,197,213,0.6)] bg-white px-3 text-[#404040] shadow-[0_1px_2px_rgba(0,0,0,0.07)] hover:bg-white hover:text-[#404040] dark:bg-background dark:text-foreground",
+                className: "h-8 w-16 justify-between gap-2 border border-[rgba(196,197,213,0.6)] bg-white px-2.5 text-[#404040] shadow-[0_1px_2px_rgba(0,0,0,0.07)] hover:bg-white hover:text-[#404040] dark:bg-background dark:text-foreground",
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "text-sm font-normal leading-none", children: displayedFontSizeLabel }),
                   /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-3 w-3 shrink-0 text-[#7B8184]" })
@@ -34023,11 +34385,8 @@ var EditorToolbar = ({
           DropdownMenu,
           {
             contentClassName: "p-1",
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
-            }, title: t("toolbar.textStyle"), className: "px-1.5 w-auto gap-0.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaTextStyleIcon, { className: "h-4 w-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-            ] }),
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.textStyle"), className: "px-1.5 w-auto gap-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaTextStyleIcon, { className: "h-4 w-4" }) }),
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
                 DropdownMenuItem,
@@ -34206,11 +34565,8 @@ var EditorToolbar = ({
         /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
-            }, title: t("colors.textColor"), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TextColorIcon, { color: currentTextColor }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-            ] }),
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+            }, title: t("colors.textColor"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TextColorIcon, { color: currentTextColor }) }),
             children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               EditorColorPalette,
               {
@@ -34231,11 +34587,8 @@ var EditorToolbar = ({
         /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
-            }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(HighlightColorIcon, { color: currentHighlightColor }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-            ] }),
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+            }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(HighlightColorIcon, { color: currentHighlightColor }) }),
             children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               EditorColorPalette,
               {
@@ -34253,35 +34606,13 @@ var EditorToolbar = ({
             )
           }
         ),
-        (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarDivider, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-            DropdownMenu,
-            {
-              contentClassName: "p-0 overflow-hidden",
-              trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
-              }, title: t("toolbar.emoji"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaSmileIcon, { className: "h-4 w-4" }) }),
-              children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                EmojiPicker2,
-                {
-                  onSelect: (emoji) => {
-                    editor.chain().focus().insertContent(emoji).run();
-                  }
-                }
-              )
-            }
-          )
-        ] }),
         (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarDivider, {}),
           /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
             DropdownMenu,
             {
-              trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
-              }, title: t("toolbar.alignment"), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaAlignLeftIcon, { className: "h-4 w-4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-              ] }),
+              trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+              }, title: t("toolbar.alignment"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaAlignLeftIcon, { className: "h-4 w-4" }) }),
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
                   DropdownMenuItem,
@@ -34355,11 +34686,8 @@ var EditorToolbar = ({
           hasTableContext && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
             DropdownMenu,
             {
-              trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
-              }, title: t("tableMenu.textDirection"), children: [
-                currentCellTextDirection === "vertical" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ArrowRight, { className: "w-4 h-4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ChevronDown, { className: "w-3 h-3" })
-              ] }),
+              trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+              }, title: t("tableMenu.textDirection"), children: currentCellTextDirection === "vertical" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ArrowRight, { className: "w-4 h-4" }) }),
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
                   DropdownMenuItem,
@@ -34387,11 +34715,8 @@ var EditorToolbar = ({
         /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
-            }, title: t("toolbar.bulletList"), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaListIcon, { className: "h-4 w-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-            ] }),
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.bulletList"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaListIcon, { className: "h-4 w-4" }) }),
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
                 DropdownMenuItem,
@@ -34426,14 +34751,29 @@ var EditorToolbar = ({
             ]
           }
         ),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          ToolbarButton,
+          {
+            onClick: () => editor.chain().focus().decreaseIndent().run(),
+            disabled: !editorUiState.can.decreaseIndent,
+            title: t("toolbar.decreaseIndent"),
+            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.IndentDecrease, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          ToolbarButton,
+          {
+            onClick: () => editor.chain().focus().increaseIndent().run(),
+            disabled: !editorUiState.can.increaseIndent,
+            title: t("toolbar.increaseIndent"),
+            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.IndentIncrease, { className: "h-4 w-4" })
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
-            }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.SquareCheckBig, { className: "w-4 h-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ChevronDown, { className: "w-3 h-3" })
-            ] }),
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+            }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.SquareCheckBig, { className: "w-4 h-4" }) }),
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
                 DropdownMenuItem,
@@ -34458,11 +34798,8 @@ var EditorToolbar = ({
         isFull && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
-            }, title: t("toolbar.quote"), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaQuoteIcon, { className: "h-4 w-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-            ] }),
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.quote"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaQuoteIcon, { className: "h-4 w-4" }) }),
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
                 DropdownMenuItem,
@@ -34490,11 +34827,8 @@ var EditorToolbar = ({
         (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
-            }, title: t("toolbar.image"), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaImageIcon, { className: "h-4 w-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-            ] }),
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.image"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaImageIcon, { className: "h-4 w-4" }) }),
             children: showImageInput ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               ImageInput,
               {
@@ -34614,149 +34948,25 @@ var EditorToolbar = ({
             ] })
           }
         ),
-        (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+        (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           DropdownMenu,
           {
             isOpen: isTableMenuOpen,
-            onOpenChange: (open) => {
-              setIsTableMenuOpen(open);
-              setPreservedTableAnchorPos(open ? getTableAnchorPos(editor) : null);
-            },
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
-            }, title: t("toolbar.table"), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaTableIcon, { className: "h-4 w-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-            ] }),
+            onOpenChange: setIsTableMenuOpen,
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.table"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaTableIcon, { className: "h-4 w-4" }) }),
             contentClassName: "p-2 min-w-56",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                TableInsertGrid,
-                {
-                  insertLabel: t("tableMenu.insertTable"),
-                  previewTemplate: t("tableMenu.gridPreview"),
-                  onInsert: (rows, cols) => {
-                    editor.chain().focus().insertTable({ rows, cols, withHeaderRow: true }).run();
-                    setIsTableMenuOpen(false);
-                    setPreservedTableAnchorPos(null);
-                  }
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "my-1 border-t" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.AlignLeft,
-                  label: t("tableMenu.alignLeft"),
-                  onClick: () => applyTableAlignment(editor, "left", tableCommandAnchorPos),
-                  active: hasTableContext && currentTableAlign === "left",
-                  disabled: !hasTableContext
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.AlignCenter,
-                  label: t("tableMenu.alignCenter"),
-                  onClick: () => applyTableAlignment(editor, "center", tableCommandAnchorPos),
-                  active: hasTableContext && currentTableAlign === "center",
-                  disabled: !hasTableContext
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.AlignRight,
-                  label: t("tableMenu.alignRight"),
-                  onClick: () => applyTableAlignment(editor, "right", tableCommandAnchorPos),
-                  active: hasTableContext && currentTableAlign === "right",
-                  disabled: !hasTableContext
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "my-1 border-t" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.ArrowLeft,
-                  label: t("tableMenu.addColumnBefore"),
-                  onClick: () => editor.chain().focus().addColumnBefore().run(),
-                  disabled: !hasTableContext || !editor.can().addColumnBefore()
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.ArrowDown,
-                  label: t("tableMenu.addColumnAfter"),
-                  onClick: () => editor.chain().focus().addColumnAfter().run(),
-                  disabled: !hasTableContext || !editor.can().addColumnAfter()
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.ArrowUp,
-                  label: t("tableMenu.addRowBefore"),
-                  onClick: () => editor.chain().focus().addRowBefore().run(),
-                  disabled: !hasTableContext || !editor.can().addRowBefore()
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.ArrowRight,
-                  label: t("tableMenu.addRowAfter"),
-                  onClick: () => editor.chain().focus().addRowAfter().run(),
-                  disabled: !hasTableContext || !editor.can().addRowAfter()
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "my-1 border-t" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.Table,
-                  label: t("tableMenu.toggleHeaderRow"),
-                  onClick: () => editor.chain().focus().toggleHeaderRow().run(),
-                  disabled: !hasTableContext || !editor.can().toggleHeaderRow()
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.Table,
-                  label: t("tableMenu.toggleHeaderColumn"),
-                  onClick: () => editor.chain().focus().toggleHeaderColumn().run(),
-                  disabled: !hasTableContext || !editor.can().toggleHeaderColumn()
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "my-1 border-t" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.Trash2,
-                  label: t("tableMenu.deleteColumn"),
-                  onClick: () => editor.chain().focus().deleteColumn().run(),
-                  disabled: !hasTableContext || !editor.can().deleteColumn()
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.Trash2,
-                  label: t("tableMenu.deleteRow"),
-                  onClick: () => editor.chain().focus().deleteRow().run(),
-                  disabled: !hasTableContext || !editor.can().deleteRow()
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.Trash2,
-                  label: t("tableMenu.deleteTable"),
-                  onClick: () => editor.chain().focus().deleteTable().run(),
-                  disabled: !hasTableContext || !editor.can().deleteTable()
+            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              TableInsertGrid,
+              {
+                insertLabel: t("tableMenu.insertTable"),
+                previewTemplate: t("tableMenu.gridPreview"),
+                onInsert: (rows, cols) => {
+                  editor.chain().focus().insertTable({ rows, cols, withHeaderRow: true }).run();
+                  setIsTableMenuOpen(false);
                 }
-              )
-            ]
+              }
+            )
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarDivider, {}),
@@ -34825,12 +35035,12 @@ var EditorToolbar = ({
 // src/components/UEditor/menus.tsx
 var import_react74 = require("react");
 var import_react75 = require("@tiptap/react");
-var import_tables7 = require("@tiptap/pm/tables");
+var import_tables8 = require("@tiptap/pm/tables");
 var import_react_dom8 = require("react-dom");
 var import_lucide_react53 = require("lucide-react");
 
 // src/components/UEditor/table-border-commands.ts
-var import_tables5 = require("@tiptap/pm/tables");
+var import_tables6 = require("@tiptap/pm/tables");
 var SIDES = ["top", "right", "bottom", "left"];
 var OPPOSITE_SIDE = {
   top: "bottom",
@@ -34901,7 +35111,7 @@ function getAppliedSides(position, cell, selection) {
 }
 function applyTableCellBorders(editor, position, format, options = {}) {
   const { state, view } = editor;
-  const selection = (0, import_tables5.selectedRect)(state);
+  const selection = (0, import_tables6.selectedRect)(state);
   const transaction = state.tr;
   const cellPositions = new Set(selection.map.cellsInRect(selection));
   const sidesByCell = /* @__PURE__ */ new Map();
@@ -34959,7 +35169,7 @@ function applyTableCellBorders(editor, position, format, options = {}) {
 
 // src/components/UEditor/table-formula-commands.ts
 var import_state11 = require("@tiptap/pm/state");
-var import_tables6 = require("@tiptap/pm/tables");
+var import_tables7 = require("@tiptap/pm/tables");
 
 // src/components/UEditor/table-formula.ts
 var CELL_ADDRESS_RE = /^([A-Z]+)([1-9]\d*)$/i;
@@ -35550,7 +35760,7 @@ function getSelectionTableCellAnchor(editor) {
     const tableNode = $cell.node(depth);
     if (tableNode.type.name !== "table") continue;
     const tableStart = $cell.start(depth);
-    const rect = safeFindCell2(import_tables6.TableMap.get(tableNode), cellPos - tableStart);
+    const rect = safeFindCell2(import_tables7.TableMap.get(tableNode), cellPos - tableStart);
     if (!rect) return null;
     return {
       cellPos,
@@ -35566,7 +35776,7 @@ function getSelectionTableCellAnchor(editor) {
 function restoreSelectionAtTableCell(editor, anchor) {
   const tableNode = editor.state.doc.nodeAt(anchor.tablePos);
   if (!tableNode || tableNode.type.name !== "table") return false;
-  const map = import_tables6.TableMap.get(tableNode);
+  const map = import_tables7.TableMap.get(tableNode);
   if (anchor.row >= map.height || anchor.column >= map.width) return false;
   const relativeCellPos = map.positionAt(anchor.row, anchor.column, tableNode);
   const cellPos = anchor.tablePos + 1 + relativeCellPos;
@@ -35622,7 +35832,7 @@ function getSelectionTableCellLabel(editor) {
   const tableNode = $from.node(tableDepth);
   const tableStart = $from.start(tableDepth);
   const relativeCellPos = $from.before(cellDepth) - tableStart;
-  const rect = safeFindCell2(import_tables6.TableMap.get(tableNode), relativeCellPos);
+  const rect = safeFindCell2(import_tables7.TableMap.get(tableNode), relativeCellPos);
   if (!rect) return null;
   return `${indexToColumnName(rect.left)}${rect.top + 1}`;
 }
@@ -35660,7 +35870,7 @@ function removeSelectedTableCellFormula(editor, clearContent) {
   return true;
 }
 function buildTableValueMap(tableNode) {
-  const map = import_tables6.TableMap.get(tableNode);
+  const map = import_tables7.TableMap.get(tableNode);
   const values = /* @__PURE__ */ new Map();
   for (const rowInfo of getTableRows2(tableNode)) {
     for (const entry of rowInfo.cells) {
@@ -35685,8 +35895,8 @@ function setSelectedTableCellFormula(editor, formula) {
   if (!normalized) {
     return clearSelectedTableCellFormula(editor);
   }
-  const appliedFormula = (0, import_tables6.setCellAttr)("formula", normalized)(state, view.dispatch.bind(view));
-  const clearedValue = (0, import_tables6.setCellAttr)("computedValue", null)(editor.state, view.dispatch.bind(view));
+  const appliedFormula = (0, import_tables7.setCellAttr)("formula", normalized)(state, view.dispatch.bind(view));
+  const clearedValue = (0, import_tables7.setCellAttr)("computedValue", null)(editor.state, view.dispatch.bind(view));
   if (appliedFormula || clearedValue) {
     recalculateActiveTableFormulas(editor);
     if (selectionAnchor) restoreSelectionAtTableCell(editor, selectionAnchor);
@@ -35705,7 +35915,7 @@ function convertSelectedTableCellFormulaToValue(editor) {
 function setSelectedTableCellNumberFormat(editor, numberFormat) {
   const value = numberFormat && numberFormat !== "text" ? numberFormat : null;
   const { state, view } = editor;
-  const applied = (0, import_tables6.setCellAttr)("numberFormat", value)(state, view.dispatch.bind(view));
+  const applied = (0, import_tables7.setCellAttr)("numberFormat", value)(state, view.dispatch.bind(view));
   if (!applied) return false;
   recalculateSelectedTable(editor);
   view.focus();
@@ -35777,7 +35987,7 @@ function promoteFormulaTextInTableNode(tableNode) {
 function recalculateTableNode(tableNode, options) {
   const promoted = promoteFormulaTextInTableNode(tableNode);
   tableNode = promoted.tableNode;
-  const map = import_tables6.TableMap.get(tableNode);
+  const map = import_tables7.TableMap.get(tableNode);
   const values = buildTableValueMap(tableNode);
   const formulaEntries = /* @__PURE__ */ new Map();
   let changed = false;
@@ -35848,7 +36058,7 @@ function recalculateTableNode(tableNode, options) {
   return tableNode.type.create(tableNode.attrs, rows);
 }
 function recalculateSelectedTable(editor) {
-  const rect = (0, import_tables6.selectedRect)(editor.state);
+  const rect = (0, import_tables7.selectedRect)(editor.state);
   const tableNode = rect.table;
   const nextTable = recalculateTableNode(tableNode);
   if (!nextTable) return false;
@@ -35944,7 +36154,7 @@ var FloatingMenuContent = ({ editor }) => {
     {
       type: "button",
       onClick: () => setShowCommands(true),
-      className: "flex items-center gap-1 px-2 py-1.5 rounded-lg hover:bg-accent transition-all group",
+      className: "group flex items-center gap-1 rounded-lg px-2 py-1.5 transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Plus, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
         /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
@@ -35955,7 +36165,7 @@ var FloatingMenuContent = ({ editor }) => {
 function applyTableCellBackground(editor, color) {
   const value = color || null;
   const { state, view } = editor;
-  const applied = (0, import_tables7.setCellAttr)("backgroundColor", value)(state, view.dispatch.bind(view));
+  const applied = (0, import_tables8.setCellAttr)("backgroundColor", value)(state, view.dispatch.bind(view));
   if (applied) {
     view.focus();
     return;
@@ -35965,7 +36175,7 @@ function applyTableCellBackground(editor, color) {
 function applyTableCellAttribute2(editor, name, value, options = {}) {
   const shouldFocus = options.focus ?? true;
   const { state, view } = editor;
-  const applied = (0, import_tables7.setCellAttr)(name, value)(state, view.dispatch.bind(view));
+  const applied = (0, import_tables8.setCellAttr)(name, value)(state, view.dispatch.bind(view));
   if (applied) {
     if (shouldFocus) view.focus();
     return;
@@ -36018,20 +36228,28 @@ function BorderPositionPreviewIcon({ position }) {
     showVertical && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M10 2V18", strokeWidth: "2" })
   ] });
 }
+function getBubbleMenuContext(editor) {
+  const { selection } = editor.state;
+  if (editor.isActive("image")) return "image";
+  if (selection instanceof import_tables8.CellSelection) return "table-cell";
+  if (editor.isActive("link")) return "link";
+  if (!selection.empty) return "text";
+  return "none";
+}
 var BubbleMenuContent = ({
   editor,
+  context,
   onKeepOpenChange,
   onLinkInputOpenChange,
   onRequestClose,
   fontSizes,
   lineHeights,
-  initialShowLinkInput = false,
-  cellBorderOpenRequest = 0
+  initialShowLinkInput = false
 }) => {
   const t = useSmartTranslations("UEditor");
   (0, import_react75.useEditorState)({
     editor,
-    selector: ({ transactionNumber }) => transactionNumber
+    selector: ({ editor: currentEditor }) => getEditorUiRenderState(currentEditor)
   });
   const { textColors, highlightColors } = useEditorColors();
   const [showLinkInput, setShowLinkInput] = (0, import_react74.useState)(initialShowLinkInput);
@@ -36039,17 +36257,13 @@ var BubbleMenuContent = ({
   (0, import_react74.useEffect)(() => {
     setShowLinkInput(initialShowLinkInput);
   }, [initialShowLinkInput]);
-  (0, import_react74.useEffect)(() => {
-    if (!cellBorderOpenRequest) return;
-    setActiveColorPalette("cell-border");
-    onKeepOpenChange?.(true);
-  }, [cellBorderOpenRequest, onKeepOpenChange]);
   const [showTypographyPanel, setShowTypographyPanel] = (0, import_react74.useState)(false);
   const [showFormulaPanel, setShowFormulaPanel] = (0, import_react74.useState)(false);
   const [formulaDraft, setFormulaDraft] = (0, import_react74.useState)("");
   const [showFontSizeOptions, setShowFontSizeOptions] = (0, import_react74.useState)(false);
   const [fontSizeDraft, setFontSizeDraft] = (0, import_react74.useState)("");
-  const isImageSelected = editor.isActive("image");
+  const isImageSelected = context === "image";
+  const isTableCellSelection = context === "table-cell";
   const imageAttrs = editor.getAttributes("image");
   const imageLayout = imageAttrs.imageLayout === "left" || imageAttrs.imageLayout === "right" ? imageAttrs.imageLayout : "block";
   const imageWidthPreset = imageAttrs.imageWidthPreset === "sm" || imageAttrs.imageWidthPreset === "md" || imageAttrs.imageWidthPreset === "lg" ? imageAttrs.imageWidthPreset : null;
@@ -36071,9 +36285,9 @@ var BubbleMenuContent = ({
   const [activeBorderPosition, setActiveBorderPosition] = (0, import_react74.useState)("all");
   const currentCellVerticalAlign = normalizeStyleValue(editor.getAttributes("tableCell").verticalAlign || editor.getAttributes("tableHeader").verticalAlign) || "";
   const currentCellTextDirection = normalizeStyleValue(editor.getAttributes("tableCell").textDirection || editor.getAttributes("tableHeader").textDirection) || "horizontal";
-  const isInTable2 = (0, import_tables7.isInTable)(editor.state);
-  const canMergeCells = isInTable2 && editor.can().mergeCells();
-  const canSplitCell = isInTable2 && editor.can().splitCell();
+  const isInTable3 = (0, import_tables8.isInTable)(editor.state);
+  const canMergeCells = isInTable3 && editor.can().mergeCells();
+  const canSplitCell = isInTable3 && editor.can().splitCell();
   const currentFontSize = normalizeStyleValue(textStyleAttrs.fontSize);
   const currentLineHeight = normalizeStyleValue(textStyleAttrs.lineHeight);
   const quickFontSizes = (0, import_react74.useMemo)(
@@ -36112,12 +36326,10 @@ var BubbleMenuContent = ({
     setFontSizeDraft(String(clamped));
   };
   (0, import_react74.useEffect)(() => {
-    onKeepOpenChange?.(showLinkInput);
+    const shouldKeepOpen = showLinkInput || Boolean(activeColorPalette) || showFormulaPanel || showTypographyPanel;
+    onKeepOpenChange?.(shouldKeepOpen);
     onLinkInputOpenChange?.(showLinkInput);
-  }, [onKeepOpenChange, onLinkInputOpenChange, showLinkInput]);
-  (0, import_react74.useEffect)(() => {
-    onKeepOpenChange?.(Boolean(activeColorPalette));
-  }, [activeColorPalette, onKeepOpenChange]);
+  }, [activeColorPalette, onKeepOpenChange, onLinkInputOpenChange, showFormulaPanel, showLinkInput, showTypographyPanel]);
   const closeTransientPanels = (0, import_react74.useCallback)(() => {
     setActiveColorPalette(null);
     setShowLinkInput(false);
@@ -36421,7 +36633,7 @@ var BubbleMenuContent = ({
       )
     ] });
   }
-  if (showFormulaPanel && isInTable2) {
+  if (showFormulaPanel && isInTable3) {
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "w-72 p-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("tableMenu.formula") || "Formula" }),
@@ -36676,38 +36888,8 @@ var BubbleMenuContent = ({
     ] });
   }
   const VerticalAlignActiveIcon = currentCellVerticalAlign === "middle" ? import_lucide_react53.AlignCenterVertical : currentCellVerticalAlign === "bottom" ? import_lucide_react53.AlignEndVertical : import_lucide_react53.AlignStartVertical;
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-0.5 p-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Bold, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Italic, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
-      ToolbarButton,
-      {
-        onClick: () => editor.chain().focus().toggleUnderline().run(),
-        active: editor.isActive("underline"),
-        title: t("toolbar.underline"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Underline, { className: "w-4 h-4" })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Strikethrough, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Code, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
-      ToolbarButton,
-      {
-        onMouseDown: () => {
-          onKeepOpenChange?.(true);
-        },
-        onClick: () => {
-          setShowLinkInput(true);
-        },
-        active: editor.isActive("link"),
-        title: t("toolbar.link"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Link, { className: "w-4 h-4" })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => setActiveColorPalette("text"), title: t("colors.textColor"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(TextColorIcon, { color: currentTextColor }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => setActiveColorPalette("highlight"), active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(HighlightColorIcon, { color: currentHighlightColor }) }),
-    isInTable2 && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
+  if (isTableCellSelection) {
+    return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-0.5 p-1", "data-ueditor-cell-inspector": "", children: [
       /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         ToolbarButton,
         {
@@ -36720,9 +36902,7 @@ var BubbleMenuContent = ({
       /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         ToolbarButton,
         {
-          onMouseDown: () => {
-            onKeepOpenChange?.(true);
-          },
+          onMouseDown: () => onKeepOpenChange?.(true),
           onClick: () => setActiveColorPalette("cell-border"),
           active: Boolean(
             editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor || editor.getAttributes("tableCell").borderStyle || editor.getAttributes("tableHeader").borderStyle || editor.getAttributes("tableCell").borderWidth || editor.getAttributes("tableHeader").borderWidth
@@ -36739,9 +36919,7 @@ var BubbleMenuContent = ({
       /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         ToolbarButton,
         {
-          onMouseDown: () => {
-            onKeepOpenChange?.(true);
-          },
+          onMouseDown: () => onKeepOpenChange?.(true),
           onClick: () => {
             setFormulaDraft(currentCellFormula);
             setShowFormulaPanel(true);
@@ -36770,15 +36948,11 @@ var BubbleMenuContent = ({
       /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
         DropdownMenu,
         {
-          onOpenChange: (open) => {
-            onKeepOpenChange?.(open);
-          },
+          onOpenChange: onKeepOpenChange,
           trigger: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
             ToolbarButton,
             {
-              onMouseDown: () => {
-                onKeepOpenChange?.(true);
-              },
+              onMouseDown: () => onKeepOpenChange?.(true),
               onClick: () => {
               },
               title: t("tableMenu.alignVertical") || "Vertical alignment",
@@ -36822,15 +36996,11 @@ var BubbleMenuContent = ({
       /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
         DropdownMenu,
         {
-          onOpenChange: (open) => {
-            onKeepOpenChange?.(open);
-          },
+          onOpenChange: onKeepOpenChange,
           trigger: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
             ToolbarButton,
             {
-              onMouseDown: () => {
-                onKeepOpenChange?.(true);
-              },
+              onMouseDown: () => onKeepOpenChange?.(true),
               onClick: () => {
               },
               title: t("tableMenu.textDirection"),
@@ -36862,7 +37032,39 @@ var BubbleMenuContent = ({
           ]
         }
       )
-    ] }),
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-0.5 p-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Bold, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Italic, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().toggleUnderline().run(),
+        active: editor.isActive("underline"),
+        title: t("toolbar.underline"),
+        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Underline, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Strikethrough, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Code, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      ToolbarButton,
+      {
+        onMouseDown: () => {
+          onKeepOpenChange?.(true);
+        },
+        onClick: () => {
+          setShowLinkInput(true);
+        },
+        active: editor.isActive("link"),
+        title: t("toolbar.link"),
+        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Link, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => setActiveColorPalette("text"), title: t("colors.textColor"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(TextColorIcon, { color: currentTextColor }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => setActiveColorPalette("highlight"), active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(HighlightColorIcon, { color: currentHighlightColor }) }),
     /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       ToolbarButton,
       {
@@ -36902,7 +37104,6 @@ var CustomBubbleMenu = ({
   const BUBBLE_MENU_ESTIMATED_HEIGHT = 44;
   const [isVisible, setIsVisible] = (0, import_react74.useState)(false);
   const [linkInputOpen, setLinkInputOpen] = (0, import_react74.useState)(false);
-  const [cellBorderOpenRequest, setCellBorderOpenRequest] = (0, import_react74.useState)(0);
   const [position, setPosition2] = (0, import_react74.useState)({
     top: 0,
     left: 0,
@@ -36939,14 +37140,14 @@ var CustomBubbleMenu = ({
     };
     const updatePosition = () => {
       const { state, view } = editor;
-      const { from, to, empty } = state.selection;
-      const isLinkActive = editor.isActive("link");
+      const { from, to } = state.selection;
+      const context2 = getBubbleMenuContext(editor);
       if (Date.now() < suppressShowUntilRef.current) {
         clearShowTimeout();
         setIsVisible(false);
         return;
       }
-      if (!keepOpenRef.current && (empty && !isLinkActive || !view.hasFocus())) {
+      if (!keepOpenRef.current && (context2 === "none" || !view.hasFocus())) {
         clearShowTimeout();
         setIsVisible(false);
         return;
@@ -36996,20 +37197,24 @@ var CustomBubbleMenu = ({
         setIsVisible(false);
       }
     };
-    editor.on("selectionUpdate", updatePosition);
-    editor.on("focus", updatePosition);
+    let animationFrameId = null;
+    const schedulePositionUpdate = () => {
+      if (animationFrameId !== null) return;
+      animationFrameId = requestAnimationFrame(() => {
+        animationFrameId = null;
+        updatePosition();
+      });
+    };
+    editor.on("transaction", schedulePositionUpdate);
+    editor.on("focus", schedulePositionUpdate);
     editor.on("blur", handleBlur);
-    editor.on("transaction", updatePosition);
-    editor.on("update", updatePosition);
-    const animationFrameId = requestAnimationFrame(updatePosition);
+    schedulePositionUpdate();
     return () => {
-      cancelAnimationFrame(animationFrameId);
+      if (animationFrameId !== null) cancelAnimationFrame(animationFrameId);
       clearShowTimeout();
-      editor.off("selectionUpdate", updatePosition);
-      editor.off("focus", updatePosition);
+      editor.off("transaction", schedulePositionUpdate);
+      editor.off("focus", schedulePositionUpdate);
       editor.off("blur", handleBlur);
-      editor.off("transaction", updatePosition);
-      editor.off("update", updatePosition);
     };
   }, [editor]);
   (0, import_react74.useEffect)(() => {
@@ -37017,8 +37222,6 @@ var CustomBubbleMenu = ({
     const handlePointerDown = (event) => {
       const target = event.target;
       if (target && (menuRef.current?.contains(target) || target.closest("[data-ueditor-keep-open]"))) return;
-      const table = target?.closest("table");
-      if (table && editor.view.dom.contains(table)) return;
       closeBubbleMenu(false);
     };
     const handleKeyDown2 = (event) => {
@@ -37031,23 +37234,9 @@ var CustomBubbleMenu = ({
       document.removeEventListener("keydown", handleKeyDown2);
     };
   }, [closeBubbleMenu, editor, isVisible]);
-  (0, import_react74.useEffect)(() => {
-    const handleTableDoubleClick = (event) => {
-      const target = event.target;
-      const cell = target?.closest("td,th");
-      if (!cell || !editor.view.dom.contains(cell)) return;
-      suppressShowUntilRef.current = 0;
-      keepOpenRef.current = true;
-      setKeepOpenState(true);
-      setLinkInputOpen(false);
-      setCellBorderOpenRequest((request) => request + 1);
-      setIsVisible(true);
-      requestAnimationFrame(() => editor.view.focus());
-    };
-    editor.view.dom.addEventListener("dblclick", handleTableDoubleClick);
-    return () => editor.view.dom.removeEventListener("dblclick", handleTableDoubleClick);
-  }, [editor]);
   if (!isVisible) return null;
+  const context = getBubbleMenuContext(editor);
+  if (context === "none") return null;
   return (0, import_react_dom8.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       "div",
@@ -37069,7 +37258,7 @@ var CustomBubbleMenu = ({
           }
           e.preventDefault();
         },
-        children: editor.isActive("link") && !keepOpen && !linkInputOpen ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        children: context === "link" && !keepOpen && !linkInputOpen ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           LinkPreviewContent,
           {
             editor,
@@ -37082,14 +37271,15 @@ var CustomBubbleMenu = ({
           BubbleMenuContent,
           {
             editor,
+            context,
             onKeepOpenChange: setKeepOpen,
             onLinkInputOpenChange: setLinkInputOpen,
             onRequestClose: closeBubbleMenu,
             fontSizes,
             lineHeights,
-            initialShowLinkInput: linkInputOpen,
-            cellBorderOpenRequest
-          }
+            initialShowLinkInput: linkInputOpen
+          },
+          context
         )
       }
     ),
@@ -37114,15 +37304,23 @@ var CustomFloatingMenu = ({ editor }) => {
       setIsVisible(true);
     };
     const handleBlur = () => setIsVisible(false);
-    editor.on("selectionUpdate", updatePosition);
-    editor.on("focus", updatePosition);
+    let animationFrameId = null;
+    const schedulePositionUpdate = () => {
+      if (animationFrameId !== null) return;
+      animationFrameId = requestAnimationFrame(() => {
+        animationFrameId = null;
+        updatePosition();
+      });
+    };
+    editor.on("transaction", schedulePositionUpdate);
+    editor.on("focus", schedulePositionUpdate);
     editor.on("blur", handleBlur);
-    editor.on("update", updatePosition);
+    schedulePositionUpdate();
     return () => {
-      editor.off("selectionUpdate", updatePosition);
-      editor.off("focus", updatePosition);
+      if (animationFrameId !== null) cancelAnimationFrame(animationFrameId);
+      editor.off("transaction", schedulePositionUpdate);
+      editor.off("focus", schedulePositionUpdate);
       editor.off("blur", handleBlur);
-      editor.off("update", updatePosition);
     };
   }, [editor]);
   if (!isVisible) return null;
@@ -37146,12 +37344,20 @@ var CustomFloatingMenu = ({ editor }) => {
 };
 
 // src/components/UEditor/CharacterCount.tsx
+var import_react76 = require("@tiptap/react");
 var import_jsx_runtime95 = 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 { characterCount, wordCount } = (0, import_react76.useEditorState)({
+    editor,
+    selector: ({ editor: currentEditor }) => {
+      const storage = currentEditor.storage;
+      return {
+        characterCount: storage.characterCount?.characters?.() ?? 0,
+        wordCount: storage.characterCount?.words?.() ?? 0
+      };
+    }
+  });
   const percentage = maxCharacters ? Math.round(characterCount / maxCharacters * 100) : 0;
   return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center gap-3 px-3 py-2 text-xs text-muted-foreground border-t border-border/30 bg-muted/20", children: [
     /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { children: [
@@ -37585,7 +37791,7 @@ async function prepareUEditorContentForSave({
 }
 
 // src/components/UEditor/table-controls.tsx
-var import_react76 = __toESM(require("react"), 1);
+var import_react77 = __toESM(require("react"), 1);
 
 // node_modules/prosemirror-model/dist/index.js
 function findDiffStart(a, b, pos) {
@@ -37642,7 +37848,7 @@ function findDiffEnd(a, b, posA, posB) {
     posB -= size;
   }
 }
-var Fragment31 = class _Fragment {
+var Fragment30 = class _Fragment {
   /**
   @internal
   */
@@ -37934,7 +38140,7 @@ var Fragment31 = class _Fragment {
     throw new RangeError("Can not convert " + nodes + " to a Fragment" + (nodes.nodesBetween ? " (looks like multiple versions of prosemirror-model were loaded)" : ""));
   }
 };
-Fragment31.empty = new Fragment31([], 0);
+Fragment30.empty = new Fragment30([], 0);
 var found = { index: 0, offset: 0 };
 function retIndex(index, offset) {
   found.index = index;
@@ -38159,7 +38365,7 @@ var Slice = class _Slice {
     let openStart = json.openStart || 0, openEnd = json.openEnd || 0;
     if (typeof openStart != "number" || typeof openEnd != "number")
       throw new RangeError("Invalid input for Slice.fromJSON");
-    return new _Slice(Fragment31.fromJSON(schema, json.content), openStart, openEnd);
+    return new _Slice(Fragment30.fromJSON(schema, json.content), openStart, openEnd);
   }
   /**
   Create a slice from a fragment by taking the maximum possible
@@ -38174,7 +38380,7 @@ var Slice = class _Slice {
     return new _Slice(fragment, openStart, openEnd);
   }
 };
-Slice.empty = new Slice(Fragment31.empty, 0, 0);
+Slice.empty = new Slice(Fragment30.empty, 0, 0);
 function removeRange(content, from, to) {
   let { index, offset } = content.findIndex(from), child = content.maybeChild(index);
   let { index: indexTo, offset: offsetTo } = content.findIndex(to);
@@ -38272,7 +38478,7 @@ function replaceThreeWay($from, $start, $end, $to, depth) {
       addNode(close(openEnd, replaceTwoWay($end, $to, depth + 1)), content);
   }
   addRange($to, null, depth, content);
-  return new Fragment31(content);
+  return new Fragment30(content);
 }
 function replaceTwoWay($from, $to, depth) {
   let content = [];
@@ -38282,13 +38488,13 @@ function replaceTwoWay($from, $to, depth) {
     addNode(close(type, replaceTwoWay($from, $to, depth + 1)), content);
   }
   addRange($to, null, depth, content);
-  return new Fragment31(content);
+  return new Fragment30(content);
 }
 function prepareSliceForReplace(slice, $along) {
   let extra = $along.depth - slice.openStart, parent = $along.node(extra);
   let node = parent.copy(slice.content);
   for (let i = extra - 1; i >= 0; i--)
-    node = $along.node(i).copy(Fragment31.from(node));
+    node = $along.node(i).copy(Fragment30.from(node));
   return {
     start: node.resolveNoCache(slice.openStart + extra),
     end: node.resolveNoCache(node.content.size - slice.openEnd - extra)
@@ -38627,7 +38833,7 @@ var Node7 = class _Node {
     this.type = type;
     this.attrs = attrs;
     this.marks = marks;
-    this.content = content || Fragment31.empty;
+    this.content = content || Fragment30.empty;
   }
   /**
   The array of this node's child nodes.
@@ -38932,7 +39138,7 @@ var Node7 = class _Node {
   can optionally pass `start` and `end` indices into the
   replacement fragment.
   */
-  canReplace(from, to, replacement = Fragment31.empty, start = 0, end = replacement.childCount) {
+  canReplace(from, to, replacement = Fragment30.empty, start = 0, end = replacement.childCount) {
     let one = this.contentMatchAt(from).matchFragment(replacement, start, end);
     let two = one && one.matchFragment(this.content, to);
     if (!two || !two.validEnd)
@@ -39014,7 +39220,7 @@ var Node7 = class _Node {
         throw new RangeError("Invalid text node in JSON");
       return schema.text(json.text, marks);
     }
-    let content = Fragment31.fromJSON(schema, json.content);
+    let content = Fragment30.fromJSON(schema, json.content);
     let node = schema.nodeType(json.type).create(json.attrs, content, marks);
     node.type.checkAttrs(node.attrs);
     return node;
@@ -39110,7 +39316,7 @@ var ContentMatch = class _ContentMatch {
     function search(match, types) {
       let finished = match.matchFragment(after, startIndex);
       if (finished && (!toEnd || finished.validEnd))
-        return Fragment31.from(types.map((tp) => tp.createAndFill()));
+        return Fragment30.from(types.map((tp) => tp.createAndFill()));
       for (let i = 0; i < match.next.length; i++) {
         let { type, next } = match.next[i];
         if (!(type.isText || type.hasRequiredAttrs()) && seen.indexOf(next) == -1) {
@@ -39678,7 +39884,7 @@ function mapFragment(fragment, f, parent) {
       child = f(child, parent, i);
     mapped.push(child);
   }
-  return Fragment31.fromArray(mapped);
+  return Fragment30.fromArray(mapped);
 }
 var AddMarkStep = class _AddMarkStep extends Step {
   /**
@@ -39795,7 +40001,7 @@ var AddNodeMarkStep = class _AddNodeMarkStep extends Step {
     if (!node)
       return StepResult.fail("No node at mark step's position");
     let updated = node.type.create(node.attrs, null, this.mark.addToSet(node.marks));
-    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment31.from(updated), 0, node.isLeaf ? 0 : 1));
+    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment30.from(updated), 0, node.isLeaf ? 0 : 1));
   }
   invert(doc) {
     let node = doc.nodeAt(this.pos);
@@ -39841,7 +40047,7 @@ var RemoveNodeMarkStep = class _RemoveNodeMarkStep extends Step {
     if (!node)
       return StepResult.fail("No node at mark step's position");
     let updated = node.type.create(node.attrs, null, this.mark.removeFromSet(node.marks));
-    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment31.from(updated), 0, node.isLeaf ? 0 : 1));
+    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment30.from(updated), 0, node.isLeaf ? 0 : 1));
   }
   invert(doc) {
     let node = doc.nodeAt(this.pos);
@@ -40042,7 +40248,7 @@ var AttrStep = class _AttrStep extends Step {
       attrs[name] = node.attrs[name];
     attrs[this.attr] = this.value;
     let updated = node.type.create(attrs, null, node.marks);
-    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment31.from(updated), 0, node.isLeaf ? 0 : 1));
+    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment30.from(updated), 0, node.isLeaf ? 0 : 1));
   }
   getMap() {
     return StepMap.empty;
@@ -40426,7 +40632,7 @@ var NodeSelection2 = class _NodeSelection extends Selection {
     return new _NodeSelection($pos);
   }
   content() {
-    return new Slice(Fragment31.from(this.node), 0, 0);
+    return new Slice(Fragment30.from(this.node), 0, 0);
   }
   eq(other) {
     return other instanceof _NodeSelection && other.anchor == this.anchor;
@@ -41039,7 +41245,7 @@ function cellAround2($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;
 }
-function isInTable(state) {
+function isInTable2(state) {
   const $head = state.selection.$head;
   for (let d = $head.depth; d > 0; d--) if ($head.node(d).type.spec.tableRole == "row") return true;
   return false;
@@ -41087,7 +41293,7 @@ function removeColSpan(attrs, pos, n = 1) {
   }
   return result;
 }
-var CellSelection = class CellSelection2 extends Selection {
+var CellSelection2 = class CellSelection3 extends Selection {
   constructor($anchorCell, $headCell = $anchorCell) {
     const table = $anchorCell.node(-1);
     const map = TableMap4.get(table);
@@ -41111,9 +41317,9 @@ var CellSelection = class CellSelection2 extends Selection {
     const $headCell = doc.resolve(mapping.map(this.$headCell.pos));
     if (pointsAtCell2($anchorCell) && pointsAtCell2($headCell) && inSameTable($anchorCell, $headCell)) {
       const tableChanged = this.$anchorCell.node(-1) != $anchorCell.node(-1);
-      if (tableChanged && this.isRowSelection()) return CellSelection2.rowSelection($anchorCell, $headCell);
-      else if (tableChanged && this.isColSelection()) return CellSelection2.colSelection($anchorCell, $headCell);
-      else return new CellSelection2($anchorCell, $headCell);
+      if (tableChanged && this.isRowSelection()) return CellSelection3.rowSelection($anchorCell, $headCell);
+      else if (tableChanged && this.isColSelection()) return CellSelection3.colSelection($anchorCell, $headCell);
+      else return new CellSelection3($anchorCell, $headCell);
     }
     return TextSelection5.between($anchorCell, $headCell);
   }
@@ -41154,10 +41360,10 @@ var CellSelection = class CellSelection2 extends Selection {
         }
         rowContent.push(cell);
       }
-      rows.push(table.child(row).copy(Fragment31.from(rowContent)));
+      rows.push(table.child(row).copy(Fragment30.from(rowContent)));
     }
     const fragment = this.isColSelection() && this.isRowSelection() ? table : rows;
-    return new Slice(Fragment31.from(fragment), 1, 1);
+    return new Slice(Fragment30.from(fragment), 1, 1);
   }
   replace(tr, content = Slice.empty) {
     const mapFrom = tr.steps.length, ranges = this.ranges;
@@ -41169,7 +41375,7 @@ var CellSelection = class CellSelection2 extends Selection {
     if (sel) tr.setSelection(sel);
   }
   replaceWith(tr, node) {
-    this.replace(tr, new Slice(Fragment31.from(node), 0, 0));
+    this.replace(tr, new Slice(Fragment30.from(node), 0, 0));
   }
   forEachCell(f) {
     const table = this.$anchorCell.node(-1);
@@ -41200,7 +41406,7 @@ var CellSelection = class CellSelection2 extends Selection {
       if (headRect.top > 0) $headCell = doc.resolve(tableStart + map.map[headRect.left]);
       if (anchorRect.bottom < map.height) $anchorCell = doc.resolve(tableStart + map.map[map.width * (map.height - 1) + anchorRect.right - 1]);
     }
-    return new CellSelection2($anchorCell, $headCell);
+    return new CellSelection3($anchorCell, $headCell);
   }
   isRowSelection() {
     const table = this.$anchorCell.node(-1);
@@ -41214,7 +41420,7 @@ var CellSelection = class CellSelection2 extends Selection {
     return Math.max(anchorRight, headRight) == map.width;
   }
   eq(other) {
-    return other instanceof CellSelection2 && other.$anchorCell.pos == this.$anchorCell.pos && other.$headCell.pos == this.$headCell.pos;
+    return other instanceof CellSelection3 && other.$anchorCell.pos == this.$anchorCell.pos && other.$headCell.pos == this.$headCell.pos;
   }
   static rowSelection($anchorCell, $headCell = $anchorCell) {
     const table = $anchorCell.node(-1);
@@ -41230,7 +41436,7 @@ var CellSelection = class CellSelection2 extends Selection {
       if (headRect.left > 0) $headCell = doc.resolve(tableStart + map.map[headRect.top * map.width]);
       if (anchorRect.right < map.width) $anchorCell = doc.resolve(tableStart + map.map[map.width * (anchorRect.top + 1) - 1]);
     }
-    return new CellSelection2($anchorCell, $headCell);
+    return new CellSelection3($anchorCell, $headCell);
   }
   toJSON() {
     return {
@@ -41240,17 +41446,17 @@ var CellSelection = class CellSelection2 extends Selection {
     };
   }
   static fromJSON(doc, json) {
-    return new CellSelection2(doc.resolve(json.anchor), doc.resolve(json.head));
+    return new CellSelection3(doc.resolve(json.anchor), doc.resolve(json.head));
   }
   static create(doc, anchorCell, headCell = anchorCell) {
-    return new CellSelection2(doc.resolve(anchorCell), doc.resolve(headCell));
+    return new CellSelection3(doc.resolve(anchorCell), doc.resolve(headCell));
   }
   getBookmark() {
     return new CellBookmark(this.$anchorCell.pos, this.$headCell.pos);
   }
 };
-CellSelection.prototype.visible = false;
-Selection.jsonID("cell", CellSelection);
+CellSelection2.prototype.visible = false;
+Selection.jsonID("cell", CellSelection2);
 var CellBookmark = class CellBookmark2 {
   constructor(anchor, head) {
     this.anchor = anchor;
@@ -41261,7 +41467,7 @@ var CellBookmark = class CellBookmark2 {
   }
   resolve(doc) {
     const $anchorCell = doc.resolve(this.anchor), $headCell = doc.resolve(this.head);
-    if ($anchorCell.parent.type.spec.tableRole == "row" && $headCell.parent.type.spec.tableRole == "row" && $anchorCell.index() < $anchorCell.parent.childCount && $headCell.index() < $headCell.parent.childCount && inSameTable($anchorCell, $headCell)) return new CellSelection($anchorCell, $headCell);
+    if ($anchorCell.parent.type.spec.tableRole == "row" && $headCell.parent.type.spec.tableRole == "row" && $anchorCell.index() < $anchorCell.parent.childCount && $headCell.index() < $headCell.parent.childCount && inSameTable($anchorCell, $headCell)) return new CellSelection2($anchorCell, $headCell);
     else return Selection.near($headCell, 1);
   }
 };
@@ -41504,7 +41710,7 @@ function moveColumn(moveColParams) {
   const $lastCell = tr.doc.resolve(start + lastCell);
   const firstCell = map.positionAt(0, index, newTable);
   const $firstCell = tr.doc.resolve(start + firstCell);
-  tr.setSelection(CellSelection.colSelection($lastCell, $firstCell));
+  tr.setSelection(CellSelection2.colSelection($lastCell, $firstCell));
   return true;
 }
 function moveTableColumn$1(table, indexesOrigin, indexesTarget, direction) {
@@ -41532,7 +41738,7 @@ function moveRow(moveRowParams) {
   const $lastCell = tr.doc.resolve(start + lastCell);
   const firstCell = map.positionAt(index, 0, newTable);
   const $firstCell = tr.doc.resolve(start + firstCell);
-  tr.setSelection(CellSelection.rowSelection($lastCell, $firstCell));
+  tr.setSelection(CellSelection2.rowSelection($lastCell, $firstCell));
   return true;
 }
 function moveTableRow$1(table, indexesOrigin, indexesTarget, direction) {
@@ -41547,7 +41753,7 @@ function selectedRect4(state) {
   const tableStart = $pos.start(-1);
   const map = TableMap4.get(table);
   return {
-    ...sel instanceof CellSelection ? map.rectBetween(sel.$anchorCell.pos - tableStart, sel.$headCell.pos - tableStart) : map.findCell($pos.pos - tableStart),
+    ...sel instanceof CellSelection2 ? map.rectBetween(sel.$anchorCell.pos - tableStart, sel.$headCell.pos - tableStart) : map.findCell($pos.pos - tableStart),
     tableStart,
     map,
     table
@@ -41555,7 +41761,7 @@ function selectedRect4(state) {
 }
 function deprecated_toggleHeader(type) {
   return function(state, dispatch) {
-    if (!isInTable(state)) return false;
+    if (!isInTable2(state)) return false;
     if (dispatch) {
       const types = tableNodeTypes2(state.schema);
       const rect = selectedRect4(state), tr = state.tr;
@@ -41595,7 +41801,7 @@ function toggleHeader(type, options) {
   options = options || { useDeprecatedLogic: false };
   if (options.useDeprecatedLogic) return deprecated_toggleHeader(type);
   return function(state, dispatch) {
-    if (!isInTable(state)) return false;
+    if (!isInTable2(state)) return false;
     if (dispatch) {
       const types = tableNodeTypes2(state.schema);
       const rect = selectedRect4(state), tr = state.tr;
@@ -41629,7 +41835,7 @@ var toggleHeaderColumn = toggleHeader("column", { useDeprecatedLogic: true });
 var toggleHeaderCell = toggleHeader("cell", { useDeprecatedLogic: true });
 function deleteCellSelection(state, dispatch) {
   const sel = state.selection;
-  if (!(sel instanceof CellSelection)) return false;
+  if (!(sel instanceof CellSelection2)) return false;
   if (dispatch) {
     const tr = state.tr;
     const baseContent = tableNodeTypes2(state.schema).cell.createAndFill().content;
@@ -41697,7 +41903,7 @@ function arrow(axis, dir) {
   return (state, dispatch, view) => {
     if (!view) return false;
     const sel = state.selection;
-    if (sel instanceof CellSelection) return maybeSetSelection(state, dispatch, Selection.near(sel.$headCell, dir));
+    if (sel instanceof CellSelection2) return maybeSetSelection(state, dispatch, Selection.near(sel.$headCell, dir));
     if (axis != "horiz" && !sel.empty) return false;
     const end = atEndOfCell(view, axis, dir);
     if (end == null) return false;
@@ -41718,15 +41924,15 @@ function shiftArrow(axis, dir) {
     if (!view) return false;
     const sel = state.selection;
     let cellSel;
-    if (sel instanceof CellSelection) cellSel = sel;
+    if (sel instanceof CellSelection2) cellSel = sel;
     else {
       const end = atEndOfCell(view, axis, dir);
       if (end == null) return false;
-      cellSel = new CellSelection(state.doc.resolve(end));
+      cellSel = new CellSelection2(state.doc.resolve(end));
     }
     const $head = nextCell(cellSel.$headCell, axis, dir);
     if (!$head) return false;
-    return maybeSetSelection(state, dispatch, new CellSelection(cellSel.$anchorCell, $head));
+    return maybeSetSelection(state, dispatch, new CellSelection2(cellSel.$anchorCell, $head));
   };
 }
 function atEndOfCell(view, axis, dir) {
@@ -41746,7 +41952,7 @@ function atEndOfCell(view, axis, dir) {
 var columnResizingPluginKey2 = new PluginKey5("tableColumnResizing");
 
 // src/components/UEditor/table-controls.tsx
-var import_lucide_react56 = require("lucide-react");
+var import_lucide_react57 = require("lucide-react");
 
 // src/components/UEditor/table-layout-model.ts
 var FALLBACK_TABLE_ROW_HEIGHT = DEFAULT_TABLE_ROW_HEIGHT;
@@ -41941,15 +42147,19 @@ function buildTableControlLayout(editor, surface, cell) {
   const map = TableMap4.get(tableInfo.node);
   const surfaceRect = surface.getBoundingClientRect();
   const tableRect = table.getBoundingClientRect();
+  const explicitColumnWidths = Array.from(table.querySelectorAll("colgroup > col")).slice(0, map.width).map((column) => parsePixelMetric(column.style.width));
+  const explicitTableWidth = parsePixelMetric(table.style.width) ?? (explicitColumnWidths.length === map.width && explicitColumnWidths.every((width) => width !== null) ? explicitColumnWidths.reduce((sum, width) => sum + width, 0) : null);
+  const explicitRowHeights = rows.map((tableRow) => parsePixelMetric(tableRow.getAttribute("data-row-height")) ?? parsePixelMetric(tableRow.style.height));
+  const explicitTableHeight = explicitRowHeights.every((height) => height !== null) ? explicitRowHeights.reduce((sum, height) => sum + height, 0) : null;
   const wrapperElement = table.closest(".tableWrapper");
   const wrapper = wrapperElement instanceof HTMLElement ? wrapperElement : null;
   const wrapperRect = wrapper?.getBoundingClientRect() ?? tableRect;
   const tableLeft = tableRect.left - surfaceRect.left + surface.scrollLeft;
   const tableTop = tableRect.top - surfaceRect.top + surface.scrollTop;
-  const avgRowHeight = metricOrFallback(tableRect.height / rows.length, FALLBACK_TABLE_ROW_HEIGHT);
-  const avgColumnWidth = metricOrFallback(tableRect.width / map.width, FALLBACK_TABLE_COLUMN_WIDTH);
-  const tableWidth = metricOrFallback(tableRect.width, avgColumnWidth * map.width);
-  const tableHeight = metricOrFallback(tableRect.height, avgRowHeight * rows.length);
+  const tableWidth = metricOrFallback(tableRect.width, explicitTableWidth ?? FALLBACK_TABLE_COLUMN_WIDTH * map.width);
+  const tableHeight = metricOrFallback(tableRect.height, explicitTableHeight ?? FALLBACK_TABLE_ROW_HEIGHT * rows.length);
+  const avgRowHeight = metricOrFallback(tableHeight / rows.length, FALLBACK_TABLE_ROW_HEIGHT);
+  const avgColumnWidth = metricOrFallback(tableWidth / map.width, FALLBACK_TABLE_COLUMN_WIDTH);
   const wrapperLeft = wrapperRect.left - surfaceRect.left + surface.scrollLeft;
   const wrapperTop = wrapperRect.top - surfaceRect.top + surface.scrollTop;
   const wrapperWidth = metricOrFallback(wrapperRect.width, tableWidth);
@@ -42308,7 +42518,7 @@ function TableControlMenu({
                     transform: shown ? "scale(1)" : "scale(0.82)",
                     pointerEvents: shown ? "auto" : "none"
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_lucide_react54.MoreHorizontal, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_lucide_react54.MoreHorizontal, { "aria-hidden": "true", className: "h-4 w-4" })
                 }
               )
             }
@@ -42466,8 +42676,236 @@ function TableColumnHandles({
   }) });
 }
 
-// src/components/UEditor/table-controls.tsx
+// src/components/UEditor/table-resize-handles.tsx
+var import_lucide_react56 = require("lucide-react");
 var import_jsx_runtime100 = require("react/jsx-runtime");
+var HANDLE_BASE_CLASS = cn(
+  "pointer-events-auto absolute z-10 inline-flex touch-none items-center justify-center rounded-md",
+  "bg-background/95 text-primary shadow-sm backdrop-blur-sm",
+  "transition-[color,background-color,box-shadow,transform] duration-150",
+  "hover:bg-primary hover:text-primary-foreground hover:shadow-md active:scale-95",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+);
+function TableResizeHandles({
+  active,
+  ctrlHint,
+  frameRef,
+  layout,
+  onStartResize,
+  resizeBothLabel
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+    "div",
+    {
+      ref: frameRef,
+      "data-table-resize-frame": "",
+      "data-resizing": active ? "true" : "false",
+      className: cn(
+        "pointer-events-none absolute z-[38] box-border border border-primary/55",
+        active && "border-primary bg-primary/[0.03]"
+      ),
+      style: {
+        left: layout.tableLeft,
+        top: layout.tableTop,
+        width: layout.tableWidth,
+        height: layout.tableHeight
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          "button",
+          {
+            type: "button",
+            "aria-label": resizeBothLabel,
+            title: `${resizeBothLabel}. ${ctrlHint}`,
+            "data-table-resize-handle": "both",
+            className: cn(
+              HANDLE_BASE_CLASS,
+              "bottom-[-28px] right-[-30px] h-6 w-6 cursor-nwse-resize",
+              active && "bg-primary text-primary-foreground shadow-md"
+            ),
+            onPointerDown: onStartResize,
+            children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react56.MoveDiagonal2, { "aria-hidden": "true", className: "h-3.5 w-3.5", strokeWidth: 2.25 })
+          }
+        ),
+        active ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          "span",
+          {
+            role: "status",
+            "aria-live": "polite",
+            "data-table-resize-dimensions": "",
+            className: "absolute bottom-2 right-2 rounded bg-foreground/85 px-1.5 py-0.5 text-[10px] font-medium text-background shadow-sm",
+            children: `${Math.round(layout.tableWidth)} \xD7 ${Math.round(layout.tableHeight)}`
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/components/UEditor/table-size-utils.ts
+var MAX_TABLE_DIMENSION = 8192;
+function positiveMetric(value, fallback) {
+  return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : fallback;
+}
+function normalizeWeightsToTotal(values, total, minimum) {
+  if (values.length === 0) return [];
+  const safeTotal = Math.max(values.length * minimum, Math.round(total));
+  const positiveValues = values.map((value) => positiveMetric(value, 1));
+  const weightSum = positiveValues.reduce((sum, value) => sum + value, 0);
+  const raw = positiveValues.map((value) => value / weightSum * safeTotal);
+  const normalized = raw.map((value) => Math.max(minimum, Math.round(value)));
+  let difference = safeTotal - normalized.reduce((sum, value) => sum + value, 0);
+  while (difference !== 0) {
+    let changed = false;
+    for (let index = normalized.length - 1; index >= 0 && difference !== 0; index -= 1) {
+      if (difference < 0 && normalized[index] <= minimum) continue;
+      normalized[index] += difference > 0 ? 1 : -1;
+      difference += difference > 0 ? -1 : 1;
+      changed = true;
+    }
+    if (!changed) break;
+  }
+  return normalized;
+}
+function getLogicalColumnWidths(table, tableMap, fallback) {
+  return Array.from({ length: tableMap.width }, (_, columnIndex) => {
+    const relativeCellPos = tableMap.positionAt(0, columnIndex, table);
+    const cell = table.nodeAt(relativeCellPos);
+    if (!cell) return fallback;
+    const cellStartColumn = tableMap.colCount(relativeCellPos);
+    const widthIndex = columnIndex - cellStartColumn;
+    const colwidth = cell.attrs.colwidth;
+    return positiveMetric(colwidth?.[widthIndex], fallback);
+  });
+}
+function getLogicalRowHeights(table, fallback) {
+  const heights = [];
+  table.forEach((row) => {
+    heights.push(positiveMetric(row.attrs.rowHeight, fallback));
+  });
+  return heights;
+}
+function createTableSizeSnapshot(editor, anchorPos, startWidth, startHeight) {
+  const tableInfo = findTableInfo(editor, anchorPos);
+  if (!tableInfo) return null;
+  const tableMap = TableMap4.get(tableInfo.node);
+  if (tableMap.width === 0 || tableMap.height === 0) return null;
+  const safeWidth = Math.max(tableMap.width * MIN_RESIZED_TABLE_COLUMN_WIDTH, Math.round(startWidth));
+  const safeHeight = Math.max(tableMap.height * MIN_TABLE_ROW_HEIGHT, Math.round(startHeight));
+  const fallbackColumnWidth = safeWidth / tableMap.width;
+  const fallbackRowHeight = safeHeight / tableMap.height;
+  return {
+    anchorPos,
+    tablePos: tableInfo.pos,
+    startWidth: safeWidth,
+    startHeight: safeHeight,
+    columnWidths: normalizeWeightsToTotal(
+      getLogicalColumnWidths(tableInfo.node, tableMap, fallbackColumnWidth),
+      safeWidth,
+      MIN_RESIZED_TABLE_COLUMN_WIDTH
+    ),
+    rowHeights: normalizeWeightsToTotal(
+      getLogicalRowHeights(tableInfo.node, fallbackRowHeight),
+      safeHeight,
+      MIN_TABLE_ROW_HEIGHT
+    ),
+    minWidth: tableMap.width * MIN_RESIZED_TABLE_COLUMN_WIDTH,
+    minHeight: tableMap.height * MIN_TABLE_ROW_HEIGHT
+  };
+}
+function resolveTableResizeDimensions({
+  deltaX,
+  deltaY,
+  lockAxis,
+  preserveRatio,
+  snapshot
+}) {
+  let width = snapshot.startWidth + deltaX;
+  let height = snapshot.startHeight + deltaY;
+  if (preserveRatio) {
+    const horizontalDrag = Math.abs(deltaX) >= Math.abs(deltaY);
+    const scale = horizontalDrag ? width / snapshot.startWidth : height / snapshot.startHeight;
+    const minScale = Math.max(
+      snapshot.minWidth / snapshot.startWidth,
+      snapshot.minHeight / snapshot.startHeight
+    );
+    const maxScale = Math.min(
+      MAX_TABLE_DIMENSION / snapshot.startWidth,
+      MAX_TABLE_DIMENSION / snapshot.startHeight
+    );
+    const safeScale = Math.min(Math.max(scale, minScale), maxScale);
+    width = snapshot.startWidth * safeScale;
+    height = snapshot.startHeight * safeScale;
+  } else if (lockAxis) {
+    if (Math.abs(deltaX) >= Math.abs(deltaY)) {
+      height = snapshot.startHeight;
+    } else {
+      width = snapshot.startWidth;
+    }
+  }
+  return {
+    width: Math.min(MAX_TABLE_DIMENSION, Math.max(snapshot.minWidth, Math.round(width))),
+    height: Math.min(MAX_TABLE_DIMENSION, Math.max(snapshot.minHeight, Math.round(height)))
+  };
+}
+function arraysEqual(left, right) {
+  return Array.isArray(left) && left.length === right.length && left.every((value, index) => value === right[index]);
+}
+function applyTableSize(editor, snapshot, dimensions) {
+  const table = editor.state.doc.nodeAt(snapshot.tablePos);
+  if (!table || table.type.name !== "table") return false;
+  const tableMap = TableMap4.get(table);
+  if (tableMap.width !== snapshot.columnWidths.length || tableMap.height !== snapshot.rowHeights.length) {
+    return false;
+  }
+  const resizeWidth = dimensions.width !== snapshot.startWidth;
+  const resizeHeight = dimensions.height !== snapshot.startHeight;
+  if (!resizeWidth && !resizeHeight) return false;
+  const tableStart = snapshot.tablePos + 1;
+  const transaction = editor.state.tr;
+  if (resizeWidth) {
+    const nextColumnWidths = normalizeWeightsToTotal(
+      snapshot.columnWidths,
+      dimensions.width,
+      MIN_RESIZED_TABLE_COLUMN_WIDTH
+    );
+    const seenCellPositions = /* @__PURE__ */ new Set();
+    for (const relativeCellPos of tableMap.map) {
+      if (seenCellPositions.has(relativeCellPos)) continue;
+      seenCellPositions.add(relativeCellPos);
+      const cell = table.nodeAt(relativeCellPos);
+      if (!cell) continue;
+      const cellRect = tableMap.findCell(relativeCellPos);
+      const colwidth = nextColumnWidths.slice(cellRect.left, cellRect.right);
+      if (arraysEqual(cell.attrs.colwidth, colwidth)) continue;
+      transaction.setNodeMarkup(tableStart + relativeCellPos, void 0, {
+        ...cell.attrs,
+        colwidth
+      });
+    }
+  }
+  if (resizeHeight) {
+    const nextRowHeights = normalizeWeightsToTotal(
+      snapshot.rowHeights,
+      dimensions.height,
+      MIN_TABLE_ROW_HEIGHT
+    );
+    table.forEach((row, offset, rowIndex) => {
+      const rowHeight = nextRowHeights[rowIndex];
+      if (row.attrs.rowHeight === rowHeight) return;
+      transaction.setNodeMarkup(tableStart + offset, void 0, {
+        ...row.attrs,
+        rowHeight
+      });
+    });
+  }
+  if (!transaction.docChanged) return false;
+  editor.view.dispatch(transaction);
+  return true;
+}
+
+// src/components/UEditor/table-controls.tsx
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var TABLE_MENU_TOP_OFFSET = 10;
 function nearestIndex(centers, position) {
   let bestIndex = 0;
@@ -42491,19 +42929,22 @@ function getSelectedCell(editor) {
   const domAtPos = editor.view.domAtPos(editor.state.selection.from);
   return getCellFromTarget(domAtPos.node);
 }
-function TableControls({ editor, containerRef }) {
+function TableControls({ editor, containerRef, showCellInspector = true }) {
   const t = useSmartTranslations("UEditor");
-  const [layout, setLayout] = import_react76.default.useState(null);
-  const [dragPreview, setDragPreview] = import_react76.default.useState(null);
-  const [hoverState, setHoverState] = import_react76.default.useState(DEFAULT_TABLE_HOVER_STATE);
-  const [openMenuKey, setOpenMenuKey] = import_react76.default.useState(null);
-  const layoutRef = import_react76.default.useRef(null);
-  const dragStateRef = import_react76.default.useRef(null);
-  const syncFrameRef = import_react76.default.useRef(null);
-  import_react76.default.useEffect(() => {
+  const [layout, setLayout] = import_react77.default.useState(null);
+  const [dragPreview, setDragPreview] = import_react77.default.useState(null);
+  const [tableResizeActive, setTableResizeActive] = import_react77.default.useState(false);
+  const [hoverState, setHoverState] = import_react77.default.useState(DEFAULT_TABLE_HOVER_STATE);
+  const [openMenuKey, setOpenMenuKey] = import_react77.default.useState(null);
+  const layoutRef = import_react77.default.useRef(null);
+  const dragStateRef = import_react77.default.useRef(null);
+  const syncFrameRef = import_react77.default.useRef(null);
+  const tableResizeFrameRef = import_react77.default.useRef(null);
+  const tableResizePreviewFrameRef = import_react77.default.useRef(null);
+  import_react77.default.useEffect(() => {
     layoutRef.current = layout;
   }, [layout]);
-  const syncFromCell = import_react76.default.useCallback((cell) => {
+  const syncFromCell = import_react77.default.useCallback((cell) => {
     const surface = containerRef.current;
     if (!surface || !cell) {
       setLayout(null);
@@ -42511,23 +42952,23 @@ function TableControls({ editor, containerRef }) {
     }
     setLayout(buildTableControlLayout(editor, surface, cell));
   }, [containerRef, editor]);
-  const syncFromSelection = import_react76.default.useCallback(() => {
+  const syncFromSelection = import_react77.default.useCallback(() => {
     syncFromCell(getSelectedCell(editor));
   }, [editor, syncFromCell]);
-  const scheduleSyncFromSelection = import_react76.default.useCallback(() => {
+  const scheduleSyncFromSelection = import_react77.default.useCallback(() => {
     if (syncFrameRef.current !== null) return;
     syncFrameRef.current = window.requestAnimationFrame(() => {
       syncFrameRef.current = null;
       syncFromSelection();
     });
   }, [syncFromSelection]);
-  import_react76.default.useEffect(() => () => {
+  import_react77.default.useEffect(() => () => {
     if (syncFrameRef.current !== null) {
       window.cancelAnimationFrame(syncFrameRef.current);
       syncFrameRef.current = null;
     }
   }, []);
-  const refreshCurrentLayout = import_react76.default.useCallback(() => {
+  const refreshCurrentLayout = import_react77.default.useCallback(() => {
     setLayout((prev) => {
       if (!prev) return prev;
       const surface = containerRef.current;
@@ -42537,12 +42978,45 @@ function TableControls({ editor, containerRef }) {
       return cell ? buildTableControlLayout(editor, surface, cell) : null;
     });
   }, [containerRef, editor]);
-  const clearDrag = import_react76.default.useCallback(() => {
+  const updateTableResizePreview = import_react77.default.useCallback((dimensions) => {
+    const frame = tableResizeFrameRef.current;
+    if (!frame) return;
+    frame.style.width = `${dimensions.width}px`;
+    frame.style.height = `${dimensions.height}px`;
+    const dimensionsLabel = frame.querySelector("[data-table-resize-dimensions]");
+    if (dimensionsLabel) {
+      dimensionsLabel.textContent = `${dimensions.width} \xD7 ${dimensions.height}`;
+    }
+  }, []);
+  const resetTableResizePreview = import_react77.default.useCallback(() => {
+    const activeLayout = layoutRef.current;
+    if (!activeLayout) return;
+    updateTableResizePreview({
+      width: Math.round(activeLayout.tableWidth),
+      height: Math.round(activeLayout.tableHeight)
+    });
+  }, [updateTableResizePreview]);
+  const clearDrag = import_react77.default.useCallback(() => {
+    const dragState = dragStateRef.current;
+    if (dragState?.kind === "resize-table") {
+      try {
+        if (dragState.pointerTarget.hasPointerCapture?.(dragState.pointerId)) {
+          dragState.pointerTarget.releasePointerCapture(dragState.pointerId);
+        }
+      } catch {
+      }
+    }
+    if (tableResizePreviewFrameRef.current !== null) {
+      window.cancelAnimationFrame(tableResizePreviewFrameRef.current);
+      tableResizePreviewFrameRef.current = null;
+    }
     dragStateRef.current = null;
     setDragPreview(null);
+    setTableResizeActive(false);
+    resetTableResizePreview();
     document.body.style.cursor = "";
-  }, []);
-  const updateHoverState = import_react76.default.useCallback((event) => {
+  }, [resetTableResizePreview]);
+  const updateHoverState = import_react77.default.useCallback((event) => {
     const activeLayout = layoutRef.current;
     const surface = containerRef.current;
     if (!activeLayout || !surface || dragStateRef.current) {
@@ -42558,7 +43032,7 @@ function TableControls({ editor, containerRef }) {
       return areTableHoverStatesEqual(prev, nextState) ? prev : nextState;
     });
   }, [containerRef]);
-  import_react76.default.useEffect(() => {
+  import_react77.default.useEffect(() => {
     const proseMirror = editor.view.dom;
     const surface = containerRef.current;
     if (!surface) return void 0;
@@ -42581,9 +43055,26 @@ function TableControls({ editor, containerRef }) {
       const cell = event ? getCellFromTarget(event.target) : null;
       syncFromCell(cell ?? getSelectedCell(editor));
     };
+    const handleDoubleClick = (event) => {
+      if (event.button !== 0) return;
+      const cell = getCellFromTarget(event.target);
+      if (!cell || cell.hasAttribute("data-formula")) return;
+      const surface2 = containerRef.current;
+      const nextLayout = surface2 ? buildTableControlLayout(editor, surface2, cell) : null;
+      if (!nextLayout) return;
+      const didSelect = editor.commands.setCellSelection({
+        anchorCell: nextLayout.cellPos,
+        headCell: nextLayout.cellPos
+      });
+      if (!didSelect) return;
+      event.preventDefault();
+      editor.view.focus();
+      setLayout(nextLayout);
+    };
     proseMirror.addEventListener("mouseover", handleMouseOver);
     proseMirror.addEventListener("mouseleave", handleMouseLeave2);
     proseMirror.addEventListener("click", handleFocusIn);
+    proseMirror.addEventListener("dblclick", handleDoubleClick);
     proseMirror.addEventListener("mouseup", handleFocusIn);
     proseMirror.addEventListener("focusin", handleFocusIn);
     surface.addEventListener("mouseover", handleSurfaceMouseMove);
@@ -42598,6 +43089,7 @@ function TableControls({ editor, containerRef }) {
       proseMirror.removeEventListener("mouseover", handleMouseOver);
       proseMirror.removeEventListener("mouseleave", handleMouseLeave2);
       proseMirror.removeEventListener("click", handleFocusIn);
+      proseMirror.removeEventListener("dblclick", handleDoubleClick);
       proseMirror.removeEventListener("mouseup", handleFocusIn);
       proseMirror.removeEventListener("focusin", handleFocusIn);
       surface.removeEventListener("mouseover", handleSurfaceMouseMove);
@@ -42609,37 +43101,37 @@ function TableControls({ editor, containerRef }) {
       editor.off("update", refreshCurrentLayout);
     };
   }, [clearDrag, containerRef, editor, refreshCurrentLayout, syncFromCell, syncFromSelection, updateHoverState]);
-  const runAtCellPos = import_react76.default.useCallback((cellPos, command, options) => {
+  const runAtCellPos = import_react77.default.useCallback((cellPos, command, options) => {
     const result = runTableCommandAtCellPos(editor, cellPos, command);
     if (options?.sync !== false) {
       scheduleSyncFromSelection();
     }
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const runAtActiveCell = import_react76.default.useCallback((command, options) => {
+  const runAtActiveCell = import_react77.default.useCallback((command, options) => {
     return runAtCellPos(layoutRef.current?.cellPos ?? null, command, options);
   }, [runAtCellPos]);
-  const duplicateRowAt = import_react76.default.useCallback((rowIndex, cellPos) => {
+  const duplicateRowAt = import_react77.default.useCallback((rowIndex, cellPos) => {
     const result = duplicateTableRowAt(editor, rowIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const clearRowAt = import_react76.default.useCallback((rowIndex, cellPos) => {
+  const clearRowAt = import_react77.default.useCallback((rowIndex, cellPos) => {
     const result = clearTableRowAt(editor, rowIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const duplicateColumnAt = import_react76.default.useCallback((columnIndex, cellPos) => {
+  const duplicateColumnAt = import_react77.default.useCallback((columnIndex, cellPos) => {
     const result = duplicateTableColumnAt(editor, columnIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const clearColumnAt = import_react76.default.useCallback((columnIndex, cellPos) => {
+  const clearColumnAt = import_react77.default.useCallback((columnIndex, cellPos) => {
     const result = clearTableColumnAt(editor, columnIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const expandTableBy = import_react76.default.useCallback((rows, cols) => {
+  const expandTableBy = import_react77.default.useCallback((rows, cols) => {
     const activeCellPos = layoutRef.current?.cellPos ?? editor.state.selection.from;
     const result = expandTableFromCell(editor, activeCellPos, rows, cols);
     scheduleSyncFromSelection();
@@ -42648,19 +43140,55 @@ function TableControls({ editor, containerRef }) {
   const canExpandTable = Boolean(layout);
   const controlsVisible = dragPreview !== null;
   const tableMenuOpen = openMenuKey === "table";
-  const startAddColumnDrag = import_react76.default.useCallback(() => {
+  const startTableResize = import_react77.default.useCallback((event) => {
+    if (event.button !== 0 || dragStateRef.current) return;
+    const activeLayout = layoutRef.current;
+    if (!activeLayout) return;
+    const snapshot = createTableSizeSnapshot(
+      editor,
+      activeLayout.cellPos,
+      activeLayout.tableWidth,
+      activeLayout.tableHeight
+    );
+    if (!snapshot) return;
+    event.preventDefault();
+    event.stopPropagation();
+    try {
+      event.currentTarget.setPointerCapture?.(event.pointerId);
+    } catch {
+    }
+    setOpenMenuKey(null);
+    setHoverState(DEFAULT_TABLE_HOVER_STATE);
+    setTableResizeActive(true);
+    const pendingDimensions = {
+      width: snapshot.startWidth,
+      height: snapshot.startHeight
+    };
+    dragStateRef.current = {
+      kind: "resize-table",
+      pointerId: event.pointerId,
+      pointerTarget: event.currentTarget,
+      startX: event.clientX,
+      startY: event.clientY,
+      snapshot,
+      pendingDimensions
+    };
+    updateTableResizePreview(pendingDimensions);
+    document.body.style.cursor = "nwse-resize";
+  }, [editor, updateTableResizePreview]);
+  const startAddColumnDrag = import_react77.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_react76.default.useCallback(() => {
+  const startAddRowDrag = import_react77.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_react76.default.useCallback((rowHandle) => {
+  const startRowDrag = import_react77.default.useCallback((rowHandle) => {
     setOpenMenuKey(null);
     dragStateRef.current = {
       kind: "row",
@@ -42677,7 +43205,7 @@ function TableControls({ editor, containerRef }) {
     });
     document.body.style.cursor = "grabbing";
   }, []);
-  const startColumnDrag = import_react76.default.useCallback((columnHandle) => {
+  const startColumnDrag = import_react77.default.useCallback((columnHandle) => {
     setOpenMenuKey(null);
     dragStateRef.current = {
       kind: "column",
@@ -42694,7 +43222,7 @@ function TableControls({ editor, containerRef }) {
     });
     document.body.style.cursor = "grabbing";
   }, []);
-  import_react76.default.useEffect(() => {
+  import_react77.default.useEffect(() => {
     const handleMouseMove2 = (event) => {
       const dragState = dragStateRef.current;
       const activeLayout = layoutRef.current;
@@ -42703,6 +43231,9 @@ function TableControls({ editor, containerRef }) {
       const surfaceRect = surface.getBoundingClientRect();
       const relativeX = event.clientX - surfaceRect.left + surface.scrollLeft;
       const relativeY = event.clientY - surfaceRect.top + surface.scrollTop;
+      if (dragState.kind === "resize-table") {
+        return;
+      }
       if (dragState.kind === "row") {
         const targetHandleIndex = nearestIndex(activeLayout.rowHandles.map((item) => item.center), relativeY);
         const targetRow = activeLayout.rowHandles[targetHandleIndex];
@@ -42747,7 +43278,7 @@ function TableControls({ editor, containerRef }) {
     };
     const handleMouseUp = () => {
       const dragState = dragStateRef.current;
-      if (!dragState) return;
+      if (!dragState || dragState.kind === "resize-table") return;
       if (dragState.kind === "row" && dragState.originIndex !== dragState.targetIndex) {
         moveTableRow({
           from: dragState.originIndex,
@@ -42783,126 +43314,193 @@ function TableControls({ editor, containerRef }) {
       window.removeEventListener("blur", clearDrag);
     };
   }, [clearDrag, containerRef, editor, expandTableBy, scheduleSyncFromSelection]);
-  const menuItems = import_react76.default.useMemo(() => {
+  import_react77.default.useEffect(() => {
+    const handlePointerMove = (event) => {
+      const dragState = dragStateRef.current;
+      if (!dragState || dragState.kind !== "resize-table" || event.pointerId !== dragState.pointerId) return;
+      dragState.pendingDimensions = resolveTableResizeDimensions({
+        deltaX: event.clientX - dragState.startX,
+        deltaY: event.clientY - dragState.startY,
+        lockAxis: event.ctrlKey && !event.shiftKey,
+        preserveRatio: event.ctrlKey && event.shiftKey,
+        snapshot: dragState.snapshot
+      });
+      if (tableResizePreviewFrameRef.current === null) {
+        tableResizePreviewFrameRef.current = window.requestAnimationFrame(() => {
+          tableResizePreviewFrameRef.current = null;
+          const currentDragState = dragStateRef.current;
+          if (!currentDragState || currentDragState.kind !== "resize-table") return;
+          updateTableResizePreview(currentDragState.pendingDimensions);
+        });
+      }
+      document.body.style.cursor = "nwse-resize";
+      if (event.cancelable) event.preventDefault();
+    };
+    const finishTableResize = (event, commit) => {
+      const dragState = dragStateRef.current;
+      if (!dragState || dragState.kind !== "resize-table" || event.pointerId !== dragState.pointerId) return;
+      if (tableResizePreviewFrameRef.current !== null) {
+        window.cancelAnimationFrame(tableResizePreviewFrameRef.current);
+        tableResizePreviewFrameRef.current = null;
+      }
+      updateTableResizePreview(dragState.pendingDimensions);
+      if (commit && applyTableSize(editor, dragState.snapshot, dragState.pendingDimensions)) {
+        scheduleSyncFromSelection();
+      }
+      clearDrag();
+    };
+    const handlePointerUp = (event) => finishTableResize(event, true);
+    const handlePointerCancel = (event) => finishTableResize(event, false);
+    window.addEventListener("pointermove", handlePointerMove, { passive: false });
+    window.addEventListener("pointerup", handlePointerUp);
+    window.addEventListener("pointercancel", handlePointerCancel);
+    return () => {
+      window.removeEventListener("pointermove", handlePointerMove);
+      window.removeEventListener("pointerup", handlePointerUp);
+      window.removeEventListener("pointercancel", handlePointerCancel);
+      if (tableResizePreviewFrameRef.current !== null) {
+        window.cancelAnimationFrame(tableResizePreviewFrameRef.current);
+        tableResizePreviewFrameRef.current = null;
+      }
+    };
+  }, [clearDrag, editor, scheduleSyncFromSelection, updateTableResizePreview]);
+  const openCellInspector = import_react77.default.useCallback(() => {
+    const cellPos = layoutRef.current?.cellPos;
+    if (!showCellInspector || cellPos == null) return;
+    const didSelect = editor.commands.setCellSelection({
+      anchorCell: cellPos,
+      headCell: cellPos
+    });
+    if (!didSelect) return;
+    window.requestAnimationFrame(() => {
+      if (!editor.isDestroyed) editor.view.focus();
+    });
+  }, [editor, showCellInspector]);
+  const menuItems = import_react77.default.useMemo(() => {
     if (!layout) return [];
     return [
+      ...showCellInspector ? [{
+        label: t("tableMenu.cellFormatting"),
+        icon: import_lucide_react57.Paintbrush,
+        onClick: openCellInspector
+      }] : [],
       {
         label: t("tableMenu.alignLeft"),
-        icon: import_lucide_react56.AlignLeft,
+        icon: import_lucide_react57.AlignLeft,
         onClick: () => applyTableAlignment(editor, "left", layout.cellPos)
       },
       {
         label: t("tableMenu.alignCenter"),
-        icon: import_lucide_react56.AlignCenter,
+        icon: import_lucide_react57.AlignCenter,
         onClick: () => applyTableAlignment(editor, "center", layout.cellPos)
       },
       {
         label: t("tableMenu.alignRight"),
-        icon: import_lucide_react56.AlignRight,
+        icon: import_lucide_react57.AlignRight,
         onClick: () => applyTableAlignment(editor, "right", layout.cellPos)
       },
       {
         label: t("tableMenu.addColumnBefore"),
-        icon: import_lucide_react56.ArrowLeft,
+        icon: import_lucide_react57.ArrowLeft,
         onClick: () => runAtActiveCell((chain) => chain.addColumnBefore())
       },
       {
         label: t("tableMenu.addColumnAfter"),
-        icon: import_lucide_react56.ArrowRight,
+        icon: import_lucide_react57.ArrowRight,
         onClick: () => runAtActiveCell((chain) => chain.addColumnAfter())
       },
       {
         label: t("tableMenu.addRowBefore"),
-        icon: import_lucide_react56.ArrowUp,
+        icon: import_lucide_react57.ArrowUp,
         onClick: () => runAtActiveCell((chain) => chain.addRowBefore())
       },
       {
         label: t("tableMenu.addRowAfter"),
-        icon: import_lucide_react56.ArrowDown,
+        icon: import_lucide_react57.ArrowDown,
         onClick: () => runAtActiveCell((chain) => chain.addRowAfter())
       },
       {
         label: t("tableMenu.toggleHeaderRow"),
-        icon: import_lucide_react56.Table,
+        icon: import_lucide_react57.Table,
         onClick: () => runAtActiveCell((chain) => chain.toggleHeaderRow())
       },
       {
         label: t("tableMenu.toggleHeaderColumn"),
-        icon: import_lucide_react56.Table,
+        icon: import_lucide_react57.Table,
         onClick: () => runAtActiveCell((chain) => chain.toggleHeaderColumn())
       },
       {
         label: t("tableMenu.deleteColumn"),
-        icon: import_lucide_react56.Trash2,
+        icon: import_lucide_react57.Trash2,
         onClick: () => runAtActiveCell((chain) => chain.deleteColumn()),
         destructive: true
       },
       {
         label: t("tableMenu.deleteRow"),
-        icon: import_lucide_react56.Trash2,
+        icon: import_lucide_react57.Trash2,
         onClick: () => runAtActiveCell((chain) => chain.deleteRow()),
         destructive: true
       },
       {
         label: t("tableMenu.deleteTable"),
-        icon: import_lucide_react56.Trash2,
+        icon: import_lucide_react57.Trash2,
         onClick: () => runAtActiveCell((chain) => chain.deleteTable()),
         destructive: true
       }
     ];
-  }, [editor, layout, runAtActiveCell, t]);
-  const getRowHandleMenuItems = import_react76.default.useCallback((rowHandle) => [
+  }, [editor, layout, openCellInspector, runAtActiveCell, showCellInspector, t]);
+  const getRowHandleMenuItems = import_react77.default.useCallback((rowHandle) => [
     {
       label: t("tableMenu.addRowBefore"),
-      icon: import_lucide_react56.ArrowUp,
+      icon: import_lucide_react57.ArrowUp,
       onClick: () => runAtCellPos(rowHandle.cellPos, (chain) => chain.addRowBefore())
     },
     {
       label: t("tableMenu.addRowAfter"),
-      icon: import_lucide_react56.ArrowDown,
+      icon: import_lucide_react57.ArrowDown,
       onClick: () => runAtCellPos(rowHandle.cellPos, (chain) => chain.addRowAfter())
     },
     {
       label: t("tableMenu.duplicateRow"),
-      icon: import_lucide_react56.Copy,
+      icon: import_lucide_react57.Copy,
       onClick: () => duplicateRowAt(rowHandle.index, rowHandle.cellPos)
     },
     {
       label: t("tableMenu.clearRowContents"),
-      icon: import_lucide_react56.Table,
+      icon: import_lucide_react57.Table,
       onClick: () => clearRowAt(rowHandle.index, rowHandle.cellPos)
     },
     {
       label: t("tableMenu.deleteRow"),
-      icon: import_lucide_react56.Trash2,
+      icon: import_lucide_react57.Trash2,
       onClick: () => runAtCellPos(rowHandle.cellPos, (chain) => chain.deleteRow()),
       destructive: true
     }
   ], [clearRowAt, duplicateRowAt, runAtCellPos, t]);
-  const getColumnHandleMenuItems = import_react76.default.useCallback((columnHandle) => [
+  const getColumnHandleMenuItems = import_react77.default.useCallback((columnHandle) => [
     {
       label: t("tableMenu.addColumnBefore"),
-      icon: import_lucide_react56.ArrowLeft,
+      icon: import_lucide_react57.ArrowLeft,
       onClick: () => runAtCellPos(columnHandle.cellPos, (chain) => chain.addColumnBefore())
     },
     {
       label: t("tableMenu.addColumnAfter"),
-      icon: import_lucide_react56.ArrowRight,
+      icon: import_lucide_react57.ArrowRight,
       onClick: () => runAtCellPos(columnHandle.cellPos, (chain) => chain.addColumnAfter())
     },
     {
       label: t("tableMenu.duplicateColumn"),
-      icon: import_lucide_react56.Copy,
+      icon: import_lucide_react57.Copy,
       onClick: () => duplicateColumnAt(columnHandle.index, columnHandle.cellPos)
     },
     {
       label: t("tableMenu.clearColumnContents"),
-      icon: import_lucide_react56.Table,
+      icon: import_lucide_react57.Table,
       onClick: () => clearColumnAt(columnHandle.index, columnHandle.cellPos)
     },
     {
       label: t("tableMenu.deleteColumn"),
-      icon: import_lucide_react56.Trash2,
+      icon: import_lucide_react57.Trash2,
       onClick: () => runAtCellPos(columnHandle.cellPos, (chain) => chain.deleteColumn()),
       destructive: true
     }
@@ -42914,8 +43512,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_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       TableRowHandles,
       {
         activeRowIndex: layout.activeRowIndex,
@@ -42932,7 +43530,7 @@ function TableControls({ editor, containerRef }) {
         rowHandles: layout.rowHandles
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       TableColumnHandles,
       {
         activeColumnIndex: layout.activeColumnIndex,
@@ -42949,7 +43547,7 @@ function TableControls({ editor, containerRef }) {
         openMenuKey
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       TableControlMenu,
       {
         controlsVisible,
@@ -42964,7 +43562,18 @@ function TableControls({ editor, containerRef }) {
         top: menuTop
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    dragPreview === null && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+      TableResizeHandles,
+      {
+        active: tableResizeActive,
+        ctrlHint: t("tableMenu.resizeCtrlHint"),
+        frameRef: tableResizeFrameRef,
+        layout,
+        onStartResize: startTableResize,
+        resizeBothLabel: t("tableMenu.resizeBoth")
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       TableAddRails,
       {
         addColumnVisible: hoverState.addColumnVisible,
@@ -42978,7 +43587,7 @@ function TableControls({ editor, containerRef }) {
         quickAddRowLabel: t("tableMenu.quickAddRowAfter")
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       TableDragPreview,
       {
         columnDragLabel: t("tableMenu.dragColumn"),
@@ -43196,10 +43805,10 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
 );
 
 // src/components/UEditor/use-table-interactions.ts
-var import_react78 = __toESM(require("react"), 1);
+var import_react79 = __toESM(require("react"), 1);
 
 // src/components/UEditor/use-table-row-resize.ts
-var import_react77 = __toESM(require("react"), 1);
+var import_react78 = __toESM(require("react"), 1);
 function useTableRowResize({
   editor,
   setHoveredTableCell,
@@ -43208,16 +43817,16 @@ function useTableRowResize({
   clearAllTableResizeHover,
   scheduleTableLayoutSync
 }) {
-  const stateRef = (0, import_react77.useRef)(null);
-  const syncActiveGuide = import_react77.default.useCallback(() => {
+  const stateRef = (0, import_react78.useRef)(null);
+  const syncActiveGuide = import_react78.default.useCallback(() => {
     const state = stateRef.current;
     if (!state) return false;
     setHoveredTableCell(state.cellElement);
     showRowGuide(state.tableElement, state.rowElement, state.cellElement, state.pendingHeight);
     return true;
   }, [setHoveredTableCell, showRowGuide]);
-  const isResizing = import_react77.default.useCallback(() => stateRef.current !== null, []);
-  const beginResize = import_react77.default.useCallback((event, table, row, cell) => {
+  const isResizing = import_react78.default.useCallback(() => stateRef.current !== null, []);
+  const beginResize = import_react78.default.useCallback((event, table, row, cell) => {
     if (!editor || !isRowResizeHotspot(cell, event.clientX, event.clientY)) {
       return false;
     }
@@ -43243,7 +43852,7 @@ function useTableRowResize({
     event.stopPropagation();
     return true;
   }, [editor, setHoveredTableCell, showRowGuide]);
-  const handlePointerMove = import_react77.default.useCallback((event) => {
+  const handlePointerMove = import_react78.default.useCallback((event) => {
     const state = stateRef.current;
     if (!state) return;
     const nextHeight = Math.max(
@@ -43260,7 +43869,7 @@ function useTableRowResize({
     document.body.style.cursor = "row-resize";
     showRowGuide(state.tableElement, state.rowElement, state.cellElement, nextHeight);
   }, [showRowGuide]);
-  const handlePointerUp = import_react77.default.useCallback((event) => {
+  const handlePointerUp = import_react78.default.useCallback((event) => {
     if (!editor) return;
     const state = stateRef.current;
     if (!state) return;
@@ -43284,7 +43893,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, editor, scheduleTableLayoutSync]);
-  const cancelResize = import_react77.default.useCallback(() => {
+  const cancelResize = import_react78.default.useCallback(() => {
     if (!stateRef.current) return;
     stateRef.current = null;
     document.body.style.cursor = "";
@@ -43292,7 +43901,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, scheduleTableLayoutSync]);
-  const cleanup = import_react77.default.useCallback(() => {
+  const cleanup = import_react78.default.useCallback(() => {
     stateRef.current = null;
     document.body.style.cursor = "";
   }, []);
@@ -43309,24 +43918,24 @@ function useTableRowResize({
 
 // src/components/UEditor/use-table-interactions.ts
 function useUEditorTableInteractions(editor, editable = true) {
-  const editorContentRef = (0, import_react78.useRef)(null);
-  const tableColumnGuideRef = (0, import_react78.useRef)(null);
-  const tableRowGuideRef = (0, import_react78.useRef)(null);
-  const activeTableCellHighlightRef = (0, import_react78.useRef)(null);
-  const hoveredTableCellRef = (0, import_react78.useRef)(null);
-  const activeTableCellRef = (0, import_react78.useRef)(null);
-  const suppressActiveCellHighlightRef = (0, import_react78.useRef)(false);
-  const tableLayoutSyncFrameRef = (0, import_react78.useRef)(null);
-  const getProseMirrorElement = import_react78.default.useCallback(() => {
+  const editorContentRef = (0, import_react79.useRef)(null);
+  const tableColumnGuideRef = (0, import_react79.useRef)(null);
+  const tableRowGuideRef = (0, import_react79.useRef)(null);
+  const activeTableCellHighlightRef = (0, import_react79.useRef)(null);
+  const hoveredTableCellRef = (0, import_react79.useRef)(null);
+  const activeTableCellRef = (0, import_react79.useRef)(null);
+  const suppressActiveCellHighlightRef = (0, import_react79.useRef)(false);
+  const tableLayoutSyncFrameRef = (0, import_react79.useRef)(null);
+  const getProseMirrorElement = import_react79.default.useCallback(() => {
     return editorContentRef.current?.querySelector(".ProseMirror");
   }, []);
-  const setEditorResizeCursor = import_react78.default.useCallback((cursor) => {
+  const setEditorResizeCursor = import_react79.default.useCallback((cursor) => {
     const proseMirror = getProseMirrorElement();
     if (proseMirror) {
       proseMirror.style.cursor = cursor;
     }
   }, [getProseMirrorElement]);
-  const hideColumnGuide = import_react78.default.useCallback(() => {
+  const hideColumnGuide = import_react79.default.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-cursor");
     getProseMirrorElement()?.classList.remove("resize-cursor");
     const guide = tableColumnGuideRef.current;
@@ -43334,7 +43943,7 @@ function useUEditorTableInteractions(editor, editable = true) {
       guide.style.opacity = "0";
     }
   }, [getProseMirrorElement]);
-  const hideRowGuide = import_react78.default.useCallback(() => {
+  const hideRowGuide = import_react79.default.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-row-cursor");
     getProseMirrorElement()?.classList.remove("resize-row-cursor");
     const guide = tableRowGuideRef.current;
@@ -43342,12 +43951,12 @@ function useUEditorTableInteractions(editor, editable = true) {
       guide.style.opacity = "0";
     }
   }, [getProseMirrorElement]);
-  const clearAllTableResizeHover = import_react78.default.useCallback(() => {
+  const clearAllTableResizeHover = import_react79.default.useCallback(() => {
     setEditorResizeCursor("");
     hideColumnGuide();
     hideRowGuide();
   }, [hideColumnGuide, hideRowGuide, setEditorResizeCursor]);
-  const updateActiveCellHighlight = import_react78.default.useCallback((cell) => {
+  const updateActiveCellHighlight = import_react79.default.useCallback((cell) => {
     const surface = editorContentRef.current;
     const highlight = activeTableCellHighlightRef.current;
     if (!highlight) return;
@@ -43362,7 +43971,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     highlight.style.width = `${metrics.width}px`;
     highlight.style.height = `${metrics.height}px`;
   }, []);
-  const scheduleTableLayoutSync = import_react78.default.useCallback(() => {
+  const scheduleTableLayoutSync = import_react79.default.useCallback(() => {
     if (tableLayoutSyncFrameRef.current !== null) return;
     tableLayoutSyncFrameRef.current = window.requestAnimationFrame(() => {
       tableLayoutSyncFrameRef.current = null;
@@ -43370,7 +43979,7 @@ function useUEditorTableInteractions(editor, editable = true) {
       editorContentRef.current?.dispatchEvent(new CustomEvent(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT));
     });
   }, [updateActiveCellHighlight]);
-  const setActiveTableCell = import_react78.default.useCallback((cell) => {
+  const setActiveTableCell = import_react79.default.useCallback((cell) => {
     if (activeTableCellRef.current === cell) {
       updateActiveCellHighlight(cell);
       return;
@@ -43378,17 +43987,17 @@ function useUEditorTableInteractions(editor, editable = true) {
     activeTableCellRef.current = cell;
     updateActiveCellHighlight(activeTableCellRef.current);
   }, [updateActiveCellHighlight]);
-  const clearActiveTableCell = import_react78.default.useCallback(() => {
+  const clearActiveTableCell = import_react79.default.useCallback(() => {
     activeTableCellRef.current = null;
     updateActiveCellHighlight(null);
   }, [updateActiveCellHighlight]);
-  const setHoveredTableCell = import_react78.default.useCallback((cell) => {
+  const setHoveredTableCell = import_react79.default.useCallback((cell) => {
     hoveredTableCellRef.current = cell;
   }, []);
-  const clearHoveredTableCell = import_react78.default.useCallback(() => {
+  const clearHoveredTableCell = import_react79.default.useCallback(() => {
     hoveredTableCellRef.current = null;
   }, []);
-  const showColumnGuide = import_react78.default.useCallback((table, row, cell) => {
+  const showColumnGuide = import_react79.default.useCallback((table, row, cell) => {
     const surface = editorContentRef.current;
     const guide = tableColumnGuideRef.current;
     if (!surface || !guide) return;
@@ -43402,7 +44011,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     getProseMirrorElement()?.classList.add("resize-cursor");
     setEditorResizeCursor("col-resize");
   }, [getProseMirrorElement, setEditorResizeCursor]);
-  const showRowGuide = import_react78.default.useCallback((table, row, cell, previewHeight) => {
+  const showRowGuide = import_react79.default.useCallback((table, row, cell, previewHeight) => {
     const surface = editorContentRef.current;
     const guide = tableRowGuideRef.current;
     if (!surface || !guide) return;
@@ -43434,7 +44043,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     clearAllTableResizeHover,
     scheduleTableLayoutSync
   });
-  const syncActiveTableCellFromSelection = import_react78.default.useCallback(() => {
+  const syncActiveTableCellFromSelection = import_react79.default.useCallback(() => {
     if (!editor) return;
     if (!editor.isFocused) {
       clearActiveTableCell();
@@ -43442,7 +44051,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     }
     setActiveTableCell(getSelectionTableCell(editor.view));
   }, [clearActiveTableCell, editor, setActiveTableCell]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (!editor || !editable) return void 0;
     const proseMirror = editor.view.dom;
     const surface = editorContentRef.current;
@@ -43617,12 +44226,12 @@ function useUEditorTableInteractions(editor, editable = true) {
 }
 
 // src/components/UEditor/use-formula-coordinate-overlay.ts
-var import_react79 = require("react");
-var import_tables9 = require("@tiptap/pm/tables");
+var import_react80 = require("react");
+var import_tables10 = require("@tiptap/pm/tables");
 
 // src/components/UEditor/table-formula-range-picker.ts
 var import_state12 = require("@tiptap/pm/state");
-var import_tables8 = require("@tiptap/pm/tables");
+var import_tables9 = require("@tiptap/pm/tables");
 function getCellText2(cellNode) {
   return cellNode.textBetween(0, cellNode.content.size, "\n").trim();
 }
@@ -43640,7 +44249,7 @@ function getFormulaEditingTableContext(view) {
     if (!tableNode || tableNode.type.name !== "table") return null;
     const tableDom = cellDom.closest("table");
     if (!(tableDom instanceof HTMLTableElement)) return null;
-    const tableMap = import_tables8.TableMap.get(tableNode);
+    const tableMap = import_tables9.TableMap.get(tableNode);
     const tableStart = $from.start(tableDepth);
     const formulaCellRect = tableMap.findCell(cellPos - tableStart);
     return {
@@ -43657,7 +44266,7 @@ function getFormulaEditingTableContext(view) {
   return null;
 }
 function collectTableFormulaCells(tableNode) {
-  const tableMap = import_tables8.TableMap.get(tableNode);
+  const tableMap = import_tables9.TableMap.get(tableNode);
   const formulas = [];
   tableNode.forEach((rowNode, rowOffset) => {
     rowNode.forEach((cellNode, cellOffset) => {
@@ -43743,7 +44352,7 @@ function getFormulaTableCellInfo(view, target, tablePos) {
   const domPos = view.posAtDOM(cell, 0);
   const tableInfo = findTableForPos(view, domPos);
   if (!tableInfo || tableInfo.pos !== tablePos) return null;
-  const map = import_tables8.TableMap.get(tableInfo.node);
+  const map = import_tables9.TableMap.get(tableInfo.node);
   const relativeCellPos = getCellRelativePosFromDomPos2(map, tableInfo.start, domPos);
   if (relativeCellPos == null) return null;
   const rect = map.findCell(relativeCellPos);
@@ -43887,8 +44496,8 @@ function createBlockedReferenceHighlight(label) {
   return element;
 }
 function useFormulaCoordinateOverlay(editor, containerRef, labels) {
-  const overlayRef = (0, import_react79.useRef)(null);
-  (0, import_react79.useEffect)(() => {
+  const overlayRef = (0, import_react80.useRef)(null);
+  (0, import_react80.useEffect)(() => {
     if (!editor) return void 0;
     const overlay = overlayRef.current;
     const container = containerRef.current;
@@ -43917,7 +44526,7 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
       const tableRect = context.tableDom.getBoundingClientRect();
       const tableLeft = tableRect.left - containerRect.left + container.scrollLeft;
       const tableTop = tableRect.top - containerRect.top + container.scrollTop;
-      const map = import_tables9.TableMap.get(context.tableNode);
+      const map = import_tables10.TableMap.get(context.tableNode);
       const columnSegments = Array(map.width);
       const rowSegments = Array(map.height);
       const cellInfos = [];
@@ -44095,9 +44704,9 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
 }
 
 // src/components/UEditor/menu-bar.tsx
-var import_react80 = __toESM(require("react"), 1);
-var import_react81 = require("@tiptap/react");
-var import_lucide_react57 = require("lucide-react");
+var import_react81 = __toESM(require("react"), 1);
+var import_react82 = require("@tiptap/react");
+var import_lucide_react58 = require("lucide-react");
 
 // src/components/UEditor/preview-html.ts
 var DEFAULT_TABLE_COLUMN_WIDTH2 = 100;
@@ -44236,14 +44845,14 @@ function prepareUEditorPreviewHtml(html) {
 }
 
 // src/components/UEditor/menu-bar.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 function MenuTableInsertGrid({
   insertLabel,
   previewTemplate,
   onInsert
 }) {
   const closeMenu = useDropdownMenuClose();
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     TableInsertGrid,
     {
       insertLabel,
@@ -44259,9 +44868,9 @@ function renderMenuItems(items) {
   return items.map((item, i) => {
     switch (item.type) {
       case "separator":
-        return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DropdownMenuSeparator, {}, i);
+        return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(DropdownMenuSeparator, {}, i);
       case "action":
-        return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           DropdownMenuItem,
           {
             label: item.label,
@@ -44275,9 +44884,9 @@ function renderMenuItems(items) {
           i
         );
       case "sub":
-        return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DropdownMenuSub, { label: item.label, icon: item.icon, disabled: item.disabled, children: renderMenuItems(item.items) }, i);
+        return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(DropdownMenuSub, { label: item.label, icon: item.icon, disabled: item.disabled, children: renderMenuItems(item.items) }, i);
       case "custom":
-        return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react80.default.Fragment, { children: item.render() }, item.key);
+        return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react81.default.Fragment, { children: item.render() }, item.key);
     }
   });
 }
@@ -44315,7 +44924,7 @@ function buildEditMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.undo"),
-      icon: import_lucide_react57.Undo,
+      icon: import_lucide_react58.Undo,
       shortcut: t("menubar.undoShortcut"),
       onClick: () => editor.chain().focus().undo().run(),
       disabled: !editor.can().undo()
@@ -44323,7 +44932,7 @@ function buildEditMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.redo"),
-      icon: import_lucide_react57.Redo,
+      icon: import_lucide_react58.Redo,
       shortcut: t("menubar.redoShortcut"),
       onClick: () => editor.chain().focus().redo().run(),
       disabled: !editor.can().redo()
@@ -44332,7 +44941,7 @@ function buildEditMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.cut"),
-      icon: import_lucide_react57.Scissors,
+      icon: import_lucide_react58.Scissors,
       shortcut: t("menubar.cutShortcut"),
       onClick: () => document.execCommand("cut")
     },
@@ -44380,7 +44989,7 @@ function buildViewMenuItems(t, {
     {
       type: "action",
       label: t("menubar.sourceCode"),
-      icon: import_lucide_react57.FileCode,
+      icon: import_lucide_react58.FileCode,
       onClick: () => onSourceCode ? onSourceCode() : openSourceDialog()
     },
     {
@@ -44392,7 +45001,7 @@ function buildViewMenuItems(t, {
     {
       type: "action",
       label: t("menubar.fullscreen"),
-      icon: import_lucide_react57.Maximize2,
+      icon: import_lucide_react58.Maximize2,
       shortcut: t("menubar.fullscreenShortcut"),
       onClick: () => {
         const el = containerRef.current;
@@ -44411,7 +45020,7 @@ function buildFormatMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.bold"),
-      icon: import_lucide_react57.Bold,
+      icon: import_lucide_react58.Bold,
       shortcut: t("menubar.boldShortcut"),
       active: editor.isActive("bold"),
       onClick: () => editor.chain().focus().toggleBold().run()
@@ -44419,7 +45028,7 @@ function buildFormatMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.italic"),
-      icon: import_lucide_react57.Italic,
+      icon: import_lucide_react58.Italic,
       shortcut: t("menubar.italicShortcut"),
       active: editor.isActive("italic"),
       onClick: () => editor.chain().focus().toggleItalic().run()
@@ -44427,7 +45036,7 @@ function buildFormatMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.underline"),
-      icon: import_lucide_react57.Underline,
+      icon: import_lucide_react58.Underline,
       shortcut: t("menubar.underlineShortcut"),
       active: editor.isActive("underline"),
       onClick: () => editor.chain().focus().toggleUnderline().run()
@@ -44435,28 +45044,28 @@ function buildFormatMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.strike"),
-      icon: import_lucide_react57.Strikethrough,
+      icon: import_lucide_react58.Strikethrough,
       active: editor.isActive("strike"),
       onClick: () => editor.chain().focus().toggleStrike().run()
     },
     {
       type: "action",
       label: t("menubar.superscript"),
-      icon: import_lucide_react57.Superscript,
+      icon: import_lucide_react58.Superscript,
       active: editor.isActive("superscript"),
       onClick: () => editor.chain().focus().toggleSuperscript().run()
     },
     {
       type: "action",
       label: t("menubar.subscript"),
-      icon: import_lucide_react57.Subscript,
+      icon: import_lucide_react58.Subscript,
       active: editor.isActive("subscript"),
       onClick: () => editor.chain().focus().toggleSubscript().run()
     },
     {
       type: "action",
       label: t("menubar.code"),
-      icon: import_lucide_react57.Code,
+      icon: import_lucide_react58.Code,
       active: editor.isActive("code"),
       onClick: () => editor.chain().focus().toggleCode().run()
     },
@@ -44474,21 +45083,21 @@ function buildFormatMenuItems(t, editor) {
         {
           type: "action",
           label: t("menubar.heading1"),
-          icon: import_lucide_react57.Heading1,
+          icon: import_lucide_react58.Heading1,
           active: editor.isActive("heading", { level: 1 }),
           onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run()
         },
         {
           type: "action",
           label: t("menubar.heading2"),
-          icon: import_lucide_react57.Heading2,
+          icon: import_lucide_react58.Heading2,
           active: editor.isActive("heading", { level: 2 }),
           onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run()
         },
         {
           type: "action",
           label: t("menubar.heading3"),
-          icon: import_lucide_react57.Heading3,
+          icon: import_lucide_react58.Heading3,
           active: editor.isActive("heading", { level: 3 }),
           onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run()
         },
@@ -44496,21 +45105,21 @@ function buildFormatMenuItems(t, editor) {
         {
           type: "action",
           label: t("menubar.blockquote"),
-          icon: import_lucide_react57.Quote,
+          icon: import_lucide_react58.Quote,
           active: editor.isActive("blockquote"),
           onClick: () => editor.chain().focus().toggleBlockquote().run()
         },
         {
           type: "action",
           label: t("menubar.codeBlock"),
-          icon: import_lucide_react57.FileCode,
+          icon: import_lucide_react58.FileCode,
           active: editor.isActive("codeBlock"),
           onClick: () => editor.chain().focus().toggleCodeBlock().run()
         },
         {
           type: "action",
           label: t("menubar.taskList"),
-          icon: import_lucide_react57.ListTodo,
+          icon: import_lucide_react58.ListTodo,
           active: editor.isActive("taskList"),
           onClick: () => editor.chain().focus().toggleTaskList().run()
         }
@@ -44523,28 +45132,28 @@ function buildFormatMenuItems(t, editor) {
         {
           type: "action",
           label: t("menubar.alignLeft"),
-          icon: import_lucide_react57.AlignLeft,
+          icon: import_lucide_react58.AlignLeft,
           active: editor.isActive({ textAlign: "left" }),
           onClick: () => editor.chain().focus().setTextAlign("left").run()
         },
         {
           type: "action",
           label: t("menubar.alignCenter"),
-          icon: import_lucide_react57.AlignCenter,
+          icon: import_lucide_react58.AlignCenter,
           active: editor.isActive({ textAlign: "center" }),
           onClick: () => editor.chain().focus().setTextAlign("center").run()
         },
         {
           type: "action",
           label: t("menubar.alignRight"),
-          icon: import_lucide_react57.AlignRight,
+          icon: import_lucide_react58.AlignRight,
           active: editor.isActive({ textAlign: "right" }),
           onClick: () => editor.chain().focus().setTextAlign("right").run()
         },
         {
           type: "action",
           label: t("menubar.alignJustify"),
-          icon: import_lucide_react57.AlignJustify,
+          icon: import_lucide_react58.AlignJustify,
           active: editor.isActive({ textAlign: "justify" }),
           onClick: () => editor.chain().focus().setTextAlign("justify").run()
         }
@@ -44563,7 +45172,7 @@ function buildToolsMenuItems(t, { onSourceCode, openSourceDialog }) {
     {
       type: "action",
       label: t("menubar.sourceCode"),
-      icon: import_lucide_react57.FileCode,
+      icon: import_lucide_react58.FileCode,
       onClick: () => onSourceCode ? onSourceCode() : openSourceDialog()
     }
   ];
@@ -44574,12 +45183,12 @@ function buildTableMenuItems(t, editor, onInsertTable) {
     {
       type: "sub",
       label: t("menubar.insertTable"),
-      icon: import_lucide_react57.Table,
+      icon: import_lucide_react58.Table,
       items: [
         {
           type: "custom",
           key: "table-insert-grid",
-          render: () => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+          render: () => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
             MenuTableInsertGrid,
             {
               insertLabel: t("tableMenu.insertTable"),
@@ -44600,7 +45209,7 @@ function buildTableMenuItems(t, editor, onInsertTable) {
     {
       type: "action",
       label: t("menubar.deleteTable"),
-      icon: import_lucide_react57.Trash2,
+      icon: import_lucide_react58.Trash2,
       destructive: true,
       disabled: !inTable,
       onClick: () => editor.chain().focus().deleteTable().run()
@@ -44653,8 +45262,8 @@ function buildTableMenuItems(t, editor, onInsertTable) {
     }
   ];
 }
-var MenuBarTrigger = import_react80.default.forwardRef(
-  ({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+var MenuBarTrigger = import_react81.default.forwardRef(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     "button",
     {
       ref,
@@ -44685,18 +45294,18 @@ var MenuBar = ({
   onPreview
 }) => {
   const t = useSmartTranslations("UEditor");
-  (0, import_react81.useEditorState)({
+  (0, import_react82.useEditorState)({
     editor,
-    selector: ({ transactionNumber }) => transactionNumber
+    selector: ({ editor: currentEditor }) => getEditorUiRenderState(currentEditor)
   });
-  const fileInputRef = (0, import_react80.useRef)(null);
-  const [showImageInput, setShowImageInput] = (0, import_react80.useState)(false);
-  const [showLinkInput, setShowLinkInput] = (0, import_react80.useState)(false);
-  const [isInsertMenuOpen, setIsInsertMenuOpen] = (0, import_react80.useState)(false);
-  const [showSourceDialog, setShowSourceDialog] = (0, import_react80.useState)(false);
-  const [sourceHtml, setSourceHtml] = (0, import_react80.useState)("");
-  const [showPreviewDialog, setShowPreviewDialog] = (0, import_react80.useState)(false);
-  const previewHtml = (0, import_react80.useMemo)(
+  const fileInputRef = (0, import_react81.useRef)(null);
+  const [showImageInput, setShowImageInput] = (0, import_react81.useState)(false);
+  const [showLinkInput, setShowLinkInput] = (0, import_react81.useState)(false);
+  const [openMenuKey, setOpenMenuKey] = (0, import_react81.useState)(null);
+  const [showSourceDialog, setShowSourceDialog] = (0, import_react81.useState)(false);
+  const [sourceHtml, setSourceHtml] = (0, import_react81.useState)("");
+  const [showPreviewDialog, setShowPreviewDialog] = (0, import_react81.useState)(false);
+  const previewHtml = (0, import_react81.useMemo)(
     () => showPreviewDialog ? prepareUEditorPreviewHtml(editor.getHTML()) : "",
     [editor, showPreviewDialog]
   );
@@ -44716,7 +45325,7 @@ var MenuBar = ({
     setShowSourceDialog(false);
   };
   const closeInsertMenu = () => {
-    setIsInsertMenuOpen(false);
+    setOpenMenuKey(null);
     setShowImageInput(false);
     setShowLinkInput(false);
   };
@@ -44743,7 +45352,7 @@ var MenuBar = ({
       } catch {
       }
     }
-    setIsInsertMenuOpen(false);
+    closeInsertMenu();
   };
   const handleInsertTable = (rows, cols) => {
     editor.chain().focus().insertTable({ rows, cols, withHeaderRow: true }).run();
@@ -44757,13 +45366,13 @@ var MenuBar = ({
     {
       type: "custom",
       key: "image",
-      render: () => showImageInput ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ImageInput, { onSubmit: handleImageUrl, onCancel: () => setShowImageInput(false) }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DropdownMenuItem, { label: t("menubar.image"), icon: import_lucide_react57.Image, onClick: () => setShowImageInput(true), closeOnSelect: false }),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+      render: () => showImageInput ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(ImageInput, { onSubmit: handleImageUrl, onCancel: () => setShowImageInput(false) }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(DropdownMenuItem, { label: t("menubar.image"), icon: import_lucide_react58.Image, onClick: () => setShowImageInput(true), closeOnSelect: false }),
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           DropdownMenuItem,
           {
             label: t("menubar.imageUpload"),
-            icon: import_lucide_react57.Upload,
+            icon: import_lucide_react58.Upload,
             onClick: () => fileInputRef.current?.click(),
             closeOnSelect: false
           }
@@ -44774,11 +45383,11 @@ var MenuBar = ({
     {
       type: "custom",
       key: "link",
-      render: () => showLinkInput ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(LinkInput, { onSubmit: handleLinkSubmit, onCancel: () => setShowLinkInput(false), initialUrl: editor.getAttributes("link").href ?? "" }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+      render: () => showLinkInput ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(LinkInput, { onSubmit: handleLinkSubmit, onCancel: () => setShowLinkInput(false), initialUrl: editor.getAttributes("link").href ?? "" }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
         DropdownMenuItem,
         {
           label: t("menubar.link"),
-          icon: import_lucide_react57.Link,
+          icon: import_lucide_react58.Link,
           shortcut: t("menubar.linkShortcut"),
           onClick: () => setShowLinkInput(true),
           closeOnSelect: false
@@ -44789,12 +45398,12 @@ var MenuBar = ({
     {
       type: "sub",
       label: t("menubar.insertTable"),
-      icon: import_lucide_react57.Table,
+      icon: import_lucide_react58.Table,
       items: [
         {
           type: "custom",
           key: "table-grid",
-          render: () => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+          render: () => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
             MenuTableInsertGrid,
             {
               insertLabel: t("tableMenu.insertTable"),
@@ -44809,24 +45418,24 @@ var MenuBar = ({
     {
       type: "sub",
       label: t("menubar.formFields") || "Form Fields",
-      icon: import_lucide_react57.ListTodo,
+      icon: import_lucide_react58.ListTodo,
       items: [
         {
           type: "action",
           label: t("menubar.formCheckbox") || "Form Checkbox",
-          icon: import_lucide_react57.Square,
+          icon: import_lucide_react58.Square,
           onClick: () => editor.chain().focus().setFormCheckbox().run()
         },
         {
           type: "action",
           label: t("slashCommand.roundCheckbox") || "Round Checkbox",
-          icon: import_lucide_react57.CircleCheckBig,
+          icon: import_lucide_react58.CircleCheckBig,
           onClick: () => editor.chain().focus().setFormCheckbox({ variant: "circle" }).run()
         },
         {
           type: "action",
           label: t("menubar.formRadio") || "Form Radio Button",
-          icon: import_lucide_react57.CircleDot,
+          icon: import_lucide_react58.CircleDot,
           onClick: () => editor.chain().focus().setFormRadio().run()
         }
       ]
@@ -44840,41 +45449,31 @@ var MenuBar = ({
   ];
   const menus = [
     {
+      key: "file",
       label: t("menubar.file"),
-      items: buildFileMenuItems(t, editor, { onSave, onExport }),
-      open: void 0,
-      onOpenChange: void 0
+      items: buildFileMenuItems(t, editor, { onSave, onExport })
     },
-    { label: t("menubar.edit"), items: buildEditMenuItems(t, editor), open: void 0, onOpenChange: void 0 },
+    { key: "edit", label: t("menubar.edit"), items: buildEditMenuItems(t, editor) },
     {
+      key: "view",
       label: t("menubar.view"),
-      items: buildViewMenuItems(t, { containerRef, onSourceCode, openSourceDialog, onPreview: handlePreview, openPreviewDialog }),
-      open: void 0,
-      onOpenChange: void 0
+      items: buildViewMenuItems(t, { containerRef, onSourceCode, openSourceDialog, onPreview: handlePreview, openPreviewDialog })
     },
     {
+      key: "insert",
       label: t("menubar.insert"),
-      items: insertMenuItems,
-      open: isInsertMenuOpen,
-      onOpenChange: (open) => {
-        setIsInsertMenuOpen(open);
-        if (!open) {
-          setShowImageInput(false);
-          setShowLinkInput(false);
-        }
-      }
+      items: insertMenuItems
     },
-    { label: t("menubar.format"), items: buildFormatMenuItems(t, editor), open: void 0, onOpenChange: void 0 },
+    { key: "format", label: t("menubar.format"), items: buildFormatMenuItems(t, editor) },
     {
+      key: "tools",
       label: t("menubar.tools"),
-      items: buildToolsMenuItems(t, { onSourceCode, openSourceDialog }),
-      open: void 0,
-      onOpenChange: void 0
+      items: buildToolsMenuItems(t, { onSourceCode, openSourceDialog })
     },
-    { label: t("menubar.table"), items: buildTableMenuItems(t, editor, handleInsertTable), open: void 0, onOpenChange: void 0 }
+    { key: "table", label: t("menubar.table"), items: buildTableMenuItems(t, editor, handleInsertTable) }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       "input",
       {
         ref: fileInputRef,
@@ -44885,19 +45484,26 @@ var MenuBar = ({
         onChange: (e) => handleImageFiles(e.target.files)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime101.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_runtime101.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime102.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(({ key, label, items }) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
         DropdownMenu,
         {
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(MenuBarTrigger, { children: label }),
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(MenuBarTrigger, { children: label }),
           placement: "bottom-start",
-          isOpen: open,
-          onOpenChange,
+          isOpen: openMenuKey === key,
+          onOpenChange: (open) => {
+            setOpenMenuKey((current) => open ? key : current === key ? null : current);
+            if (key === "insert" && !open) {
+              setShowImageInput(false);
+              setShowLinkInput(false);
+            }
+          },
+          openOnHover: true,
           children: renderMenuItems(items)
         },
-        label
+        key
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
         "button",
         {
           type: "button",
@@ -44908,20 +45514,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_runtime101.jsx)(import_lucide_react57.Eye, { className: "h-4 w-4", "aria-hidden": "true" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react58.Eye, { className: "h-4 w-4", "aria-hidden": "true" })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       Modal_default,
       {
         isOpen: showSourceDialog,
         onClose: () => setShowSourceDialog(false),
         title: t("menubar.sourceCode"),
         size: "lg",
-        children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "text-xs text-muted-foreground", children: t("menubar.sourceCodeHint") }),
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-xs text-muted-foreground", children: t("menubar.sourceCodeHint") }),
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
             "textarea",
             {
               "data-testid": "source-code-textarea",
@@ -44931,8 +45537,8 @@ var MenuBar = ({
               spellCheck: false
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex gap-2 justify-end", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex gap-2 justify-end", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
               "button",
               {
                 type: "button",
@@ -44941,7 +45547,7 @@ var MenuBar = ({
                 children: t("menubar.applySource")
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
               "button",
               {
                 type: "button",
@@ -44954,7 +45560,7 @@ var MenuBar = ({
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       Modal_default,
       {
         isOpen: showPreviewDialog,
@@ -44965,12 +45571,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_runtime101.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           "div",
           {
             "data-testid": "preview-content",
             className: "min-h-0 flex-1 overflow-y-auto overscroll-contain",
-            children: editor.isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+            children: editor.isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
               "div",
               {
                 className: UEDITOR_PROSEMIRROR_CLASS_NAME,
@@ -44985,20 +45591,33 @@ var MenuBar = ({
 };
 
 // src/components/UEditor/table-formula-bar.tsx
-var import_react82 = require("react");
-var import_react83 = require("@tiptap/react");
-var import_lucide_react58 = require("lucide-react");
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_react83 = require("react");
+var import_react84 = require("@tiptap/react");
+var import_lucide_react59 = require("lucide-react");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 function TableFormulaBar({ editor }) {
   const t = useSmartTranslations("UEditor");
-  const inputRef = (0, import_react82.useRef)(null);
-  const [draftState, setDraftState] = (0, import_react82.useState)(null);
-  (0, import_react83.useEditorState)({
+  const inputRef = (0, import_react83.useRef)(null);
+  const [draftState, setDraftState] = (0, import_react83.useState)(null);
+  const selectedFormulaState = (0, import_react84.useEditorState)({
     editor,
-    selector: ({ transactionNumber }) => transactionNumber
+    selector: ({ editor: currentEditor }) => {
+      const cell = getSelectedTableFormulaCell(currentEditor);
+      if (!cell) return null;
+      return {
+        cellPos: cell.cellPos,
+        column: cell.column,
+        computedValue: cell.computedValue,
+        formula: cell.formula,
+        formulaState: cell.formulaState,
+        label: cell.label,
+        row: cell.row,
+        tablePos: cell.tablePos
+      };
+    }
   });
-  const selectedCell = getSelectedTableFormulaCell(editor);
-  (0, import_react82.useEffect)(() => {
+  const selectedCell = selectedFormulaState ? getSelectedTableFormulaCell(editor) : null;
+  (0, import_react83.useEffect)(() => {
     const focusFormulaInput = () => {
       inputRef.current?.focus();
     };
@@ -45038,7 +45657,7 @@ function TableFormulaBar({ editor }) {
       if (!editor.isDestroyed) editor.commands.focus();
     }, 0);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
     "div",
     {
       "data-ueditor-formula-bar": "",
@@ -45046,7 +45665,7 @@ function TableFormulaBar({ editor }) {
       "aria-label": t("tableMenu.formulaBar"),
       className: "flex min-h-10 items-center gap-2 border-b border-border/60 bg-muted/25 px-2 py-1.5",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           "span",
           {
             "data-ueditor-formula-cell-label": "",
@@ -45054,8 +45673,8 @@ function TableFormulaBar({ editor }) {
             children: selectedCell.label
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react58.Sigma, { "aria-hidden": "true", className: "h-4 w-4 shrink-0 text-primary" }),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react59.Sigma, { "aria-hidden": "true", className: "h-4 w-4 shrink-0 text-primary" }),
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           "input",
           {
             ref: inputRef,
@@ -45076,18 +45695,18 @@ function TableFormulaBar({ editor }) {
             className: "h-7 min-w-0 flex-1 rounded-md border border-border/60 bg-background px-2 font-mono text-sm text-foreground outline-none focus:border-primary/40 focus:ring-2 focus:ring-primary/15"
           }
         ),
-        selectedCell.formulaState === "error" && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+        selectedCell.formulaState === "error" && /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
           "span",
           {
             role: "status",
             className: "hidden shrink-0 items-center gap-1 text-xs font-medium text-destructive sm:inline-flex",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react58.AlertCircle, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react59.AlertCircle, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
               t("tableMenu.formulaError")
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           "button",
           {
             type: "button",
@@ -45095,10 +45714,10 @@ function TableFormulaBar({ editor }) {
             "aria-label": t("tableMenu.apply"),
             title: t("tableMenu.apply"),
             className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-primary text-primary-foreground transition-colors hover:bg-primary/90",
-            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react58.Check, { "aria-hidden": "true", className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react59.Check, { "aria-hidden": "true", className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           "button",
           {
             type: "button",
@@ -45109,10 +45728,10 @@ function TableFormulaBar({ editor }) {
             "aria-label": t("tableMenu.convertToValue"),
             title: t("tableMenu.convertToValue"),
             className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md border border-border/60 bg-background text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react58.Hash, { "aria-hidden": "true", className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react59.Hash, { "aria-hidden": "true", className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           "button",
           {
             type: "button",
@@ -45123,7 +45742,7 @@ function TableFormulaBar({ editor }) {
             "aria-label": t("tableMenu.clearCell"),
             title: t("tableMenu.clearCell"),
             className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md border border-destructive/30 bg-background text-destructive transition-colors hover:bg-destructive/10",
-            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react58.Trash2, { "aria-hidden": "true", className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react59.Trash2, { "aria-hidden": "true", className: "h-4 w-4" })
           }
         )
       ]
@@ -45132,8 +45751,8 @@ function TableFormulaBar({ editor }) {
 }
 
 // src/components/UEditor/UEditor.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime");
-var UEditor = import_react84.default.forwardRef(({
+var import_jsx_runtime104 = require("react/jsx-runtime");
+var UEditor = import_react85.default.forwardRef(({
   content = "",
   onChange,
   onHtmlChange,
@@ -45175,14 +45794,15 @@ var UEditor = import_react84.default.forwardRef(({
 }, ref) => {
   const t = useSmartTranslations("UEditor");
   const effectivePlaceholder = placeholder ?? t("placeholder");
-  const inFlightPrepareRef = (0, import_react84.useRef)(null);
-  const lastAppliedContentRef = (0, import_react84.useRef)(content ?? "");
-  const scheduledFormulaRecalculateRef = (0, import_react84.useRef)(false);
-  const editorInstanceRef = (0, import_react84.useRef)(null);
-  const formulaRangePickRef = (0, import_react84.useRef)(null);
-  const formulaRangeSurfaceRef = (0, import_react84.useRef)(null);
-  const [formulaRangeHighlight, setFormulaRangeHighlight] = import_react84.default.useState(null);
-  const scheduleFormulaRecalculate = import_react84.default.useCallback((editor2, options) => {
+  const inFlightPrepareRef = (0, import_react85.useRef)(null);
+  const lastAppliedContentRef = (0, import_react85.useRef)(content ?? "");
+  const scheduledFormulaRecalculateRef = (0, import_react85.useRef)(false);
+  const pendingFormulaTextRecalculateRef = (0, import_react85.useRef)(false);
+  const editorInstanceRef = (0, import_react85.useRef)(null);
+  const formulaRangePickRef = (0, import_react85.useRef)(null);
+  const formulaRangeSurfaceRef = (0, import_react85.useRef)(null);
+  const [formulaRangeHighlight, setFormulaRangeHighlight] = import_react85.default.useState(null);
+  const scheduleFormulaRecalculate = import_react85.default.useCallback((editor2, options) => {
     if (editor2.isDestroyed || scheduledFormulaRecalculateRef.current) return;
     if (!options?.force && isEditingTableFormulaText(editor2)) return;
     scheduledFormulaRecalculateRef.current = true;
@@ -45193,7 +45813,7 @@ var UEditor = import_react84.default.forwardRef(({
       }
     });
   }, []);
-  const resolvedUploadFile = (0, import_react84.useMemo)(() => {
+  const resolvedUploadFile = (0, import_react85.useMemo)(() => {
     if (uploadFile) return uploadFile;
     if (uploadFileForSave) {
       return async (file) => {
@@ -45203,7 +45823,7 @@ var UEditor = import_react84.default.forwardRef(({
     }
     return uploadImage;
   }, [uploadFile, uploadFileForSave, uploadImage]);
-  const extensions = (0, import_react84.useMemo)(
+  const extensions = (0, import_react85.useMemo)(
     () => [
       ...buildUEditorExtensions({
         placeholder: effectivePlaceholder,
@@ -45222,11 +45842,11 @@ var UEditor = import_react84.default.forwardRef(({
     ],
     [effectivePlaceholder, t, maxCharacters, uploadImage, resolvedUploadFile, imageInsertMode, maxImageFileSize, allowedImageMimeTypes, fallbackToDataUrl, editable, fetchMetadata, extraExtensions]
   );
-  const syncFormulaRangeHighlight = import_react84.default.useCallback((pickState) => {
+  const syncFormulaRangeHighlight = import_react85.default.useCallback((pickState) => {
     const container = formulaRangeSurfaceRef.current;
     setFormulaRangeHighlight(container && pickState ? getFormulaRangePickHighlight(container, pickState) : null);
   }, []);
-  const editor = (0, import_react85.useEditor)({
+  const editor = (0, import_react86.useEditor)({
     immediatelyRender: false,
     extensions,
     content,
@@ -45316,23 +45936,36 @@ var UEditor = import_react84.default.forwardRef(({
     },
     onUpdate: ({ editor: editor2, transaction }) => {
       if (!transaction.getMeta(UEDITOR_TABLE_FORMULA_RECALCULATE_META)) {
-        scheduleFormulaRecalculate(editor2);
+        if (isEditingTableFormulaText(editor2)) {
+          pendingFormulaTextRecalculateRef.current = true;
+        } else {
+          pendingFormulaTextRecalculateRef.current = false;
+          scheduleFormulaRecalculate(editor2);
+        }
+      }
+      if (onChange || onHtmlChange) {
+        const html = editor2.getHTML();
+        onChange?.(html);
+        onHtmlChange?.(html);
+      }
+      if (onJsonChange) {
+        onJsonChange(editor2.getJSON());
       }
-      const html = editor2.getHTML();
-      onChange?.(html);
-      onHtmlChange?.(html);
-      onJsonChange?.(editor2.getJSON());
     },
     onSelectionUpdate: ({ editor: editor2 }) => {
-      scheduleFormulaRecalculate(editor2);
+      if (pendingFormulaTextRecalculateRef.current && !isEditingTableFormulaText(editor2)) {
+        pendingFormulaTextRecalculateRef.current = false;
+        scheduleFormulaRecalculate(editor2);
+      }
     },
     onBlur: ({ editor: editor2, event }) => {
       const nextTarget = event.relatedTarget;
       if (nextTarget instanceof Element && nextTarget.closest("[data-ueditor-formula-bar]")) return;
+      pendingFormulaTextRecalculateRef.current = false;
       scheduleFormulaRecalculate(editor2, { force: true });
     }
   });
-  (0, import_react84.useEffect)(() => {
+  (0, import_react85.useEffect)(() => {
     editorInstanceRef.current = editor;
     return () => {
       if (editorInstanceRef.current === editor) editorInstanceRef.current = null;
@@ -45348,7 +45981,7 @@ var UEditor = import_react84.default.forwardRef(({
     apply: t("tableMenu.apply"),
     cancel: t("imageInput.cancelBtn")
   });
-  (0, import_react84.useImperativeHandle)(
+  (0, import_react85.useImperativeHandle)(
     ref,
     () => ({
       editor,
@@ -45373,7 +46006,7 @@ var UEditor = import_react84.default.forwardRef(({
     }),
     [content, editor, uploadImageForSave, uploadFileForSave, uploadImageConcurrency]
   );
-  (0, import_react84.useEffect)(() => {
+  (0, import_react85.useEffect)(() => {
     if (!editor) return;
     queueMicrotask(() => {
       if (!editor.isDestroyed) {
@@ -45381,7 +46014,7 @@ var UEditor = import_react84.default.forwardRef(({
       }
     });
   }, [editor]);
-  (0, import_react84.useEffect)(() => {
+  (0, import_react85.useEffect)(() => {
     if (!editor) return;
     const nextContent = content ?? "";
     if (lastAppliedContentRef.current === nextContent) return;
@@ -45400,7 +46033,7 @@ var UEditor = import_react84.default.forwardRef(({
     }
   }, [content, editor]);
   if (!editor) {
-    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
       "div",
       {
         className: cn("w-full border bg-background flex items-center justify-center text-muted-foreground", className),
@@ -45409,7 +46042,7 @@ var UEditor = import_react84.default.forwardRef(({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
     "div",
     {
       className: cn(
@@ -45425,7 +46058,7 @@ var UEditor = import_react84.default.forwardRef(({
         className
       ),
       children: [
-        editable && showMenuBar && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+        editable && showMenuBar && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
           MenuBar,
           {
             editor,
@@ -45440,7 +46073,7 @@ var UEditor = import_react84.default.forwardRef(({
             onPreview
           }
         ),
-        editable && showToolbar && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+        editable && showToolbar && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
           EditorToolbar,
           {
             editor,
@@ -45455,8 +46088,8 @@ var UEditor = import_react84.default.forwardRef(({
             letterSpacings
           }
         ),
-        editable && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TableFormulaBar, { editor }),
-        editable && showBubbleMenu && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+        editable && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(TableFormulaBar, { editor }),
+        editable && showBubbleMenu && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
           CustomBubbleMenu,
           {
             editor,
@@ -45464,8 +46097,8 @@ var UEditor = import_react84.default.forwardRef(({
             lineHeights
           }
         ),
-        editable && showFloatingMenu && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(CustomFloatingMenu, { editor }),
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+        editable && showFloatingMenu && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(CustomFloatingMenu, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
           "div",
           {
             ref: (node) => {
@@ -45478,7 +46111,7 @@ var UEditor = import_react84.default.forwardRef(({
               maxHeight
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                 "span",
                 {
                   ref: tableColumnGuideRef,
@@ -45486,7 +46119,7 @@ var UEditor = import_react84.default.forwardRef(({
                   className: "pointer-events-none absolute z-20 bg-primary opacity-0 transition-opacity duration-100"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                 "span",
                 {
                   ref: tableRowGuideRef,
@@ -45494,7 +46127,7 @@ var UEditor = import_react84.default.forwardRef(({
                   className: "pointer-events-none absolute z-20 bg-primary opacity-0 transition-opacity duration-100"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                 "span",
                 {
                   ref: activeTableCellHighlightRef,
@@ -45503,7 +46136,7 @@ var UEditor = import_react84.default.forwardRef(({
                   className: "pointer-events-none hidden absolute z-20 rounded-[2px] border-2 border-primary bg-primary/10"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                 "div",
                 {
                   ref: formulaCoordinateOverlayRef,
@@ -45511,7 +46144,7 @@ var UEditor = import_react84.default.forwardRef(({
                   className: "pointer-events-none absolute inset-0 z-[35] hidden overflow-visible"
                 }
               ),
-              formulaRangeHighlight && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+              formulaRangeHighlight && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                 "span",
                 {
                   "aria-hidden": "true",
@@ -45529,9 +46162,16 @@ var UEditor = import_react84.default.forwardRef(({
                   }
                 }
               ),
-              editable && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TableControls, { editor, containerRef: editorContentRef }),
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
-                import_react85.EditorContent,
+              editable && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+                TableControls,
+                {
+                  editor,
+                  containerRef: editorContentRef,
+                  showCellInspector: showBubbleMenu
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+                import_react86.EditorContent,
                 {
                   editor,
                   className: "min-h-full"
@@ -45540,7 +46180,7 @@ var UEditor = import_react84.default.forwardRef(({
             ]
           }
         ),
-        showFooter && showCharacterCount && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(CharacterCountDisplay, { editor, maxCharacters })
+        showFooter && showCharacterCount && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(CharacterCountDisplay, { editor, maxCharacters })
       ]
     }
   );