@underverse-ui/underverse 1.0.201 → 1.0.203

package/dist/index.js

@@ -801,6 +801,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",
@@ -938,11 +940,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",
@@ -1247,6 +1252,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",
@@ -1384,11 +1391,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",
@@ -1693,6 +1703,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",
@@ -1830,11 +1842,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",
@@ -2139,6 +2154,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",
@@ -2276,11 +2293,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",
@@ -8679,6 +8699,8 @@ var DropdownMenu = ({
   disabled = false,
   isOpen,
   onOpenChange,
+  openOnHover = false,
+  hoverCloseDelay = 120,
   items,
   borderMode
 }) => {
@@ -8698,10 +8720,26 @@ var DropdownMenu = ({
   const itemsRef = React29.useRef([]);
   const [activeIndex, setActiveIndex] = useResettingIndex(open);
   const parentMenu = React29.useContext(DropdownMenuContext);
+  const hoverCloseTimeoutRef = React29.useRef(null);
+  const cancelHoverClose = React29.useCallback(() => {
+    if (hoverCloseTimeoutRef.current === null) return;
+    clearTimeout(hoverCloseTimeoutRef.current);
+    hoverCloseTimeoutRef.current = null;
+  }, []);
+  const scheduleHoverClose = React29.useCallback(() => {
+    if (!openOnHover) return;
+    cancelHoverClose();
+    hoverCloseTimeoutRef.current = setTimeout(() => {
+      hoverCloseTimeoutRef.current = null;
+      setOpen(false);
+    }, hoverCloseDelay);
+  }, [cancelHoverClose, hoverCloseDelay, openOnHover, setOpen]);
+  React29.useEffect(() => () => cancelHoverClose(), [cancelHoverClose]);
   const closeMenu = React29.useCallback(() => {
+    cancelHoverClose();
     setOpen(false);
     parentMenu?.closeMenu();
-  }, [parentMenu, setOpen]);
+  }, [cancelHoverClose, parentMenu, setOpen]);
   const getEnabledMenuItems = React29.useCallback(() => {
     const menuEl = menuRef.current;
     if (!menuEl) return [];
@@ -8758,9 +8796,11 @@ var DropdownMenu = ({
   const menuContext = React29.useMemo(
     () => ({
       closeMenu,
-      closeOnSelect
+      closeOnSelect,
+      cancelHoverClose,
+      scheduleHoverClose
     }),
-    [closeMenu, closeOnSelect]
+    [cancelHoverClose, closeMenu, closeOnSelect, scheduleHoverClose]
   );
   const handleItemClick = (itemOnClick) => {
     itemOnClick();
@@ -8768,71 +8808,117 @@ var DropdownMenu = ({
       closeMenu();
     }
   };
-  const menuBody = /* @__PURE__ */ jsx32(DropdownMenuContext.Provider, { value: menuContext, children: /* @__PURE__ */ jsx32("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__ */ jsxs22(
-      "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__ */ jsx32(IconComponent, { className: "h-4 w-4" }),
-          item.label
-        ]
-      },
-      index
-    );
-  }) : children }) });
+  const menuBody = /* @__PURE__ */ jsx32(DropdownMenuContext.Provider, { value: menuContext, children: /* @__PURE__ */ jsx32(
+    "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__ */ jsxs22(
+          "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__ */ jsx32(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 = React29.useCallback((node) => {
+    setRefValue(childRef, node);
+    triggerRef.current = node;
+  }, [childRef]);
+  const handleTriggerKeyDown = React29.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 = React29.useCallback((event) => {
+    if (openOnHover && !disabled) {
+      cancelHoverClose();
+      setOpen(true);
+    }
+    triggerOnClick?.(event);
+  }, [cancelHoverClose, disabled, openOnHover, setOpen, triggerOnClick]);
+  const handleTriggerMouseEnter = React29.useCallback((event) => {
+    if (openOnHover && !disabled) {
+      cancelHoverClose();
+      parentMenu?.cancelHoverClose();
+      setOpen(true);
+    }
+    triggerOnMouseEnter?.(event);
+  }, [cancelHoverClose, disabled, openOnHover, parentMenu, setOpen, triggerOnMouseEnter]);
+  const handleTriggerMouseLeave = React29.useCallback((event) => {
+    scheduleHoverClose();
+    triggerOnMouseLeave?.(event);
+  }, [scheduleHoverClose, triggerOnMouseLeave]);
   const enhancedTrigger = React29.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__ */ jsx32(
     Popover,
@@ -8930,6 +9016,7 @@ var DropdownMenuSub = ({ label, icon: Icon, disabled, borderMode, children }) =>
         }
       ),
       placement: "right",
+      openOnHover: true,
       children
     }
   );
@@ -31418,6 +31505,199 @@ var LetterSpacing = Extension9.create({
 });
 var letter_spacing_default = LetterSpacing;
 
+// src/components/UEditor/indent.ts
+import { Extension as Extension10 } from "@tiptap/core";
+import { isInTable } from "@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 (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 = Extension10.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
 import { Table as Table3 } from "@tiptap/extension-table";
 import { Plugin as Plugin5 } from "@tiptap/pm/state";
