@underverse-ui/underverse 1.0.200 → 1.0.202

package/dist/index.cjs

@@ -1135,11 +1135,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",
@@ -1581,11 +1584,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",
@@ -2027,11 +2033,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",
@@ -2473,11 +2482,14 @@ var ja_default = {
       mergeCells: "\u30BB\u30EB\u3092\u7D50\u5408",
       splitCell: "\u30BB\u30EB\u3092\u5206\u5272",
       openControls: "\u8868\u30B3\u30F3\u30C8\u30ED\u30FC\u30EB\u3092\u958B\u304F",
+      cellFormatting: "\u30BB\u30EB\u306E\u66F8\u5F0F\u8A2D\u5B9A",
       quickAddColumnAfter: "\u53F3\u5074\u306B\u5217\u3092\u3059\u3070\u3084\u304F\u8FFD\u52A0",
       quickAddRowAfter: "\u4E0B\u306B\u884C\u3092\u3059\u3070\u3084\u304F\u8FFD\u52A0",
       expandTable: "\u8868\u3092\u62E1\u5F35",
       dragRow: "\u884C\u3092\u30C9\u30E9\u30C3\u30B0",
       dragColumn: "\u5217\u3092\u30C9\u30E9\u30C3\u30B0",
+      resizeBoth: "\u8868\u306E\u30B5\u30A4\u30BA\u3092\u5909\u66F4",
+      resizeCtrlHint: "\u81EA\u7531\u306B\u30C9\u30E9\u30C3\u30B0\u3067\u304D\u307E\u3059\u3002Ctrl\u30AD\u30FC\u30671\u65B9\u5411\u306B\u56FA\u5B9A\u3057\u3001Ctrl+Shift\u30AD\u30FC\u3067\u7E26\u6A2A\u6BD4\u3092\u7DAD\u6301\u3057\u307E\u3059",
       alignLeft: "\u8868\u3092\u5DE6\u5BC4\u305B",
       alignCenter: "\u8868\u3092\u4E2D\u592E\u63C3\u3048",
       alignRight: "\u8868\u3092\u53F3\u5BC4\u305B",
@@ -8876,6 +8888,8 @@ var DropdownMenu = ({
   disabled = false,
   isOpen,
   onOpenChange,
+  openOnHover = false,
+  hoverCloseDelay = 120,
   items,
   borderMode
 }) => {
@@ -8895,10 +8909,26 @@ var DropdownMenu = ({
   const itemsRef = import_react17.default.useRef([]);
   const [activeIndex, setActiveIndex] = useResettingIndex(open);
   const parentMenu = import_react17.default.useContext(DropdownMenuContext);
+  const hoverCloseTimeoutRef = import_react17.default.useRef(null);
+  const cancelHoverClose = import_react17.default.useCallback(() => {
+    if (hoverCloseTimeoutRef.current === null) return;
+    clearTimeout(hoverCloseTimeoutRef.current);
+    hoverCloseTimeoutRef.current = null;
+  }, []);
+  const scheduleHoverClose = import_react17.default.useCallback(() => {
+    if (!openOnHover) return;
+    cancelHoverClose();
+    hoverCloseTimeoutRef.current = setTimeout(() => {
+      hoverCloseTimeoutRef.current = null;
+      setOpen(false);
+    }, hoverCloseDelay);
+  }, [cancelHoverClose, hoverCloseDelay, openOnHover, setOpen]);
+  import_react17.default.useEffect(() => () => cancelHoverClose(), [cancelHoverClose]);
   const closeMenu = import_react17.default.useCallback(() => {
+    cancelHoverClose();
     setOpen(false);
     parentMenu?.closeMenu();
-  }, [parentMenu, setOpen]);
+  }, [cancelHoverClose, parentMenu, setOpen]);
   const getEnabledMenuItems = import_react17.default.useCallback(() => {
     const menuEl = menuRef.current;
     if (!menuEl) return [];
@@ -8955,9 +8985,11 @@ var DropdownMenu = ({
   const menuContext = import_react17.default.useMemo(
     () => ({
       closeMenu,
-      closeOnSelect
+      closeOnSelect,
+      cancelHoverClose,
+      scheduleHoverClose
     }),
-    [closeMenu, closeOnSelect]
+    [cancelHoverClose, closeMenu, closeOnSelect, scheduleHoverClose]
   );
   const handleItemClick = (itemOnClick) => {
     itemOnClick();
@@ -8965,71 +8997,117 @@ var DropdownMenu = ({
       closeMenu();
     }
   };
-  const menuBody = /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DropdownMenuContext.Provider, { value: menuContext, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { ref: menuRef, "data-dropdown-menu": true, "data-state": open ? "open" : "closed", role: "menu", className: cn("min-w-40", className), children: items ? items.map((item, index) => {
-    const IconComponent = item.icon;
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
-      "button",
-      {
-        ref: (el) => {
-          if (el) itemsRef.current[index] = el;
-        },
-        onClick: () => handleItemClick(item.onClick),
-        disabled: item.disabled,
-        role: "menuitem",
-        "data-dropdown-menu-item": "",
-        tabIndex: -1,
-        style: {
-          animationDelay: open ? `${Math.min(index * 20, 200)}ms` : "0ms"
-        },
-        className: cn(
-          "dropdown-item flex w-full items-center gap-2 px-2.5 py-1.5 text-sm",
-          resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-lg",
-          "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
-          "hover:bg-accent hover:text-accent-foreground",
-          "focus:bg-accent focus:text-accent-foreground",
-          "disabled:opacity-50 disabled:cursor-not-allowed",
-          item.destructive && "text-destructive hover:bg-destructive/10 focus:bg-destructive/10"
-        ),
-        children: [
-          IconComponent && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(IconComponent, { className: "h-4 w-4" }),
-          item.label
-        ]
-      },
-      index
-    );
-  }) : children }) });
+  const menuBody = /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DropdownMenuContext.Provider, { value: menuContext, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    "div",
+    {
+      ref: menuRef,
+      "data-dropdown-menu": true,
+      "data-state": open ? "open" : "closed",
+      role: "menu",
+      className: cn("min-w-40", className),
+      onMouseEnter: openOnHover ? () => {
+        cancelHoverClose();
+        parentMenu?.cancelHoverClose();
+      } : void 0,
+      onMouseLeave: openOnHover ? () => {
+        scheduleHoverClose();
+        parentMenu?.scheduleHoverClose();
+      } : void 0,
+      children: items ? items.map((item, index) => {
+        const IconComponent = item.icon;
+        return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+          "button",
+          {
+            ref: (el) => {
+              if (el) itemsRef.current[index] = el;
+            },
+            onClick: () => handleItemClick(item.onClick),
+            disabled: item.disabled,
+            role: "menuitem",
+            "data-dropdown-menu-item": "",
+            tabIndex: -1,
+            style: {
+              animationDelay: open ? `${Math.min(index * 20, 200)}ms` : "0ms"
+            },
+            className: cn(
+              "dropdown-item flex w-full items-center gap-2 px-2.5 py-1.5 text-sm",
+              resolvedBorderMode ? getBorderRadiusClass(resolvedBorderMode) : "rounded-lg",
+              "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+              "hover:bg-accent hover:text-accent-foreground",
+              "focus:bg-accent focus:text-accent-foreground",
+              "disabled:opacity-50 disabled:cursor-not-allowed",
+              item.destructive && "text-destructive hover:bg-destructive/10 focus:bg-destructive/10"
+            ),
+            children: [
+              IconComponent && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(IconComponent, { className: "h-4 w-4" }),
+              item.label
+            ]
+          },
+          index
+        );
+      }) : children
+    }
+  ) });
   const triggerProps = trigger.props;
-  const childRef = triggerProps.ref;
+  const {
+    ref: childRef,
+    onKeyDown: triggerOnKeyDown,
+    onClick: triggerOnClick,
+    onMouseEnter: triggerOnMouseEnter,
+    onMouseLeave: triggerOnMouseLeave
+  } = triggerProps;
+  const setTriggerNode = import_react17.default.useCallback((node) => {
+    setRefValue(childRef, node);
+    triggerRef.current = node;
+  }, [childRef]);
+  const handleTriggerKeyDown = import_react17.default.useCallback((event) => {
+    if (!disabled) {
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        setOpen(true);
+        requestAnimationFrame(() => focusMenuItem(0));
+      } else if (event.key === "ArrowUp") {
+        event.preventDefault();
+        setOpen(true);
+        requestAnimationFrame(() => {
+          const enabled = getEnabledMenuItems();
+          focusMenuItem(enabled.length - 1);
+        });
+      } else if (event.key === "Escape") {
+        event.preventDefault();
+        setOpen(false);
+      }
+    }
+    triggerOnKeyDown?.(event);
+  }, [disabled, focusMenuItem, getEnabledMenuItems, setOpen, triggerOnKeyDown]);
+  const handleTriggerClick = import_react17.default.useCallback((event) => {
+    if (openOnHover && !disabled) {
+      cancelHoverClose();
+      setOpen(true);
+    }
+    triggerOnClick?.(event);
+  }, [cancelHoverClose, disabled, openOnHover, setOpen, triggerOnClick]);
+  const handleTriggerMouseEnter = import_react17.default.useCallback((event) => {
+    if (openOnHover && !disabled) {
+      cancelHoverClose();
+      parentMenu?.cancelHoverClose();
+      setOpen(true);
+    }
+    triggerOnMouseEnter?.(event);
+  }, [cancelHoverClose, disabled, openOnHover, parentMenu, setOpen, triggerOnMouseEnter]);
+  const handleTriggerMouseLeave = import_react17.default.useCallback((event) => {
+    scheduleHoverClose();
+    triggerOnMouseLeave?.(event);
+  }, [scheduleHoverClose, triggerOnMouseLeave]);
   const enhancedTrigger = import_react17.default.cloneElement(trigger, {
     ...triggerProps,
-    ref: mergeRefs(childRef, (node) => {
-      triggerRef.current = node;
-    }),
+    ref: setTriggerNode,
     "aria-haspopup": "menu",
     "aria-expanded": open,
-    onKeyDown: chainEventHandlers((e) => {
-      triggerRef.current = e.currentTarget;
-      if (!disabled) {
-        if (e.key === "ArrowDown") {
-          e.preventDefault();
-          setOpen(true);
-          requestAnimationFrame(() => focusMenuItem(0));
-        } else if (e.key === "ArrowUp") {
-          e.preventDefault();
-          setOpen(true);
-          requestAnimationFrame(() => {
-            const enabled = getEnabledMenuItems();
-            focusMenuItem(enabled.length - 1);
-          });
-        } else if (e.key === "Escape") {
-          e.preventDefault();
-          setOpen(false);
-        }
-      }
-    }, triggerProps.onKeyDown),
-    onFocus: chainEventHandlers((e) => {
-      triggerRef.current = e.currentTarget;
-    }, triggerProps.onFocus)
+    onKeyDown: handleTriggerKeyDown,
+    onClick: handleTriggerClick,
+    onMouseEnter: handleTriggerMouseEnter,
+    onMouseLeave: handleTriggerMouseLeave
   });
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     Popover,
@@ -9127,6 +9205,7 @@ var DropdownMenuSub = ({ label, icon: Icon, disabled, borderMode, children }) =>
         }
       ),
       placement: "right",
+      openOnHover: true,
       children
     }
   );
