@underverse-ui/underverse 2.0.12 → 2.0.14

package/dist/{chunk-Q6BQUWKB.js → chunk-DCFQGH3K.js}

@@ -1,11 +1,11 @@
 import {
   getPanelBorderRadiusClass,
   useUnderverseUIConfig
-} from "./chunk-EVS5YWTO.js";
+} from "./chunk-3Q5EE2ZA.js";
 import {
   cn,
   useGlobalI18n
-} from "./chunk-PYC5EY5W.js";
+} from "./chunk-PV2G2XME.js";
 
 // src/components/Modal.tsx
 import * as React from "react";
@@ -196,4 +196,4 @@ var Modal_default = Modal;
 export {
   Modal_default
 };
-//# sourceMappingURL=chunk-Q6BQUWKB.js.map
+//# sourceMappingURL=chunk-DCFQGH3K.js.map

package/dist/{chunk-VNSCI3OK.js → chunk-DXLSCUYA.js}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PYC5EY5W.js";
+} from "./chunk-PV2G2XME.js";
 
 // src/components/emoji-ui.tsx
 import React from "react";
@@ -71,4 +71,4 @@ export {
   getEmojiImageUrl,
   EmojiGridButton
 };
-//# sourceMappingURL=chunk-VNSCI3OK.js.map
+//# sourceMappingURL=chunk-DXLSCUYA.js.map

package/dist/{chunk-HEYNAGQD.js → chunk-N2S6RI4Y.js}

@@ -1,6 +1,6 @@
 import {
   EmojiGridButton
-} from "./chunk-VNSCI3OK.js";
+} from "./chunk-DXLSCUYA.js";
 import {
   EMOJI_LIST
 } from "./chunk-4TYW5K4J.js";
@@ -9,7 +9,7 @@ import {
   cn,
   formControlOutlineClass,
   useSmartTranslations
-} from "./chunk-PYC5EY5W.js";
+} from "./chunk-PV2G2XME.js";
 
 // src/components/EmojiPicker.tsx
 import { useEffect, useMemo, useRef, useState } from "react";
@@ -205,4 +205,4 @@ export {
   EmojiPicker,
   EmojiPicker_default
 };
-//# sourceMappingURL=chunk-HEYNAGQD.js.map
+//# sourceMappingURL=chunk-N2S6RI4Y.js.map

package/dist/{chunk-P2RLTURA.js → chunk-PDYEK7HL.js}