@@ -32438,6 +32718,7 @@ function buildUEditorExtensions({
     font_size_default,
     line_height_default,
     letter_spacing_default,
+    indent_default,
     Color,
     Highlight.configure({
       multicolor: true
@@ -32513,12 +32794,13 @@ import {
   ArrowLeft,
   ArrowRight,
   ArrowUp,
-  ChevronDown as ChevronDown8,
   CircleCheckBig as CircleCheckBig2,
   FileCode as FileCode3,
   Heading1 as Heading1Icon,
   Heading2 as Heading2Icon,
   Heading3 as Heading3Icon,
+  IndentDecrease,
+  IndentIncrease,
   Link as LinkIcon,
   List as ListIcon,
   ListOrdered as ListOrderedIcon,
@@ -32526,7 +32808,6 @@ import {
   Quote as QuoteIcon,
   RotateCcw as RotateCcw2,
   SquareCheckBig,
-  Table as TableIcon,
   TableCellsMerge,
   Trash2 as Trash22,
   Type as Type2,
@@ -33572,6 +33853,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();
@@ -33597,10 +33949,10 @@ var ToolbarButton = React84.forwardRef(({ onClick, onMouseDown, active, disabled
       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
@@ -33614,7 +33966,7 @@ var ToolbarButton = React84.forwardRef(({ onClick, onMouseDown, active, disabled
   return button;
 });
 ToolbarButton.displayName = "ToolbarButton";
-var ToolbarDivider = () => /* @__PURE__ */ jsx93("div", { "aria-hidden": "true", className: "mx-2 h-9 w-px shrink-0 bg-[rgba(123,129,132,0.24)]" });
+var ToolbarDivider = () => /* @__PURE__ */ jsx93("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,
@@ -33625,7 +33977,7 @@ var TableInsertGrid = ({
   const maxCols = 8;
   return /* @__PURE__ */ jsxs75("div", { className: "mb-2 rounded-xl border border-border/60 bg-muted/20 p-2", children: [
     /* @__PURE__ */ jsx93("div", { className: "mb-2 text-sm font-medium text-foreground", children: formatTableInsertLabel(previewTemplate, selection.rows, selection.cols) }),
-    /* @__PURE__ */ jsx93("div", { className: "grid grid-cols-8 gap-1", onMouseLeave: () => setSelection((prev) => prev), children: Array.from({ length: maxRows }).map(
+    /* @__PURE__ */ jsx93("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;
@@ -33673,15 +34025,14 @@ var EditorToolbar = ({
   letterSpacings
 }) => {
   const t = useSmartTranslations("UEditor");
-  useEditorState({
+  const editorUiState = useEditorState({
     editor,
-    selector: ({ transactionNumber }) => transactionNumber
+    selector: ({ editor: currentEditor }) => getEditorUiRenderState(currentEditor)
   });
   const { textColors, highlightColors } = useEditorColors();
   const [showImageInput, setShowImageInput] = useState50(false);
   const [showLinkInput, setShowLinkInput] = useState50(false);
   const [isTableMenuOpen, setIsTableMenuOpen] = useState50(false);
-  const [preservedTableAnchorPos, setPreservedTableAnchorPos] = useState50(null);
   const fileInputRef = useRef34(null);
   const [isUploadingImage, setIsUploadingImage] = useState50(false);
   const [imageUploadError, setImageUploadError] = useState50(null);
@@ -33689,14 +34040,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) || "";
@@ -33722,7 +34070,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;
@@ -33762,14 +34109,29 @@ var EditorToolbar = ({
           children: /* @__PURE__ */ jsx93(FigmaListIcon, { className: "h-4 w-4" })
         }
       ),
+      /* @__PURE__ */ jsx93(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().decreaseIndent().run(),
+          disabled: !editorUiState.can.decreaseIndent,
+          title: t("toolbar.decreaseIndent"),
+          children: /* @__PURE__ */ jsx93(IndentDecrease, { className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx93(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().increaseIndent().run(),
+          disabled: !editorUiState.can.increaseIndent,
+          title: t("toolbar.increaseIndent"),
+          children: /* @__PURE__ */ jsx93(IndentIncrease, { className: "h-4 w-4" })
+        }
+      ),
       /* @__PURE__ */ jsxs75(
         DropdownMenu,
         {
-          trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-          }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: [
-            /* @__PURE__ */ jsx93(SquareCheckBig, { className: "w-4 h-4" }),
-            /* @__PURE__ */ jsx93(ChevronDown8, { className: "w-3 h-3" })
-          ] }),
+          trigger: /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => {
+          }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: /* @__PURE__ */ jsx93(SquareCheckBig, { className: "w-4 h-4" }) }),
           children: [
             /* @__PURE__ */ jsx93(
               DropdownMenuItem,
@@ -33836,7 +34198,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__ */ jsx93(
           DropdownMenu,
@@ -33847,7 +34209,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__ */ jsx93("span", { className: "min-w-0 flex-1 truncate text-left text-sm font-normal", style: { fontFamily: displayedFontFamilyValue || void 0 }, children: displayedFontFamilyLabel }),
                   /* @__PURE__ */ jsx93(FigmaChevronDownIcon, { className: "h-3 w-3 shrink-0 text-[#7B8184]" })
@@ -33876,7 +34238,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__ */ jsx93("span", { className: "text-sm font-normal leading-none", children: displayedFontSizeLabel }),
                   /* @__PURE__ */ jsx93(FigmaChevronDownIcon, { className: "h-3 w-3 shrink-0 text-[#7B8184]" })
@@ -33899,11 +34261,8 @@ var EditorToolbar = ({
           DropdownMenu,
           {
             contentClassName: "p-1",
-            trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-            }, title: t("toolbar.textStyle"), className: "px-1.5 w-auto gap-0.5", children: [
-              /* @__PURE__ */ jsx93(FigmaTextStyleIcon, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx93(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-            ] }),
+            trigger: /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.textStyle"), className: "px-1.5 w-auto gap-0.5", children: /* @__PURE__ */ jsx93(FigmaTextStyleIcon, { className: "h-4 w-4" }) }),
             children: [
               /* @__PURE__ */ jsx93(
                 DropdownMenuItem,
@@ -34082,11 +34441,8 @@ var EditorToolbar = ({
         /* @__PURE__ */ jsx93(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-            }, title: t("colors.textColor"), children: [
-              /* @__PURE__ */ jsx93(TextColorIcon, { color: currentTextColor }),
-              /* @__PURE__ */ jsx93(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-            ] }),
+            trigger: /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => {
+            }, title: t("colors.textColor"), children: /* @__PURE__ */ jsx93(TextColorIcon, { color: currentTextColor }) }),
             children: /* @__PURE__ */ jsx93(
               EditorColorPalette,
               {
@@ -34107,11 +34463,8 @@ var EditorToolbar = ({
         /* @__PURE__ */ jsx93(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-            }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: [
-              /* @__PURE__ */ jsx93(HighlightColorIcon, { color: currentHighlightColor }),
-              /* @__PURE__ */ jsx93(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-            ] }),
+            trigger: /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => {
+            }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ jsx93(HighlightColorIcon, { color: currentHighlightColor }) }),
             children: /* @__PURE__ */ jsx93(
               EditorColorPalette,
               {
@@ -34129,35 +34482,13 @@ var EditorToolbar = ({
             )
           }
         ),
-        (isMediumFull || isFull) && /* @__PURE__ */ jsxs75(Fragment29, { children: [
-          /* @__PURE__ */ jsx93(ToolbarDivider, {}),
-          /* @__PURE__ */ jsx93(
-            DropdownMenu,
-            {
-              contentClassName: "p-0 overflow-hidden",
-              trigger: /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => {
-              }, title: t("toolbar.emoji"), children: /* @__PURE__ */ jsx93(FigmaSmileIcon, { className: "h-4 w-4" }) }),
-              children: /* @__PURE__ */ jsx93(
-                EmojiPicker2,
-                {
-                  onSelect: (emoji) => {
-                    editor.chain().focus().insertContent(emoji).run();
-                  }
-                }
-              )
-            }
-          )
-        ] }),
         (isMediumFull || isFull) && /* @__PURE__ */ jsxs75(Fragment29, { children: [
           /* @__PURE__ */ jsx93(ToolbarDivider, {}),
           /* @__PURE__ */ jsxs75(
             DropdownMenu,
             {
-              trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-              }, title: t("toolbar.alignment"), children: [
-                /* @__PURE__ */ jsx93(FigmaAlignLeftIcon, { className: "h-4 w-4" }),
-                /* @__PURE__ */ jsx93(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-              ] }),
+              trigger: /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => {
+              }, title: t("toolbar.alignment"), children: /* @__PURE__ */ jsx93(FigmaAlignLeftIcon, { className: "h-4 w-4" }) }),
               children: [
                 /* @__PURE__ */ jsx93(
                   DropdownMenuItem,
@@ -34231,11 +34562,8 @@ var EditorToolbar = ({
           hasTableContext && /* @__PURE__ */ jsxs75(
             DropdownMenu,
             {
-              trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-              }, title: t("tableMenu.textDirection"), children: [
-                currentCellTextDirection === "vertical" ? /* @__PURE__ */ jsx93(ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx93(ArrowRight, { className: "w-4 h-4" }),
-                /* @__PURE__ */ jsx93(ChevronDown8, { className: "w-3 h-3" })
-              ] }),
+              trigger: /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => {
+              }, title: t("tableMenu.textDirection"), children: currentCellTextDirection === "vertical" ? /* @__PURE__ */ jsx93(ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx93(ArrowRight, { className: "w-4 h-4" }) }),
               children: [
                 /* @__PURE__ */ jsx93(
                   DropdownMenuItem,
@@ -34263,11 +34591,8 @@ var EditorToolbar = ({
         /* @__PURE__ */ jsxs75(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-            }, title: t("toolbar.bulletList"), children: [
-              /* @__PURE__ */ jsx93(FigmaListIcon, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx93(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-            ] }),
+            trigger: /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.bulletList"), children: /* @__PURE__ */ jsx93(FigmaListIcon, { className: "h-4 w-4" }) }),
             children: [
               /* @__PURE__ */ jsx93(
                 DropdownMenuItem,
@@ -34302,14 +34627,29 @@ var EditorToolbar = ({
             ]
           }
         ),
+        /* @__PURE__ */ jsx93(
+          ToolbarButton,
+          {
+            onClick: () => editor.chain().focus().decreaseIndent().run(),
+            disabled: !editorUiState.can.decreaseIndent,
+            title: t("toolbar.decreaseIndent"),
+            children: /* @__PURE__ */ jsx93(IndentDecrease, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx93(
+          ToolbarButton,
+          {
+            onClick: () => editor.chain().focus().increaseIndent().run(),
+            disabled: !editorUiState.can.increaseIndent,
+            title: t("toolbar.increaseIndent"),
+            children: /* @__PURE__ */ jsx93(IndentIncrease, { className: "h-4 w-4" })
+          }
+        ),
         /* @__PURE__ */ jsxs75(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-            }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: [
-              /* @__PURE__ */ jsx93(SquareCheckBig, { className: "w-4 h-4" }),
-              /* @__PURE__ */ jsx93(ChevronDown8, { className: "w-3 h-3" })
-            ] }),
+            trigger: /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => {
+            }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: /* @__PURE__ */ jsx93(SquareCheckBig, { className: "w-4 h-4" }) }),
             children: [
               /* @__PURE__ */ jsx93(
                 DropdownMenuItem,
@@ -34334,11 +34674,8 @@ var EditorToolbar = ({
         isFull && /* @__PURE__ */ jsxs75(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-            }, title: t("toolbar.quote"), children: [
-              /* @__PURE__ */ jsx93(FigmaQuoteIcon, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx93(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-            ] }),
+            trigger: /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.quote"), children: /* @__PURE__ */ jsx93(FigmaQuoteIcon, { className: "h-4 w-4" }) }),
             children: [
               /* @__PURE__ */ jsx93(
                 DropdownMenuItem,
@@ -34366,11 +34703,8 @@ var EditorToolbar = ({
         (isMediumFull || isFull) && /* @__PURE__ */ jsx93(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-            }, title: t("toolbar.image"), children: [
-              /* @__PURE__ */ jsx93(FigmaImageIcon, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx93(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-            ] }),
+            trigger: /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.image"), children: /* @__PURE__ */ jsx93(FigmaImageIcon, { className: "h-4 w-4" }) }),
             children: showImageInput ? /* @__PURE__ */ jsx93(
               ImageInput,
               {
@@ -34490,149 +34824,25 @@ var EditorToolbar = ({
             ] })
           }
         ),
-        (isMediumFull || isFull) && /* @__PURE__ */ jsxs75(
+        (isMediumFull || isFull) && /* @__PURE__ */ jsx93(
           DropdownMenu,
           {
             isOpen: isTableMenuOpen,
-            onOpenChange: (open) => {
-              setIsTableMenuOpen(open);
-              setPreservedTableAnchorPos(open ? getTableAnchorPos(editor) : null);
-            },
-            trigger: /* @__PURE__ */ jsxs75(ToolbarButton, { onClick: () => {
-            }, title: t("toolbar.table"), children: [
-              /* @__PURE__ */ jsx93(FigmaTableIcon, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx93(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-            ] }),
+            onOpenChange: setIsTableMenuOpen,
+            trigger: /* @__PURE__ */ jsx93(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.table"), children: /* @__PURE__ */ jsx93(FigmaTableIcon, { className: "h-4 w-4" }) }),
             contentClassName: "p-2 min-w-56",
-            children: [
-              /* @__PURE__ */ jsx93(
-                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__ */ jsx93("div", { className: "my-1 border-t" }),
-              /* @__PURE__ */ jsx93(
-                DropdownMenuItem,
-                {
-                  icon: AlignLeft,
-                  label: t("tableMenu.alignLeft"),
-                  onClick: () => applyTableAlignment(editor, "left", tableCommandAnchorPos),
-                  active: hasTableContext && currentTableAlign === "left",
-                  disabled: !hasTableContext
-                }
-              ),
-              /* @__PURE__ */ jsx93(
-                DropdownMenuItem,
-                {
-                  icon: AlignCenter,
-                  label: t("tableMenu.alignCenter"),
-                  onClick: () => applyTableAlignment(editor, "center", tableCommandAnchorPos),
-                  active: hasTableContext && currentTableAlign === "center",
-                  disabled: !hasTableContext
-                }
-              ),
-              /* @__PURE__ */ jsx93(
-                DropdownMenuItem,
-                {
-                  icon: AlignRight,
-                  label: t("tableMenu.alignRight"),
-                  onClick: () => applyTableAlignment(editor, "right", tableCommandAnchorPos),
-                  active: hasTableContext && currentTableAlign === "right",
-                  disabled: !hasTableContext
-                }
-              ),
-              /* @__PURE__ */ jsx93("div", { className: "my-1 border-t" }),
-              /* @__PURE__ */ jsx93(
-                DropdownMenuItem,
-                {
-                  icon: ArrowLeft,
-                  label: t("tableMenu.addColumnBefore"),
-                  onClick: () => editor.chain().focus().addColumnBefore().run(),
-                  disabled: !hasTableContext || !editor.can().addColumnBefore()
-                }
-              ),
-              /* @__PURE__ */ jsx93(
-                DropdownMenuItem,
-                {
-                  icon: ArrowDown,
-                  label: t("tableMenu.addColumnAfter"),
-                  onClick: () => editor.chain().focus().addColumnAfter().run(),
-                  disabled: !hasTableContext || !editor.can().addColumnAfter()
-                }
-              ),
-              /* @__PURE__ */ jsx93(
-                DropdownMenuItem,
-                {
-                  icon: ArrowUp,
-                  label: t("tableMenu.addRowBefore"),
-                  onClick: () => editor.chain().focus().addRowBefore().run(),
-                  disabled: !hasTableContext || !editor.can().addRowBefore()
-                }
-              ),
-              /* @__PURE__ */ jsx93(
-                DropdownMenuItem,
-                {
-                  icon: ArrowRight,
-                  label: t("tableMenu.addRowAfter"),
-                  onClick: () => editor.chain().focus().addRowAfter().run(),
-                  disabled: !hasTableContext || !editor.can().addRowAfter()
-                }
-              ),
-              /* @__PURE__ */ jsx93("div", { className: "my-1 border-t" }),
-              /* @__PURE__ */ jsx93(
-                DropdownMenuItem,
-                {
-                  icon: TableIcon,
-                  label: t("tableMenu.toggleHeaderRow"),
-                  onClick: () => editor.chain().focus().toggleHeaderRow().run(),
-                  disabled: !hasTableContext || !editor.can().toggleHeaderRow()
-                }
-              ),
-              /* @__PURE__ */ jsx93(
-                DropdownMenuItem,
-                {
-                  icon: TableIcon,
-                  label: t("tableMenu.toggleHeaderColumn"),
-                  onClick: () => editor.chain().focus().toggleHeaderColumn().run(),
-                  disabled: !hasTableContext || !editor.can().toggleHeaderColumn()
-                }
-              ),
-              /* @__PURE__ */ jsx93("div", { className: "my-1 border-t" }),
-              /* @__PURE__ */ jsx93(
-                DropdownMenuItem,
-                {
-                  icon: Trash22,
-                  label: t("tableMenu.deleteColumn"),
-                  onClick: () => editor.chain().focus().deleteColumn().run(),
-                  disabled: !hasTableContext || !editor.can().deleteColumn()
-                }
-              ),
-              /* @__PURE__ */ jsx93(
-                DropdownMenuItem,
-                {
-                  icon: Trash22,
-                  label: t("tableMenu.deleteRow"),
-                  onClick: () => editor.chain().focus().deleteRow().run(),
-                  disabled: !hasTableContext || !editor.can().deleteRow()
-                }
-              ),
-              /* @__PURE__ */ jsx93(
-                DropdownMenuItem,
-                {
-                  icon: Trash22,
-                  label: t("tableMenu.deleteTable"),
-                  onClick: () => editor.chain().focus().deleteTable().run(),
-                  disabled: !hasTableContext || !editor.can().deleteTable()
+            children: /* @__PURE__ */ jsx93(
+              TableInsertGrid,
+              {
+                insertLabel: t("tableMenu.insertTable"),
+                previewTemplate: t("tableMenu.gridPreview"),
+                onInsert: (rows, cols) => {
+                  editor.chain().focus().insertTable({ rows, cols, withHeaderRow: true }).run();
+                  setIsTableMenuOpen(false);
                 }
-              )
-            ]
+              }
+            )
           }
         ),
         /* @__PURE__ */ jsx93(ToolbarDivider, {}),
@@ -34701,14 +34911,14 @@ var EditorToolbar = ({
 // src/components/UEditor/menus.tsx
 import { useCallback as useCallback23, useEffect as useEffect38, useMemo as useMemo25, useRef as useRef35, useState as useState51 } from "react";
 import { useEditorState as useEditorState2 } from "@tiptap/react";
-import { isInTable as isSelectionInTable, setCellAttr as setCellAttr3 } from "@tiptap/pm/tables";
+import { CellSelection, isInTable as isSelectionInTable, setCellAttr as setCellAttr3 } from "@tiptap/pm/tables";
 import { createPortal as createPortal8 } from "react-dom";
 import {
   AlignCenter as AlignCenter2,
   AlignLeft as AlignLeft2,
   AlignRight as AlignRight2,
   Bold as BoldIcon,
-  ChevronDown as ChevronDown9,
+  ChevronDown as ChevronDown8,
   Code as CodeIcon,
   Italic as ItalicIcon,
   Link as LinkIcon2,
@@ -35803,7 +36013,7 @@ function recalculateAllTableFormulas(editor) {
 }
 
 // src/components/UEditor/menus.tsx
-import { Fragment as Fragment30, jsx as jsx94, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs76 } from "react/jsx-runtime";
 var FloatingSlashCommandMenu = ({ editor, onClose }) => {
   const t = useSmartTranslations("UEditor");
   const messages = useMemo25(() => buildSlashCommandMessages(t), [t]);
@@ -35848,7 +36058,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__ */ jsx94(Plus3, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
         /* @__PURE__ */ jsx94("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
@@ -35922,20 +36132,28 @@ function BorderPositionPreviewIcon({ position }) {
     showVertical && /* @__PURE__ */ jsx94("path", { d: "M10 2V18", strokeWidth: "2" })
   ] });
 }
+function getBubbleMenuContext(editor) {
+  const { selection } = editor.state;
+  if (editor.isActive("image")) return "image";
+  if (selection instanceof 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");
   useEditorState2({
     editor,
-    selector: ({ transactionNumber }) => transactionNumber
+    selector: ({ editor: currentEditor }) => getEditorUiRenderState(currentEditor)
   });
   const { textColors, highlightColors } = useEditorColors();
   const [showLinkInput, setShowLinkInput] = useState51(initialShowLinkInput);
@@ -35943,17 +36161,13 @@ var BubbleMenuContent = ({
   useEffect38(() => {
     setShowLinkInput(initialShowLinkInput);
   }, [initialShowLinkInput]);
-  useEffect38(() => {
-    if (!cellBorderOpenRequest) return;
-    setActiveColorPalette("cell-border");
-    onKeepOpenChange?.(true);
-  }, [cellBorderOpenRequest, onKeepOpenChange]);
   const [showTypographyPanel, setShowTypographyPanel] = useState51(false);
   const [showFormulaPanel, setShowFormulaPanel] = useState51(false);
   const [formulaDraft, setFormulaDraft] = useState51("");
   const [showFontSizeOptions, setShowFontSizeOptions] = useState51(false);
   const [fontSizeDraft, setFontSizeDraft] = useState51("");
-  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;
@@ -35975,9 +36189,9 @@ var BubbleMenuContent = ({
   const [activeBorderPosition, setActiveBorderPosition] = useState51("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 = isSelectionInTable(editor.state);
-  const canMergeCells = isInTable2 && editor.can().mergeCells();
-  const canSplitCell = isInTable2 && editor.can().splitCell();
+  const isInTable3 = isSelectionInTable(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 = useMemo25(
@@ -36016,12 +36230,10 @@ var BubbleMenuContent = ({
     setFontSizeDraft(String(clamped));
   };
   useEffect38(() => {
-    onKeepOpenChange?.(showLinkInput);
+    const shouldKeepOpen = showLinkInput || Boolean(activeColorPalette) || showFormulaPanel || showTypographyPanel;
+    onKeepOpenChange?.(shouldKeepOpen);
     onLinkInputOpenChange?.(showLinkInput);
-  }, [onKeepOpenChange, onLinkInputOpenChange, showLinkInput]);
-  useEffect38(() => {
-    onKeepOpenChange?.(Boolean(activeColorPalette));
-  }, [activeColorPalette, onKeepOpenChange]);
+  }, [activeColorPalette, onKeepOpenChange, onLinkInputOpenChange, showFormulaPanel, showLinkInput, showTypographyPanel]);
   const closeTransientPanels = useCallback23(() => {
     setActiveColorPalette(null);
     setShowLinkInput(false);
@@ -36325,7 +36537,7 @@ var BubbleMenuContent = ({
       )
     ] });
   }
-  if (showFormulaPanel && isInTable2) {
+  if (showFormulaPanel && isInTable3) {
     return /* @__PURE__ */ jsxs76("div", { className: "w-72 p-2", children: [
       /* @__PURE__ */ jsxs76("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsx94("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("tableMenu.formula") || "Formula" }),
@@ -36476,7 +36688,7 @@ var BubbleMenuContent = ({
                   "flex h-full w-9 items-center justify-center border-l border-border/50 transition-colors hover:bg-muted",
                   showFontSizeOptions && "bg-primary/10 text-primary"
                 ),
-                children: /* @__PURE__ */ jsx94(ChevronDown9, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx94(ChevronDown8, { className: "h-4 w-4" })
               }
             )
           ] }),
@@ -36580,38 +36792,8 @@ var BubbleMenuContent = ({
     ] });
   }
   const VerticalAlignActiveIcon = currentCellVerticalAlign === "middle" ? AlignCenterVertical2 : currentCellVerticalAlign === "bottom" ? AlignEndVertical2 : AlignStartVertical2;
-  return /* @__PURE__ */ jsxs76("div", { className: "flex items-center gap-0.5 p-1", children: [
-    /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx94(BoldIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx94(ItalicIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx94(
-      ToolbarButton,
-      {
-        onClick: () => editor.chain().focus().toggleUnderline().run(),
-        active: editor.isActive("underline"),
-        title: t("toolbar.underline"),
-        children: /* @__PURE__ */ jsx94(UnderlineIcon, { className: "w-4 h-4" })
-      }
-    ),
-    /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx94(StrikethroughIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx94(CodeIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx94("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ jsx94(
-      ToolbarButton,
-      {
-        onMouseDown: () => {
-          onKeepOpenChange?.(true);
-        },
-        onClick: () => {
-          setShowLinkInput(true);
-        },
-        active: editor.isActive("link"),
-        title: t("toolbar.link"),
-        children: /* @__PURE__ */ jsx94(LinkIcon2, { className: "w-4 h-4" })
-      }
-    ),
-    /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => setActiveColorPalette("text"), title: t("colors.textColor"), children: /* @__PURE__ */ jsx94(TextColorIcon, { color: currentTextColor }) }),
-    /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => setActiveColorPalette("highlight"), active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ jsx94(HighlightColorIcon, { color: currentHighlightColor }) }),
-    isInTable2 && /* @__PURE__ */ jsxs76(Fragment30, { children: [
+  if (isTableCellSelection) {
+    return /* @__PURE__ */ jsxs76("div", { className: "flex items-center gap-0.5 p-1", "data-ueditor-cell-inspector": "", children: [
       /* @__PURE__ */ jsx94(
         ToolbarButton,
         {
@@ -36624,9 +36806,7 @@ var BubbleMenuContent = ({
       /* @__PURE__ */ jsx94(
         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
@@ -36643,9 +36823,7 @@ var BubbleMenuContent = ({
       /* @__PURE__ */ jsx94(
         ToolbarButton,
         {
-          onMouseDown: () => {
-            onKeepOpenChange?.(true);
-          },
+          onMouseDown: () => onKeepOpenChange?.(true),
           onClick: () => {
             setFormulaDraft(currentCellFormula);
             setShowFormulaPanel(true);
@@ -36674,21 +36852,17 @@ var BubbleMenuContent = ({
       /* @__PURE__ */ jsxs76(
         DropdownMenu,
         {
-          onOpenChange: (open) => {
-            onKeepOpenChange?.(open);
-          },
+          onOpenChange: onKeepOpenChange,
           trigger: /* @__PURE__ */ jsxs76(
             ToolbarButton,
             {
-              onMouseDown: () => {
-                onKeepOpenChange?.(true);
-              },
+              onMouseDown: () => onKeepOpenChange?.(true),
               onClick: () => {
               },
               title: t("tableMenu.alignVertical") || "Vertical alignment",
               children: [
                 /* @__PURE__ */ jsx94(VerticalAlignActiveIcon, { className: "w-4 h-4" }),
-                /* @__PURE__ */ jsx94(ChevronDown9, { className: "w-3 h-3" })
+                /* @__PURE__ */ jsx94(ChevronDown8, { className: "w-3 h-3" })
               ]
             }
           ),
@@ -36726,21 +36900,17 @@ var BubbleMenuContent = ({
       /* @__PURE__ */ jsxs76(
         DropdownMenu,
         {
-          onOpenChange: (open) => {
-            onKeepOpenChange?.(open);
-          },
+          onOpenChange: onKeepOpenChange,
           trigger: /* @__PURE__ */ jsxs76(
             ToolbarButton,
             {
-              onMouseDown: () => {
-                onKeepOpenChange?.(true);
-              },
+              onMouseDown: () => onKeepOpenChange?.(true),
               onClick: () => {
               },
               title: t("tableMenu.textDirection"),
               children: [
                 currentCellTextDirection === "vertical" ? /* @__PURE__ */ jsx94(ArrowDown2, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx94(ArrowRight2, { className: "w-4 h-4" }),
-                /* @__PURE__ */ jsx94(ChevronDown9, { className: "w-3 h-3" })
+                /* @__PURE__ */ jsx94(ChevronDown8, { className: "w-3 h-3" })
               ]
             }
           ),
@@ -36766,7 +36936,39 @@ var BubbleMenuContent = ({
           ]
         }
       )
-    ] }),
+    ] });
+  }
+  return /* @__PURE__ */ jsxs76("div", { className: "flex items-center gap-0.5 p-1", children: [
+    /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx94(BoldIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx94(ItalicIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx94(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().toggleUnderline().run(),
+        active: editor.isActive("underline"),
+        title: t("toolbar.underline"),
+        children: /* @__PURE__ */ jsx94(UnderlineIcon, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx94(StrikethroughIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx94(CodeIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx94("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ jsx94(
+      ToolbarButton,
+      {
+        onMouseDown: () => {
+          onKeepOpenChange?.(true);
+        },
+        onClick: () => {
+          setShowLinkInput(true);
+        },
+        active: editor.isActive("link"),
+        title: t("toolbar.link"),
+        children: /* @__PURE__ */ jsx94(LinkIcon2, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => setActiveColorPalette("text"), title: t("colors.textColor"), children: /* @__PURE__ */ jsx94(TextColorIcon, { color: currentTextColor }) }),
+    /* @__PURE__ */ jsx94(ToolbarButton, { onClick: () => setActiveColorPalette("highlight"), active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ jsx94(HighlightColorIcon, { color: currentHighlightColor }) }),
     /* @__PURE__ */ jsx94(
       ToolbarButton,
       {
@@ -36806,7 +37008,6 @@ var CustomBubbleMenu = ({
   const BUBBLE_MENU_ESTIMATED_HEIGHT = 44;
   const [isVisible, setIsVisible] = useState51(false);
   const [linkInputOpen, setLinkInputOpen] = useState51(false);
-  const [cellBorderOpenRequest, setCellBorderOpenRequest] = useState51(0);
   const [position, setPosition2] = useState51({
     top: 0,
     left: 0,
@@ -36843,14 +37044,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;
@@ -36900,20 +37101,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]);
   useEffect38(() => {
@@ -36921,8 +37126,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) => {
@@ -36935,23 +37138,9 @@ var CustomBubbleMenu = ({
       document.removeEventListener("keydown", handleKeyDown2);
     };
   }, [closeBubbleMenu, editor, isVisible]);
-  useEffect38(() => {
-    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 createPortal8(
     /* @__PURE__ */ jsx94(
       "div",
@@ -36973,7 +37162,7 @@ var CustomBubbleMenu = ({
           }
           e.preventDefault();
         },
-        children: editor.isActive("link") && !keepOpen && !linkInputOpen ? /* @__PURE__ */ jsx94(
+        children: context === "link" && !keepOpen && !linkInputOpen ? /* @__PURE__ */ jsx94(
           LinkPreviewContent,
           {
             editor,
@@ -36986,14 +37175,15 @@ var CustomBubbleMenu = ({
           BubbleMenuContent,
           {
             editor,
+            context,
             onKeepOpenChange: setKeepOpen,
             onLinkInputOpenChange: setLinkInputOpen,
             onRequestClose: closeBubbleMenu,
             fontSizes,
             lineHeights,
-            initialShowLinkInput: linkInputOpen,
-            cellBorderOpenRequest
-          }
+            initialShowLinkInput: linkInputOpen
+          },
+          context
         )
       }
     ),
@@ -37018,15 +37208,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;
@@ -37050,12 +37248,20 @@ var CustomFloatingMenu = ({ editor }) => {
 };
 
 // src/components/UEditor/CharacterCount.tsx
+import { useEditorState as useEditorState3 } from "@tiptap/react";
 import { jsxs as jsxs77 } from "react/jsx-runtime";
 var CharacterCountDisplay = ({ editor, maxCharacters }) => {
   const t = useSmartTranslations("UEditor");
-  const storage = editor.storage;
-  const characterCount = storage.characterCount?.characters?.() ?? 0;
-  const wordCount = storage.characterCount?.words?.() ?? 0;
+  const { characterCount, wordCount } = useEditorState3({
+    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__ */ jsxs77("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__ */ jsxs77("span", { children: [
@@ -37546,7 +37752,7 @@ function findDiffEnd(a, b, posA, posB) {
     posB -= size;
   }
 }
-var Fragment31 = class _Fragment {
+var Fragment30 = class _Fragment {
   /**
   @internal
   */
@@ -37838,7 +38044,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;
@@ -38063,7 +38269,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
@@ -38078,7 +38284,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);
@@ -38176,7 +38382,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 = [];
@@ -38186,13 +38392,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)
@@ -38531,7 +38737,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.
@@ -38836,7 +39042,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)
@@ -38918,7 +39124,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;
@@ -39014,7 +39220,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) {
@@ -39582,7 +39788,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 {
   /**
@@ -39699,7 +39905,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);
@@ -39745,7 +39951,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);
@@ -39946,7 +40152,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;
@@ -40330,7 +40536,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;
@@ -40943,7 +41149,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;
@@ -40991,7 +41197,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);
@@ -41015,9 +41221,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);
   }
@@ -41058,10 +41264,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;
@@ -41073,7 +41279,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);
@@ -41104,7 +41310,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);
@@ -41118,7 +41324,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);
@@ -41134,7 +41340,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 {
@@ -41144,17 +41350,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;
@@ -41165,7 +41371,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);
   }
 };
@@ -41408,7 +41614,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) {
@@ -41436,7 +41642,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) {
@@ -41451,7 +41657,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
@@ -41459,7 +41665,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;
@@ -41499,7 +41705,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;
@@ -41533,7 +41739,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;
@@ -41601,7 +41807,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;
@@ -41622,15 +41828,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) {
@@ -41659,7 +41865,8 @@ import {
   ArrowRight as ArrowRight3,
   ArrowUp as ArrowUp2,
   Copy as Copy3,
-  Table as TableIcon2,
+  Paintbrush as Paintbrush2,
+  Table as TableIcon,
   Trash2 as Trash24
 } from "lucide-react";
 
@@ -41856,15 +42063,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);
@@ -41974,7 +42185,7 @@ function buildTableHoverState({
 }
 
 // src/components/UEditor/table-drag-preview.tsx
-import { Fragment as Fragment32, jsx as jsx95, jsxs as jsxs78 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx95, jsxs as jsxs78 } from "react/jsx-runtime";
 function TableDragPreview({
   columnDragLabel,
   dragPreview,
@@ -41985,8 +42196,8 @@ function TableDragPreview({
   const expandPreviewWidth = dragPreview.kind === "add-column" ? layout.tableWidth + dragPreview.previewCols * layout.avgColumnWidth : layout.tableWidth;
   const expandPreviewHeight = dragPreview.kind === "add-row" ? layout.tableHeight + dragPreview.previewRows * layout.avgRowHeight : layout.tableHeight;
   const dragStatusText = dragPreview.kind === "row" ? `${rowDragLabel} ${dragPreview.originIndex + 1} -> ${dragPreview.targetIndex + 1}` : dragPreview.kind === "column" ? `${columnDragLabel} ${dragPreview.originIndex + 1} -> ${dragPreview.targetIndex + 1}` : dragPreview.kind === "add-row" ? `+${dragPreview.previewRows}R` : `+${dragPreview.previewCols}C`;
-  return /* @__PURE__ */ jsxs78(Fragment32, { children: [
-    dragPreview.kind === "row" && /* @__PURE__ */ jsxs78(Fragment32, { children: [
+  return /* @__PURE__ */ jsxs78(Fragment31, { children: [
+    dragPreview.kind === "row" && /* @__PURE__ */ jsxs78(Fragment31, { children: [
       /* @__PURE__ */ jsx95(
         "div",
         {
@@ -42014,7 +42225,7 @@ function TableDragPreview({
         }
       )
     ] }),
-    dragPreview.kind === "column" && /* @__PURE__ */ jsxs78(Fragment32, { children: [
+    dragPreview.kind === "column" && /* @__PURE__ */ jsxs78(Fragment31, { children: [
       /* @__PURE__ */ jsx95(
         "div",
         {
@@ -42071,7 +42282,7 @@ function TableDragPreview({
 }
 
 // src/components/UEditor/table-add-rails.tsx
-import { Fragment as Fragment33, jsx as jsx96, jsxs as jsxs79 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx96, jsxs as jsxs79 } from "react/jsx-runtime";
 var ADD_COLUMN_RAIL_GAP = 4;
 var ADD_ROW_RAIL_GAP = 4;
 function TableAddRails({
@@ -42092,7 +42303,7 @@ function TableAddRails({
   const rowRailLeft = visibleBounds.left;
   const showColumnRail = controlsVisible || addColumnVisible;
   const showRowRail = controlsVisible || addRowVisible;
-  return /* @__PURE__ */ jsxs79(Fragment33, { children: [
+  return /* @__PURE__ */ jsxs79(Fragment32, { children: [
     /* @__PURE__ */ jsx96(
       Tooltip,
       {
@@ -42223,7 +42434,7 @@ function TableControlMenu({
                     transform: shown ? "scale(1)" : "scale(0.82)",
                     pointerEvents: shown ? "auto" : "none"
                   },
-                  children: /* @__PURE__ */ jsx97(MoreHorizontal2, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx97(MoreHorizontal2, { "aria-hidden": "true", className: "h-4 w-4" })
                 }
               )
             }
@@ -42236,7 +42447,7 @@ function TableControlMenu({
 
 // src/components/UEditor/table-axis-handles.tsx
 import { GripHorizontal, GripVertical as GripVertical3 } from "lucide-react";
-import { Fragment as Fragment34, jsx as jsx98 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx98 } from "react/jsx-runtime";
 var IDLE_HANDLE_SCALE = "0.78";
 function TableRowHandles({
   activeRowIndex,
@@ -42250,7 +42461,7 @@ function TableRowHandles({
   rowHandleLeft,
   rowHandles
 }) {
-  return /* @__PURE__ */ jsx98(Fragment34, { children: rowHandles.map((rowHandle) => {
+  return /* @__PURE__ */ jsx98(Fragment33, { children: rowHandles.map((rowHandle) => {
     const menuKey = `row:${rowHandle.index}`;
     const isActive = rowHandle.index === activeRowIndex;
     const visible = controlsVisible || hoverRowHandleIndex === rowHandle.index || openMenuKey === menuKey;
@@ -42321,7 +42532,7 @@ function TableColumnHandles({
   onStartDrag,
   openMenuKey
 }) {
-  return /* @__PURE__ */ jsx98(Fragment34, { children: columnHandles.map((columnHandle) => {
+  return /* @__PURE__ */ jsx98(Fragment33, { children: columnHandles.map((columnHandle) => {
     const menuKey = `column:${columnHandle.index}`;
     const isActive = columnHandle.index === activeColumnIndex;
     const visible = controlsVisible || hoverColumnHandleIndex === columnHandle.index || openMenuKey === menuKey;
@@ -42381,8 +42592,236 @@ function TableColumnHandles({
   }) });
 }
 
+// src/components/UEditor/table-resize-handles.tsx
+import { MoveDiagonal2 } from "lucide-react";
+import { jsx as jsx99, jsxs as jsxs80 } from "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__ */ jsxs80(
+    "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__ */ jsx99(
+          "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__ */ jsx99(MoveDiagonal2, { "aria-hidden": "true", className: "h-3.5 w-3.5", strokeWidth: 2.25 })
+          }
+        ),
+        active ? /* @__PURE__ */ jsx99(
+          "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
-import { Fragment as Fragment35, jsx as jsx99, jsxs as jsxs80 } from "react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx100, jsxs as jsxs81 } from "react/jsx-runtime";
 var TABLE_MENU_TOP_OFFSET = 10;
 function nearestIndex(centers, position) {
   let bestIndex = 0;
@@ -42406,15 +42845,18 @@ 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] = React86.useState(null);
   const [dragPreview, setDragPreview] = React86.useState(null);
+  const [tableResizeActive, setTableResizeActive] = React86.useState(false);
   const [hoverState, setHoverState] = React86.useState(DEFAULT_TABLE_HOVER_STATE);
   const [openMenuKey, setOpenMenuKey] = React86.useState(null);
   const layoutRef = React86.useRef(null);
   const dragStateRef = React86.useRef(null);
   const syncFrameRef = React86.useRef(null);
+  const tableResizeFrameRef = React86.useRef(null);
+  const tableResizePreviewFrameRef = React86.useRef(null);
   React86.useEffect(() => {
     layoutRef.current = layout;
   }, [layout]);
@@ -42452,11 +42894,44 @@ function TableControls({ editor, containerRef }) {
       return cell ? buildTableControlLayout(editor, surface, cell) : null;
     });
   }, [containerRef, editor]);
+  const updateTableResizePreview = React86.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 = React86.useCallback(() => {
+    const activeLayout = layoutRef.current;
+    if (!activeLayout) return;
+    updateTableResizePreview({
+      width: Math.round(activeLayout.tableWidth),
+      height: Math.round(activeLayout.tableHeight)
+    });
+  }, [updateTableResizePreview]);
   const clearDrag = React86.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 = "";
-  }, []);
+  }, [resetTableResizePreview]);
   const updateHoverState = React86.useCallback((event) => {
     const activeLayout = layoutRef.current;
     const surface = containerRef.current;
@@ -42496,9 +42971,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);
@@ -42513,6 +43005,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);
@@ -42563,6 +43056,42 @@ function TableControls({ editor, containerRef }) {
   const canExpandTable = Boolean(layout);
   const controlsVisible = dragPreview !== null;
   const tableMenuOpen = openMenuKey === "table";
+  const startTableResize = React86.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 = React86.useCallback(() => {
     setOpenMenuKey(null);
     dragStateRef.current = { kind: "add-column", previewCols: 1 };
@@ -42618,6 +43147,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];
@@ -42662,7 +43194,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,
@@ -42698,9 +43230,76 @@ function TableControls({ editor, containerRef }) {
       window.removeEventListener("blur", clearDrag);
     };
   }, [clearDrag, containerRef, editor, expandTableBy, scheduleSyncFromSelection]);
+  React86.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 = React86.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 = React86.useMemo(() => {
     if (!layout) return [];
     return [
+      ...showCellInspector ? [{
+        label: t("tableMenu.cellFormatting"),
+        icon: Paintbrush2,
+        onClick: openCellInspector
+      }] : [],
       {
         label: t("tableMenu.alignLeft"),
         icon: AlignLeft3,
@@ -42738,12 +43337,12 @@ function TableControls({ editor, containerRef }) {
       },
       {
         label: t("tableMenu.toggleHeaderRow"),
-        icon: TableIcon2,
+        icon: TableIcon,
         onClick: () => runAtActiveCell((chain) => chain.toggleHeaderRow())
       },
       {
         label: t("tableMenu.toggleHeaderColumn"),
-        icon: TableIcon2,
+        icon: TableIcon,
         onClick: () => runAtActiveCell((chain) => chain.toggleHeaderColumn())
       },
       {
@@ -42765,7 +43364,7 @@ function TableControls({ editor, containerRef }) {
         destructive: true
       }
     ];
-  }, [editor, layout, runAtActiveCell, t]);
+  }, [editor, layout, openCellInspector, runAtActiveCell, showCellInspector, t]);
   const getRowHandleMenuItems = React86.useCallback((rowHandle) => [
     {
       label: t("tableMenu.addRowBefore"),
@@ -42784,7 +43383,7 @@ function TableControls({ editor, containerRef }) {
     },
     {
       label: t("tableMenu.clearRowContents"),
-      icon: TableIcon2,
+      icon: TableIcon,
       onClick: () => clearRowAt(rowHandle.index, rowHandle.cellPos)
     },
     {
@@ -42812,7 +43411,7 @@ function TableControls({ editor, containerRef }) {
     },
     {
       label: t("tableMenu.clearColumnContents"),
-      icon: TableIcon2,
+      icon: TableIcon,
       onClick: () => clearColumnAt(columnHandle.index, columnHandle.cellPos)
     },
     {
@@ -42829,8 +43428,8 @@ function TableControls({ editor, containerRef }) {
   const menuLeft = Math.max(8, layout.tableLeft);
   const rowHandleLeft = layout.tableLeft - 12;
   const columnHandleTop = layout.tableTop - 12;
-  return /* @__PURE__ */ jsxs80(Fragment35, { children: [
-    /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsxs81(Fragment34, { children: [
+    /* @__PURE__ */ jsx100(
       TableRowHandles,
       {
         activeRowIndex: layout.activeRowIndex,
@@ -42847,7 +43446,7 @@ function TableControls({ editor, containerRef }) {
         rowHandles: layout.rowHandles
       }
     ),
-    /* @__PURE__ */ jsx99(
+    /* @__PURE__ */ jsx100(
       TableColumnHandles,
       {
         activeColumnIndex: layout.activeColumnIndex,
@@ -42864,7 +43463,7 @@ function TableControls({ editor, containerRef }) {
         openMenuKey
       }
     ),
-    /* @__PURE__ */ jsx99(
+    /* @__PURE__ */ jsx100(
       TableControlMenu,
       {
         controlsVisible,
@@ -42879,7 +43478,18 @@ function TableControls({ editor, containerRef }) {
         top: menuTop
       }
     ),
-    /* @__PURE__ */ jsx99(
+    dragPreview === null && /* @__PURE__ */ jsx100(
+      TableResizeHandles,
+      {
+        active: tableResizeActive,
+        ctrlHint: t("tableMenu.resizeCtrlHint"),
+        frameRef: tableResizeFrameRef,
+        layout,
+        onStartResize: startTableResize,
+        resizeBothLabel: t("tableMenu.resizeBoth")
+      }
+    ),
+    /* @__PURE__ */ jsx100(
       TableAddRails,
       {
         addColumnVisible: hoverState.addColumnVisible,
@@ -42893,7 +43503,7 @@ function TableControls({ editor, containerRef }) {
         quickAddRowLabel: t("tableMenu.quickAddRowAfter")
       }
     ),
-    /* @__PURE__ */ jsx99(
+    /* @__PURE__ */ jsx100(
       TableDragPreview,
       {
         columnDragLabel: t("tableMenu.dragColumn"),
@@ -44011,7 +44621,7 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
 
 // src/components/UEditor/menu-bar.tsx
 import React89, { useMemo as useMemo26, useRef as useRef39, useState as useState52 } from "react";
-import { useEditorState as useEditorState3 } from "@tiptap/react";
+import { useEditorState as useEditorState4 } from "@tiptap/react";
 import {
   AlignCenter as AlignCenter4,
   AlignJustify as AlignJustify2,
@@ -44035,7 +44645,7 @@ import {
   Strikethrough as StrikethroughIcon2,
   Subscript as SubscriptIcon2,
   Superscript as SuperscriptIcon2,
-  Table as TableIcon3,
+  Table as TableIcon2,
   Trash2 as Trash25,
   Underline as UnderlineIcon2,
   Undo as UndoIcon,
@@ -44182,14 +44792,14 @@ function prepareUEditorPreviewHtml(html) {
 }
 
 // src/components/UEditor/menu-bar.tsx
-import { Fragment as Fragment36, jsx as jsx100, jsxs as jsxs81 } from "react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx101, jsxs as jsxs82 } from "react/jsx-runtime";
 function MenuTableInsertGrid({
   insertLabel,
   previewTemplate,
   onInsert
 }) {
   const closeMenu = useDropdownMenuClose();
-  return /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsx101(
     TableInsertGrid,
     {
       insertLabel,
@@ -44205,9 +44815,9 @@ function renderMenuItems(items) {
   return items.map((item, i) => {
     switch (item.type) {
       case "separator":
-        return /* @__PURE__ */ jsx100(DropdownMenuSeparator, {}, i);
+        return /* @__PURE__ */ jsx101(DropdownMenuSeparator, {}, i);
       case "action":
-        return /* @__PURE__ */ jsx100(
+        return /* @__PURE__ */ jsx101(
           DropdownMenuItem,
           {
             label: item.label,
@@ -44221,9 +44831,9 @@ function renderMenuItems(items) {
           i
         );
       case "sub":
-        return /* @__PURE__ */ jsx100(DropdownMenuSub, { label: item.label, icon: item.icon, disabled: item.disabled, children: renderMenuItems(item.items) }, i);
+        return /* @__PURE__ */ jsx101(DropdownMenuSub, { label: item.label, icon: item.icon, disabled: item.disabled, children: renderMenuItems(item.items) }, i);
       case "custom":
-        return /* @__PURE__ */ jsx100(React89.Fragment, { children: item.render() }, item.key);
+        return /* @__PURE__ */ jsx101(React89.Fragment, { children: item.render() }, item.key);
     }
   });
 }
@@ -44520,12 +45130,12 @@ function buildTableMenuItems(t, editor, onInsertTable) {
     {
       type: "sub",
       label: t("menubar.insertTable"),
-      icon: TableIcon3,
+      icon: TableIcon2,
       items: [
         {
           type: "custom",
           key: "table-insert-grid",
-          render: () => /* @__PURE__ */ jsx100(
+          render: () => /* @__PURE__ */ jsx101(
             MenuTableInsertGrid,
             {
               insertLabel: t("tableMenu.insertTable"),
@@ -44600,7 +45210,7 @@ function buildTableMenuItems(t, editor, onInsertTable) {
   ];
 }
 var MenuBarTrigger = React89.forwardRef(
-  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx100(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx101(
     "button",
     {
       ref,
@@ -44631,14 +45241,14 @@ var MenuBar = ({
   onPreview
 }) => {
   const t = useSmartTranslations("UEditor");
-  useEditorState3({
+  useEditorState4({
     editor,
-    selector: ({ transactionNumber }) => transactionNumber
+    selector: ({ editor: currentEditor }) => getEditorUiRenderState(currentEditor)
   });
   const fileInputRef = useRef39(null);
   const [showImageInput, setShowImageInput] = useState52(false);
   const [showLinkInput, setShowLinkInput] = useState52(false);
-  const [isInsertMenuOpen, setIsInsertMenuOpen] = useState52(false);
+  const [openMenuKey, setOpenMenuKey] = useState52(null);
   const [showSourceDialog, setShowSourceDialog] = useState52(false);
   const [sourceHtml, setSourceHtml] = useState52("");
   const [showPreviewDialog, setShowPreviewDialog] = useState52(false);
@@ -44662,7 +45272,7 @@ var MenuBar = ({
     setShowSourceDialog(false);
   };
   const closeInsertMenu = () => {
-    setIsInsertMenuOpen(false);
+    setOpenMenuKey(null);
     setShowImageInput(false);
     setShowLinkInput(false);
   };
@@ -44689,7 +45299,7 @@ var MenuBar = ({
       } catch {
       }
     }
-    setIsInsertMenuOpen(false);
+    closeInsertMenu();
   };
   const handleInsertTable = (rows, cols) => {
     editor.chain().focus().insertTable({ rows, cols, withHeaderRow: true }).run();
@@ -44703,9 +45313,9 @@ var MenuBar = ({
     {
       type: "custom",
       key: "image",
-      render: () => showImageInput ? /* @__PURE__ */ jsx100(ImageInput, { onSubmit: handleImageUrl, onCancel: () => setShowImageInput(false) }) : /* @__PURE__ */ jsxs81(Fragment36, { children: [
-        /* @__PURE__ */ jsx100(DropdownMenuItem, { label: t("menubar.image"), icon: ImageIcon2, onClick: () => setShowImageInput(true), closeOnSelect: false }),
-        /* @__PURE__ */ jsx100(
+      render: () => showImageInput ? /* @__PURE__ */ jsx101(ImageInput, { onSubmit: handleImageUrl, onCancel: () => setShowImageInput(false) }) : /* @__PURE__ */ jsxs82(Fragment35, { children: [
+        /* @__PURE__ */ jsx101(DropdownMenuItem, { label: t("menubar.image"), icon: ImageIcon2, onClick: () => setShowImageInput(true), closeOnSelect: false }),
+        /* @__PURE__ */ jsx101(
           DropdownMenuItem,
           {
             label: t("menubar.imageUpload"),
@@ -44720,7 +45330,7 @@ var MenuBar = ({
     {
       type: "custom",
       key: "link",
-      render: () => showLinkInput ? /* @__PURE__ */ jsx100(LinkInput, { onSubmit: handleLinkSubmit, onCancel: () => setShowLinkInput(false), initialUrl: editor.getAttributes("link").href ?? "" }) : /* @__PURE__ */ jsx100(
+      render: () => showLinkInput ? /* @__PURE__ */ jsx101(LinkInput, { onSubmit: handleLinkSubmit, onCancel: () => setShowLinkInput(false), initialUrl: editor.getAttributes("link").href ?? "" }) : /* @__PURE__ */ jsx101(
         DropdownMenuItem,
         {
           label: t("menubar.link"),
@@ -44735,12 +45345,12 @@ var MenuBar = ({
     {
       type: "sub",
       label: t("menubar.insertTable"),
-      icon: TableIcon3,
+      icon: TableIcon2,
       items: [
         {
           type: "custom",
           key: "table-grid",
-          render: () => /* @__PURE__ */ jsx100(
+          render: () => /* @__PURE__ */ jsx101(
             MenuTableInsertGrid,
             {
               insertLabel: t("tableMenu.insertTable"),
@@ -44786,41 +45396,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__ */ jsxs81(Fragment36, { children: [
-    /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsxs82(Fragment35, { children: [
+    /* @__PURE__ */ jsx101(
       "input",
       {
         ref: fileInputRef,
@@ -44831,19 +45431,26 @@ var MenuBar = ({
         onChange: (e) => handleImageFiles(e.target.files)
       }
     ),
-    /* @__PURE__ */ jsxs81("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__ */ jsx100(
+    /* @__PURE__ */ jsxs82("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__ */ jsx101(
         DropdownMenu,
         {
-          trigger: /* @__PURE__ */ jsx100(MenuBarTrigger, { children: label }),
+          trigger: /* @__PURE__ */ jsx101(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__ */ jsx100(
+      /* @__PURE__ */ jsx101(
         "button",
         {
           type: "button",
@@ -44854,20 +45461,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__ */ jsx100(Eye3, { className: "h-4 w-4", "aria-hidden": "true" })
+          children: /* @__PURE__ */ jsx101(Eye3, { className: "h-4 w-4", "aria-hidden": "true" })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx100(
+    /* @__PURE__ */ jsx101(
       Modal_default,
       {
         isOpen: showSourceDialog,
         onClose: () => setShowSourceDialog(false),
         title: t("menubar.sourceCode"),
         size: "lg",
-        children: /* @__PURE__ */ jsxs81("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsx100("p", { className: "text-xs text-muted-foreground", children: t("menubar.sourceCodeHint") }),
-          /* @__PURE__ */ jsx100(
+        children: /* @__PURE__ */ jsxs82("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsx101("p", { className: "text-xs text-muted-foreground", children: t("menubar.sourceCodeHint") }),
+          /* @__PURE__ */ jsx101(
             "textarea",
             {
               "data-testid": "source-code-textarea",
@@ -44877,8 +45484,8 @@ var MenuBar = ({
               spellCheck: false
             }
           ),
-          /* @__PURE__ */ jsxs81("div", { className: "flex gap-2 justify-end", children: [
-            /* @__PURE__ */ jsx100(
+          /* @__PURE__ */ jsxs82("div", { className: "flex gap-2 justify-end", children: [
+            /* @__PURE__ */ jsx101(
               "button",
               {
                 type: "button",
@@ -44887,7 +45494,7 @@ var MenuBar = ({
                 children: t("menubar.applySource")
               }
             ),
-            /* @__PURE__ */ jsx100(
+            /* @__PURE__ */ jsx101(
               "button",
               {
                 type: "button",
@@ -44900,7 +45507,7 @@ var MenuBar = ({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx100(
+    /* @__PURE__ */ jsx101(
       Modal_default,
       {
         isOpen: showPreviewDialog,
@@ -44911,12 +45518,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__ */ jsx100(
+        children: /* @__PURE__ */ jsx101(
           "div",
           {
             "data-testid": "preview-content",
             className: "min-h-0 flex-1 overflow-y-auto overscroll-contain",
-            children: editor.isEmpty ? /* @__PURE__ */ jsx100("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ jsx100(
+            children: editor.isEmpty ? /* @__PURE__ */ jsx101("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ jsx101(
               "div",
               {
                 className: UEDITOR_PROSEMIRROR_CLASS_NAME,
@@ -44932,18 +45539,31 @@ var MenuBar = ({
 
 // src/components/UEditor/table-formula-bar.tsx
 import { useEffect as useEffect41, useRef as useRef40, useState as useState53 } from "react";
-import { useEditorState as useEditorState4 } from "@tiptap/react";
+import { useEditorState as useEditorState5 } from "@tiptap/react";
 import { AlertCircle as AlertCircle5, Check as Check14, Hash as Hash2, Sigma as Sigma3, Trash2 as Trash26 } from "lucide-react";
-import { jsx as jsx101, jsxs as jsxs82 } from "react/jsx-runtime";
+import { jsx as jsx102, jsxs as jsxs83 } from "react/jsx-runtime";
 function TableFormulaBar({ editor }) {
   const t = useSmartTranslations("UEditor");
   const inputRef = useRef40(null);
   const [draftState, setDraftState] = useState53(null);
-  useEditorState4({
+  const selectedFormulaState = useEditorState5({
     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);
+  const selectedCell = selectedFormulaState ? getSelectedTableFormulaCell(editor) : null;
   useEffect41(() => {
     const focusFormulaInput = () => {
       inputRef.current?.focus();
@@ -44984,7 +45604,7 @@ function TableFormulaBar({ editor }) {
       if (!editor.isDestroyed) editor.commands.focus();
     }, 0);
   };
-  return /* @__PURE__ */ jsxs82(
+  return /* @__PURE__ */ jsxs83(
     "div",
     {
       "data-ueditor-formula-bar": "",
@@ -44992,7 +45612,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__ */ jsx101(
+        /* @__PURE__ */ jsx102(
           "span",
           {
             "data-ueditor-formula-cell-label": "",
@@ -45000,8 +45620,8 @@ function TableFormulaBar({ editor }) {
             children: selectedCell.label
           }
         ),
-        /* @__PURE__ */ jsx101(Sigma3, { "aria-hidden": "true", className: "h-4 w-4 shrink-0 text-primary" }),
-        /* @__PURE__ */ jsx101(
+        /* @__PURE__ */ jsx102(Sigma3, { "aria-hidden": "true", className: "h-4 w-4 shrink-0 text-primary" }),
+        /* @__PURE__ */ jsx102(
           "input",
           {
             ref: inputRef,
@@ -45022,18 +45642,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__ */ jsxs82(
+        selectedCell.formulaState === "error" && /* @__PURE__ */ jsxs83(
           "span",
           {
             role: "status",
             className: "hidden shrink-0 items-center gap-1 text-xs font-medium text-destructive sm:inline-flex",
             children: [
-              /* @__PURE__ */ jsx101(AlertCircle5, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+              /* @__PURE__ */ jsx102(AlertCircle5, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
               t("tableMenu.formulaError")
             ]
           }
         ),
-        /* @__PURE__ */ jsx101(
+        /* @__PURE__ */ jsx102(
           "button",
           {
             type: "button",
@@ -45041,10 +45661,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__ */ jsx101(Check14, { "aria-hidden": "true", className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx102(Check14, { "aria-hidden": "true", className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ jsx101(
+        /* @__PURE__ */ jsx102(
           "button",
           {
             type: "button",
@@ -45055,10 +45675,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__ */ jsx101(Hash2, { "aria-hidden": "true", className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx102(Hash2, { "aria-hidden": "true", className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ jsx101(
+        /* @__PURE__ */ jsx102(
           "button",
           {
             type: "button",
@@ -45069,7 +45689,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__ */ jsx101(Trash26, { "aria-hidden": "true", className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx102(Trash26, { "aria-hidden": "true", className: "h-4 w-4" })
           }
         )
       ]
@@ -45078,7 +45698,7 @@ function TableFormulaBar({ editor }) {
 }
 
 // src/components/UEditor/UEditor.tsx
-import { jsx as jsx102, jsxs as jsxs83 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs84 } from "react/jsx-runtime";
 var UEditor = React91.forwardRef(({
   content = "",
   onChange,
@@ -45124,6 +45744,7 @@ var UEditor = React91.forwardRef(({
   const inFlightPrepareRef = useRef41(null);
   const lastAppliedContentRef = useRef41(content ?? "");
   const scheduledFormulaRecalculateRef = useRef41(false);
+  const pendingFormulaTextRecalculateRef = useRef41(false);
   const editorInstanceRef = useRef41(null);
   const formulaRangePickRef = useRef41(null);
   const formulaRangeSurfaceRef = useRef41(null);
@@ -45262,19 +45883,32 @@ var UEditor = React91.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 });
     }
   });
@@ -45346,7 +45980,7 @@ var UEditor = React91.forwardRef(({
     }
   }, [content, editor]);
   if (!editor) {
-    return /* @__PURE__ */ jsx102(
+    return /* @__PURE__ */ jsx103(
       "div",
       {
         className: cn("w-full border bg-background flex items-center justify-center text-muted-foreground", className),
@@ -45355,7 +45989,7 @@ var UEditor = React91.forwardRef(({
       }
     );
   }
-  return /* @__PURE__ */ jsxs83(
+  return /* @__PURE__ */ jsxs84(
     "div",
     {
       className: cn(
@@ -45371,7 +46005,7 @@ var UEditor = React91.forwardRef(({
         className
       ),
       children: [
-        editable && showMenuBar && /* @__PURE__ */ jsx102(
+        editable && showMenuBar && /* @__PURE__ */ jsx103(
           MenuBar,
           {
             editor,
@@ -45386,7 +46020,7 @@ var UEditor = React91.forwardRef(({
             onPreview
           }
         ),
-        editable && showToolbar && /* @__PURE__ */ jsx102(
+        editable && showToolbar && /* @__PURE__ */ jsx103(
           EditorToolbar,
           {
             editor,
@@ -45401,8 +46035,8 @@ var UEditor = React91.forwardRef(({
             letterSpacings
           }
         ),
-        editable && /* @__PURE__ */ jsx102(TableFormulaBar, { editor }),
-        editable && showBubbleMenu && /* @__PURE__ */ jsx102(
+        editable && /* @__PURE__ */ jsx103(TableFormulaBar, { editor }),
+        editable && showBubbleMenu && /* @__PURE__ */ jsx103(
           CustomBubbleMenu,
           {
             editor,
@@ -45410,8 +46044,8 @@ var UEditor = React91.forwardRef(({
             lineHeights
           }
         ),
-        editable && showFloatingMenu && /* @__PURE__ */ jsx102(CustomFloatingMenu, { editor }),
-        /* @__PURE__ */ jsxs83(
+        editable && showFloatingMenu && /* @__PURE__ */ jsx103(CustomFloatingMenu, { editor }),
+        /* @__PURE__ */ jsxs84(
           "div",
           {
             ref: (node) => {
@@ -45424,7 +46058,7 @@ var UEditor = React91.forwardRef(({
               maxHeight
             },
             children: [
-              /* @__PURE__ */ jsx102(
+              /* @__PURE__ */ jsx103(
                 "span",
                 {
                   ref: tableColumnGuideRef,
@@ -45432,7 +46066,7 @@ var UEditor = React91.forwardRef(({
                   className: "pointer-events-none absolute z-20 bg-primary opacity-0 transition-opacity duration-100"
                 }
               ),
-              /* @__PURE__ */ jsx102(
+              /* @__PURE__ */ jsx103(
                 "span",
                 {
                   ref: tableRowGuideRef,
@@ -45440,7 +46074,7 @@ var UEditor = React91.forwardRef(({
                   className: "pointer-events-none absolute z-20 bg-primary opacity-0 transition-opacity duration-100"
                 }
               ),
-              /* @__PURE__ */ jsx102(
+              /* @__PURE__ */ jsx103(
                 "span",
                 {
                   ref: activeTableCellHighlightRef,
@@ -45449,7 +46083,7 @@ var UEditor = React91.forwardRef(({
                   className: "pointer-events-none hidden absolute z-20 rounded-[2px] border-2 border-primary bg-primary/10"
                 }
               ),
-              /* @__PURE__ */ jsx102(
+              /* @__PURE__ */ jsx103(
                 "div",
                 {
                   ref: formulaCoordinateOverlayRef,
@@ -45457,7 +46091,7 @@ var UEditor = React91.forwardRef(({
                   className: "pointer-events-none absolute inset-0 z-[35] hidden overflow-visible"
                 }
               ),
-              formulaRangeHighlight && /* @__PURE__ */ jsx102(
+              formulaRangeHighlight && /* @__PURE__ */ jsx103(
                 "span",
                 {
                   "aria-hidden": "true",
@@ -45475,8 +46109,15 @@ var UEditor = React91.forwardRef(({
                   }
                 }
               ),
-              editable && /* @__PURE__ */ jsx102(TableControls, { editor, containerRef: editorContentRef }),
-              /* @__PURE__ */ jsx102(
+              editable && /* @__PURE__ */ jsx103(
+                TableControls,
+                {
+                  editor,
+                  containerRef: editorContentRef,
+                  showCellInspector: showBubbleMenu
+                }
+              ),
+              /* @__PURE__ */ jsx103(
                 EditorContent,
                 {
                   editor,
@@ -45486,7 +46127,7 @@ var UEditor = React91.forwardRef(({
             ]
           }
         ),
-        showFooter && showCharacterCount && /* @__PURE__ */ jsx102(CharacterCountDisplay, { editor, maxCharacters })
+        showFooter && showCharacterCount && /* @__PURE__ */ jsx103(CharacterCountDisplay, { editor, maxCharacters })
       ]
     }
   );