@@ -33721,10 +33800,10 @@ var ToolbarButton = import_react72.default.forwardRef(({ onClick, onMouseDown, a
       onClick,
       disabled,
       className: cn(
-        "flex h-8 w-8 shrink-0 items-center justify-center rounded-md transition-colors duration-150 cursor-pointer",
-        "gap-0.5 [&_svg+svg]:-ml-1",
+        "flex h-7 w-7 shrink-0 cursor-pointer items-center justify-center rounded-md transition-colors duration-150",
+        "gap-0.5 [&>svg]:h-3.5 [&>svg]:w-3.5 [&>svg]:shrink-0",
         "hover:bg-accent",
-        "focus:outline-none focus:ring-2 focus:ring-primary/20",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/20",
         "disabled:opacity-40 disabled:cursor-not-allowed",
         active ? "bg-primary/10 text-primary shadow-sm" : "text-[#7B8184] hover:text-foreground dark:text-muted-foreground",
         className
@@ -33738,7 +33817,7 @@ var ToolbarButton = import_react72.default.forwardRef(({ onClick, onMouseDown, a
   return button;
 });
 ToolbarButton.displayName = "ToolbarButton";
-var ToolbarDivider = () => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { "aria-hidden": "true", className: "mx-2 h-9 w-px shrink-0 bg-[rgba(123,129,132,0.24)]" });
+var ToolbarDivider = () => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { "aria-hidden": "true", className: "mx-1.5 h-7 w-px shrink-0 bg-[rgba(123,129,132,0.24)]" });
 var TableInsertGrid = ({
   insertLabel,
   previewTemplate,
@@ -33805,7 +33884,6 @@ var EditorToolbar = ({
   const [showImageInput, setShowImageInput] = (0, import_react72.useState)(false);
   const [showLinkInput, setShowLinkInput] = (0, import_react72.useState)(false);
   const [isTableMenuOpen, setIsTableMenuOpen] = (0, import_react72.useState)(false);
-  const [preservedTableAnchorPos, setPreservedTableAnchorPos] = (0, import_react72.useState)(null);
   const fileInputRef = (0, import_react72.useRef)(null);
   const [isUploadingImage, setIsUploadingImage] = (0, import_react72.useState)(false);
   const [imageUploadError, setImageUploadError] = (0, import_react72.useState)(null);
@@ -33813,14 +33891,11 @@ var EditorToolbar = ({
   const imageAttrs = editor.getAttributes("image");
   const tableAnchorPos = getTableAnchorPos(editor);
   const tableInfo = tableAnchorPos == null ? null : findTableNodeInfoFromState(editor.state, tableAnchorPos);
-  const tableAttrs = tableInfo?.node.attrs ?? editor.getAttributes("table");
   const textStyleAttrs = editor.getAttributes("textStyle");
   const imageLayout = imageAttrs.imageLayout === "left" || imageAttrs.imageLayout === "right" ? imageAttrs.imageLayout : "block";
   const imageWidthPreset = imageAttrs.imageWidthPreset === "sm" || imageAttrs.imageWidthPreset === "md" || imageAttrs.imageWidthPreset === "lg" ? imageAttrs.imageWidthPreset : null;
-  const tableAlignAttr = tableAttrs.tableAlign ?? tableAttrs.textAlign;
-  const currentTableAlign = tableAlignAttr === "center" || tableAlignAttr === "right" ? tableAlignAttr : "left";
   const isTableSelected = tableInfo !== null;
-  const hasTableContext = isTableSelected || preservedTableAnchorPos !== null;
+  const hasTableContext = isTableSelected;
   const canMergeCells = hasTableContext && editor.can().mergeCells();
   const canSplitCell = hasTableContext && editor.can().splitCell();
   const currentCellVerticalAlign = normalizeStyleValue(editor.getAttributes("tableCell").verticalAlign || editor.getAttributes("tableHeader").verticalAlign) || "";
@@ -33846,7 +33921,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;
@@ -33889,11 +33963,8 @@ var EditorToolbar = ({
       /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
         DropdownMenu,
         {
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
-          }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.SquareCheckBig, { className: "w-4 h-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ChevronDown, { className: "w-3 h-3" })
-          ] }),
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+          }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.SquareCheckBig, { className: "w-4 h-4" }) }),
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               DropdownMenuItem,
@@ -33960,7 +34031,7 @@ var EditorToolbar = ({
     "div",
     {
       role: "toolbar",
-      className: "flex min-h-15 flex-nowrap items-center gap-1 overflow-x-auto border-b border-[rgba(196,197,213,0.6)] bg-[#F4F4F4] px-3 py-3 dark:bg-muted/60",
+      className: "flex min-h-12 flex-nowrap items-center gap-0.5 overflow-x-auto border-b border-[rgba(196,197,213,0.6)] bg-[#F4F4F4] px-2 py-2 dark:bg-muted/60",
       children: [
         isFull && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           DropdownMenu,
@@ -33971,7 +34042,7 @@ var EditorToolbar = ({
                 onClick: () => {
                 },
                 title: t("toolbar.fontFamily"),
-                className: "h-9 w-50 max-w-50 justify-between gap-3 rounded-lg border border-[rgba(196,197,213,0.6)] bg-white px-3 text-[#404040] shadow-[0_1px_2px_rgba(0,0,0,0.07)] hover:bg-white hover:text-[#404040] dark:bg-background dark:text-foreground",
+                className: "h-8 w-44 max-w-44 justify-between gap-2 border border-[rgba(196,197,213,0.6)] bg-white px-2.5 text-[#404040] shadow-[0_1px_2px_rgba(0,0,0,0.07)] hover:bg-white hover:text-[#404040] dark:bg-background dark:text-foreground",
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "min-w-0 flex-1 truncate text-left text-sm font-normal", style: { fontFamily: displayedFontFamilyValue || void 0 }, children: displayedFontFamilyLabel }),
                   /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-3 w-3 shrink-0 text-[#7B8184]" })
@@ -34000,7 +34071,7 @@ var EditorToolbar = ({
                 onClick: () => {
                 },
                 title: t("toolbar.fontSize"),
-                className: "h-9 w-20 justify-between gap-3 rounded-lg border border-[rgba(196,197,213,0.6)] bg-white px-3 text-[#404040] shadow-[0_1px_2px_rgba(0,0,0,0.07)] hover:bg-white hover:text-[#404040] dark:bg-background dark:text-foreground",
+                className: "h-8 w-16 justify-between gap-2 border border-[rgba(196,197,213,0.6)] bg-white px-2.5 text-[#404040] shadow-[0_1px_2px_rgba(0,0,0,0.07)] hover:bg-white hover:text-[#404040] dark:bg-background dark:text-foreground",
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "text-sm font-normal leading-none", children: displayedFontSizeLabel }),
                   /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-3 w-3 shrink-0 text-[#7B8184]" })
@@ -34023,11 +34094,8 @@ var EditorToolbar = ({
           DropdownMenu,
           {
             contentClassName: "p-1",
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
-            }, title: t("toolbar.textStyle"), className: "px-1.5 w-auto gap-0.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaTextStyleIcon, { className: "h-4 w-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-            ] }),
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.textStyle"), className: "px-1.5 w-auto gap-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaTextStyleIcon, { className: "h-4 w-4" }) }),
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
                 DropdownMenuItem,
@@ -34206,11 +34274,8 @@ var EditorToolbar = ({
         /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
-            }, title: t("colors.textColor"), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TextColorIcon, { color: currentTextColor }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-            ] }),
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+            }, title: t("colors.textColor"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TextColorIcon, { color: currentTextColor }) }),
             children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               EditorColorPalette,
               {
@@ -34231,11 +34296,8 @@ var EditorToolbar = ({
         /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
-            }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(HighlightColorIcon, { color: currentHighlightColor }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-            ] }),
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+            }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(HighlightColorIcon, { color: currentHighlightColor }) }),
             children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               EditorColorPalette,
               {
@@ -34253,35 +34315,13 @@ var EditorToolbar = ({
             )
           }
         ),
-        (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarDivider, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-            DropdownMenu,
-            {
-              contentClassName: "p-0 overflow-hidden",
-              trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
-              }, title: t("toolbar.emoji"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaSmileIcon, { className: "h-4 w-4" }) }),
-              children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                EmojiPicker2,
-                {
-                  onSelect: (emoji) => {
-                    editor.chain().focus().insertContent(emoji).run();
-                  }
-                }
-              )
-            }
-          )
-        ] }),
         (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarDivider, {}),
           /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
             DropdownMenu,
             {
-              trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
-              }, title: t("toolbar.alignment"), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaAlignLeftIcon, { className: "h-4 w-4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-              ] }),
+              trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+              }, title: t("toolbar.alignment"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaAlignLeftIcon, { className: "h-4 w-4" }) }),
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
                   DropdownMenuItem,
@@ -34355,11 +34395,8 @@ var EditorToolbar = ({
           hasTableContext && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
             DropdownMenu,
             {
-              trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
-              }, title: t("tableMenu.textDirection"), children: [
-                currentCellTextDirection === "vertical" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ArrowRight, { className: "w-4 h-4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ChevronDown, { className: "w-3 h-3" })
-              ] }),
+              trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+              }, title: t("tableMenu.textDirection"), children: currentCellTextDirection === "vertical" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ArrowRight, { className: "w-4 h-4" }) }),
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
                   DropdownMenuItem,
@@ -34387,11 +34424,8 @@ var EditorToolbar = ({
         /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
-            }, title: t("toolbar.bulletList"), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaListIcon, { className: "h-4 w-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-            ] }),
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.bulletList"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaListIcon, { className: "h-4 w-4" }) }),
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
                 DropdownMenuItem,
@@ -34429,11 +34463,8 @@ var EditorToolbar = ({
         /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
-            }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.SquareCheckBig, { className: "w-4 h-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ChevronDown, { className: "w-3 h-3" })
-            ] }),
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+            }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.SquareCheckBig, { className: "w-4 h-4" }) }),
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
                 DropdownMenuItem,
@@ -34458,11 +34489,8 @@ var EditorToolbar = ({
         isFull && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
-            }, title: t("toolbar.quote"), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaQuoteIcon, { className: "h-4 w-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-            ] }),
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.quote"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaQuoteIcon, { className: "h-4 w-4" }) }),
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
                 DropdownMenuItem,
@@ -34490,11 +34518,8 @@ var EditorToolbar = ({
         (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           DropdownMenu,
           {
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
-            }, title: t("toolbar.image"), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaImageIcon, { className: "h-4 w-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-            ] }),
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.image"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaImageIcon, { className: "h-4 w-4" }) }),
             children: showImageInput ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               ImageInput,
               {
@@ -34614,149 +34639,25 @@ var EditorToolbar = ({
             ] })
           }
         ),
-        (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+        (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           DropdownMenu,
           {
             isOpen: isTableMenuOpen,
-            onOpenChange: (open) => {
-              setIsTableMenuOpen(open);
-              setPreservedTableAnchorPos(open ? getTableAnchorPos(editor) : null);
-            },
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
-            }, title: t("toolbar.table"), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaTableIcon, { className: "h-4 w-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
-            ] }),
+            onOpenChange: setIsTableMenuOpen,
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.table"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaTableIcon, { className: "h-4 w-4" }) }),
             contentClassName: "p-2 min-w-56",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                TableInsertGrid,
-                {
-                  insertLabel: t("tableMenu.insertTable"),
-                  previewTemplate: t("tableMenu.gridPreview"),
-                  onInsert: (rows, cols) => {
-                    editor.chain().focus().insertTable({ rows, cols, withHeaderRow: true }).run();
-                    setIsTableMenuOpen(false);
-                    setPreservedTableAnchorPos(null);
-                  }
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "my-1 border-t" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.AlignLeft,
-                  label: t("tableMenu.alignLeft"),
-                  onClick: () => applyTableAlignment(editor, "left", tableCommandAnchorPos),
-                  active: hasTableContext && currentTableAlign === "left",
-                  disabled: !hasTableContext
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.AlignCenter,
-                  label: t("tableMenu.alignCenter"),
-                  onClick: () => applyTableAlignment(editor, "center", tableCommandAnchorPos),
-                  active: hasTableContext && currentTableAlign === "center",
-                  disabled: !hasTableContext
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.AlignRight,
-                  label: t("tableMenu.alignRight"),
-                  onClick: () => applyTableAlignment(editor, "right", tableCommandAnchorPos),
-                  active: hasTableContext && currentTableAlign === "right",
-                  disabled: !hasTableContext
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "my-1 border-t" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.ArrowLeft,
-                  label: t("tableMenu.addColumnBefore"),
-                  onClick: () => editor.chain().focus().addColumnBefore().run(),
-                  disabled: !hasTableContext || !editor.can().addColumnBefore()
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.ArrowDown,
-                  label: t("tableMenu.addColumnAfter"),
-                  onClick: () => editor.chain().focus().addColumnAfter().run(),
-                  disabled: !hasTableContext || !editor.can().addColumnAfter()
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.ArrowUp,
-                  label: t("tableMenu.addRowBefore"),
-                  onClick: () => editor.chain().focus().addRowBefore().run(),
-                  disabled: !hasTableContext || !editor.can().addRowBefore()
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.ArrowRight,
-                  label: t("tableMenu.addRowAfter"),
-                  onClick: () => editor.chain().focus().addRowAfter().run(),
-                  disabled: !hasTableContext || !editor.can().addRowAfter()
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "my-1 border-t" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.Table,
-                  label: t("tableMenu.toggleHeaderRow"),
-                  onClick: () => editor.chain().focus().toggleHeaderRow().run(),
-                  disabled: !hasTableContext || !editor.can().toggleHeaderRow()
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.Table,
-                  label: t("tableMenu.toggleHeaderColumn"),
-                  onClick: () => editor.chain().focus().toggleHeaderColumn().run(),
-                  disabled: !hasTableContext || !editor.can().toggleHeaderColumn()
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "my-1 border-t" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.Trash2,
-                  label: t("tableMenu.deleteColumn"),
-                  onClick: () => editor.chain().focus().deleteColumn().run(),
-                  disabled: !hasTableContext || !editor.can().deleteColumn()
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.Trash2,
-                  label: t("tableMenu.deleteRow"),
-                  onClick: () => editor.chain().focus().deleteRow().run(),
-                  disabled: !hasTableContext || !editor.can().deleteRow()
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.Trash2,
-                  label: t("tableMenu.deleteTable"),
-                  onClick: () => editor.chain().focus().deleteTable().run(),
-                  disabled: !hasTableContext || !editor.can().deleteTable()
+            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              TableInsertGrid,
+              {
+                insertLabel: t("tableMenu.insertTable"),
+                previewTemplate: t("tableMenu.gridPreview"),
+                onInsert: (rows, cols) => {
+                  editor.chain().focus().insertTable({ rows, cols, withHeaderRow: true }).run();
+                  setIsTableMenuOpen(false);
                 }
-              )
-            ]
+              }
+            )
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarDivider, {}),
@@ -35944,7 +35845,7 @@ var FloatingMenuContent = ({ editor }) => {
     {
       type: "button",
       onClick: () => setShowCommands(true),
-      className: "flex items-center gap-1 px-2 py-1.5 rounded-lg hover:bg-accent transition-all group",
+      className: "group flex items-center gap-1 rounded-lg px-2 py-1.5 transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Plus, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
         /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
@@ -36018,15 +35919,23 @@ function BorderPositionPreviewIcon({ position }) {
     showVertical && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M10 2V18", strokeWidth: "2" })
   ] });
 }