@@ -1,7 +1,7 @@
 import {
   EmojiGridButton,
   formatEmojiCountLabel
-} from "./chunk-VNSCI3OK.js";
+} from "./chunk-DXLSCUYA.js";
 import {
   COLUMN_RESIZE_LINE_THICKNESS,
   CellBgColorIcon,
@@ -41,26 +41,28 @@ import {
   getRelativeCellMetrics,
   getRelativeSelectedCellsMetrics,
   getSelectionTableCell,
-  isColumnResizeHotspot,
   isPointOverRenderedText,
   isRowResizeHotspot,
+  isRowResizingGlobal,
   isSafeUEditorUrl,
   mergeTableCellsPreservingColumnWidths,
   normalizeStyleValue,
   resetImageSize,
+  resolveColumnResizeTarget,
   resolveEventElement,
+  resolveRowResizeTarget,
   runTableCommandAtCellPos,
   sanitizeUEditorUrl,
   useEditorColors,
   useSharedEditorUiRenderState
-} from "./chunk-EVS5YWTO.js";
+} from "./chunk-3Q5EE2ZA.js";
 import {
   Tooltip,
   cn,
   formControlGroupOutlineClass,
   formControlOutlineClass,
   useSmartTranslations
-} from "./chunk-PYC5EY5W.js";
+} from "./chunk-PV2G2XME.js";
 
 // src/components/UEditor/prepare-content-for-save.ts
 var MIME_EXTENSION_MAP = {
@@ -510,7 +512,7 @@ import { NodeViewWrapper, NodeViewContent } from "@tiptap/react";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 var LazyBaseEmojiPicker = React.lazy(async () => {
-  const { EmojiPicker: EmojiPicker2 } = await import("./EmojiPicker-FFNIUMI3.js");
+  const { EmojiPicker: EmojiPicker2 } = await import("./EmojiPicker-CGMUDB4I.js");
   return { default: EmojiPicker2 };
 });
 var EmojiPicker = ({ onSelect }) => {
@@ -3315,7 +3317,7 @@ var indent_default = Indent;
 // src/components/UEditor/table-align.ts
 import { mergeAttributes as mergeAttributes7 } from "@tiptap/core";
 import { Table as Table2 } from "@tiptap/extension-table";
-import { Plugin as Plugin4 } from "@tiptap/pm/state";
+import { Plugin as Plugin4, PluginKey as PluginKey5 } from "@tiptap/pm/state";
 import { tableEditing } from "@tiptap/pm/tables";
 
 // src/components/UEditor/table-column-resize.ts
@@ -3455,6 +3457,15 @@ function edgeCell(view, event, side, handleWidth) {
   const index = map.map.indexOf($cell.pos - start);
   return index % map.width === 0 ? -1 : start + map.map[index - 1];
 }
+var handleHoverTimer = null;
+var pendingHandleCell = -1;
+function clearHandleHoverTimer() {
+  if (handleHoverTimer !== null) {
+    window.clearTimeout(handleHoverTimer);
+    handleHoverTimer = null;
+  }
+  pendingHandleCell = -1;
+}
 function updateHandle(view, value) {
   view.dispatch(view.state.tr.setMeta(columnResizingPluginKey, { setHandle: value }));
 }
@@ -3469,19 +3480,43 @@ function handleMouseMove(view, event, handleWidth, lastColumnResizable) {
     if (event.clientX - left <= handleWidth) cell = edgeCell(view, event, "left", handleWidth);
     else if (right - event.clientX <= handleWidth) cell = edgeCell(view, event, "right", handleWidth);
   }
-  if (cell === pluginState.activeHandle) return;
-  if (!lastColumnResizable && cell !== -1) {
+  if (cell === pluginState.activeHandle) {
+    clearHandleHoverTimer();
+    return;
+  }
+  if (cell === -1) {
+    clearHandleHoverTimer();
+    if (pluginState.activeHandle !== -1) {
+      updateHandle(view, -1);
+    }
+    return;
+  }
+  if (!lastColumnResizable) {
     const $cell = view.state.doc.resolve(cell);
     const table = $cell.node(-1);
     const map = TableMap.get(table);
     const tableStart = $cell.start(-1);
     const nodeAfter = $cell.nodeAfter;
     if (!nodeAfter) return;
-    if (map.colCount($cell.pos - tableStart) + nodeAfter.attrs.colspan - 1 === map.width - 1) return;
+    if (map.colCount($cell.pos - tableStart) + nodeAfter.attrs.colspan - 1 === map.width - 1) {
+      clearHandleHoverTimer();
+      if (pluginState.activeHandle !== -1) {
+        updateHandle(view, -1);
+      }
+      return;
+    }
   }
-  updateHandle(view, cell);
+  if (pendingHandleCell === cell) return;
+  clearHandleHoverTimer();
+  pendingHandleCell = cell;
+  handleHoverTimer = window.setTimeout(() => {
+    handleHoverTimer = null;
+    pendingHandleCell = -1;
+    updateHandle(view, cell);
+  }, 100);
 }
 function handleMouseLeave(view) {
+  clearHandleHoverTimer();
   if (!view.editable) return;
   const pluginState = columnResizingPluginKey.getState(view.state);
   if (pluginState && pluginState.activeHandle > -1 && !pluginState.dragging) {
@@ -3530,7 +3565,7 @@ function getColumnResizeGhost(view) {
     ghost.style.pointerEvents = "none";
     ghost.style.width = "2px";
     ghost.style.backgroundColor = "var(--primary, #2563eb)";
-    ghost.style.opacity = "1";
+    ghost.style.opacity = "0.5";
     ghost.style.borderRadius = "9999px";
     ghost.style.boxShadow = "0 0 0 1px color-mix(in oklch, var(--background, #fff) 80%, transparent)";
     ghost.style.transform = "translateX(-1px)";
@@ -3559,6 +3594,7 @@ function showColumnResizeGhost(view, cell, dragging, width) {
   ghost.style.height = `${rect.height}px`;
 }
 function handleMouseDown(view, event, cellMinWidth) {
+  clearHandleHoverTimer();
   if (!view.editable) return false;
   const win = view.dom.ownerDocument.defaultView ?? window;
   const pluginState = columnResizingPluginKey.getState(view.state);
@@ -3805,6 +3841,38 @@ var UEditorTable = Table2.extend({
           lastColumnResizable: this.options.lastColumnResizable
         })
       ] : [],
+      new Plugin4({
+        key: new PluginKey5("tableRowResizeInterceptor"),
+        props: {
+          handleDOMEvents: {
+            mousedown(view, event) {
+              if (event.button !== 0) return false;
+              const target = resolveEventElement(event.target);
+              const cell = target?.closest("th,td");
+              if (cell instanceof HTMLElement && isRowResizeHotspot(cell, event.clientX, event.clientY)) {
+                isRowResizingGlobal.active = true;
+                return true;
+              }
+              return false;
+            },
+            mousemove(_view, event) {
+              if (isRowResizingGlobal.active) {
+                if (event.buttons === 0) {
+                  isRowResizingGlobal.active = false;
+                  return false;
+                }
+                event.preventDefault();
+                return true;
+              }
+              return false;
+            },
+            mouseup() {
+              isRowResizingGlobal.active = false;
+              return false;
+            }
+          }
+        }
+      }),
       tableEditing({
         allowTableNodeSelection: this.options.allowTableNodeSelection
       }),
@@ -3944,7 +4012,7 @@ var CodeBlockView = ({
 
 // src/components/UEditor/optimized-lowlight.ts
 import { findChildren } from "@tiptap/core";
-import { Plugin as Plugin5, PluginKey as PluginKey5 } from "@tiptap/pm/state";
+import { Plugin as Plugin5, PluginKey as PluginKey6 } from "@tiptap/pm/state";
 import { Decoration as Decoration3, DecorationSet as DecorationSet3 } from "@tiptap/pm/view";
 function parseHighlightNodes(nodes, inheritedClasses = []) {
   return nodes.flatMap((value) => {
@@ -4066,7 +4134,7 @@ function createOptimizedLowlightPlugin({
   lowlight,
   nodeName
 }) {
-  const pluginKey = new PluginKey5("ueditorLowlight");
+  const pluginKey = new PluginKey6("ueditorLowlight");
   const createDecorations = (doc) => buildLowlightDecorations({
     defaultLanguage,
     doc,
@@ -6971,7 +7039,11 @@ var CustomBubbleMenu = ({
         setIsVisible(false);
         return;
       }
-      if (!keepOpenRef.current && (context2 === "none" || !view.hasFocus())) {
+      const isInputFocused = () => {
+        const active = document.activeElement;
+        return Boolean(active && (menuRef.current?.contains(active) || active.closest?.("[data-ueditor-keep-open]")));
+      };
+      if (!keepOpenRef.current && !isInputFocused() && (context2 === "none" || !view.hasFocus())) {
         clearShowTimeout();
         setIsVisible(false);
         return;
@@ -7012,7 +7084,8 @@ var CustomBubbleMenu = ({
       }, SHOW_DELAY_MS);
     };
     const handleBlur = () => {
-      if (!keepOpenRef.current) {
+      const isInputFocused = Boolean(document.activeElement && (menuRef.current?.contains(document.activeElement) || document.activeElement.closest?.("[data-ueditor-keep-open]")));
+      if (!keepOpenRef.current && !isInputFocused) {
         clearShowTimeout();
         setIsVisible(false);
       }
@@ -7106,6 +7179,9 @@ var CustomBubbleMenu = ({
           } else if (target?.closest?.("[data-ueditor-keep-open]")) {
             setKeepOpen(true);
           }
+          if (target && target.closest("input, textarea, select")) {
+            return;
+          }
           e.preventDefault();
         },
         children: context === "link" && !keepOpen && !linkInputOpen ? /* @__PURE__ */ jsx12(
@@ -10264,7 +10340,7 @@ function createKey(name) {
   keys[name] = 0;
   return name + "$";
 }
-var PluginKey6 = class {
+var PluginKey7 = class {
   /**
   Create a plugin key.
   */
@@ -10696,7 +10772,7 @@ function tableNodeTypes2(schema) {
   }
   return result;
 }
-var tableEditingKey = new PluginKey6("selectingCells");
+var tableEditingKey = new PluginKey7("selectingCells");
 function cellAround2($pos) {
   for (let d = $pos.depth - 1; d > 0; d--) if ($pos.node(d).type.spec.tableRole == "row") return $pos.node(0).resolve($pos.before(d + 1));
   return null;
@@ -10927,7 +11003,7 @@ var CellBookmark = class CellBookmark2 {
     else return Selection.near($headCell, 1);
   }
 };
-var fixTablesKey = new PluginKey6("fix-tables");
+var fixTablesKey = new PluginKey7("fix-tables");
 function convertTableNodeToArrayOfRows(tableNode) {
   const map = TableMap3.get(tableNode);
   const rows = [];
@@ -11405,7 +11481,7 @@ function atEndOfCell(view, axis, dir) {
   }
   return null;
 }
-var columnResizingPluginKey2 = new PluginKey6("tableColumnResizing");
+var columnResizingPluginKey2 = new PluginKey7("tableColumnResizing");
 
 // src/components/UEditor/table-controls.tsx
 import {
@@ -11856,6 +11932,8 @@ function TableDragPreview({
 import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 var ADD_COLUMN_RAIL_GAP = 4;
 var ADD_ROW_RAIL_GAP = 4;
+var BUTTON_LONG_SIZE = 36;
+var BUTTON_SHORT_SIZE = 14;
 function TableAddRails({
   addColumnVisible,
   addRowVisible,
@@ -11868,10 +11946,10 @@ function TableAddRails({
   quickAddRowLabel
 }) {
   const visibleBounds = getVisibleTableBounds(layout);
-  const columnRailTop = visibleBounds.top;
+  const columnRailTop = visibleBounds.top + Math.max(0, (visibleBounds.height - BUTTON_LONG_SIZE) / 2);
   const columnRailLeft = visibleBounds.right + ADD_COLUMN_RAIL_GAP;
   const rowRailTop = layout.wrapperTop + layout.wrapperHeight + ADD_ROW_RAIL_GAP;
-  const rowRailLeft = visibleBounds.left;
+  const rowRailLeft = visibleBounds.left + Math.max(0, (visibleBounds.width - BUTTON_LONG_SIZE) / 2);
   const showColumnRail = controlsVisible || addColumnVisible;
   const showRowRail = controlsVisible || addRowVisible;
   return /* @__PURE__ */ jsxs13(Fragment4, { children: [
@@ -11896,15 +11974,15 @@ function TableAddRails({
             className: cn(
               "absolute z-30 inline-flex items-center justify-center rounded-md",
               "border border-border/70 bg-muted/40 text-muted-foreground shadow-sm backdrop-blur",
-              "transition-[opacity,transform,colors] duration-150 hover:bg-accent hover:text-foreground disabled:opacity-50 disabled:cursor-not-allowed"
+              "transition-[opacity,transform,colors] duration-200 delay-100 ease-out cursor-pointer hover:bg-accent hover:text-foreground disabled:opacity-50 disabled:cursor-not-allowed"
             ),
             style: {
-              top: showColumnRail ? columnRailTop : columnRailTop + Math.max(0, visibleBounds.height / 2 - 24),
+              top: columnRailTop,
               left: columnRailLeft,
-              width: showColumnRail ? 18 : 12,
-              height: showColumnRail ? visibleBounds.height : 48,
+              width: BUTTON_SHORT_SIZE,
+              height: BUTTON_LONG_SIZE,
               opacity: showColumnRail ? 1 : 0,
-              transform: showColumnRail ? "scale(1)" : "scale(0.92)",
+              transform: showColumnRail ? "scale(1)" : "scale(0.85)",
               pointerEvents: showColumnRail ? "auto" : "none"
             },
             children: /* @__PURE__ */ jsx14("span", { className: "text-sm font-medium leading-none", children: "+" })
@@ -11933,15 +12011,15 @@ function TableAddRails({
             className: cn(
               "absolute z-30 inline-flex items-center justify-center rounded-md",
               "border border-border/70 bg-muted/40 text-muted-foreground shadow-sm backdrop-blur",
-              "transition-[opacity,transform,colors] duration-150 hover:bg-accent hover:text-foreground disabled:opacity-50 disabled:cursor-not-allowed"
+              "transition-[opacity,transform,colors] duration-200 delay-100 ease-out cursor-pointer hover:bg-accent hover:text-foreground disabled:opacity-50 disabled:cursor-not-allowed"
             ),
             style: {
               top: rowRailTop,
-              left: showRowRail ? rowRailLeft : rowRailLeft + Math.max(0, visibleBounds.width / 2 - 24),
-              width: showRowRail ? visibleBounds.width : 48,
-              height: showRowRail ? 16 : 12,
+              left: rowRailLeft,
+              width: BUTTON_LONG_SIZE,
+              height: BUTTON_SHORT_SIZE,
               opacity: showRowRail ? 1 : 0,
-              transform: showRowRail ? "scale(1)" : "scale(0.92)",
+              transform: showRowRail ? "scale(1)" : "scale(0.85)",
               pointerEvents: showRowRail ? "auto" : "none"
             },
             children: /* @__PURE__ */ jsx14("span", { className: "text-sm font-medium leading-none", children: "+" })
@@ -12072,7 +12150,7 @@ function TableRowHandles({
                       onStartDrag(rowHandle);
                     },
                     className: cn(
-                      "inline-flex h-6 w-6 items-center justify-center rounded-full transition-[opacity,transform,colors,border,background-color] duration-150",
+                      "inline-flex h-6 w-6 items-center justify-center rounded-full transition-[opacity,transform,colors,border,background-color] duration-200 delay-100 ease-out",
                       visible ? "border border-border/70 bg-background/95 text-muted-foreground shadow-sm backdrop-blur hover:bg-accent hover:text-foreground cursor-grab active:cursor-grabbing" : "border-transparent bg-transparent cursor-pointer"
                     ),
                     style: {
@@ -12147,7 +12225,7 @@ function TableColumnHandles({
                       onStartDrag(columnHandle);
                     },
                     className: cn(
-                      "inline-flex h-6 w-6 items-center justify-center rounded-full transition-[opacity,transform,colors,border,background-color] duration-150",
+                      "inline-flex h-6 w-6 items-center justify-center rounded-full transition-[opacity,transform,colors,border,background-color] duration-200 delay-100 ease-out",
                       visible ? "border border-border/70 bg-background/95 text-muted-foreground shadow-sm backdrop-blur hover:bg-accent hover:text-foreground cursor-grab active:cursor-grabbing" : "border-transparent bg-transparent cursor-pointer"
                     ),
                     style: {
@@ -12534,7 +12612,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
   const updateHoverState = React10.useCallback((event) => {
     const activeLayout = layoutRef.current;
     const surface = containerRef.current;
-    if (!activeLayout || !surface || dragStateRef.current) {
+    if (!activeLayout || !surface || dragStateRef.current || event.buttons !== 0) {
       setHoverState(DEFAULT_TABLE_HOVER_STATE);
       return;
     }
@@ -12668,7 +12746,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
     return result;
   }, [editor, scheduleSyncFromSelection]);
   const canExpandTable = Boolean(layout);
-  const controlsVisible = dragPreview !== null;
+  const controlsVisible = false;
   const tableMenuOpen = openMenuKey === "table";
   const startTableResize = React10.useCallback((event) => {
     if (event.button !== 0 || dragStateRef.current) return;
@@ -13189,6 +13267,9 @@ function useTableRowResize({
       pendingHeight: startHeight
     };
     showRowGuide(table, row, cell, startHeight);
+    isRowResizingGlobal.active = true;
+    window.getSelection()?.removeAllRanges();
+    document.body.style.userSelect = "none";
     document.body.style.cursor = "row-resize";
     event.preventDefault();
     event.stopPropagation();
@@ -13230,6 +13311,8 @@ function useTableRowResize({
       editor.view.dispatch(tr);
     }
     stateRef.current = null;
+    isRowResizingGlobal.active = false;
+    document.body.style.userSelect = "";
     document.body.style.cursor = "";
     clearHoveredTableCell();
     clearAllTableResizeHover();
@@ -13238,6 +13321,8 @@ function useTableRowResize({
   const cancelResize = React11.useCallback(() => {
     if (!stateRef.current) return;
     stateRef.current = null;
+    isRowResizingGlobal.active = false;
+    document.body.style.userSelect = "";
     document.body.style.cursor = "";
     clearHoveredTableCell();
     clearAllTableResizeHover();
@@ -13245,6 +13330,8 @@ function useTableRowResize({
   }, [clearAllTableResizeHover, clearHoveredTableCell, scheduleTableLayoutSync]);
   const cleanup = React11.useCallback(() => {
     stateRef.current = null;
+    isRowResizingGlobal.active = false;
+    document.body.style.userSelect = "";
     document.body.style.cursor = "";
   }, []);
   return {
@@ -13293,11 +13380,21 @@ function useUEditorTableInteractions(editor, editable = true) {
       guide.style.opacity = "0";
     }
   }, [getProseMirrorElement]);
+  const hotspotTimerRef = useRef6(null);
+  const activeHotspotKeyRef = useRef6(null);
+  const clearHotspotTimer = React12.useCallback(() => {
+    if (hotspotTimerRef.current !== null) {
+      window.clearTimeout(hotspotTimerRef.current);
+      hotspotTimerRef.current = null;
+    }
+  }, []);
   const clearAllTableResizeHover = React12.useCallback(() => {
+    clearHotspotTimer();
+    activeHotspotKeyRef.current = null;
     setEditorResizeCursor("");
     hideColumnGuide();
     hideRowGuide();
-  }, [hideColumnGuide, hideRowGuide, setEditorResizeCursor]);
+  }, [clearHotspotTimer, hideColumnGuide, hideRowGuide, setEditorResizeCursor]);
   const updateActiveCellHighlight = React12.useCallback((cell) => {
     const surface = editorContentRef.current;
     const highlight = activeTableCellHighlightRef.current;
@@ -13436,6 +13533,10 @@ function useUEditorTableInteractions(editor, editable = true) {
       if (syncActiveRowResizeGuide()) {
         return;
       }
+      if (event.buttons !== 0) {
+        clearAllTableResizeHover();
+        return;
+      }
       const target = resolveEventElement(event.target);
       if (!(target instanceof Element)) {
         clearAllTableResizeHover();
@@ -13455,18 +13556,46 @@ function useUEditorTableInteractions(editor, editable = true) {
         clearAllTableResizeHover();
         return;
       }
-      const nearBottom = isRowResizeHotspot(cell, event.clientX, event.clientY);
-      const nearRight = isColumnResizeHotspot(cell, event.clientX, event.clientY);
-      if (nearBottom && cell instanceof HTMLTableCellElement) {
-        hideColumnGuide();
-        showRowGuide(table, row, cell);
+      const rowTarget = resolveRowResizeTarget(cell, event.clientX, event.clientY);
+      const colTarget = resolveColumnResizeTarget(cell, event.clientX, event.clientY);
+      if (rowTarget) {
+        const hotspotKey = `row:${rowTarget.row.rowIndex}-${rowTarget.cell.cellIndex}`;
+        if (activeHotspotKeyRef.current === hotspotKey) {
+          hideColumnGuide();
+          showRowGuide(table, rowTarget.row, rowTarget.cell);
+          return;
+        }
+        if (activeHotspotKeyRef.current !== hotspotKey) {
+          clearHotspotTimer();
+          activeHotspotKeyRef.current = hotspotKey;
+          hotspotTimerRef.current = window.setTimeout(() => {
+            hotspotTimerRef.current = null;
+            hideColumnGuide();
+            showRowGuide(table, rowTarget.row, rowTarget.cell);
+          }, 100);
+        }
         return;
       }
-      if (nearRight && cell instanceof HTMLTableCellElement) {
-        hideRowGuide();
-        showColumnGuide(table, row, cell);
+      if (colTarget) {
+        const hotspotKey = `col:${colTarget.row.rowIndex}-${colTarget.cell.cellIndex}`;
+        if (activeHotspotKeyRef.current === hotspotKey) {
+          hideRowGuide();
+          showColumnGuide(table, colTarget.row, colTarget.cell);
+          return;
+        }
+        if (activeHotspotKeyRef.current !== hotspotKey) {
+          clearHotspotTimer();
+          activeHotspotKeyRef.current = hotspotKey;
+          hotspotTimerRef.current = window.setTimeout(() => {
+            hotspotTimerRef.current = null;
+            hideRowGuide();
+            showColumnGuide(table, colTarget.row, colTarget.cell);
+          }, 100);
+        }
         return;
       }
+      clearHotspotTimer();
+      activeHotspotKeyRef.current = null;
       clearAllTableResizeHover();
     };
     const handleEditorMouseLeave = () => {
@@ -13487,15 +13616,22 @@ function useUEditorTableInteractions(editor, editable = true) {
         clearActiveTableCell();
         return;
       }
-      setActiveTableCell(cell);
-      scheduleActiveCellSync(cell);
       const row = cell.closest("tr");
       const table = cell.closest("table");
       if (!(row instanceof HTMLTableRowElement) || !(table instanceof HTMLTableElement)) return;
-      if (beginResize(event, table, row, cell)) {
-        suppressActiveCellHighlightRef.current = true;
-        updateActiveCellHighlight(null);
+      const rowTarget = resolveRowResizeTarget(cell, event.clientX, event.clientY);
+      if (rowTarget) {
+        event.preventDefault();
+        event.stopPropagation();
+        window.getSelection()?.removeAllRanges();
+        if (beginResize(event, table, rowTarget.row, rowTarget.cell)) {
+          suppressActiveCellHighlightRef.current = true;
+          updateActiveCellHighlight(null);
+          return;
+        }
       }
+      setActiveTableCell(cell);
+      scheduleActiveCellSync(cell);
     };
     const handlePointerMove = (event) => {
       handleRowResizePointerMove(event);
@@ -13584,8 +13720,9 @@ function useUEditorTableInteractions(editor, editable = true) {
       clearActiveTableCell();
       clearHoveredTableCell();
       clearAllTableResizeHover();
+      clearHotspotTimer();
     };
-  }, [beginResize, cancelResize, cleanupRowResize, clearActiveTableCell, clearAllTableResizeHover, clearHoveredTableCell, editable, editor, handleRowResizePointerMove, handleRowResizePointerUp, hideColumnGuide, hideRowGuide, isRowResizing, scheduleTableLayoutSync, setActiveTableCell, setHoveredTableCell, showColumnGuide, showRowGuide, syncActiveRowResizeGuide, syncActiveTableCellFromSelection, updateActiveCellHighlight]);
+  }, [beginResize, cancelResize, cleanupRowResize, clearActiveTableCell, clearAllTableResizeHover, clearHotspotTimer, clearHoveredTableCell, editable, editor, handleRowResizePointerMove, handleRowResizePointerUp, hideColumnGuide, hideRowGuide, isRowResizing, scheduleTableLayoutSync, setActiveTableCell, setHoveredTableCell, showColumnGuide, showRowGuide, syncActiveRowResizeGuide, syncActiveTableCellFromSelection, updateActiveCellHighlight]);
   return {
     editorContentRef,
     tableColumnGuideRef,
@@ -14308,7 +14445,7 @@ function useUEditorOutput({
 // src/components/UEditor/UEditor.tsx
 import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 var LazyMenuBar = React15.lazy(async () => {
-  const { MenuBar } = await import("./menu-bar-JSXW6AXW.js");
+  const { MenuBar } = await import("./menu-bar-55SAOAX6.js");
   return { default: MenuBar };
 });
 var UEditor = React15.forwardRef(({
@@ -14339,6 +14476,7 @@ var UEditor = React15.forwardRef(({
   variant = "default",
   rounded = true,
   fontFamilies,
+  defaultFontFamily = "Inter",
   fontSizes,
   lineHeights,
   letterSpacings,
@@ -14363,6 +14501,10 @@ var UEditor = React15.forwardRef(({
   const formulaRangePickRef = useRef10(null);
   const formulaRangeSurfaceRef = useRef10(null);
   const [formulaRangeHighlight, setFormulaRangeHighlight] = React15.useState(null);
+  const [isMenuBarVisible, setIsMenuBarVisible] = React15.useState(showMenuBar);
+  useEffect10(() => {
+    setIsMenuBarVisible(showMenuBar);
+  }, [showMenuBar]);
   const { flushOutputUpdates, scheduleOutputUpdate } = useUEditorOutput({
     onChange,
     onHtmlChange,
@@ -14621,7 +14763,7 @@ var UEditor = React15.forwardRef(({
       ),
       children: [
         editable && (showMenuBar || showToolbar || showBubbleMenu) ? /* @__PURE__ */ jsxs17(EditorUiRenderStateProvider, { editor, children: [
-          showMenuBar && /* @__PURE__ */ jsx20(React15.Suspense, { fallback: null, children: /* @__PURE__ */ jsx20(
+          isMenuBarVisible && /* @__PURE__ */ jsx20(React15.Suspense, { fallback: null, children: /* @__PURE__ */ jsx20(
             LazyMenuBar,
             {
               editor,
@@ -14642,11 +14784,14 @@ var UEditor = React15.forwardRef(({
             {
               editor,
               variant,
+              isMenuBarVisible,
+              onToggleMenuBar: () => setIsMenuBarVisible((visible) => !visible),
               uploadImage,
               imageInsertMode,
               maxImageFileSize,
               allowedImageMimeTypes,
               fontFamilies,
+              defaultFontFamily,
               fontSizes,
               lineHeights,
               letterSpacings
@@ -14672,6 +14817,7 @@ var UEditor = React15.forwardRef(({
             },
             className: "relative flex-1 overflow-y-auto",
             style: {
+              fontFamily: defaultFontFamily,
               minHeight: editable ? minHeight : void 0,
               maxHeight
             },
@@ -14681,7 +14827,7 @@ var UEditor = React15.forwardRef(({
                 {
                   ref: tableColumnGuideRef,
                   "aria-hidden": "true",
-                  className: "pointer-events-none absolute z-20 bg-primary opacity-0 transition-opacity duration-100"
+                  className: "pointer-events-none absolute z-20 bg-primary/50 opacity-0 transition-opacity duration-200 delay-100 ease-out"
                 }
               ),
               /* @__PURE__ */ jsx20(
@@ -14689,7 +14835,7 @@ var UEditor = React15.forwardRef(({
                 {
                   ref: tableRowGuideRef,
                   "aria-hidden": "true",
-                  className: "pointer-events-none absolute z-20 bg-primary opacity-0 transition-opacity duration-100"
+                  className: "pointer-events-none absolute z-20 bg-primary/50 opacity-0 transition-opacity duration-200 delay-100 ease-out"
                 }
               ),
               /* @__PURE__ */ jsx20(
@@ -14698,7 +14844,7 @@ var UEditor = React15.forwardRef(({
                   ref: activeTableCellHighlightRef,
                   "aria-hidden": "true",
                   "data-ueditor-active-cell-highlight": "",
-                  className: "pointer-events-none hidden absolute z-20 rounded-[2px] border-2 border-primary bg-primary/10"
+                  className: "pointer-events-none hidden absolute z-20 rounded-[2px] border border-primary/50 bg-primary/5"
                 }
               ),
               /* @__PURE__ */ jsx20(
@@ -14760,4 +14906,4 @@ export {
   prepareUEditorContentForSave,
   UEditor_default
 };
-//# sourceMappingURL=chunk-P2RLTURA.js.map
+//# sourceMappingURL=chunk-PDYEK7HL.js.map