+function getBubbleMenuContext(editor) {
+  const { selection } = editor.state;
+  if (editor.isActive("image")) return "image";
+  if (selection instanceof import_tables7.CellSelection) return "table-cell";
+  if (editor.isActive("link")) return "link";
+  if (!selection.empty) return "text";
+  return "none";
+}
 var BubbleMenuContent = ({
   editor,
+  context,
   onKeepOpenChange,
   onLinkInputOpenChange,
   onRequestClose,
   fontSizes,
   lineHeights,
-  initialShowLinkInput = false,
-  cellBorderOpenRequest = 0
+  initialShowLinkInput = false
 }) => {
   const t = useSmartTranslations("UEditor");
   (0, import_react75.useEditorState)({
@@ -36039,17 +35948,13 @@ var BubbleMenuContent = ({
   (0, import_react74.useEffect)(() => {
     setShowLinkInput(initialShowLinkInput);
   }, [initialShowLinkInput]);
-  (0, import_react74.useEffect)(() => {
-    if (!cellBorderOpenRequest) return;
-    setActiveColorPalette("cell-border");
-    onKeepOpenChange?.(true);
-  }, [cellBorderOpenRequest, onKeepOpenChange]);
   const [showTypographyPanel, setShowTypographyPanel] = (0, import_react74.useState)(false);
   const [showFormulaPanel, setShowFormulaPanel] = (0, import_react74.useState)(false);
   const [formulaDraft, setFormulaDraft] = (0, import_react74.useState)("");
   const [showFontSizeOptions, setShowFontSizeOptions] = (0, import_react74.useState)(false);
   const [fontSizeDraft, setFontSizeDraft] = (0, import_react74.useState)("");
-  const isImageSelected = editor.isActive("image");
+  const isImageSelected = context === "image";
+  const isTableCellSelection = context === "table-cell";
   const imageAttrs = editor.getAttributes("image");
   const imageLayout = imageAttrs.imageLayout === "left" || imageAttrs.imageLayout === "right" ? imageAttrs.imageLayout : "block";
   const imageWidthPreset = imageAttrs.imageWidthPreset === "sm" || imageAttrs.imageWidthPreset === "md" || imageAttrs.imageWidthPreset === "lg" ? imageAttrs.imageWidthPreset : null;
@@ -36112,12 +36017,10 @@ var BubbleMenuContent = ({
     setFontSizeDraft(String(clamped));
   };
   (0, import_react74.useEffect)(() => {
-    onKeepOpenChange?.(showLinkInput);
+    const shouldKeepOpen = showLinkInput || Boolean(activeColorPalette) || showFormulaPanel || showTypographyPanel;
+    onKeepOpenChange?.(shouldKeepOpen);
     onLinkInputOpenChange?.(showLinkInput);
-  }, [onKeepOpenChange, onLinkInputOpenChange, showLinkInput]);
-  (0, import_react74.useEffect)(() => {
-    onKeepOpenChange?.(Boolean(activeColorPalette));
-  }, [activeColorPalette, onKeepOpenChange]);
+  }, [activeColorPalette, onKeepOpenChange, onLinkInputOpenChange, showFormulaPanel, showLinkInput, showTypographyPanel]);
   const closeTransientPanels = (0, import_react74.useCallback)(() => {
     setActiveColorPalette(null);
     setShowLinkInput(false);
@@ -36676,38 +36579,8 @@ var BubbleMenuContent = ({
     ] });
   }
   const VerticalAlignActiveIcon = currentCellVerticalAlign === "middle" ? import_lucide_react53.AlignCenterVertical : currentCellVerticalAlign === "bottom" ? import_lucide_react53.AlignEndVertical : import_lucide_react53.AlignStartVertical;
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-0.5 p-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Bold, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Italic, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
-      ToolbarButton,
-      {
-        onClick: () => editor.chain().focus().toggleUnderline().run(),
-        active: editor.isActive("underline"),
-        title: t("toolbar.underline"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Underline, { className: "w-4 h-4" })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Strikethrough, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Code, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
-      ToolbarButton,
-      {
-        onMouseDown: () => {
-          onKeepOpenChange?.(true);
-        },
-        onClick: () => {
-          setShowLinkInput(true);
-        },
-        active: editor.isActive("link"),
-        title: t("toolbar.link"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Link, { className: "w-4 h-4" })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => setActiveColorPalette("text"), title: t("colors.textColor"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(TextColorIcon, { color: currentTextColor }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => setActiveColorPalette("highlight"), active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(HighlightColorIcon, { color: currentHighlightColor }) }),
-    isInTable2 && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
+  if (isTableCellSelection) {
+    return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-0.5 p-1", "data-ueditor-cell-inspector": "", children: [
       /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         ToolbarButton,
         {
@@ -36720,9 +36593,7 @@ var BubbleMenuContent = ({
       /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         ToolbarButton,
         {
-          onMouseDown: () => {
-            onKeepOpenChange?.(true);
-          },
+          onMouseDown: () => onKeepOpenChange?.(true),
           onClick: () => setActiveColorPalette("cell-border"),
           active: Boolean(
             editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor || editor.getAttributes("tableCell").borderStyle || editor.getAttributes("tableHeader").borderStyle || editor.getAttributes("tableCell").borderWidth || editor.getAttributes("tableHeader").borderWidth
@@ -36739,9 +36610,7 @@ var BubbleMenuContent = ({
       /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         ToolbarButton,
         {
-          onMouseDown: () => {
-            onKeepOpenChange?.(true);
-          },
+          onMouseDown: () => onKeepOpenChange?.(true),
           onClick: () => {
             setFormulaDraft(currentCellFormula);
             setShowFormulaPanel(true);
@@ -36770,15 +36639,11 @@ var BubbleMenuContent = ({
       /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
         DropdownMenu,
         {
-          onOpenChange: (open) => {
-            onKeepOpenChange?.(open);
-          },
+          onOpenChange: onKeepOpenChange,
           trigger: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
             ToolbarButton,
             {
-              onMouseDown: () => {
-                onKeepOpenChange?.(true);
-              },
+              onMouseDown: () => onKeepOpenChange?.(true),
               onClick: () => {
               },
               title: t("tableMenu.alignVertical") || "Vertical alignment",
@@ -36822,15 +36687,11 @@ var BubbleMenuContent = ({
       /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
         DropdownMenu,
         {
-          onOpenChange: (open) => {
-            onKeepOpenChange?.(open);
-          },
+          onOpenChange: onKeepOpenChange,
           trigger: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
             ToolbarButton,
             {
-              onMouseDown: () => {
-                onKeepOpenChange?.(true);
-              },
+              onMouseDown: () => onKeepOpenChange?.(true),
               onClick: () => {
               },
               title: t("tableMenu.textDirection"),
@@ -36862,7 +36723,39 @@ var BubbleMenuContent = ({
           ]
         }
       )
-    ] }),
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-0.5 p-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Bold, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Italic, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      ToolbarButton,
+      {
+        onClick: () => editor.chain().focus().toggleUnderline().run(),
+        active: editor.isActive("underline"),
+        title: t("toolbar.underline"),
+        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Underline, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Strikethrough, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Code, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      ToolbarButton,
+      {
+        onMouseDown: () => {
+          onKeepOpenChange?.(true);
+        },
+        onClick: () => {
+          setShowLinkInput(true);
+        },
+        active: editor.isActive("link"),
+        title: t("toolbar.link"),
+        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Link, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => setActiveColorPalette("text"), title: t("colors.textColor"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(TextColorIcon, { color: currentTextColor }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => setActiveColorPalette("highlight"), active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(HighlightColorIcon, { color: currentHighlightColor }) }),
     /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       ToolbarButton,
       {
@@ -36902,7 +36795,6 @@ var CustomBubbleMenu = ({
   const BUBBLE_MENU_ESTIMATED_HEIGHT = 44;
   const [isVisible, setIsVisible] = (0, import_react74.useState)(false);
   const [linkInputOpen, setLinkInputOpen] = (0, import_react74.useState)(false);
-  const [cellBorderOpenRequest, setCellBorderOpenRequest] = (0, import_react74.useState)(0);
   const [position, setPosition2] = (0, import_react74.useState)({
     top: 0,
     left: 0,
@@ -36939,14 +36831,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;
@@ -37017,8 +36909,6 @@ var CustomBubbleMenu = ({
     const handlePointerDown = (event) => {
       const target = event.target;
       if (target && (menuRef.current?.contains(target) || target.closest("[data-ueditor-keep-open]"))) return;
-      const table = target?.closest("table");
-      if (table && editor.view.dom.contains(table)) return;
       closeBubbleMenu(false);
     };
     const handleKeyDown2 = (event) => {
@@ -37031,23 +36921,9 @@ var CustomBubbleMenu = ({
       document.removeEventListener("keydown", handleKeyDown2);
     };
   }, [closeBubbleMenu, editor, isVisible]);
-  (0, import_react74.useEffect)(() => {
-    const handleTableDoubleClick = (event) => {
-      const target = event.target;
-      const cell = target?.closest("td,th");
-      if (!cell || !editor.view.dom.contains(cell)) return;
-      suppressShowUntilRef.current = 0;
-      keepOpenRef.current = true;
-      setKeepOpenState(true);
-      setLinkInputOpen(false);
-      setCellBorderOpenRequest((request) => request + 1);
-      setIsVisible(true);
-      requestAnimationFrame(() => editor.view.focus());
-    };
-    editor.view.dom.addEventListener("dblclick", handleTableDoubleClick);
-    return () => editor.view.dom.removeEventListener("dblclick", handleTableDoubleClick);
-  }, [editor]);
   if (!isVisible) return null;
+  const context = getBubbleMenuContext(editor);
+  if (context === "none") return null;
   return (0, import_react_dom8.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       "div",
@@ -37069,7 +36945,7 @@ var CustomBubbleMenu = ({
           }
           e.preventDefault();
         },
-        children: editor.isActive("link") && !keepOpen && !linkInputOpen ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        children: context === "link" && !keepOpen && !linkInputOpen ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           LinkPreviewContent,
           {
             editor,
@@ -37082,14 +36958,15 @@ var CustomBubbleMenu = ({
           BubbleMenuContent,
           {
             editor,
+            context,
             onKeepOpenChange: setKeepOpen,
             onLinkInputOpenChange: setLinkInputOpen,
             onRequestClose: closeBubbleMenu,
             fontSizes,
             lineHeights,
-            initialShowLinkInput: linkInputOpen,
-            cellBorderOpenRequest
-          }
+            initialShowLinkInput: linkInputOpen
+          },
+          context
         )
       }
     ),
@@ -37642,7 +37519,7 @@ function findDiffEnd(a, b, posA, posB) {
     posB -= size;
   }
 }
-var Fragment31 = class _Fragment {
+var Fragment30 = class _Fragment {
   /**
   @internal
   */
@@ -37934,7 +37811,7 @@ var Fragment31 = class _Fragment {
     throw new RangeError("Can not convert " + nodes + " to a Fragment" + (nodes.nodesBetween ? " (looks like multiple versions of prosemirror-model were loaded)" : ""));
   }
 };
-Fragment31.empty = new Fragment31([], 0);
+Fragment30.empty = new Fragment30([], 0);
 var found = { index: 0, offset: 0 };
 function retIndex(index, offset) {
   found.index = index;
@@ -38159,7 +38036,7 @@ var Slice = class _Slice {
     let openStart = json.openStart || 0, openEnd = json.openEnd || 0;
     if (typeof openStart != "number" || typeof openEnd != "number")
       throw new RangeError("Invalid input for Slice.fromJSON");
-    return new _Slice(Fragment31.fromJSON(schema, json.content), openStart, openEnd);
+    return new _Slice(Fragment30.fromJSON(schema, json.content), openStart, openEnd);
   }
   /**
   Create a slice from a fragment by taking the maximum possible
@@ -38174,7 +38051,7 @@ var Slice = class _Slice {
     return new _Slice(fragment, openStart, openEnd);
   }
 };
-Slice.empty = new Slice(Fragment31.empty, 0, 0);
+Slice.empty = new Slice(Fragment30.empty, 0, 0);
 function removeRange(content, from, to) {
   let { index, offset } = content.findIndex(from), child = content.maybeChild(index);
   let { index: indexTo, offset: offsetTo } = content.findIndex(to);
@@ -38272,7 +38149,7 @@ function replaceThreeWay($from, $start, $end, $to, depth) {
       addNode(close(openEnd, replaceTwoWay($end, $to, depth + 1)), content);
   }
   addRange($to, null, depth, content);
-  return new Fragment31(content);
+  return new Fragment30(content);
 }
 function replaceTwoWay($from, $to, depth) {
   let content = [];
@@ -38282,13 +38159,13 @@ function replaceTwoWay($from, $to, depth) {
     addNode(close(type, replaceTwoWay($from, $to, depth + 1)), content);
   }
   addRange($to, null, depth, content);
-  return new Fragment31(content);
+  return new Fragment30(content);
 }
 function prepareSliceForReplace(slice, $along) {
   let extra = $along.depth - slice.openStart, parent = $along.node(extra);
   let node = parent.copy(slice.content);
   for (let i = extra - 1; i >= 0; i--)
-    node = $along.node(i).copy(Fragment31.from(node));
+    node = $along.node(i).copy(Fragment30.from(node));
   return {
     start: node.resolveNoCache(slice.openStart + extra),
     end: node.resolveNoCache(node.content.size - slice.openEnd - extra)
@@ -38627,7 +38504,7 @@ var Node7 = class _Node {
     this.type = type;
     this.attrs = attrs;
     this.marks = marks;
-    this.content = content || Fragment31.empty;
+    this.content = content || Fragment30.empty;
   }
   /**
   The array of this node's child nodes.
@@ -38932,7 +38809,7 @@ var Node7 = class _Node {
   can optionally pass `start` and `end` indices into the
   replacement fragment.
   */
-  canReplace(from, to, replacement = Fragment31.empty, start = 0, end = replacement.childCount) {
+  canReplace(from, to, replacement = Fragment30.empty, start = 0, end = replacement.childCount) {
     let one = this.contentMatchAt(from).matchFragment(replacement, start, end);
     let two = one && one.matchFragment(this.content, to);
     if (!two || !two.validEnd)
@@ -39014,7 +38891,7 @@ var Node7 = class _Node {
         throw new RangeError("Invalid text node in JSON");
       return schema.text(json.text, marks);
     }
-    let content = Fragment31.fromJSON(schema, json.content);
+    let content = Fragment30.fromJSON(schema, json.content);
     let node = schema.nodeType(json.type).create(json.attrs, content, marks);
     node.type.checkAttrs(node.attrs);
     return node;
@@ -39110,7 +38987,7 @@ var ContentMatch = class _ContentMatch {
     function search(match, types) {
       let finished = match.matchFragment(after, startIndex);
       if (finished && (!toEnd || finished.validEnd))
-        return Fragment31.from(types.map((tp) => tp.createAndFill()));
+        return Fragment30.from(types.map((tp) => tp.createAndFill()));
       for (let i = 0; i < match.next.length; i++) {
         let { type, next } = match.next[i];
         if (!(type.isText || type.hasRequiredAttrs()) && seen.indexOf(next) == -1) {
@@ -39678,7 +39555,7 @@ function mapFragment(fragment, f, parent) {
       child = f(child, parent, i);
     mapped.push(child);
   }
-  return Fragment31.fromArray(mapped);
+  return Fragment30.fromArray(mapped);
 }
 var AddMarkStep = class _AddMarkStep extends Step {
   /**
@@ -39795,7 +39672,7 @@ var AddNodeMarkStep = class _AddNodeMarkStep extends Step {
     if (!node)
       return StepResult.fail("No node at mark step's position");
     let updated = node.type.create(node.attrs, null, this.mark.addToSet(node.marks));
-    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment31.from(updated), 0, node.isLeaf ? 0 : 1));
+    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment30.from(updated), 0, node.isLeaf ? 0 : 1));
   }
   invert(doc) {
     let node = doc.nodeAt(this.pos);
@@ -39841,7 +39718,7 @@ var RemoveNodeMarkStep = class _RemoveNodeMarkStep extends Step {
     if (!node)
       return StepResult.fail("No node at mark step's position");
     let updated = node.type.create(node.attrs, null, this.mark.removeFromSet(node.marks));
-    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment31.from(updated), 0, node.isLeaf ? 0 : 1));
+    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment30.from(updated), 0, node.isLeaf ? 0 : 1));
   }
   invert(doc) {
     let node = doc.nodeAt(this.pos);
@@ -40042,7 +39919,7 @@ var AttrStep = class _AttrStep extends Step {
       attrs[name] = node.attrs[name];
     attrs[this.attr] = this.value;
     let updated = node.type.create(attrs, null, node.marks);
-    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment31.from(updated), 0, node.isLeaf ? 0 : 1));
+    return StepResult.fromReplace(doc, this.pos, this.pos + 1, new Slice(Fragment30.from(updated), 0, node.isLeaf ? 0 : 1));
   }
   getMap() {
     return StepMap.empty;
@@ -40426,7 +40303,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;
@@ -41087,7 +40964,7 @@ function removeColSpan(attrs, pos, n = 1) {
   }
   return result;
 }
-var CellSelection = class CellSelection2 extends Selection {
+var CellSelection2 = class CellSelection3 extends Selection {
   constructor($anchorCell, $headCell = $anchorCell) {
     const table = $anchorCell.node(-1);
     const map = TableMap4.get(table);
@@ -41111,9 +40988,9 @@ var CellSelection = class CellSelection2 extends Selection {
     const $headCell = doc.resolve(mapping.map(this.$headCell.pos));
     if (pointsAtCell2($anchorCell) && pointsAtCell2($headCell) && inSameTable($anchorCell, $headCell)) {
       const tableChanged = this.$anchorCell.node(-1) != $anchorCell.node(-1);
-      if (tableChanged && this.isRowSelection()) return CellSelection2.rowSelection($anchorCell, $headCell);
-      else if (tableChanged && this.isColSelection()) return CellSelection2.colSelection($anchorCell, $headCell);
-      else return new CellSelection2($anchorCell, $headCell);
+      if (tableChanged && this.isRowSelection()) return CellSelection3.rowSelection($anchorCell, $headCell);
+      else if (tableChanged && this.isColSelection()) return CellSelection3.colSelection($anchorCell, $headCell);
+      else return new CellSelection3($anchorCell, $headCell);
     }
     return TextSelection5.between($anchorCell, $headCell);
   }
@@ -41154,10 +41031,10 @@ var CellSelection = class CellSelection2 extends Selection {
         }
         rowContent.push(cell);
       }
-      rows.push(table.child(row).copy(Fragment31.from(rowContent)));
+      rows.push(table.child(row).copy(Fragment30.from(rowContent)));
     }
     const fragment = this.isColSelection() && this.isRowSelection() ? table : rows;
-    return new Slice(Fragment31.from(fragment), 1, 1);
+    return new Slice(Fragment30.from(fragment), 1, 1);
   }
   replace(tr, content = Slice.empty) {
     const mapFrom = tr.steps.length, ranges = this.ranges;
@@ -41169,7 +41046,7 @@ var CellSelection = class CellSelection2 extends Selection {
     if (sel) tr.setSelection(sel);
   }
   replaceWith(tr, node) {
-    this.replace(tr, new Slice(Fragment31.from(node), 0, 0));
+    this.replace(tr, new Slice(Fragment30.from(node), 0, 0));
   }
   forEachCell(f) {
     const table = this.$anchorCell.node(-1);
@@ -41200,7 +41077,7 @@ var CellSelection = class CellSelection2 extends Selection {
       if (headRect.top > 0) $headCell = doc.resolve(tableStart + map.map[headRect.left]);
       if (anchorRect.bottom < map.height) $anchorCell = doc.resolve(tableStart + map.map[map.width * (map.height - 1) + anchorRect.right - 1]);
     }
-    return new CellSelection2($anchorCell, $headCell);
+    return new CellSelection3($anchorCell, $headCell);
   }
   isRowSelection() {
     const table = this.$anchorCell.node(-1);
@@ -41214,7 +41091,7 @@ var CellSelection = class CellSelection2 extends Selection {
     return Math.max(anchorRight, headRight) == map.width;
   }
   eq(other) {
-    return other instanceof CellSelection2 && other.$anchorCell.pos == this.$anchorCell.pos && other.$headCell.pos == this.$headCell.pos;
+    return other instanceof CellSelection3 && other.$anchorCell.pos == this.$anchorCell.pos && other.$headCell.pos == this.$headCell.pos;
   }
   static rowSelection($anchorCell, $headCell = $anchorCell) {
     const table = $anchorCell.node(-1);
@@ -41230,7 +41107,7 @@ var CellSelection = class CellSelection2 extends Selection {
       if (headRect.left > 0) $headCell = doc.resolve(tableStart + map.map[headRect.top * map.width]);
       if (anchorRect.right < map.width) $anchorCell = doc.resolve(tableStart + map.map[map.width * (anchorRect.top + 1) - 1]);
     }
-    return new CellSelection2($anchorCell, $headCell);
+    return new CellSelection3($anchorCell, $headCell);
   }
   toJSON() {
     return {
@@ -41240,17 +41117,17 @@ var CellSelection = class CellSelection2 extends Selection {
     };
   }
   static fromJSON(doc, json) {
-    return new CellSelection2(doc.resolve(json.anchor), doc.resolve(json.head));
+    return new CellSelection3(doc.resolve(json.anchor), doc.resolve(json.head));
   }
   static create(doc, anchorCell, headCell = anchorCell) {
-    return new CellSelection2(doc.resolve(anchorCell), doc.resolve(headCell));
+    return new CellSelection3(doc.resolve(anchorCell), doc.resolve(headCell));
   }
   getBookmark() {
     return new CellBookmark(this.$anchorCell.pos, this.$headCell.pos);
   }
 };
-CellSelection.prototype.visible = false;
-Selection.jsonID("cell", CellSelection);
+CellSelection2.prototype.visible = false;
+Selection.jsonID("cell", CellSelection2);
 var CellBookmark = class CellBookmark2 {
   constructor(anchor, head) {
     this.anchor = anchor;
@@ -41261,7 +41138,7 @@ var CellBookmark = class CellBookmark2 {
   }
   resolve(doc) {
     const $anchorCell = doc.resolve(this.anchor), $headCell = doc.resolve(this.head);
-    if ($anchorCell.parent.type.spec.tableRole == "row" && $headCell.parent.type.spec.tableRole == "row" && $anchorCell.index() < $anchorCell.parent.childCount && $headCell.index() < $headCell.parent.childCount && inSameTable($anchorCell, $headCell)) return new CellSelection($anchorCell, $headCell);
+    if ($anchorCell.parent.type.spec.tableRole == "row" && $headCell.parent.type.spec.tableRole == "row" && $anchorCell.index() < $anchorCell.parent.childCount && $headCell.index() < $headCell.parent.childCount && inSameTable($anchorCell, $headCell)) return new CellSelection2($anchorCell, $headCell);
     else return Selection.near($headCell, 1);
   }
 };
@@ -41504,7 +41381,7 @@ function moveColumn(moveColParams) {
   const $lastCell = tr.doc.resolve(start + lastCell);
   const firstCell = map.positionAt(0, index, newTable);
   const $firstCell = tr.doc.resolve(start + firstCell);
-  tr.setSelection(CellSelection.colSelection($lastCell, $firstCell));
+  tr.setSelection(CellSelection2.colSelection($lastCell, $firstCell));
   return true;
 }
 function moveTableColumn$1(table, indexesOrigin, indexesTarget, direction) {
@@ -41532,7 +41409,7 @@ function moveRow(moveRowParams) {
   const $lastCell = tr.doc.resolve(start + lastCell);
   const firstCell = map.positionAt(index, 0, newTable);
   const $firstCell = tr.doc.resolve(start + firstCell);
-  tr.setSelection(CellSelection.rowSelection($lastCell, $firstCell));
+  tr.setSelection(CellSelection2.rowSelection($lastCell, $firstCell));
   return true;
 }
 function moveTableRow$1(table, indexesOrigin, indexesTarget, direction) {
@@ -41547,7 +41424,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
@@ -41629,7 +41506,7 @@ var toggleHeaderColumn = toggleHeader("column", { useDeprecatedLogic: true });
 var toggleHeaderCell = toggleHeader("cell", { useDeprecatedLogic: true });
 function deleteCellSelection(state, dispatch) {
   const sel = state.selection;
-  if (!(sel instanceof CellSelection)) return false;
+  if (!(sel instanceof CellSelection2)) return false;
   if (dispatch) {
     const tr = state.tr;
     const baseContent = tableNodeTypes2(state.schema).cell.createAndFill().content;
@@ -41697,7 +41574,7 @@ function arrow(axis, dir) {
   return (state, dispatch, view) => {
     if (!view) return false;
     const sel = state.selection;
-    if (sel instanceof CellSelection) return maybeSetSelection(state, dispatch, Selection.near(sel.$headCell, dir));
+    if (sel instanceof CellSelection2) return maybeSetSelection(state, dispatch, Selection.near(sel.$headCell, dir));
     if (axis != "horiz" && !sel.empty) return false;
     const end = atEndOfCell(view, axis, dir);
     if (end == null) return false;
@@ -41718,15 +41595,15 @@ function shiftArrow(axis, dir) {
     if (!view) return false;
     const sel = state.selection;
     let cellSel;
-    if (sel instanceof CellSelection) cellSel = sel;
+    if (sel instanceof CellSelection2) cellSel = sel;
     else {
       const end = atEndOfCell(view, axis, dir);
       if (end == null) return false;
-      cellSel = new CellSelection(state.doc.resolve(end));
+      cellSel = new CellSelection2(state.doc.resolve(end));
     }
     const $head = nextCell(cellSel.$headCell, axis, dir);
     if (!$head) return false;
-    return maybeSetSelection(state, dispatch, new CellSelection(cellSel.$anchorCell, $head));
+    return maybeSetSelection(state, dispatch, new CellSelection2(cellSel.$anchorCell, $head));
   };
 }
 function atEndOfCell(view, axis, dir) {
@@ -41746,7 +41623,7 @@ function atEndOfCell(view, axis, dir) {
 var columnResizingPluginKey2 = new PluginKey5("tableColumnResizing");
 
 // src/components/UEditor/table-controls.tsx
-var import_lucide_react56 = require("lucide-react");
+var import_lucide_react57 = require("lucide-react");
 
 // src/components/UEditor/table-layout-model.ts
 var FALLBACK_TABLE_ROW_HEIGHT = DEFAULT_TABLE_ROW_HEIGHT;
@@ -41941,15 +41818,19 @@ function buildTableControlLayout(editor, surface, cell) {
   const map = TableMap4.get(tableInfo.node);
   const surfaceRect = surface.getBoundingClientRect();
   const tableRect = table.getBoundingClientRect();
+  const explicitColumnWidths = Array.from(table.querySelectorAll("colgroup > col")).slice(0, map.width).map((column) => parsePixelMetric(column.style.width));
+  const explicitTableWidth = parsePixelMetric(table.style.width) ?? (explicitColumnWidths.length === map.width && explicitColumnWidths.every((width) => width !== null) ? explicitColumnWidths.reduce((sum, width) => sum + width, 0) : null);
+  const explicitRowHeights = rows.map((tableRow) => parsePixelMetric(tableRow.getAttribute("data-row-height")) ?? parsePixelMetric(tableRow.style.height));
+  const explicitTableHeight = explicitRowHeights.every((height) => height !== null) ? explicitRowHeights.reduce((sum, height) => sum + height, 0) : null;
   const wrapperElement = table.closest(".tableWrapper");
   const wrapper = wrapperElement instanceof HTMLElement ? wrapperElement : null;
   const wrapperRect = wrapper?.getBoundingClientRect() ?? tableRect;
   const tableLeft = tableRect.left - surfaceRect.left + surface.scrollLeft;
   const tableTop = tableRect.top - surfaceRect.top + surface.scrollTop;
-  const avgRowHeight = metricOrFallback(tableRect.height / rows.length, FALLBACK_TABLE_ROW_HEIGHT);
-  const avgColumnWidth = metricOrFallback(tableRect.width / map.width, FALLBACK_TABLE_COLUMN_WIDTH);
-  const tableWidth = metricOrFallback(tableRect.width, avgColumnWidth * map.width);
-  const tableHeight = metricOrFallback(tableRect.height, avgRowHeight * rows.length);
+  const tableWidth = metricOrFallback(tableRect.width, explicitTableWidth ?? FALLBACK_TABLE_COLUMN_WIDTH * map.width);
+  const tableHeight = metricOrFallback(tableRect.height, explicitTableHeight ?? FALLBACK_TABLE_ROW_HEIGHT * rows.length);
+  const avgRowHeight = metricOrFallback(tableHeight / rows.length, FALLBACK_TABLE_ROW_HEIGHT);
+  const avgColumnWidth = metricOrFallback(tableWidth / map.width, FALLBACK_TABLE_COLUMN_WIDTH);
   const wrapperLeft = wrapperRect.left - surfaceRect.left + surface.scrollLeft;
   const wrapperTop = wrapperRect.top - surfaceRect.top + surface.scrollTop;
   const wrapperWidth = metricOrFallback(wrapperRect.width, tableWidth);
@@ -42308,7 +42189,7 @@ function TableControlMenu({
                     transform: shown ? "scale(1)" : "scale(0.82)",
                     pointerEvents: shown ? "auto" : "none"
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_lucide_react54.MoreHorizontal, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_lucide_react54.MoreHorizontal, { "aria-hidden": "true", className: "h-4 w-4" })
                 }
               )
             }
@@ -42466,8 +42347,236 @@ function TableColumnHandles({
   }) });
 }
 
-// src/components/UEditor/table-controls.tsx
+// src/components/UEditor/table-resize-handles.tsx
+var import_lucide_react56 = require("lucide-react");
 var import_jsx_runtime100 = require("react/jsx-runtime");
+var HANDLE_BASE_CLASS = cn(
+  "pointer-events-auto absolute z-10 inline-flex touch-none items-center justify-center rounded-md",
+  "bg-background/95 text-primary shadow-sm backdrop-blur-sm",
+  "transition-[color,background-color,box-shadow,transform] duration-150",
+  "hover:bg-primary hover:text-primary-foreground hover:shadow-md active:scale-95",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+);
+function TableResizeHandles({
+  active,
+  ctrlHint,
+  frameRef,
+  layout,
+  onStartResize,
+  resizeBothLabel
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+    "div",
+    {
+      ref: frameRef,
+      "data-table-resize-frame": "",
+      "data-resizing": active ? "true" : "false",
+      className: cn(
+        "pointer-events-none absolute z-[38] box-border border border-primary/55",
+        active && "border-primary bg-primary/[0.03]"
+      ),
+      style: {
+        left: layout.tableLeft,
+        top: layout.tableTop,
+        width: layout.tableWidth,
+        height: layout.tableHeight
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          "button",
+          {
+            type: "button",
+            "aria-label": resizeBothLabel,
+            title: `${resizeBothLabel}. ${ctrlHint}`,
+            "data-table-resize-handle": "both",
+            className: cn(
+              HANDLE_BASE_CLASS,
+              "bottom-[-28px] right-[-30px] h-6 w-6 cursor-nwse-resize",
+              active && "bg-primary text-primary-foreground shadow-md"
+            ),
+            onPointerDown: onStartResize,
+            children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react56.MoveDiagonal2, { "aria-hidden": "true", className: "h-3.5 w-3.5", strokeWidth: 2.25 })
+          }
+        ),
+        active ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          "span",
+          {
+            role: "status",
+            "aria-live": "polite",
+            "data-table-resize-dimensions": "",
+            className: "absolute bottom-2 right-2 rounded bg-foreground/85 px-1.5 py-0.5 text-[10px] font-medium text-background shadow-sm",
+            children: `${Math.round(layout.tableWidth)} \xD7 ${Math.round(layout.tableHeight)}`
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/components/UEditor/table-size-utils.ts
+var MAX_TABLE_DIMENSION = 8192;
+function positiveMetric(value, fallback) {
+  return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : fallback;
+}
+function normalizeWeightsToTotal(values, total, minimum) {
+  if (values.length === 0) return [];
+  const safeTotal = Math.max(values.length * minimum, Math.round(total));
+  const positiveValues = values.map((value) => positiveMetric(value, 1));
+  const weightSum = positiveValues.reduce((sum, value) => sum + value, 0);
+  const raw = positiveValues.map((value) => value / weightSum * safeTotal);
+  const normalized = raw.map((value) => Math.max(minimum, Math.round(value)));
+  let difference = safeTotal - normalized.reduce((sum, value) => sum + value, 0);
+  while (difference !== 0) {
+    let changed = false;
+    for (let index = normalized.length - 1; index >= 0 && difference !== 0; index -= 1) {
+      if (difference < 0 && normalized[index] <= minimum) continue;
+      normalized[index] += difference > 0 ? 1 : -1;
+      difference += difference > 0 ? -1 : 1;
+      changed = true;
+    }
+    if (!changed) break;
+  }
+  return normalized;
+}
+function getLogicalColumnWidths(table, tableMap, fallback) {
+  return Array.from({ length: tableMap.width }, (_, columnIndex) => {
+    const relativeCellPos = tableMap.positionAt(0, columnIndex, table);
+    const cell = table.nodeAt(relativeCellPos);
+    if (!cell) return fallback;
+    const cellStartColumn = tableMap.colCount(relativeCellPos);
+    const widthIndex = columnIndex - cellStartColumn;
+    const colwidth = cell.attrs.colwidth;
+    return positiveMetric(colwidth?.[widthIndex], fallback);
+  });
+}
+function getLogicalRowHeights(table, fallback) {
+  const heights = [];
+  table.forEach((row) => {
+    heights.push(positiveMetric(row.attrs.rowHeight, fallback));
+  });
+  return heights;
+}
+function createTableSizeSnapshot(editor, anchorPos, startWidth, startHeight) {
+  const tableInfo = findTableInfo(editor, anchorPos);
+  if (!tableInfo) return null;
+  const tableMap = TableMap4.get(tableInfo.node);
+  if (tableMap.width === 0 || tableMap.height === 0) return null;
+  const safeWidth = Math.max(tableMap.width * MIN_RESIZED_TABLE_COLUMN_WIDTH, Math.round(startWidth));
+  const safeHeight = Math.max(tableMap.height * MIN_TABLE_ROW_HEIGHT, Math.round(startHeight));
+  const fallbackColumnWidth = safeWidth / tableMap.width;
+  const fallbackRowHeight = safeHeight / tableMap.height;
+  return {
+    anchorPos,
+    tablePos: tableInfo.pos,
+    startWidth: safeWidth,
+    startHeight: safeHeight,
+    columnWidths: normalizeWeightsToTotal(
+      getLogicalColumnWidths(tableInfo.node, tableMap, fallbackColumnWidth),
+      safeWidth,
+      MIN_RESIZED_TABLE_COLUMN_WIDTH
+    ),
+    rowHeights: normalizeWeightsToTotal(
+      getLogicalRowHeights(tableInfo.node, fallbackRowHeight),
+      safeHeight,
+      MIN_TABLE_ROW_HEIGHT
+    ),
+    minWidth: tableMap.width * MIN_RESIZED_TABLE_COLUMN_WIDTH,
+    minHeight: tableMap.height * MIN_TABLE_ROW_HEIGHT
+  };
+}
+function resolveTableResizeDimensions({
+  deltaX,
+  deltaY,
+  lockAxis,
+  preserveRatio,
+  snapshot
+}) {
+  let width = snapshot.startWidth + deltaX;
+  let height = snapshot.startHeight + deltaY;
+  if (preserveRatio) {
+    const horizontalDrag = Math.abs(deltaX) >= Math.abs(deltaY);
+    const scale = horizontalDrag ? width / snapshot.startWidth : height / snapshot.startHeight;
+    const minScale = Math.max(
+      snapshot.minWidth / snapshot.startWidth,
+      snapshot.minHeight / snapshot.startHeight
+    );
+    const maxScale = Math.min(
+      MAX_TABLE_DIMENSION / snapshot.startWidth,
+      MAX_TABLE_DIMENSION / snapshot.startHeight
+    );
+    const safeScale = Math.min(Math.max(scale, minScale), maxScale);
+    width = snapshot.startWidth * safeScale;
+    height = snapshot.startHeight * safeScale;
+  } else if (lockAxis) {
+    if (Math.abs(deltaX) >= Math.abs(deltaY)) {
+      height = snapshot.startHeight;
+    } else {
+      width = snapshot.startWidth;
+    }
+  }
+  return {
+    width: Math.min(MAX_TABLE_DIMENSION, Math.max(snapshot.minWidth, Math.round(width))),
+    height: Math.min(MAX_TABLE_DIMENSION, Math.max(snapshot.minHeight, Math.round(height)))
+  };
+}
+function arraysEqual(left, right) {
+  return Array.isArray(left) && left.length === right.length && left.every((value, index) => value === right[index]);
+}
+function applyTableSize(editor, snapshot, dimensions) {
+  const table = editor.state.doc.nodeAt(snapshot.tablePos);
+  if (!table || table.type.name !== "table") return false;
+  const tableMap = TableMap4.get(table);
+  if (tableMap.width !== snapshot.columnWidths.length || tableMap.height !== snapshot.rowHeights.length) {
+    return false;
+  }
+  const resizeWidth = dimensions.width !== snapshot.startWidth;
+  const resizeHeight = dimensions.height !== snapshot.startHeight;
+  if (!resizeWidth && !resizeHeight) return false;
+  const tableStart = snapshot.tablePos + 1;
+  const transaction = editor.state.tr;
+  if (resizeWidth) {
+    const nextColumnWidths = normalizeWeightsToTotal(
+      snapshot.columnWidths,
+      dimensions.width,
+      MIN_RESIZED_TABLE_COLUMN_WIDTH
+    );
+    const seenCellPositions = /* @__PURE__ */ new Set();
+    for (const relativeCellPos of tableMap.map) {
+      if (seenCellPositions.has(relativeCellPos)) continue;
+      seenCellPositions.add(relativeCellPos);
+      const cell = table.nodeAt(relativeCellPos);
+      if (!cell) continue;
+      const cellRect = tableMap.findCell(relativeCellPos);
+      const colwidth = nextColumnWidths.slice(cellRect.left, cellRect.right);
+      if (arraysEqual(cell.attrs.colwidth, colwidth)) continue;
+      transaction.setNodeMarkup(tableStart + relativeCellPos, void 0, {
+        ...cell.attrs,
+        colwidth
+      });
+    }
+  }
+  if (resizeHeight) {
+    const nextRowHeights = normalizeWeightsToTotal(
+      snapshot.rowHeights,
+      dimensions.height,
+      MIN_TABLE_ROW_HEIGHT
+    );
+    table.forEach((row, offset, rowIndex) => {
+      const rowHeight = nextRowHeights[rowIndex];
+      if (row.attrs.rowHeight === rowHeight) return;
+      transaction.setNodeMarkup(tableStart + offset, void 0, {
+        ...row.attrs,
+        rowHeight
+      });
+    });
+  }
+  if (!transaction.docChanged) return false;
+  editor.view.dispatch(transaction);
+  return true;
+}
+
+// src/components/UEditor/table-controls.tsx
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var TABLE_MENU_TOP_OFFSET = 10;
 function nearestIndex(centers, position) {
   let bestIndex = 0;
@@ -42491,15 +42600,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] = import_react76.default.useState(null);
   const [dragPreview, setDragPreview] = import_react76.default.useState(null);
+  const [tableResizeActive, setTableResizeActive] = import_react76.default.useState(false);
   const [hoverState, setHoverState] = import_react76.default.useState(DEFAULT_TABLE_HOVER_STATE);
   const [openMenuKey, setOpenMenuKey] = import_react76.default.useState(null);
   const layoutRef = import_react76.default.useRef(null);
   const dragStateRef = import_react76.default.useRef(null);
   const syncFrameRef = import_react76.default.useRef(null);
+  const tableResizeFrameRef = import_react76.default.useRef(null);
+  const tableResizePreviewFrameRef = import_react76.default.useRef(null);
   import_react76.default.useEffect(() => {
     layoutRef.current = layout;
   }, [layout]);
@@ -42537,11 +42649,44 @@ function TableControls({ editor, containerRef }) {
       return cell ? buildTableControlLayout(editor, surface, cell) : null;
     });
   }, [containerRef, editor]);
+  const updateTableResizePreview = import_react76.default.useCallback((dimensions) => {
+    const frame = tableResizeFrameRef.current;
+    if (!frame) return;
+    frame.style.width = `${dimensions.width}px`;
+    frame.style.height = `${dimensions.height}px`;
+    const dimensionsLabel = frame.querySelector("[data-table-resize-dimensions]");
+    if (dimensionsLabel) {
+      dimensionsLabel.textContent = `${dimensions.width} \xD7 ${dimensions.height}`;
+    }
+  }, []);
+  const resetTableResizePreview = import_react76.default.useCallback(() => {
+    const activeLayout = layoutRef.current;
+    if (!activeLayout) return;
+    updateTableResizePreview({
+      width: Math.round(activeLayout.tableWidth),
+      height: Math.round(activeLayout.tableHeight)
+    });
+  }, [updateTableResizePreview]);
   const clearDrag = import_react76.default.useCallback(() => {
+    const dragState = dragStateRef.current;
+    if (dragState?.kind === "resize-table") {
+      try {
+        if (dragState.pointerTarget.hasPointerCapture?.(dragState.pointerId)) {
+          dragState.pointerTarget.releasePointerCapture(dragState.pointerId);
+        }
+      } catch {
+      }
+    }
+    if (tableResizePreviewFrameRef.current !== null) {
+      window.cancelAnimationFrame(tableResizePreviewFrameRef.current);
+      tableResizePreviewFrameRef.current = null;
+    }
     dragStateRef.current = null;
     setDragPreview(null);
+    setTableResizeActive(false);
+    resetTableResizePreview();
     document.body.style.cursor = "";
-  }, []);
+  }, [resetTableResizePreview]);
   const updateHoverState = import_react76.default.useCallback((event) => {
     const activeLayout = layoutRef.current;
     const surface = containerRef.current;
@@ -42581,9 +42726,26 @@ function TableControls({ editor, containerRef }) {
       const cell = event ? getCellFromTarget(event.target) : null;
       syncFromCell(cell ?? getSelectedCell(editor));
     };
+    const handleDoubleClick = (event) => {
+      if (event.button !== 0) return;
+      const cell = getCellFromTarget(event.target);
+      if (!cell || cell.hasAttribute("data-formula")) return;
+      const surface2 = containerRef.current;
+      const nextLayout = surface2 ? buildTableControlLayout(editor, surface2, cell) : null;
+      if (!nextLayout) return;
+      const didSelect = editor.commands.setCellSelection({
+        anchorCell: nextLayout.cellPos,
+        headCell: nextLayout.cellPos
+      });
+      if (!didSelect) return;
+      event.preventDefault();
+      editor.view.focus();
+      setLayout(nextLayout);
+    };
     proseMirror.addEventListener("mouseover", handleMouseOver);
     proseMirror.addEventListener("mouseleave", handleMouseLeave2);
     proseMirror.addEventListener("click", handleFocusIn);
+    proseMirror.addEventListener("dblclick", handleDoubleClick);
     proseMirror.addEventListener("mouseup", handleFocusIn);
     proseMirror.addEventListener("focusin", handleFocusIn);
     surface.addEventListener("mouseover", handleSurfaceMouseMove);
@@ -42598,6 +42760,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);
@@ -42648,6 +42811,42 @@ function TableControls({ editor, containerRef }) {
   const canExpandTable = Boolean(layout);
   const controlsVisible = dragPreview !== null;
   const tableMenuOpen = openMenuKey === "table";
+  const startTableResize = import_react76.default.useCallback((event) => {
+    if (event.button !== 0 || dragStateRef.current) return;
+    const activeLayout = layoutRef.current;
+    if (!activeLayout) return;
+    const snapshot = createTableSizeSnapshot(
+      editor,
+      activeLayout.cellPos,
+      activeLayout.tableWidth,
+      activeLayout.tableHeight
+    );
+    if (!snapshot) return;
+    event.preventDefault();
+    event.stopPropagation();
+    try {
+      event.currentTarget.setPointerCapture?.(event.pointerId);
+    } catch {
+    }
+    setOpenMenuKey(null);
+    setHoverState(DEFAULT_TABLE_HOVER_STATE);
+    setTableResizeActive(true);
+    const pendingDimensions = {
+      width: snapshot.startWidth,
+      height: snapshot.startHeight
+    };
+    dragStateRef.current = {
+      kind: "resize-table",
+      pointerId: event.pointerId,
+      pointerTarget: event.currentTarget,
+      startX: event.clientX,
+      startY: event.clientY,
+      snapshot,
+      pendingDimensions
+    };
+    updateTableResizePreview(pendingDimensions);
+    document.body.style.cursor = "nwse-resize";
+  }, [editor, updateTableResizePreview]);
   const startAddColumnDrag = import_react76.default.useCallback(() => {
     setOpenMenuKey(null);
     dragStateRef.current = { kind: "add-column", previewCols: 1 };
@@ -42703,6 +42902,9 @@ function TableControls({ editor, containerRef }) {
       const surfaceRect = surface.getBoundingClientRect();
       const relativeX = event.clientX - surfaceRect.left + surface.scrollLeft;
       const relativeY = event.clientY - surfaceRect.top + surface.scrollTop;
+      if (dragState.kind === "resize-table") {
+        return;
+      }
       if (dragState.kind === "row") {
         const targetHandleIndex = nearestIndex(activeLayout.rowHandles.map((item) => item.center), relativeY);
         const targetRow = activeLayout.rowHandles[targetHandleIndex];
@@ -42747,7 +42949,7 @@ function TableControls({ editor, containerRef }) {
     };
     const handleMouseUp = () => {
       const dragState = dragStateRef.current;
-      if (!dragState) return;
+      if (!dragState || dragState.kind === "resize-table") return;
       if (dragState.kind === "row" && dragState.originIndex !== dragState.targetIndex) {
         moveTableRow({
           from: dragState.originIndex,
@@ -42783,98 +42985,165 @@ function TableControls({ editor, containerRef }) {
       window.removeEventListener("blur", clearDrag);
     };
   }, [clearDrag, containerRef, editor, expandTableBy, scheduleSyncFromSelection]);
+  import_react76.default.useEffect(() => {
+    const handlePointerMove = (event) => {
+      const dragState = dragStateRef.current;
+      if (!dragState || dragState.kind !== "resize-table" || event.pointerId !== dragState.pointerId) return;
+      dragState.pendingDimensions = resolveTableResizeDimensions({
+        deltaX: event.clientX - dragState.startX,
+        deltaY: event.clientY - dragState.startY,
+        lockAxis: event.ctrlKey && !event.shiftKey,
+        preserveRatio: event.ctrlKey && event.shiftKey,
+        snapshot: dragState.snapshot
+      });
+      if (tableResizePreviewFrameRef.current === null) {
+        tableResizePreviewFrameRef.current = window.requestAnimationFrame(() => {
+          tableResizePreviewFrameRef.current = null;
+          const currentDragState = dragStateRef.current;
+          if (!currentDragState || currentDragState.kind !== "resize-table") return;
+          updateTableResizePreview(currentDragState.pendingDimensions);
+        });
+      }
+      document.body.style.cursor = "nwse-resize";
+      if (event.cancelable) event.preventDefault();
+    };
+    const finishTableResize = (event, commit) => {
+      const dragState = dragStateRef.current;
+      if (!dragState || dragState.kind !== "resize-table" || event.pointerId !== dragState.pointerId) return;
+      if (tableResizePreviewFrameRef.current !== null) {
+        window.cancelAnimationFrame(tableResizePreviewFrameRef.current);
+        tableResizePreviewFrameRef.current = null;
+      }
+      updateTableResizePreview(dragState.pendingDimensions);
+      if (commit && applyTableSize(editor, dragState.snapshot, dragState.pendingDimensions)) {
+        scheduleSyncFromSelection();
+      }
+      clearDrag();
+    };
+    const handlePointerUp = (event) => finishTableResize(event, true);
+    const handlePointerCancel = (event) => finishTableResize(event, false);
+    window.addEventListener("pointermove", handlePointerMove, { passive: false });
+    window.addEventListener("pointerup", handlePointerUp);
+    window.addEventListener("pointercancel", handlePointerCancel);
+    return () => {
+      window.removeEventListener("pointermove", handlePointerMove);
+      window.removeEventListener("pointerup", handlePointerUp);
+      window.removeEventListener("pointercancel", handlePointerCancel);
+      if (tableResizePreviewFrameRef.current !== null) {
+        window.cancelAnimationFrame(tableResizePreviewFrameRef.current);
+        tableResizePreviewFrameRef.current = null;
+      }
+    };
+  }, [clearDrag, editor, scheduleSyncFromSelection, updateTableResizePreview]);
+  const openCellInspector = import_react76.default.useCallback(() => {
+    const cellPos = layoutRef.current?.cellPos;
+    if (!showCellInspector || cellPos == null) return;
+    const didSelect = editor.commands.setCellSelection({
+      anchorCell: cellPos,
+      headCell: cellPos
+    });
+    if (!didSelect) return;
+    window.requestAnimationFrame(() => {
+      if (!editor.isDestroyed) editor.view.focus();
+    });
+  }, [editor, showCellInspector]);
   const menuItems = import_react76.default.useMemo(() => {
     if (!layout) return [];
     return [
+      ...showCellInspector ? [{
+        label: t("tableMenu.cellFormatting"),
+        icon: import_lucide_react57.Paintbrush,
+        onClick: openCellInspector
+      }] : [],
       {
         label: t("tableMenu.alignLeft"),
-        icon: import_lucide_react56.AlignLeft,
+        icon: import_lucide_react57.AlignLeft,
         onClick: () => applyTableAlignment(editor, "left", layout.cellPos)
       },
       {
         label: t("tableMenu.alignCenter"),
-        icon: import_lucide_react56.AlignCenter,
+        icon: import_lucide_react57.AlignCenter,
         onClick: () => applyTableAlignment(editor, "center", layout.cellPos)
       },
       {
         label: t("tableMenu.alignRight"),
-        icon: import_lucide_react56.AlignRight,
+        icon: import_lucide_react57.AlignRight,
         onClick: () => applyTableAlignment(editor, "right", layout.cellPos)
       },
       {
         label: t("tableMenu.addColumnBefore"),
-        icon: import_lucide_react56.ArrowLeft,
+        icon: import_lucide_react57.ArrowLeft,
         onClick: () => runAtActiveCell((chain) => chain.addColumnBefore())
       },
       {
         label: t("tableMenu.addColumnAfter"),
-        icon: import_lucide_react56.ArrowRight,
+        icon: import_lucide_react57.ArrowRight,
         onClick: () => runAtActiveCell((chain) => chain.addColumnAfter())
       },
       {
         label: t("tableMenu.addRowBefore"),
-        icon: import_lucide_react56.ArrowUp,
+        icon: import_lucide_react57.ArrowUp,
         onClick: () => runAtActiveCell((chain) => chain.addRowBefore())
       },
       {
         label: t("tableMenu.addRowAfter"),
-        icon: import_lucide_react56.ArrowDown,
+        icon: import_lucide_react57.ArrowDown,
         onClick: () => runAtActiveCell((chain) => chain.addRowAfter())
       },
       {
         label: t("tableMenu.toggleHeaderRow"),
-        icon: import_lucide_react56.Table,
+        icon: import_lucide_react57.Table,
         onClick: () => runAtActiveCell((chain) => chain.toggleHeaderRow())
       },
       {
         label: t("tableMenu.toggleHeaderColumn"),
-        icon: import_lucide_react56.Table,
+        icon: import_lucide_react57.Table,
         onClick: () => runAtActiveCell((chain) => chain.toggleHeaderColumn())
       },
       {
         label: t("tableMenu.deleteColumn"),
-        icon: import_lucide_react56.Trash2,
+        icon: import_lucide_react57.Trash2,
         onClick: () => runAtActiveCell((chain) => chain.deleteColumn()),
         destructive: true
       },
       {
         label: t("tableMenu.deleteRow"),
-        icon: import_lucide_react56.Trash2,
+        icon: import_lucide_react57.Trash2,
         onClick: () => runAtActiveCell((chain) => chain.deleteRow()),
         destructive: true
       },
       {
         label: t("tableMenu.deleteTable"),
-        icon: import_lucide_react56.Trash2,
+        icon: import_lucide_react57.Trash2,
         onClick: () => runAtActiveCell((chain) => chain.deleteTable()),
         destructive: true
       }
     ];
-  }, [editor, layout, runAtActiveCell, t]);
+  }, [editor, layout, openCellInspector, runAtActiveCell, showCellInspector, t]);
   const getRowHandleMenuItems = import_react76.default.useCallback((rowHandle) => [
     {
       label: t("tableMenu.addRowBefore"),
-      icon: import_lucide_react56.ArrowUp,
+      icon: import_lucide_react57.ArrowUp,
       onClick: () => runAtCellPos(rowHandle.cellPos, (chain) => chain.addRowBefore())
     },
     {
       label: t("tableMenu.addRowAfter"),
-      icon: import_lucide_react56.ArrowDown,
+      icon: import_lucide_react57.ArrowDown,
       onClick: () => runAtCellPos(rowHandle.cellPos, (chain) => chain.addRowAfter())
     },
     {
       label: t("tableMenu.duplicateRow"),
-      icon: import_lucide_react56.Copy,
+      icon: import_lucide_react57.Copy,
       onClick: () => duplicateRowAt(rowHandle.index, rowHandle.cellPos)
     },
     {
       label: t("tableMenu.clearRowContents"),
-      icon: import_lucide_react56.Table,
+      icon: import_lucide_react57.Table,
       onClick: () => clearRowAt(rowHandle.index, rowHandle.cellPos)
     },
     {
       label: t("tableMenu.deleteRow"),
-      icon: import_lucide_react56.Trash2,
+      icon: import_lucide_react57.Trash2,
       onClick: () => runAtCellPos(rowHandle.cellPos, (chain) => chain.deleteRow()),
       destructive: true
     }
@@ -42882,27 +43151,27 @@ function TableControls({ editor, containerRef }) {
   const getColumnHandleMenuItems = import_react76.default.useCallback((columnHandle) => [
     {
       label: t("tableMenu.addColumnBefore"),
-      icon: import_lucide_react56.ArrowLeft,
+      icon: import_lucide_react57.ArrowLeft,
       onClick: () => runAtCellPos(columnHandle.cellPos, (chain) => chain.addColumnBefore())
     },
     {
       label: t("tableMenu.addColumnAfter"),
-      icon: import_lucide_react56.ArrowRight,
+      icon: import_lucide_react57.ArrowRight,
       onClick: () => runAtCellPos(columnHandle.cellPos, (chain) => chain.addColumnAfter())
     },
     {
       label: t("tableMenu.duplicateColumn"),
-      icon: import_lucide_react56.Copy,
+      icon: import_lucide_react57.Copy,
       onClick: () => duplicateColumnAt(columnHandle.index, columnHandle.cellPos)
     },
     {
       label: t("tableMenu.clearColumnContents"),
-      icon: import_lucide_react56.Table,
+      icon: import_lucide_react57.Table,
       onClick: () => clearColumnAt(columnHandle.index, columnHandle.cellPos)
     },
     {
       label: t("tableMenu.deleteColumn"),
-      icon: import_lucide_react56.Trash2,
+      icon: import_lucide_react57.Trash2,
       onClick: () => runAtCellPos(columnHandle.cellPos, (chain) => chain.deleteColumn()),
       destructive: true
     }
@@ -42914,8 +43183,8 @@ function TableControls({ editor, containerRef }) {
   const menuLeft = Math.max(8, layout.tableLeft);
   const rowHandleLeft = layout.tableLeft - 12;
   const columnHandleTop = layout.tableTop - 12;
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       TableRowHandles,
       {
         activeRowIndex: layout.activeRowIndex,
@@ -42932,7 +43201,7 @@ function TableControls({ editor, containerRef }) {
         rowHandles: layout.rowHandles
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       TableColumnHandles,
       {
         activeColumnIndex: layout.activeColumnIndex,
@@ -42949,7 +43218,7 @@ function TableControls({ editor, containerRef }) {
         openMenuKey
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       TableControlMenu,
       {
         controlsVisible,
@@ -42964,7 +43233,18 @@ function TableControls({ editor, containerRef }) {
         top: menuTop
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    dragPreview === null && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+      TableResizeHandles,
+      {
+        active: tableResizeActive,
+        ctrlHint: t("tableMenu.resizeCtrlHint"),
+        frameRef: tableResizeFrameRef,
+        layout,
+        onStartResize: startTableResize,
+        resizeBothLabel: t("tableMenu.resizeBoth")
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       TableAddRails,
       {
         addColumnVisible: hoverState.addColumnVisible,
@@ -42978,7 +43258,7 @@ function TableControls({ editor, containerRef }) {
         quickAddRowLabel: t("tableMenu.quickAddRowAfter")
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       TableDragPreview,
       {
         columnDragLabel: t("tableMenu.dragColumn"),
@@ -44097,7 +44377,7 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
 // src/components/UEditor/menu-bar.tsx
 var import_react80 = __toESM(require("react"), 1);
 var import_react81 = require("@tiptap/react");
-var import_lucide_react57 = require("lucide-react");
+var import_lucide_react58 = require("lucide-react");
 
 // src/components/UEditor/preview-html.ts
 var DEFAULT_TABLE_COLUMN_WIDTH2 = 100;
@@ -44236,14 +44516,14 @@ function prepareUEditorPreviewHtml(html) {
 }
 
 // src/components/UEditor/menu-bar.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 function MenuTableInsertGrid({
   insertLabel,
   previewTemplate,
   onInsert
 }) {
   const closeMenu = useDropdownMenuClose();
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     TableInsertGrid,
     {
       insertLabel,
@@ -44259,9 +44539,9 @@ function renderMenuItems(items) {
   return items.map((item, i) => {
     switch (item.type) {
       case "separator":
-        return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DropdownMenuSeparator, {}, i);
+        return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(DropdownMenuSeparator, {}, i);
       case "action":
-        return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           DropdownMenuItem,
           {
             label: item.label,
@@ -44275,9 +44555,9 @@ function renderMenuItems(items) {
           i
         );
       case "sub":
-        return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DropdownMenuSub, { label: item.label, icon: item.icon, disabled: item.disabled, children: renderMenuItems(item.items) }, i);
+        return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(DropdownMenuSub, { label: item.label, icon: item.icon, disabled: item.disabled, children: renderMenuItems(item.items) }, i);
       case "custom":
-        return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react80.default.Fragment, { children: item.render() }, item.key);
+        return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react80.default.Fragment, { children: item.render() }, item.key);
     }
   });
 }
@@ -44315,7 +44595,7 @@ function buildEditMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.undo"),
-      icon: import_lucide_react57.Undo,
+      icon: import_lucide_react58.Undo,
       shortcut: t("menubar.undoShortcut"),
       onClick: () => editor.chain().focus().undo().run(),
       disabled: !editor.can().undo()
@@ -44323,7 +44603,7 @@ function buildEditMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.redo"),
-      icon: import_lucide_react57.Redo,
+      icon: import_lucide_react58.Redo,
       shortcut: t("menubar.redoShortcut"),
       onClick: () => editor.chain().focus().redo().run(),
       disabled: !editor.can().redo()
@@ -44332,7 +44612,7 @@ function buildEditMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.cut"),
-      icon: import_lucide_react57.Scissors,
+      icon: import_lucide_react58.Scissors,
       shortcut: t("menubar.cutShortcut"),
       onClick: () => document.execCommand("cut")
     },
@@ -44380,7 +44660,7 @@ function buildViewMenuItems(t, {
     {
       type: "action",
       label: t("menubar.sourceCode"),
-      icon: import_lucide_react57.FileCode,
+      icon: import_lucide_react58.FileCode,
       onClick: () => onSourceCode ? onSourceCode() : openSourceDialog()
     },
     {
@@ -44392,7 +44672,7 @@ function buildViewMenuItems(t, {
     {
       type: "action",
       label: t("menubar.fullscreen"),
-      icon: import_lucide_react57.Maximize2,
+      icon: import_lucide_react58.Maximize2,
       shortcut: t("menubar.fullscreenShortcut"),
       onClick: () => {
         const el = containerRef.current;
@@ -44411,7 +44691,7 @@ function buildFormatMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.bold"),
-      icon: import_lucide_react57.Bold,
+      icon: import_lucide_react58.Bold,
       shortcut: t("menubar.boldShortcut"),
       active: editor.isActive("bold"),
       onClick: () => editor.chain().focus().toggleBold().run()
@@ -44419,7 +44699,7 @@ function buildFormatMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.italic"),
-      icon: import_lucide_react57.Italic,
+      icon: import_lucide_react58.Italic,
       shortcut: t("menubar.italicShortcut"),
       active: editor.isActive("italic"),
       onClick: () => editor.chain().focus().toggleItalic().run()
@@ -44427,7 +44707,7 @@ function buildFormatMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.underline"),
-      icon: import_lucide_react57.Underline,
+      icon: import_lucide_react58.Underline,
       shortcut: t("menubar.underlineShortcut"),
       active: editor.isActive("underline"),
       onClick: () => editor.chain().focus().toggleUnderline().run()
@@ -44435,28 +44715,28 @@ function buildFormatMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.strike"),
-      icon: import_lucide_react57.Strikethrough,
+      icon: import_lucide_react58.Strikethrough,
       active: editor.isActive("strike"),
       onClick: () => editor.chain().focus().toggleStrike().run()
     },
     {
       type: "action",
       label: t("menubar.superscript"),
-      icon: import_lucide_react57.Superscript,
+      icon: import_lucide_react58.Superscript,
       active: editor.isActive("superscript"),
       onClick: () => editor.chain().focus().toggleSuperscript().run()
     },
     {
       type: "action",
       label: t("menubar.subscript"),
-      icon: import_lucide_react57.Subscript,
+      icon: import_lucide_react58.Subscript,
       active: editor.isActive("subscript"),
       onClick: () => editor.chain().focus().toggleSubscript().run()
     },
     {
       type: "action",
       label: t("menubar.code"),
-      icon: import_lucide_react57.Code,
+      icon: import_lucide_react58.Code,
       active: editor.isActive("code"),
       onClick: () => editor.chain().focus().toggleCode().run()
     },
@@ -44474,21 +44754,21 @@ function buildFormatMenuItems(t, editor) {
         {
           type: "action",
           label: t("menubar.heading1"),
-          icon: import_lucide_react57.Heading1,
+          icon: import_lucide_react58.Heading1,
           active: editor.isActive("heading", { level: 1 }),
           onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run()
         },
         {
           type: "action",
           label: t("menubar.heading2"),
-          icon: import_lucide_react57.Heading2,
+          icon: import_lucide_react58.Heading2,
           active: editor.isActive("heading", { level: 2 }),
           onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run()
         },
         {
           type: "action",
           label: t("menubar.heading3"),
-          icon: import_lucide_react57.Heading3,
+          icon: import_lucide_react58.Heading3,
           active: editor.isActive("heading", { level: 3 }),
           onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run()
         },
@@ -44496,21 +44776,21 @@ function buildFormatMenuItems(t, editor) {
         {
           type: "action",
           label: t("menubar.blockquote"),
-          icon: import_lucide_react57.Quote,
+          icon: import_lucide_react58.Quote,
           active: editor.isActive("blockquote"),
           onClick: () => editor.chain().focus().toggleBlockquote().run()
         },
         {
           type: "action",
           label: t("menubar.codeBlock"),
-          icon: import_lucide_react57.FileCode,
+          icon: import_lucide_react58.FileCode,
           active: editor.isActive("codeBlock"),
           onClick: () => editor.chain().focus().toggleCodeBlock().run()
         },
         {
           type: "action",
           label: t("menubar.taskList"),
-          icon: import_lucide_react57.ListTodo,
+          icon: import_lucide_react58.ListTodo,
           active: editor.isActive("taskList"),
           onClick: () => editor.chain().focus().toggleTaskList().run()
         }
@@ -44523,28 +44803,28 @@ function buildFormatMenuItems(t, editor) {
         {
           type: "action",
           label: t("menubar.alignLeft"),
-          icon: import_lucide_react57.AlignLeft,
+          icon: import_lucide_react58.AlignLeft,
           active: editor.isActive({ textAlign: "left" }),
           onClick: () => editor.chain().focus().setTextAlign("left").run()
         },
         {
           type: "action",
           label: t("menubar.alignCenter"),
-          icon: import_lucide_react57.AlignCenter,
+          icon: import_lucide_react58.AlignCenter,
           active: editor.isActive({ textAlign: "center" }),
           onClick: () => editor.chain().focus().setTextAlign("center").run()
         },
         {
           type: "action",
           label: t("menubar.alignRight"),
-          icon: import_lucide_react57.AlignRight,
+          icon: import_lucide_react58.AlignRight,
           active: editor.isActive({ textAlign: "right" }),
           onClick: () => editor.chain().focus().setTextAlign("right").run()
         },
         {
           type: "action",
           label: t("menubar.alignJustify"),
-          icon: import_lucide_react57.AlignJustify,
+          icon: import_lucide_react58.AlignJustify,
           active: editor.isActive({ textAlign: "justify" }),
           onClick: () => editor.chain().focus().setTextAlign("justify").run()
         }
@@ -44563,7 +44843,7 @@ function buildToolsMenuItems(t, { onSourceCode, openSourceDialog }) {
     {
       type: "action",
       label: t("menubar.sourceCode"),
-      icon: import_lucide_react57.FileCode,
+      icon: import_lucide_react58.FileCode,
       onClick: () => onSourceCode ? onSourceCode() : openSourceDialog()
     }
   ];
@@ -44574,12 +44854,12 @@ function buildTableMenuItems(t, editor, onInsertTable) {
     {
       type: "sub",
       label: t("menubar.insertTable"),
-      icon: import_lucide_react57.Table,
+      icon: import_lucide_react58.Table,
       items: [
         {
           type: "custom",
           key: "table-insert-grid",
-          render: () => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+          render: () => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
             MenuTableInsertGrid,
             {
               insertLabel: t("tableMenu.insertTable"),
@@ -44600,7 +44880,7 @@ function buildTableMenuItems(t, editor, onInsertTable) {
     {
       type: "action",
       label: t("menubar.deleteTable"),
-      icon: import_lucide_react57.Trash2,
+      icon: import_lucide_react58.Trash2,
       destructive: true,
       disabled: !inTable,
       onClick: () => editor.chain().focus().deleteTable().run()
@@ -44654,7 +44934,7 @@ function buildTableMenuItems(t, editor, onInsertTable) {
   ];
 }
 var MenuBarTrigger = import_react80.default.forwardRef(
-  ({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     "button",
     {
       ref,
@@ -44692,7 +44972,7 @@ var MenuBar = ({
   const fileInputRef = (0, import_react80.useRef)(null);
   const [showImageInput, setShowImageInput] = (0, import_react80.useState)(false);
   const [showLinkInput, setShowLinkInput] = (0, import_react80.useState)(false);
-  const [isInsertMenuOpen, setIsInsertMenuOpen] = (0, import_react80.useState)(false);
+  const [openMenuKey, setOpenMenuKey] = (0, import_react80.useState)(null);
   const [showSourceDialog, setShowSourceDialog] = (0, import_react80.useState)(false);
   const [sourceHtml, setSourceHtml] = (0, import_react80.useState)("");
   const [showPreviewDialog, setShowPreviewDialog] = (0, import_react80.useState)(false);
@@ -44716,7 +44996,7 @@ var MenuBar = ({
     setShowSourceDialog(false);
   };
   const closeInsertMenu = () => {
-    setIsInsertMenuOpen(false);
+    setOpenMenuKey(null);
     setShowImageInput(false);
     setShowLinkInput(false);
   };
@@ -44743,7 +45023,7 @@ var MenuBar = ({
       } catch {
       }
     }
-    setIsInsertMenuOpen(false);
+    closeInsertMenu();
   };
   const handleInsertTable = (rows, cols) => {
     editor.chain().focus().insertTable({ rows, cols, withHeaderRow: true }).run();
@@ -44757,13 +45037,13 @@ var MenuBar = ({
     {
       type: "custom",
       key: "image",
-      render: () => showImageInput ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ImageInput, { onSubmit: handleImageUrl, onCancel: () => setShowImageInput(false) }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DropdownMenuItem, { label: t("menubar.image"), icon: import_lucide_react57.Image, onClick: () => setShowImageInput(true), closeOnSelect: false }),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+      render: () => showImageInput ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(ImageInput, { onSubmit: handleImageUrl, onCancel: () => setShowImageInput(false) }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(DropdownMenuItem, { label: t("menubar.image"), icon: import_lucide_react58.Image, onClick: () => setShowImageInput(true), closeOnSelect: false }),
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           DropdownMenuItem,
           {
             label: t("menubar.imageUpload"),
-            icon: import_lucide_react57.Upload,
+            icon: import_lucide_react58.Upload,
             onClick: () => fileInputRef.current?.click(),
             closeOnSelect: false
           }
@@ -44774,11 +45054,11 @@ var MenuBar = ({
     {
       type: "custom",
       key: "link",
-      render: () => showLinkInput ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(LinkInput, { onSubmit: handleLinkSubmit, onCancel: () => setShowLinkInput(false), initialUrl: editor.getAttributes("link").href ?? "" }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+      render: () => showLinkInput ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(LinkInput, { onSubmit: handleLinkSubmit, onCancel: () => setShowLinkInput(false), initialUrl: editor.getAttributes("link").href ?? "" }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
         DropdownMenuItem,
         {
           label: t("menubar.link"),
-          icon: import_lucide_react57.Link,
+          icon: import_lucide_react58.Link,
           shortcut: t("menubar.linkShortcut"),
           onClick: () => setShowLinkInput(true),
           closeOnSelect: false
@@ -44789,12 +45069,12 @@ var MenuBar = ({
     {
       type: "sub",
       label: t("menubar.insertTable"),
-      icon: import_lucide_react57.Table,
+      icon: import_lucide_react58.Table,
       items: [
         {
           type: "custom",
           key: "table-grid",
-          render: () => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+          render: () => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
             MenuTableInsertGrid,
             {
               insertLabel: t("tableMenu.insertTable"),
@@ -44809,24 +45089,24 @@ var MenuBar = ({
     {
       type: "sub",
       label: t("menubar.formFields") || "Form Fields",
-      icon: import_lucide_react57.ListTodo,
+      icon: import_lucide_react58.ListTodo,
       items: [
         {
           type: "action",
           label: t("menubar.formCheckbox") || "Form Checkbox",
-          icon: import_lucide_react57.Square,
+          icon: import_lucide_react58.Square,
           onClick: () => editor.chain().focus().setFormCheckbox().run()
         },
         {
           type: "action",
           label: t("slashCommand.roundCheckbox") || "Round Checkbox",
-          icon: import_lucide_react57.CircleCheckBig,
+          icon: import_lucide_react58.CircleCheckBig,
           onClick: () => editor.chain().focus().setFormCheckbox({ variant: "circle" }).run()
         },
         {
           type: "action",
           label: t("menubar.formRadio") || "Form Radio Button",
-          icon: import_lucide_react57.CircleDot,
+          icon: import_lucide_react58.CircleDot,
           onClick: () => editor.chain().focus().setFormRadio().run()
         }
       ]
@@ -44840,41 +45120,31 @@ var MenuBar = ({
   ];
   const menus = [
     {
+      key: "file",
       label: t("menubar.file"),
-      items: buildFileMenuItems(t, editor, { onSave, onExport }),
-      open: void 0,
-      onOpenChange: void 0
+      items: buildFileMenuItems(t, editor, { onSave, onExport })
     },
-    { label: t("menubar.edit"), items: buildEditMenuItems(t, editor), open: void 0, onOpenChange: void 0 },
+    { key: "edit", label: t("menubar.edit"), items: buildEditMenuItems(t, editor) },
     {
+      key: "view",
       label: t("menubar.view"),
-      items: buildViewMenuItems(t, { containerRef, onSourceCode, openSourceDialog, onPreview: handlePreview, openPreviewDialog }),
-      open: void 0,
-      onOpenChange: void 0
+      items: buildViewMenuItems(t, { containerRef, onSourceCode, openSourceDialog, onPreview: handlePreview, openPreviewDialog })
     },
     {
+      key: "insert",
       label: t("menubar.insert"),
-      items: insertMenuItems,
-      open: isInsertMenuOpen,
-      onOpenChange: (open) => {
-        setIsInsertMenuOpen(open);
-        if (!open) {
-          setShowImageInput(false);
-          setShowLinkInput(false);
-        }
-      }
+      items: insertMenuItems
     },
-    { label: t("menubar.format"), items: buildFormatMenuItems(t, editor), open: void 0, onOpenChange: void 0 },
+    { key: "format", label: t("menubar.format"), items: buildFormatMenuItems(t, editor) },
     {
+      key: "tools",
       label: t("menubar.tools"),
-      items: buildToolsMenuItems(t, { onSourceCode, openSourceDialog }),
-      open: void 0,
-      onOpenChange: void 0
+      items: buildToolsMenuItems(t, { onSourceCode, openSourceDialog })
     },
-    { label: t("menubar.table"), items: buildTableMenuItems(t, editor, handleInsertTable), open: void 0, onOpenChange: void 0 }
+    { key: "table", label: t("menubar.table"), items: buildTableMenuItems(t, editor, handleInsertTable) }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       "input",
       {
         ref: fileInputRef,
@@ -44885,19 +45155,26 @@ var MenuBar = ({
         onChange: (e) => handleImageFiles(e.target.files)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center gap-0.5 border-b border-border/35 bg-muted/20 px-1.5 py-0.5", children: [
-      menus.map(({ label, items, open, onOpenChange }) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex items-center gap-0.5 border-b border-border/35 bg-muted/20 px-1.5 py-0.5", children: [
+      menus.map(({ key, label, items }) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
         DropdownMenu,
         {
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(MenuBarTrigger, { children: label }),
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(MenuBarTrigger, { children: label }),
           placement: "bottom-start",
-          isOpen: open,
-          onOpenChange,
+          isOpen: openMenuKey === key,
+          onOpenChange: (open) => {
+            setOpenMenuKey((current) => open ? key : current === key ? null : current);
+            if (key === "insert" && !open) {
+              setShowImageInput(false);
+              setShowLinkInput(false);
+            }
+          },
+          openOnHover: true,
           children: renderMenuItems(items)
         },
-        label
+        key
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
         "button",
         {
           type: "button",
@@ -44908,20 +45185,20 @@ var MenuBar = ({
             "ml-auto inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors",
             "hover:bg-accent hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react57.Eye, { className: "h-4 w-4", "aria-hidden": "true" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react58.Eye, { className: "h-4 w-4", "aria-hidden": "true" })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       Modal_default,
       {
         isOpen: showSourceDialog,
         onClose: () => setShowSourceDialog(false),
         title: t("menubar.sourceCode"),
         size: "lg",
-        children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "text-xs text-muted-foreground", children: t("menubar.sourceCodeHint") }),
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-xs text-muted-foreground", children: t("menubar.sourceCodeHint") }),
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
             "textarea",
             {
               "data-testid": "source-code-textarea",
@@ -44931,8 +45208,8 @@ var MenuBar = ({
               spellCheck: false
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex gap-2 justify-end", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex gap-2 justify-end", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
               "button",
               {
                 type: "button",
@@ -44941,7 +45218,7 @@ var MenuBar = ({
                 children: t("menubar.applySource")
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
               "button",
               {
                 type: "button",
@@ -44954,7 +45231,7 @@ var MenuBar = ({
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       Modal_default,
       {
         isOpen: showPreviewDialog,
@@ -44965,12 +45242,12 @@ var MenuBar = ({
         height: "min(860px, calc(100vh - 2rem))",
         className: "flex flex-col overflow-hidden rounded-xl md:rounded-2xl",
         contentClassName: "flex min-h-0 flex-1 overflow-hidden p-0",
-        children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           "div",
           {
             "data-testid": "preview-content",
             className: "min-h-0 flex-1 overflow-y-auto overscroll-contain",
-            children: editor.isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+            children: editor.isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
               "div",
               {
                 className: UEDITOR_PROSEMIRROR_CLASS_NAME,
@@ -44987,8 +45264,8 @@ var MenuBar = ({
 // src/components/UEditor/table-formula-bar.tsx
 var import_react82 = require("react");
 var import_react83 = require("@tiptap/react");
-var import_lucide_react58 = require("lucide-react");
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_lucide_react59 = require("lucide-react");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 function TableFormulaBar({ editor }) {
   const t = useSmartTranslations("UEditor");
   const inputRef = (0, import_react82.useRef)(null);
@@ -45038,7 +45315,7 @@ function TableFormulaBar({ editor }) {
       if (!editor.isDestroyed) editor.commands.focus();
     }, 0);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
     "div",
     {
       "data-ueditor-formula-bar": "",
@@ -45046,7 +45323,7 @@ function TableFormulaBar({ editor }) {
       "aria-label": t("tableMenu.formulaBar"),
       className: "flex min-h-10 items-center gap-2 border-b border-border/60 bg-muted/25 px-2 py-1.5",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           "span",
           {
             "data-ueditor-formula-cell-label": "",
@@ -45054,8 +45331,8 @@ function TableFormulaBar({ editor }) {
             children: selectedCell.label
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react58.Sigma, { "aria-hidden": "true", className: "h-4 w-4 shrink-0 text-primary" }),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react59.Sigma, { "aria-hidden": "true", className: "h-4 w-4 shrink-0 text-primary" }),
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           "input",
           {
             ref: inputRef,
@@ -45076,18 +45353,18 @@ function TableFormulaBar({ editor }) {
             className: "h-7 min-w-0 flex-1 rounded-md border border-border/60 bg-background px-2 font-mono text-sm text-foreground outline-none focus:border-primary/40 focus:ring-2 focus:ring-primary/15"
           }
         ),
-        selectedCell.formulaState === "error" && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+        selectedCell.formulaState === "error" && /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
           "span",
           {
             role: "status",
             className: "hidden shrink-0 items-center gap-1 text-xs font-medium text-destructive sm:inline-flex",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react58.AlertCircle, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react59.AlertCircle, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
               t("tableMenu.formulaError")
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           "button",
           {
             type: "button",
@@ -45095,10 +45372,10 @@ function TableFormulaBar({ editor }) {
             "aria-label": t("tableMenu.apply"),
             title: t("tableMenu.apply"),
             className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-primary text-primary-foreground transition-colors hover:bg-primary/90",
-            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react58.Check, { "aria-hidden": "true", className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react59.Check, { "aria-hidden": "true", className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           "button",
           {
             type: "button",
@@ -45109,10 +45386,10 @@ function TableFormulaBar({ editor }) {
             "aria-label": t("tableMenu.convertToValue"),
             title: t("tableMenu.convertToValue"),
             className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md border border-border/60 bg-background text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react58.Hash, { "aria-hidden": "true", className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react59.Hash, { "aria-hidden": "true", className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           "button",
           {
             type: "button",
@@ -45123,7 +45400,7 @@ function TableFormulaBar({ editor }) {
             "aria-label": t("tableMenu.clearCell"),
             title: t("tableMenu.clearCell"),
             className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md border border-destructive/30 bg-background text-destructive transition-colors hover:bg-destructive/10",
-            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react58.Trash2, { "aria-hidden": "true", className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react59.Trash2, { "aria-hidden": "true", className: "h-4 w-4" })
           }
         )
       ]
@@ -45132,7 +45409,7 @@ function TableFormulaBar({ editor }) {
 }
 
 // src/components/UEditor/UEditor.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 var UEditor = import_react84.default.forwardRef(({
   content = "",
   onChange,
@@ -45400,7 +45677,7 @@ var UEditor = import_react84.default.forwardRef(({
     }
   }, [content, editor]);
   if (!editor) {
-    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
       "div",
       {
         className: cn("w-full border bg-background flex items-center justify-center text-muted-foreground", className),
@@ -45409,7 +45686,7 @@ var UEditor = import_react84.default.forwardRef(({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
     "div",
     {
       className: cn(
@@ -45425,7 +45702,7 @@ var UEditor = import_react84.default.forwardRef(({
         className
       ),
       children: [
-        editable && showMenuBar && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+        editable && showMenuBar && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
           MenuBar,
           {
             editor,
@@ -45440,7 +45717,7 @@ var UEditor = import_react84.default.forwardRef(({
             onPreview
           }
         ),
-        editable && showToolbar && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+        editable && showToolbar && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
           EditorToolbar,
           {
             editor,
@@ -45455,8 +45732,8 @@ var UEditor = import_react84.default.forwardRef(({
             letterSpacings
           }
         ),
-        editable && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TableFormulaBar, { editor }),
-        editable && showBubbleMenu && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+        editable && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(TableFormulaBar, { editor }),
+        editable && showBubbleMenu && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
           CustomBubbleMenu,
           {
             editor,
@@ -45464,8 +45741,8 @@ var UEditor = import_react84.default.forwardRef(({
             lineHeights
           }
         ),
-        editable && showFloatingMenu && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(CustomFloatingMenu, { editor }),
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+        editable && showFloatingMenu && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(CustomFloatingMenu, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
           "div",
           {
             ref: (node) => {
@@ -45478,7 +45755,7 @@ var UEditor = import_react84.default.forwardRef(({
               maxHeight
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                 "span",
                 {
                   ref: tableColumnGuideRef,
@@ -45486,7 +45763,7 @@ var UEditor = import_react84.default.forwardRef(({
                   className: "pointer-events-none absolute z-20 bg-primary opacity-0 transition-opacity duration-100"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                 "span",
                 {
                   ref: tableRowGuideRef,
@@ -45494,7 +45771,7 @@ var UEditor = import_react84.default.forwardRef(({
                   className: "pointer-events-none absolute z-20 bg-primary opacity-0 transition-opacity duration-100"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                 "span",
                 {
                   ref: activeTableCellHighlightRef,
@@ -45503,7 +45780,7 @@ var UEditor = import_react84.default.forwardRef(({
                   className: "pointer-events-none hidden absolute z-20 rounded-[2px] border-2 border-primary bg-primary/10"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                 "div",
                 {
                   ref: formulaCoordinateOverlayRef,
@@ -45511,7 +45788,7 @@ var UEditor = import_react84.default.forwardRef(({
                   className: "pointer-events-none absolute inset-0 z-[35] hidden overflow-visible"
                 }
               ),
-              formulaRangeHighlight && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+              formulaRangeHighlight && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                 "span",
                 {
                   "aria-hidden": "true",
@@ -45529,8 +45806,15 @@ var UEditor = import_react84.default.forwardRef(({
                   }
                 }
               ),
-              editable && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TableControls, { editor, containerRef: editorContentRef }),
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+              editable && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+                TableControls,
+                {
+                  editor,
+                  containerRef: editorContentRef,
+                  showCellInspector: showBubbleMenu
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                 import_react85.EditorContent,
                 {
                   editor,
@@ -45540,7 +45824,7 @@ var UEditor = import_react84.default.forwardRef(({
             ]
           }
         ),
-        showFooter && showCharacterCount && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(CharacterCountDisplay, { editor, maxCharacters })
+        showFooter && showCharacterCount && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(CharacterCountDisplay, { editor, maxCharacters })
       ]
     }
   );