@underverse-ui/underverse 1.0.159 → 1.0.161

package/dist/index.js

@@ -3433,7 +3433,7 @@ var Tooltip = React10.forwardRef(({
       setIsOpen(true);
     }, delayOpen);
   };
-  const handleMouseLeave = () => {
+  const handleMouseLeave2 = () => {
     clearTimeout(timeoutRef.current);
     timeoutRef.current = setTimeout(() => {
       setIsOpen(false);
@@ -3558,7 +3558,7 @@ var Tooltip = React10.forwardRef(({
       childProps.onMouseLeave,
       (e) => {
         triggerRef.current = e.currentTarget;
-        handleMouseLeave();
+        handleMouseLeave2();
       }
     ),
     onPointerDown: chainEventHandlers(
@@ -7593,6 +7593,23 @@ var DropdownMenu = ({
   const itemsRef = React25.useRef([]);
   const [activeIndex, setActiveIndex] = useResettingIndex(open);
   const parentMenu = React25.useContext(DropdownMenuContext);
+  const closeMenu = React25.useCallback(() => {
+    setOpen(false);
+    parentMenu?.closeMenu();
+  }, [parentMenu, setOpen]);
+  const getEnabledMenuItems = React25.useCallback(() => {
+    const menuEl = menuRef.current;
+    if (!menuEl) return [];
+    return Array.from(menuEl.querySelectorAll("[data-dropdown-menu-item]")).filter((el) => !el.disabled);
+  }, []);
+  const focusMenuItem = React25.useCallback((index) => {
+    const enabled = getEnabledMenuItems();
+    const item = enabled[index];
+    if (!item) return;
+    setActiveIndex(index);
+    item.focus();
+    item.scrollIntoView({ block: "nearest" });
+  }, [getEnabledMenuItems, setActiveIndex]);
   useShadCNAnimations();
   React25.useEffect(() => {
     if (!open) return;
@@ -7603,38 +7620,34 @@ var DropdownMenu = ({
       if (!active || !triggerEl || !menuEl) return;
       const isInMenu = menuEl.contains(active);
       const isOnTrigger = triggerEl.contains(active);
-      if (!isInMenu && !isOnTrigger) return;
-      const enabled = itemsRef.current.filter((el) => el && !el.disabled);
+      const enabled = getEnabledMenuItems();
       if (enabled.length === 0) return;
+      const currentIndex = enabled.findIndex((el) => el === active);
+      const baseIndex = currentIndex >= 0 ? currentIndex : activeIndex;
       if (e.key === "ArrowDown") {
         e.preventDefault();
-        const next = (activeIndex + 1 + enabled.length) % enabled.length;
-        setActiveIndex(next);
-        enabled[next]?.focus();
+        const next = (baseIndex + 1 + enabled.length) % enabled.length;
+        focusMenuItem(next);
       } else if (e.key === "ArrowUp") {
         e.preventDefault();
-        const prev = (activeIndex - 1 + enabled.length) % enabled.length;
-        setActiveIndex(prev);
-        enabled[prev]?.focus();
+        const prev = (baseIndex - 1 + enabled.length) % enabled.length;
+        focusMenuItem(prev);
       } else if (e.key === "Home") {
         e.preventDefault();
-        setActiveIndex(0);
-        enabled[0]?.focus();
+        focusMenuItem(0);
       } else if (e.key === "End") {
         e.preventDefault();
-        setActiveIndex(enabled.length - 1);
-        enabled[enabled.length - 1]?.focus();
+        focusMenuItem(enabled.length - 1);
+      } else if (e.key === "Escape" && (isInMenu || isOnTrigger)) {
+        e.preventDefault();
+        closeMenu();
       }
     };
-    document.addEventListener("keydown", handleKeyNav);
+    document.addEventListener("keydown", handleKeyNav, true);
     return () => {
-      document.removeEventListener("keydown", handleKeyNav);
+      document.removeEventListener("keydown", handleKeyNav, true);
     };
-  }, [open, activeIndex, setActiveIndex]);
-  const closeMenu = React25.useCallback(() => {
-    setOpen(false);
-    parentMenu?.closeMenu();
-  }, [parentMenu, setOpen]);
+  }, [open, activeIndex, closeMenu, focusMenuItem, getEnabledMenuItems]);
   const menuContext = React25.useMemo(
     () => ({
       closeMenu,
@@ -7659,6 +7672,7 @@ var DropdownMenu = ({
         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"
@@ -7694,13 +7708,13 @@ var DropdownMenu = ({
         if (e.key === "ArrowDown") {
           e.preventDefault();
           setOpen(true);
-          requestAnimationFrame(() => itemsRef.current.find((el) => el && !el.disabled)?.focus());
+          requestAnimationFrame(() => focusMenuItem(0));
         } else if (e.key === "ArrowUp") {
           e.preventDefault();
           setOpen(true);
           requestAnimationFrame(() => {
-            const enabled = itemsRef.current.filter((el) => el && !el.disabled);
-            enabled[enabled.length - 1]?.focus();
+            const enabled = getEnabledMenuItems();
+            focusMenuItem(enabled.length - 1);
           });
         } else if (e.key === "Escape") {
           e.preventDefault();
@@ -7751,6 +7765,8 @@ var DropdownMenuItem = ({
       },
       disabled,
       onMouseDown: (e) => e.preventDefault(),
+      "data-dropdown-menu-item": "",
+      tabIndex: -1,
       className: cn(
         "flex w-full items-center gap-2 px-3 py-2 text-sm rounded-lg transition-colors group cursor-pointer",
         "hover:bg-accent hover:text-accent-foreground",
@@ -17917,18 +17933,18 @@ function OverlayControls({
         setControlsVisible(false);
       }, autoHideDelay);
     };
-    const handleMouseMove = () => resetTimer();
-    const handleMouseLeave = () => {
+    const handleMouseMove2 = () => resetTimer();
+    const handleMouseLeave2 = () => {
       if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
       hideTimerRef.current = setTimeout(() => {
         setControlsVisible(false);
       }, autoHideDelay);
     };
     resetTimer();
-    document.addEventListener("mousemove", handleMouseMove);
+    document.addEventListener("mousemove", handleMouseMove2);
     return () => {
       if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
-      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mousemove", handleMouseMove2);
     };
   }, [autoHide, autoHideDelay, showOnHover]);
   const showFeedback = React44.useCallback((type, value2) => {
@@ -27064,7 +27080,8 @@ import { mergeAttributes as mergeAttributes4 } from "@tiptap/core";
 import { NodeViewWrapper as NodeViewWrapper4, ReactNodeViewRenderer as ReactNodeViewRenderer4 } from "@tiptap/react";
 
 // src/components/UEditor/table-dom-utils.ts
-var MIN_TABLE_ROW_HEIGHT = 36;
+var DEFAULT_TABLE_ROW_HEIGHT = 25;
+var MIN_TABLE_ROW_HEIGHT = DEFAULT_TABLE_ROW_HEIGHT;
 var COLUMN_RESIZE_LINE_THICKNESS = 2;
 var ROW_RESIZE_LINE_THICKNESS = 2;
 var UEDITOR_TABLE_LAYOUT_CHANGE_EVENT = "ueditor-table-layout-change";
@@ -27550,25 +27567,29 @@ function parseRowHeight(value) {
   const match = String(value).match(/(\d+(?:\.\d+)?)/);
   if (!match) return null;
   const parsed = Number.parseFloat(match[1]);
-  return Number.isFinite(parsed) && parsed > 0 ? Math.round(parsed) : null;
+  return normalizeRowHeight(parsed);
+}
+function normalizeRowHeight(value) {
+  return typeof value === "number" && Number.isFinite(value) && value > 0 ? Math.max(MIN_TABLE_ROW_HEIGHT, Math.round(value)) : null;
 }
 var UEditorTableRow = TableRow2.extend({
   addAttributes() {
     return {
       ...this.parent?.(),
       rowHeight: {
-        default: null,
+        default: DEFAULT_TABLE_ROW_HEIGHT,
         parseHTML: (element) => {
           if (!(element instanceof HTMLElement)) return null;
           return parseRowHeight(element.getAttribute("data-row-height")) ?? parseRowHeight(element.style.height);
         },
         renderHTML: (attributes) => {
-          if (!attributes.rowHeight || typeof attributes.rowHeight !== "number") {
+          const rowHeight = normalizeRowHeight(attributes.rowHeight);
+          if (!rowHeight) {
             return {};
           }
           return {
-            "data-row-height": String(attributes.rowHeight),
-            style: `height: ${attributes.rowHeight}px;`
+            "data-row-height": String(rowHeight),
+            style: `height: ${rowHeight}px; min-height: ${rowHeight}px;`
           };
         }
       }
@@ -27723,7 +27744,371 @@ var letter_spacing_default = LetterSpacing;
 
 // src/components/UEditor/table-align.ts
 import { Table as Table3 } from "@tiptap/extension-table";
+import { Plugin as Plugin5 } from "@tiptap/pm/state";
+import { tableEditing } from "@tiptap/pm/tables";
+
+// src/components/UEditor/table-column-resize.ts
 import { Plugin as Plugin4 } from "@tiptap/pm/state";
+import {
+  Decoration as Decoration2,
+  DecorationSet as DecorationSet2
+} from "@tiptap/pm/view";
+import {
+  ResizeState,
+  TableMap,
+  cellAround,
+  columnResizingPluginKey,
+  tableNodeTypes
+} from "@tiptap/pm/tables";
+var DEFAULT_TABLE_COLUMN_WIDTH = 100;
+var MIN_RESIZED_TABLE_COLUMN_WIDTH = 25;
+function getDynamicColumnMinWidth(startWidth, fallbackMinWidth) {
+  return Math.max(fallbackMinWidth, Math.round(startWidth / 3));
+}
+function setColumnStyle(column, width) {
+  if (width == null) {
+    column.style.width = "";
+    column.style.minWidth = `${DEFAULT_TABLE_COLUMN_WIDTH}px`;
+    return;
+  }
+  column.style.width = `${Math.max(width, MIN_RESIZED_TABLE_COLUMN_WIDTH)}px`;
+  column.style.minWidth = "";
+}
+function isTableColumnElement(node) {
+  return node instanceof HTMLElement && node.tagName.toLowerCase() === "col";
+}
+function updateDynamicColumns(node, colgroup, table, overrideCol, overrideValue) {
+  let totalWidth = 0;
+  let fixedWidth = true;
+  let nextDOM = colgroup.firstChild;
+  const row = node.firstChild;
+  if (row) {
+    for (let rowCellIndex = 0, col = 0; rowCellIndex < row.childCount; rowCellIndex += 1) {
+      const { colspan, colwidth } = row.child(rowCellIndex).attrs;
+      for (let spanIndex = 0; spanIndex < colspan; spanIndex += 1, col += 1) {
+        const rawWidth = overrideCol === col ? overrideValue : colwidth?.[spanIndex];
+        const width = rawWidth ? Math.max(rawWidth, MIN_RESIZED_TABLE_COLUMN_WIDTH) : null;
+        totalWidth += width ?? DEFAULT_TABLE_COLUMN_WIDTH;
+        if (!width) {
+          fixedWidth = false;
+        }
+        const colElement = isTableColumnElement(nextDOM) ? nextDOM : colgroup.appendChild(document.createElement("col"));
+        setColumnStyle(colElement, width);
+        nextDOM = colElement.nextSibling;
+      }
+    }
+  }
+  while (nextDOM) {
+    const after = nextDOM.nextSibling;
+    nextDOM.parentNode?.removeChild(nextDOM);
+    nextDOM = after;
+  }
+  const hasUserWidth = typeof node.attrs.style === "string" && /\bwidth\s*:/i.test(node.attrs.style);
+  if (fixedWidth && !hasUserWidth) {
+    table.style.width = `${totalWidth}px`;
+    table.style.minWidth = "";
+  } else {
+    table.style.width = "";
+    table.style.minWidth = `${totalWidth}px`;
+  }
+}
+var UEditorTableView = class {
+  constructor(node) {
+    this.node = node;
+    this.dom = document.createElement("div");
+    this.dom.className = "tableWrapper";
+    this.table = this.dom.appendChild(document.createElement("table"));
+    if (node.attrs.style) {
+      this.table.style.cssText = node.attrs.style;
+    }
+    this.colgroup = this.table.appendChild(document.createElement("colgroup"));
+    updateDynamicColumns(node, this.colgroup, this.table);
+    this.contentDOM = this.table.appendChild(document.createElement("tbody"));
+  }
+  update(node) {
+    if (node.type !== this.node.type) return false;
+    this.node = node;
+    updateDynamicColumns(node, this.colgroup, this.table);
+    return true;
+  }
+  ignoreMutation(mutation) {
+    const target = mutation.target;
+    const isInsideWrapper = this.dom.contains(target);
+    const isInsideContent = this.contentDOM.contains(target);
+    if (isInsideWrapper && !isInsideContent) {
+      return mutation.type === "attributes" || mutation.type === "childList" || mutation.type === "characterData";
+    }
+    return false;
+  }
+};
+function getDraggedWidth(dragging, event) {
+  const offset = event.clientX - dragging.startX;
+  return Math.max(dragging.minWidth, Math.round(dragging.startWidth + offset));
+}
+function getCurrentColWidth(view, cellPos, { colspan, colwidth }) {
+  const width = colwidth?.[colwidth.length - 1];
+  if (width) return width;
+  const dom = view.domAtPos(cellPos);
+  const cellElement = dom.node.childNodes[dom.offset];
+  let domWidth = cellElement instanceof HTMLElement ? cellElement.offsetWidth : 0;
+  let parts = Math.max(1, colspan);
+  if (colwidth) {
+    for (let index = 0; index < colspan; index += 1) {
+      const partWidth = colwidth[index];
+      if (partWidth) {
+        domWidth -= partWidth;
+        parts -= 1;
+      }
+    }
+  }
+  return domWidth / Math.max(1, parts);
+}
+function domCellAround(target) {
+  let node = target instanceof Node ? target : null;
+  while (node && node.nodeName !== "TD" && node.nodeName !== "TH") {
+    const element = node instanceof Element ? node : null;
+    if (element?.classList.contains("ProseMirror")) return null;
+    node = node.parentNode;
+  }
+  return node instanceof HTMLElement ? node : null;
+}
+function edgeCell(view, event, side, handleWidth) {
+  const offset = side === "right" ? -handleWidth : handleWidth;
+  const found2 = view.posAtCoords({
+    left: event.clientX + offset,
+    top: event.clientY
+  });
+  if (!found2) return -1;
+  const $cell = cellAround(view.state.doc.resolve(found2.pos));
+  if (!$cell) return -1;
+  if (side === "right") return $cell.pos;
+  const map = TableMap.get($cell.node(-1));
+  const start = $cell.start(-1);
+  const index = map.map.indexOf($cell.pos - start);
+  return index % map.width === 0 ? -1 : start + map.map[index - 1];
+}
+function updateHandle(view, value) {
+  view.dispatch(view.state.tr.setMeta(columnResizingPluginKey, { setHandle: value }));
+}
+function handleMouseMove(view, event, handleWidth, lastColumnResizable) {
+  if (!view.editable) return;
+  const pluginState = columnResizingPluginKey.getState(view.state);
+  if (!pluginState || pluginState.dragging) return;
+  const target = domCellAround(event.target);
+  let cell = -1;
+  if (target) {
+    const { left, right } = target.getBoundingClientRect();
+    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) {
+    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;
+  }
+  updateHandle(view, cell);
+}
+function handleMouseLeave(view) {
+  if (!view.editable) return;
+  const pluginState = columnResizingPluginKey.getState(view.state);
+  if (pluginState && pluginState.activeHandle > -1 && !pluginState.dragging) {
+    updateHandle(view, -1);
+  }
+}
+function updateColumnWidth(view, cell, width) {
+  const $cell = view.state.doc.resolve(cell);
+  const table = $cell.node(-1);
+  const map = TableMap.get(table);
+  const start = $cell.start(-1);
+  const nodeAfter = $cell.nodeAfter;
+  if (!nodeAfter) return;
+  const col = map.colCount($cell.pos - start) + nodeAfter.attrs.colspan - 1;
+  const tr = view.state.tr;
+  for (let row = 0; row < map.height; row += 1) {
+    const mapIndex = row * map.width + col;
+    if (row && map.map[mapIndex] === map.map[mapIndex - map.width]) continue;
+    const pos = map.map[mapIndex];
+    const cellNode = table.nodeAt(pos);
+    if (!cellNode) continue;
+    const attrs = cellNode.attrs;
+    const index = attrs.colspan === 1 ? 0 : col - map.colCount(pos);
+    if (attrs.colwidth?.[index] === width) continue;
+    const colwidth = attrs.colwidth ? attrs.colwidth.slice() : Array.from({ length: attrs.colspan }, () => 0);
+    colwidth[index] = width;
+    tr.setNodeMarkup(start + pos, null, {
+      ...attrs,
+      colwidth
+    });
+  }
+  if (tr.docChanged) view.dispatch(tr);
+}
+function getActiveDragging(state) {
+  const dragging = columnResizingPluginKey.getState(state)?.dragging;
+  return dragging ? dragging : null;
+}
+function getColumnResizeGhost(view) {
+  const doc = view.dom.ownerDocument;
+  let ghost = doc.querySelector("[data-ueditor-column-resize-ghost]");
+  if (!ghost) {
+    ghost = doc.createElement("div");
+    ghost.setAttribute("data-ueditor-column-resize-ghost", "");
+    ghost.style.position = "fixed";
+    ghost.style.zIndex = "99999";
+    ghost.style.pointerEvents = "none";
+    ghost.style.width = "2px";
+    ghost.style.backgroundColor = "var(--primary, #2563eb)";
+    ghost.style.opacity = "1";
+    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)";
+    ghost.style.willChange = "left";
+    doc.body.appendChild(ghost);
+  }
+  return ghost;
+}
+function hideColumnResizeGhost(view) {
+  view.dom.ownerDocument.querySelector("[data-ueditor-column-resize-ghost]")?.remove();
+}
+function getTableElementAtCell(view, cell) {
+  const $cell = view.state.doc.resolve(cell);
+  let dom = view.domAtPos($cell.start(-1)).node;
+  while (dom && dom.nodeName !== "TABLE") dom = dom.parentNode;
+  return dom instanceof HTMLTableElement ? dom : null;
+}
+function showColumnResizeGhost(view, cell, dragging, width) {
+  const table = getTableElementAtCell(view, cell);
+  if (!table) return;
+  const rect = table.getBoundingClientRect();
+  const left = dragging.startX + width - dragging.startWidth;
+  const ghost = getColumnResizeGhost(view);
+  ghost.style.left = `${left}px`;
+  ghost.style.top = `${rect.top}px`;
+  ghost.style.height = `${rect.height}px`;
+}
+function handleMouseDown(view, event, cellMinWidth) {
+  if (!view.editable) return false;
+  const win = view.dom.ownerDocument.defaultView ?? window;
+  const pluginState = columnResizingPluginKey.getState(view.state);
+  if (!pluginState || pluginState.activeHandle === -1 || pluginState.dragging) return false;
+  const cell = view.state.doc.nodeAt(pluginState.activeHandle);
+  if (!cell) return false;
+  const attrs = cell.attrs;
+  const width = getCurrentColWidth(view, pluginState.activeHandle, {
+    colspan: attrs.colspan ?? 1,
+    colwidth: attrs.colwidth
+  });
+  const minWidth = getDynamicColumnMinWidth(width, cellMinWidth);
+  const dragging = {
+    startX: event.clientX,
+    startWidth: width,
+    minWidth
+  };
+  view.dispatch(view.state.tr.setMeta(columnResizingPluginKey, { setDragging: dragging }));
+  function finish(nextEvent) {
+    win.removeEventListener("mouseup", finish);
+    win.removeEventListener("mousemove", move);
+    const activeDragging = getActiveDragging(view.state);
+    const activeHandle = columnResizingPluginKey.getState(view.state)?.activeHandle ?? -1;
+    if (activeDragging && activeHandle > -1) {
+      updateColumnWidth(view, activeHandle, getDraggedWidth(activeDragging, nextEvent));
+      view.dispatch(view.state.tr.setMeta(columnResizingPluginKey, { setDragging: null }));
+    }
+    hideColumnResizeGhost(view);
+  }
+  function move(nextEvent) {
+    if (!nextEvent.buttons) return finish(nextEvent);
+    const activeDragging = getActiveDragging(view.state);
+    const activeHandle = columnResizingPluginKey.getState(view.state)?.activeHandle ?? -1;
+    if (activeDragging && activeHandle > -1) {
+      showColumnResizeGhost(view, activeHandle, activeDragging, getDraggedWidth(activeDragging, nextEvent));
+    }
+  }
+  showColumnResizeGhost(view, pluginState.activeHandle, dragging, width);
+  win.addEventListener("mouseup", finish);
+  win.addEventListener("mousemove", move);
+  event.preventDefault();
+  return true;
+}
+function handleDecorations(state, cell) {
+  const decorations = [];
+  const $cell = state.doc.resolve(cell);
+  const table = $cell.node(-1);
+  if (!table) return DecorationSet2.empty;
+  const map = TableMap.get(table);
+  const start = $cell.start(-1);
+  const nodeAfter = $cell.nodeAfter;
+  if (!nodeAfter) return DecorationSet2.empty;
+  const col = map.colCount($cell.pos - start) + nodeAfter.attrs.colspan - 1;
+  for (let row = 0; row < map.height; row += 1) {
+    const index = col + row * map.width;
+    if ((col === map.width - 1 || map.map[index] !== map.map[index + 1]) && (row === 0 || map.map[index] !== map.map[index - map.width])) {
+      const cellPos = map.map[index];
+      const cellNode = table.nodeAt(cellPos);
+      if (!cellNode) continue;
+      const pos = start + cellPos + cellNode.nodeSize - 1;
+      const dom = document.createElement("div");
+      dom.className = "column-resize-handle";
+      if (columnResizingPluginKey.getState(state)?.dragging) {
+        decorations.push(Decoration2.node(start + cellPos, start + cellPos + cellNode.nodeSize, { class: "column-resize-dragging" }));
+      }
+      decorations.push(Decoration2.widget(pos, dom));
+    }
+  }
+  return DecorationSet2.create(state.doc, decorations);
+}
+function dynamicColumnResizing({
+  handleWidth = 5,
+  cellMinWidth = MIN_RESIZED_TABLE_COLUMN_WIDTH,
+  defaultCellMinWidth = DEFAULT_TABLE_COLUMN_WIDTH,
+  View = UEditorTableView,
+  lastColumnResizable = true
+} = {}) {
+  const plugin = new Plugin4({
+    key: columnResizingPluginKey,
+    state: {
+      init(_, state) {
+        const nodeViews = plugin.spec.props?.nodeViews;
+        const tableName = tableNodeTypes(state.schema).table.name;
+        if (View && nodeViews) {
+          nodeViews[tableName] = (node, view) => new View(node, defaultCellMinWidth, view);
+        }
+        return new ResizeState(-1, false);
+      },
+      apply(tr, prev) {
+        return prev.apply(tr);
+      }
+    },
+    props: {
+      attributes: (state) => {
+        const pluginState = columnResizingPluginKey.getState(state);
+        return pluginState && pluginState.activeHandle > -1 ? { class: "resize-cursor" } : {};
+      },
+      handleDOMEvents: {
+        mousemove: (view, event) => {
+          handleMouseMove(view, event, handleWidth, lastColumnResizable);
+        },
+        mouseleave: (view) => {
+          handleMouseLeave(view);
+        },
+        mousedown: (view, event) => handleMouseDown(view, event, cellMinWidth)
+      },
+      decorations: (state) => {
+        const pluginState = columnResizingPluginKey.getState(state);
+        if (pluginState && pluginState.activeHandle > -1) {
+          return handleDecorations(state, pluginState.activeHandle);
+        }
+        return void 0;
+      },
+      nodeViews: {}
+    }
+  });
+  return plugin;
+}
 
 // src/components/UEditor/table-align-utils.ts
 function findTableNodeInfoAtResolvedPos($pos) {
@@ -27860,9 +28245,20 @@ var UEditorTable = Table3.extend({
     };
   },
   addProseMirrorPlugins() {
+    const isResizable = this.options.resizable && this.editor.isEditable;
     return [
-      ...this.parent?.() ?? [],
-      new Plugin4({
+      ...isResizable ? [
+        dynamicColumnResizing({
+          handleWidth: this.options.handleWidth,
+          cellMinWidth: this.options.cellMinWidth,
+          defaultCellMinWidth: DEFAULT_TABLE_COLUMN_WIDTH,
+          lastColumnResizable: this.options.lastColumnResizable
+        })
+      ] : [],
+      tableEditing({
+        allowTableNodeSelection: this.options.allowTableNodeSelection
+      }),
+      new Plugin5({
         appendTransaction(_transactions, _oldState, newState) {
           const { doc, schema } = newState;
           const paragraphType = schema.nodes.paragraph;
@@ -28347,12 +28743,12 @@ function buildUEditorExtensions({
     table_row_default,
     CustomTableCell.configure({
       HTMLAttributes: {
-        class: "border border-border px-2 py-0 min-w-25"
+        class: "border border-black px-2 py-0 min-w-25"
       }
     }),
     CustomTableHeader.configure({
       HTMLAttributes: {
-        class: "border border-border px-2 py-0 bg-muted font-semibold min-w-25"
+        class: "border border-black px-2 py-0 bg-muted font-semibold min-w-25"
       }
     }),
     CharacterCount.configure({
@@ -28402,7 +28798,6 @@ import {
   ArrowLeft,
   ArrowRight,
   ArrowUp,
-  Baseline,
   Bold as BoldIcon,
   ChevronDown as ChevronDown8,
   ChevronsUpDown,
@@ -28908,7 +29303,7 @@ var ImageInput = ({ onSubmit, onCancel }) => {
 
 // src/components/UEditor/table-cell-commands.ts
 import { TextSelection as TextSelection2 } from "@tiptap/pm/state";
-import { selectedRect, TableMap } from "@tiptap/pm/tables";
+import { selectedRect, TableMap as TableMap2 } from "@tiptap/pm/tables";
 function getCellSelectionPositions(selection) {
   const value = selection;
   const anchor = value.$anchorCell?.pos;
@@ -29000,7 +29395,7 @@ function getSelectedTableRect(editor) {
   if (cellSelection) {
     const tableInfo = findTableInfoFromCellPos(editor, cellSelection.anchor);
     if (tableInfo) {
-      const map = TableMap.get(tableInfo.table);
+      const map = TableMap2.get(tableInfo.table);
       const rect = map.rectBetween(
         cellSelection.anchor - tableInfo.tableStart,
         cellSelection.head - tableInfo.tableStart
@@ -29096,7 +29491,7 @@ function runTableCommandAtCellPos(editor, cellPos, command) {
 function getTableCornerCellPos(editor, activePos) {
   const tableInfo = findTableInfoFromCellPos(editor, activePos);
   if (!tableInfo) return null;
-  const map = TableMap.get(tableInfo.table);
+  const map = TableMap2.get(tableInfo.table);
   return tableInfo.tableStart + map.positionAt(map.height - 1, map.width - 1, tableInfo.table);
 }
 function replaceTableAtCellPos(editor, cellPos, updateTable) {
@@ -29120,7 +29515,7 @@ function duplicateTableRowAt(editor, rowIndex, cellPos) {
 }
 function clearTableRowAt(editor, rowIndex, cellPos) {
   return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
-    const map = TableMap.get(tableNode);
+    const map = TableMap2.get(tableNode);
     if (rowIndex < 0 || rowIndex >= map.height) return null;
     const rows = getTableRows(tableNode).map((rowInfo) => {
       const cells = collectChildren(rowInfo.node);
@@ -29136,7 +29531,7 @@ function clearTableRowAt(editor, rowIndex, cellPos) {
 }
 function duplicateTableColumnAt(editor, columnIndex, cellPos) {
   return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
-    const map = TableMap.get(tableNode);
+    const map = TableMap2.get(tableNode);
     if (columnIndex < 0 || columnIndex >= map.width) return null;
     const rows = getTableRows(tableNode).map((rowInfo, rowIndex) => {
       const cells = collectChildren(rowInfo.node);
@@ -29158,7 +29553,7 @@ function duplicateTableColumnAt(editor, columnIndex, cellPos) {
 }
 function clearTableColumnAt(editor, columnIndex, cellPos) {
   return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
-    const map = TableMap.get(tableNode);
+    const map = TableMap2.get(tableNode);
     if (columnIndex < 0 || columnIndex >= map.width) return null;
     const rows = getTableRows(tableNode).map((rowInfo) => {
       const cells = collectChildren(rowInfo.node);
@@ -29197,6 +29592,16 @@ function normalizeStyleValue(value) {
 }
 function getDefaultFontFamilies(t) {
   return [
+    { label: "\uAD74\uB9BC", value: '"Gulim", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif' },
+    { label: "\uAD74\uB9BC\uCCB4", value: '"GulimChe", "Gulim", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif' },
+    { label: "\uAD81\uC11C", value: '"Gungsuh", "Nanum Myeongjo", serif' },
+    { label: "\uAD81\uC11C\uCCB4", value: '"GungsuhChe", "Gungsuh", "Nanum Myeongjo", serif' },
+    { label: "\uB3CB\uC6C0", value: '"Dotum", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif' },
+    { label: "\uB3CB\uC6C0\uCCB4", value: '"DotumChe", "Dotum", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif' },
+    { label: "\uBC14\uD0D5", value: '"Batang", "Nanum Myeongjo", serif' },
+    { label: "\uBC14\uD0D5\uCCB4", value: '"BatangChe", "Batang", "Nanum Myeongjo", serif' },
+    { label: "\uB9D1\uC740\uACE0\uB515", value: '"Malgun Gothic", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif' },
+    { label: "\uB098\uB214\uBA85\uC870", value: '"Nanum Myeongjo", "Batang", serif' },
     { label: "Inter", value: '"Inter", "Noto Sans", "Noto Sans CJK KR", "Noto Sans CJK JP", "Segoe UI", sans-serif' },
     { label: "System UI", value: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif' },
     { label: "Roboto", value: '"Roboto", "Noto Sans", "Apple SD Gothic Neo", "Hiragino Kaku Gothic ProN", sans-serif' },
@@ -29218,13 +29623,21 @@ function getDefaultFontSizes() {
     { label: "10", value: "10px" },
     { label: "11", value: "11px" },
     { label: "12", value: "12px" },
+    { label: "13", value: "13px" },
     { label: "14", value: "14px" },
+    { label: "15", value: "15px" },
     { label: "16", value: "16px" },
+    { label: "17", value: "17px" },
     { label: "18", value: "18px" },
+    { label: "19", value: "19px" },
     { label: "20", value: "20px" },
+    { label: "21", value: "21px" },
     { label: "22", value: "22px" },
+    { label: "23", value: "23px" },
     { label: "24", value: "24px" },
+    { label: "25", value: "25px" },
     { label: "26", value: "26px" },
+    { label: "27", value: "27px" },
     { label: "28", value: "28px" },
     { label: "36", value: "36px" },
     { label: "48", value: "48px" },
@@ -29400,10 +29813,15 @@ var EditorToolbar = ({
   const availableLetterSpacings = React77.useMemo(() => letterSpacings ?? getDefaultLetterSpacings(), [letterSpacings]);
   const currentFontFamilyDisplayValue = currentFontFamily.split(",")[0]?.trim() ?? currentFontFamily;
   const currentFontFamilyLabel = availableFontFamilies.find((option) => normalizeStyleValue(option.value) === currentFontFamily)?.label ?? (currentFontFamilyDisplayValue || t("toolbar.fontDefault"));
-  const currentFontSizeLabel = availableFontSizes.find((option) => normalizeStyleValue(option.value) === currentFontSize)?.label ?? t("toolbar.sizeDefault");
+  const currentFontSizeLabel = availableFontSizes.find((option) => normalizeStyleValue(option.value) === currentFontSize)?.label ?? "13";
   const currentLineHeightLabel = availableLineHeights.find((option) => normalizeStyleValue(option.value) === currentLineHeight)?.label ?? t("toolbar.lineHeightDefault");
   const currentLetterSpacingLabel = availableLetterSpacings.find((option) => normalizeStyleValue(option.value) === currentLetterSpacing)?.label ?? t("toolbar.letterSpacingDefault");
-  const displayedFontFamilyLabel = currentFontFamily ? currentFontFamilyLabel : availableFontFamilies[0]?.label ?? t("toolbar.fontDefault");
+  const defaultFontFamily = availableFontFamilies[0];
+  const defaultFontFamilyValue = defaultFontFamily?.value ?? "";
+  const displayedFontFamilyLabel = currentFontFamily ? currentFontFamilyLabel : defaultFontFamily?.label ?? t("toolbar.fontDefault");
+  const displayedFontFamilyValue = currentFontFamily || defaultFontFamilyValue;
+  const displayedFontSizeLabel = currentFontSize ? currentFontSizeLabel : "13";
+  const activeFontSize = currentFontSize || "13px";
   const tableCommandAnchorPos = tableCommandAnchorPosRef.current ?? tableAnchorPos ?? void 0;
   const insertImageFiles = async (files) => {
     if (files.length === 0) return;
@@ -29441,70 +29859,48 @@ var EditorToolbar = ({
     ] });
   }
   return /* @__PURE__ */ jsxs72("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border/35 bg-linear-to-r from-muted/25 to-transparent p-1.5", children: [
-    /* @__PURE__ */ jsxs72(
+    /* @__PURE__ */ jsx86(
       DropdownMenu,
       {
         trigger: /* @__PURE__ */ jsxs72(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.fontFamily"), className: "px-1.5 w-auto gap-0.5", children: [
-          /* @__PURE__ */ jsx86(Baseline, { className: "w-4 h-4" }),
+        }, title: t("toolbar.fontFamily"), className: "min-w-0 max-w-40 px-1.5 w-auto gap-1", children: [
+          /* @__PURE__ */ jsx86("span", { className: "max-w-28 truncate text-xs font-medium", style: { fontFamily: displayedFontFamilyValue || void 0 }, children: displayedFontFamilyLabel }),
           /* @__PURE__ */ jsx86(ChevronDown8, { className: "h-3 w-3 text-muted-foreground" })
         ] }),
         contentClassName: "max-h-80 overflow-y-auto min-w-56 p-2",
-        children: [
-          /* @__PURE__ */ jsx86(
-            DropdownMenuItem,
-            {
-              icon: Type2,
-              label: t("toolbar.fontDefault"),
-              onClick: () => editor.chain().focus().unsetFontFamily().run(),
-              active: !currentFontFamily
-            }
-          ),
-          availableFontFamilies.map((option) => /* @__PURE__ */ jsx86(
-            DropdownMenuItem,
-            {
-              label: option.label,
-              onClick: () => editor.chain().focus().setFontFamily(option.value).run(),
-              active: normalizeStyleValue(option.value) === currentFontFamily,
-              className: "font-medium"
-            },
-            option.value
-          ))
-        ]
+        children: availableFontFamilies.map((option) => /* @__PURE__ */ jsx86(
+          DropdownMenuItem,
+          {
+            label: option.label,
+            onClick: () => editor.chain().focus().setFontFamily(option.value).run(),
+            active: normalizeStyleValue(option.value) === (currentFontFamily || normalizeStyleValue(defaultFontFamilyValue)),
+            className: "font-medium"
+          },
+          option.value
+        ))
       }
     ),
-    /* @__PURE__ */ jsxs72(
+    /* @__PURE__ */ jsx86(
       DropdownMenu,
       {
         trigger: /* @__PURE__ */ jsxs72(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.fontSize"), className: "px-1.5 w-auto gap-0.5", children: [
+        }, title: t("toolbar.fontSize"), className: "px-1.5 w-auto gap-1", children: [
           /* @__PURE__ */ jsxs72("div", { className: "flex items-center gap-0.5", children: [
             /* @__PURE__ */ jsx86(ChevronsUpDown, { className: "h-3 w-3 text-muted-foreground", strokeWidth: 2.5 }),
-            /* @__PURE__ */ jsx86("span", { className: "text-xs font-bold leading-none", children: "A" })
+            /* @__PURE__ */ jsx86("span", { className: "min-w-4 text-center text-xs font-semibold leading-none", children: displayedFontSizeLabel })
           ] }),
           /* @__PURE__ */ jsx86(ChevronDown8, { className: "h-3 w-3 text-muted-foreground" })
         ] }),
         contentClassName: "max-h-80 overflow-y-auto min-w-32 p-2",
-        children: [
-          /* @__PURE__ */ jsx86(
-            DropdownMenuItem,
-            {
-              icon: Type2,
-              label: t("toolbar.sizeDefault"),
-              onClick: () => editor.chain().focus().unsetFontSize().run(),
-              active: !currentFontSize
-            }
-          ),
-          availableFontSizes.map((option) => /* @__PURE__ */ jsx86(
-            DropdownMenuItem,
-            {
-              label: option.label,
-              onClick: () => editor.chain().focus().setFontSize(option.value).run(),
-              active: normalizeStyleValue(option.value) === currentFontSize
-            },
-            option.value
-          ))
-        ]
+        children: availableFontSizes.map((option) => /* @__PURE__ */ jsx86(
+          DropdownMenuItem,
+          {
+            label: option.label,
+            onClick: () => editor.chain().focus().setFontSize(option.value).run(),
+            active: normalizeStyleValue(option.value) === activeFontSize
+          },
+          option.value
+        ))
       }
     ),
     /* @__PURE__ */ jsxs72(
@@ -30246,7 +30642,7 @@ import {
 } from "lucide-react";
 
 // src/components/UEditor/table-formula-commands.ts
-import { selectedRect as selectedRect2, setCellAttr, TableMap as TableMap2 } from "@tiptap/pm/tables";
+import { selectedRect as selectedRect2, setCellAttr, TableMap as TableMap3 } from "@tiptap/pm/tables";
 
 // src/components/UEditor/table-formula.ts
 var CELL_ADDRESS_RE = /^([A-Z]+)([1-9]\d*)$/i;
@@ -30780,7 +31176,7 @@ function getSelectionTableCellLabel(editor) {
   const tableNode = $from.node(tableDepth);
   const tableStart = $from.start(tableDepth);
   const relativeCellPos = $from.before(cellDepth) - tableStart;
-  const rect = safeFindCell2(TableMap2.get(tableNode), relativeCellPos);
+  const rect = safeFindCell2(TableMap3.get(tableNode), relativeCellPos);
   if (!rect) return null;
   return `${indexToColumnName(rect.left)}${rect.top + 1}`;
 }
@@ -30796,7 +31192,7 @@ function createCellDisplayContent(cellNode, displayValue) {
   return [paragraphType.create(null, cellNode.type.schema.text(displayValue))];
 }
 function buildTableValueMap(tableNode) {
-  const map = TableMap2.get(tableNode);
+  const map = TableMap3.get(tableNode);
   const values = /* @__PURE__ */ new Map();
   for (const rowInfo of getTableRows2(tableNode)) {
     for (const entry of rowInfo.cells) {
@@ -30916,7 +31312,7 @@ function promoteFormulaTextInTableNode(tableNode) {
 function recalculateTableNode(tableNode, options) {
   const promoted = promoteFormulaTextInTableNode(tableNode);
   tableNode = promoted.tableNode;
-  const map = TableMap2.get(tableNode);
+  const map = TableMap3.get(tableNode);
   const values = buildTableValueMap(tableNode);
   const formulaEntries = /* @__PURE__ */ new Map();
   let changed = false;
@@ -31743,9 +32139,14 @@ var CustomBubbleMenu = ({
 }) => {
   const SHOW_DELAY_MS = 180;
   const BUBBLE_MENU_OFFSET = 16;
+  const BUBBLE_MENU_ESTIMATED_HEIGHT = 44;
   const [isVisible, setIsVisible] = useState48(false);
   const [linkInputOpen, setLinkInputOpen] = useState48(false);
-  const [position, setPosition] = useState48({ top: 0, left: 0 });
+  const [position, setPosition] = useState48({
+    top: 0,
+    left: 0,
+    placement: "top"
+  });
   const menuRef = useRef33(null);
   const keepOpenRef = useRef33(false);
   const showTimeoutRef = useRef33(null);
@@ -31802,12 +32203,18 @@ var CustomBubbleMenu = ({
         return;
       }
       const viewportPadding = 8;
+      const menuHeight = menuRef.current?.getBoundingClientRect().height || BUBBLE_MENU_ESTIMATED_HEIGHT;
+      const editorTop = view.dom.getBoundingClientRect().top;
+      const selectionTop = Math.min(start.top, end.top);
+      const selectionBottom = Math.max(start.bottom, end.bottom);
+      const hasRoomAboveEditor = selectionTop - BUBBLE_MENU_OFFSET - menuHeight >= editorTop + viewportPadding;
+      const placement = hasRoomAboveEditor ? "top" : "bottom";
       const left = Math.min(
         window.innerWidth - viewportPadding,
         Math.max(viewportPadding, (start.left + end.left) / 2)
       );
-      const top = Math.max(viewportPadding, start.top - BUBBLE_MENU_OFFSET);
-      setPosition({ top, left });
+      const top = placement === "top" ? Math.max(viewportPadding, selectionTop - BUBBLE_MENU_OFFSET) : Math.min(window.innerHeight - viewportPadding, selectionBottom + BUBBLE_MENU_OFFSET);
+      setPosition({ top, left, placement });
       if (keepOpenRef.current) {
         clearShowTimeout();
         setIsVisible(true);
@@ -31852,7 +32259,7 @@ var CustomBubbleMenu = ({
         style: {
           top: `${position.top}px`,
           left: `${position.left}px`,
-          transform: "translate(-50%, -100%)"
+          transform: position.placement === "top" ? "translate(-50%, -100%)" : "translate(-50%, 0)"
         },
         onMouseDown: (e) => {
           const target = e.target;
@@ -35574,7 +35981,7 @@ if (typeof WeakMap != "undefined") {
     return cache[cachePos++] = value;
   };
 }
-var TableMap3 = class {
+var TableMap4 = class {
   constructor(width, height, map, problems) {
     this.width = width;
     this.height = height;
@@ -35711,7 +36118,7 @@ function computeMap(table) {
     pos++;
   }
   if (width === 0 || height === 0) (problems || (problems = [])).push({ type: "zero_sized" });
-  const tableMap = new TableMap3(width, height, map, problems);
+  const tableMap = new TableMap4(width, height, map, problems);
   let badWidths = false;
   for (let i = 0; !badWidths && i < colWidths.length; i += 2) if (colWidths[i] != null && colWidths[i + 1] < height) badWidths = true;
   if (badWidths) findBadColWidths(tableMap, colWidths, table);
@@ -35768,7 +36175,7 @@ function freshColWidth(attrs) {
   for (let i = 0; i < attrs.colspan; i++) result.push(0);
   return result;
 }
-function tableNodeTypes(schema) {
+function tableNodeTypes2(schema) {
   let result = schema.cached.tableNodeTypes;
   if (!result) {
     result = schema.cached.tableNodeTypes = {};
@@ -35780,7 +36187,7 @@ function tableNodeTypes(schema) {
   return result;
 }
 var tableEditingKey = new PluginKey5("selectingCells");
-function cellAround($pos) {
+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;
 }
@@ -35793,7 +36200,7 @@ function selectionCell(state) {
   const sel = state.selection;
   if ("$anchorCell" in sel && sel.$anchorCell) return sel.$anchorCell.pos > sel.$headCell.pos ? sel.$anchorCell : sel.$headCell;
   else if ("node" in sel && sel.node && sel.node.type.spec.tableRole == "cell") return sel.$anchor;
-  const $cell = cellAround(sel.$head) || cellNear(sel.$head);
+  const $cell = cellAround2(sel.$head) || cellNear(sel.$head);
   if ($cell) return $cell;
   throw new RangeError(`No cell found around position ${sel.head}`);
 }
@@ -35807,7 +36214,7 @@ function cellNear($pos) {
     if (role == "cell" || role == "header_cell") return $pos.doc.resolve(pos - before.nodeSize);
   }
 }
-function pointsAtCell($pos) {
+function pointsAtCell2($pos) {
   return $pos.parent.type.spec.tableRole == "row" && !!$pos.nodeAfter;
 }
 function inSameTable($cellA, $cellB) {
@@ -35815,7 +36222,7 @@ function inSameTable($cellA, $cellB) {
 }
 function nextCell($pos, axis, dir) {
   const table = $pos.node(-1);
-  const map = TableMap3.get(table);
+  const map = TableMap4.get(table);
   const tableStart = $pos.start(-1);
   const moved = map.nextCell($pos.pos - tableStart, axis, dir);
   return moved == null ? null : $pos.node(0).resolve(tableStart + moved);
@@ -35835,7 +36242,7 @@ function removeColSpan(attrs, pos, n = 1) {
 var CellSelection = class CellSelection2 extends Selection {
   constructor($anchorCell, $headCell = $anchorCell) {
     const table = $anchorCell.node(-1);
-    const map = TableMap3.get(table);
+    const map = TableMap4.get(table);
     const tableStart = $anchorCell.start(-1);
     const rect = map.rectBetween($anchorCell.pos - tableStart, $headCell.pos - tableStart);
     const doc = $anchorCell.node(0);
@@ -35854,7 +36261,7 @@ var CellSelection = class CellSelection2 extends Selection {
   map(doc, mapping) {
     const $anchorCell = doc.resolve(mapping.map(this.$anchorCell.pos));
     const $headCell = doc.resolve(mapping.map(this.$headCell.pos));
-    if (pointsAtCell($anchorCell) && pointsAtCell($headCell) && inSameTable($anchorCell, $headCell)) {
+    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);
@@ -35864,7 +36271,7 @@ var CellSelection = class CellSelection2 extends Selection {
   }
   content() {
     const table = this.$anchorCell.node(-1);
-    const map = TableMap3.get(table);
+    const map = TableMap4.get(table);
     const tableStart = this.$anchorCell.start(-1);
     const rect = map.rectBetween(this.$anchorCell.pos - tableStart, this.$headCell.pos - tableStart);
     const seen = {};
@@ -35918,7 +36325,7 @@ var CellSelection = class CellSelection2 extends Selection {
   }
   forEachCell(f) {
     const table = this.$anchorCell.node(-1);
-    const map = TableMap3.get(table);
+    const map = TableMap4.get(table);
     const tableStart = this.$anchorCell.start(-1);
     const cells = map.cellsInRect(map.rectBetween(this.$anchorCell.pos - tableStart, this.$headCell.pos - tableStart));
     for (let i = 0; i < cells.length; i++) f(table.nodeAt(cells[i]), tableStart + cells[i]);
@@ -35933,7 +36340,7 @@ var CellSelection = class CellSelection2 extends Selection {
   }
   static colSelection($anchorCell, $headCell = $anchorCell) {
     const table = $anchorCell.node(-1);
-    const map = TableMap3.get(table);
+    const map = TableMap4.get(table);
     const tableStart = $anchorCell.start(-1);
     const anchorRect = map.findCell($anchorCell.pos - tableStart);
     const headRect = map.findCell($headCell.pos - tableStart);
@@ -35949,7 +36356,7 @@ var CellSelection = class CellSelection2 extends Selection {
   }
   isRowSelection() {
     const table = this.$anchorCell.node(-1);
-    const map = TableMap3.get(table);
+    const map = TableMap4.get(table);
     const tableStart = this.$anchorCell.start(-1);
     const anchorLeft = map.colCount(this.$anchorCell.pos - tableStart);
     const headLeft = map.colCount(this.$headCell.pos - tableStart);
@@ -35963,7 +36370,7 @@ var CellSelection = class CellSelection2 extends Selection {
   }
   static rowSelection($anchorCell, $headCell = $anchorCell) {
     const table = $anchorCell.node(-1);
-    const map = TableMap3.get(table);
+    const map = TableMap4.get(table);
     const tableStart = $anchorCell.start(-1);
     const anchorRect = map.findCell($anchorCell.pos - tableStart);
     const headRect = map.findCell($headCell.pos - tableStart);
@@ -36012,7 +36419,7 @@ var CellBookmark = class CellBookmark2 {
 };
 var fixTablesKey = new PluginKey5("fix-tables");
 function convertTableNodeToArrayOfRows(tableNode) {
-  const map = TableMap3.get(tableNode);
+  const map = TableMap4.get(tableNode);
   const rows = [];
   const rowCount = map.height;
   const colCount$1 = map.width;
@@ -36043,7 +36450,7 @@ function convertTableNodeToArrayOfRows(tableNode) {
 }
 function convertArrayOfRowsToTableNode(tableNode, arrayOfNodes) {
   const newRows = [];
-  const map = TableMap3.get(tableNode);
+  const map = TableMap4.get(tableNode);
   const rowCount = map.height;
   const colCount$1 = map.width;
   for (let rowIndex = 0; rowIndex < rowCount; rowIndex++) {
@@ -36092,7 +36499,7 @@ function findParentNode(predicate, $pos) {
 function getCellsInColumn(columnIndex, selection) {
   const table = findTable(selection.$from);
   if (!table) return;
-  const map = TableMap3.get(table.node);
+  const map = TableMap4.get(table.node);
   if (columnIndex < 0 || columnIndex > map.width - 1) return;
   return map.cellsInRect({
     left: columnIndex,
@@ -36113,7 +36520,7 @@ function getCellsInColumn(columnIndex, selection) {
 function getCellsInRow(rowIndex, selection) {
   const table = findTable(selection.$from);
   if (!table) return;
-  const map = TableMap3.get(table.node);
+  const map = TableMap4.get(table.node);
   if (rowIndex < 0 || rowIndex > map.height - 1) return;
   return map.cellsInRect({
     left: 0,
@@ -36242,7 +36649,7 @@ function moveColumn(moveColParams) {
   const newTable = moveTableColumn$1(table.node, indexesOriginColumn, indexesTargetColumn, 0);
   tr.replaceWith(table.pos, table.pos + table.node.nodeSize, newTable);
   if (!select) return true;
-  const map = TableMap3.get(newTable);
+  const map = TableMap4.get(newTable);
   const start = table.start;
   const index = targetIndex;
   const lastCell = map.positionAt(map.height - 1, index, newTable);
@@ -36270,7 +36677,7 @@ function moveRow(moveRowParams) {
   const newTable = moveTableRow$1(table.node, indexesOriginRow, indexesTargetRow, 0);
   tr.replaceWith(table.pos, table.pos + table.node.nodeSize, newTable);
   if (!select) return true;
-  const map = TableMap3.get(newTable);
+  const map = TableMap4.get(newTable);
   const start = table.start;
   const index = targetIndex;
   const lastCell = map.positionAt(index, map.width - 1, newTable);
@@ -36290,7 +36697,7 @@ function selectedRect3(state) {
   const $pos = selectionCell(state);
   const table = $pos.node(-1);
   const tableStart = $pos.start(-1);
-  const map = TableMap3.get(table);
+  const map = TableMap4.get(table);
   return {
     ...sel instanceof CellSelection ? map.rectBetween(sel.$anchorCell.pos - tableStart, sel.$headCell.pos - tableStart) : map.findCell($pos.pos - tableStart),
     tableStart,
@@ -36302,7 +36709,7 @@ function deprecated_toggleHeader(type) {
   return function(state, dispatch) {
     if (!isInTable(state)) return false;
     if (dispatch) {
-      const types = tableNodeTypes(state.schema);
+      const types = tableNodeTypes2(state.schema);
       const rect = selectedRect3(state), tr = state.tr;
       const cells = rect.map.cellsInRect(type == "column" ? {
         left: rect.left,
@@ -36342,7 +36749,7 @@ function toggleHeader(type, options) {
   return function(state, dispatch) {
     if (!isInTable(state)) return false;
     if (dispatch) {
-      const types = tableNodeTypes(state.schema);
+      const types = tableNodeTypes2(state.schema);
       const rect = selectedRect3(state), tr = state.tr;
       const isHeaderRowEnabled = isHeaderEnabledByType("row", rect, types);
       const isHeaderColumnEnabled = isHeaderEnabledByType("column", rect, types);
@@ -36377,7 +36784,7 @@ function deleteCellSelection(state, dispatch) {
   if (!(sel instanceof CellSelection)) return false;
   if (dispatch) {
     const tr = state.tr;
-    const baseContent = tableNodeTypes(state.schema).cell.createAndFill().content;
+    const baseContent = tableNodeTypes2(state.schema).cell.createAndFill().content;
     sel.forEachCell((cell, pos) => {
       if (!cell.content.eq(baseContent)) tr.replace(tr.mapping.map(pos + 1), tr.mapping.map(pos + cell.nodeSize - 1), new Slice(baseContent, 0, 0));
     });
@@ -36488,7 +36895,7 @@ function atEndOfCell(view, axis, dir) {
   }
   return null;
 }
-var columnResizingPluginKey = new PluginKey5("tableColumnResizing");
+var columnResizingPluginKey2 = new PluginKey5("tableColumnResizing");
 
 // src/components/UEditor/table-controls.tsx
 import {
@@ -36505,7 +36912,7 @@ import {
 } from "lucide-react";
 
 // src/components/UEditor/table-layout-model.ts
-var FALLBACK_TABLE_ROW_HEIGHT = 44;
+var FALLBACK_TABLE_ROW_HEIGHT = DEFAULT_TABLE_ROW_HEIGHT;
 var FALLBACK_TABLE_COLUMN_WIDTH = 160;
 function getVisibleTableBounds(layout) {
   const left = Math.max(layout.tableLeft, layout.wrapperLeft);
@@ -36587,7 +36994,7 @@ function buildLogicalColumnMetrics({
   tableLeft,
   tableWidth
 }) {
-  const map = TableMap3.get(tableInfo.node);
+  const map = TableMap4.get(tableInfo.node);
   const fallbackWidth = metricOrFallback(tableWidth / map.width, FALLBACK_TABLE_COLUMN_WIDTH);
   const firstRow = tableElement.rows.item(0);
   const visualColumns = [];
@@ -36640,7 +37047,7 @@ function buildLogicalRowMetrics({
   tableHeight,
   cornerCell
 }) {
-  const map = TableMap3.get(tableInfo.node);
+  const map = TableMap4.get(tableInfo.node);
   const fallbackHeight = metricOrFallback(tableHeight / map.height, FALLBACK_TABLE_ROW_HEIGHT);
   const visualRows = [];
   const seenCellPositions = /* @__PURE__ */ new Set();
@@ -36694,7 +37101,7 @@ function buildTableControlLayout(editor, surface, cell) {
   if (rows.length === 0 || !tableInfo || !(cornerCell instanceof HTMLTableCellElement)) {
     return null;
   }
-  const map = TableMap3.get(tableInfo.node);
+  const map = TableMap4.get(tableInfo.node);
   const surfaceRect = surface.getBoundingClientRect();
   const tableRect = table.getBoundingClientRect();
   const wrapperElement = table.closest(".tableWrapper");
@@ -37328,7 +37735,7 @@ function TableControls({ editor, containerRef }) {
     const handleSurfaceMouseMove = (event) => {
       updateHoverState(event);
     };
-    const handleMouseLeave = () => {
+    const handleMouseLeave2 = () => {
       if (dragStateRef.current) return;
       setHoverState(DEFAULT_TABLE_HOVER_STATE);
     };
@@ -37338,7 +37745,7 @@ function TableControls({ editor, containerRef }) {
       syncFromCell(cell ?? getSelectedCell(editor));
     };
     proseMirror.addEventListener("mouseover", handleMouseOver);
-    proseMirror.addEventListener("mouseleave", handleMouseLeave);
+    proseMirror.addEventListener("mouseleave", handleMouseLeave2);
     proseMirror.addEventListener("click", handleFocusIn);
     proseMirror.addEventListener("mouseup", handleFocusIn);
     proseMirror.addEventListener("focusin", handleFocusIn);
@@ -37352,7 +37759,7 @@ function TableControls({ editor, containerRef }) {
     syncFromSelection();
     return () => {
       proseMirror.removeEventListener("mouseover", handleMouseOver);
-      proseMirror.removeEventListener("mouseleave", handleMouseLeave);
+      proseMirror.removeEventListener("mouseleave", handleMouseLeave2);
       proseMirror.removeEventListener("click", handleFocusIn);
       proseMirror.removeEventListener("mouseup", handleFocusIn);
       proseMirror.removeEventListener("focusin", handleFocusIn);
@@ -37451,7 +37858,7 @@ function TableControls({ editor, containerRef }) {
     document.body.style.cursor = "grabbing";
   }, []);
   React79.useEffect(() => {
-    const handleMouseMove = (event) => {
+    const handleMouseMove2 = (event) => {
       const dragState = dragStateRef.current;
       const activeLayout = layoutRef.current;
       const surface = containerRef.current;
@@ -37530,11 +37937,11 @@ function TableControls({ editor, containerRef }) {
       }
       clearDrag();
     };
-    window.addEventListener("mousemove", handleMouseMove);
+    window.addEventListener("mousemove", handleMouseMove2);
     window.addEventListener("mouseup", handleMouseUp);
     window.addEventListener("blur", clearDrag);
     return () => {
-      window.removeEventListener("mousemove", handleMouseMove);
+      window.removeEventListener("mousemove", handleMouseMove2);
       window.removeEventListener("mouseup", handleMouseUp);
       window.removeEventListener("blur", clearDrag);
     };
@@ -37822,6 +38229,10 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
   "[&_th]:px-2",
   "[&_th]:py-0",
   "[&_th_p]:my-0",
+  "[&_td[colwidth]]:min-w-0",
+  "[&_th[colwidth]]:min-w-0",
+  "[&_td[data-colwidth]]:min-w-0",
+  "[&_th[data-colwidth]]:min-w-0",
   "[&_.selectedCell]:after:content-['']",
   "[&_.selectedCell]:after:absolute",
   "[&_.selectedCell]:after:inset-0",
@@ -37851,6 +38262,7 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
   "[&_.column-resize-handle]:after:content-['']",
   "[&.resize-cursor_.column-resize-handle]:opacity-100",
   "[&.resize-cursor_.column-resize-handle]:after:bg-primary",
+  "[&_.column-resize-dragging]:min-w-0",
   "[&.resize-cursor]:cursor-col-resize",
   "[&.resize-row-cursor]:cursor-row-resize",
   "[&_img.ProseMirror-selectednode]:ring-2",
@@ -37923,55 +38335,12 @@ function useTableRowResize({
   clearAllTableResizeHover,
   scheduleTableLayoutSync
 }) {
-  const commitFrameRef = useRef34(null);
   const stateRef = useRef34(null);
-  const commitPreview = React80.useCallback(() => {
-    if (!editor) return;
-    const state = stateRef.current;
-    if (!state) return;
-    const nextHeight = state.pendingHeight;
-    if (nextHeight === state.previewHeight) {
-      document.body.style.cursor = "row-resize";
-      showRowGuide(state.tableElement, state.rowElement, state.cellElement);
-      scheduleTableLayoutSync();
-      return;
-    }
-    state.previewHeight = nextHeight;
-    const tr = editor.view.state.tr;
-    tr.setNodeMarkup(state.rowPos, void 0, {
-      ...state.rowNode.attrs,
-      rowHeight: nextHeight
-    });
-    tr.setMeta("addToHistory", false);
-    editor.view.dispatch(tr);
-    state.rowNode = editor.view.state.doc.nodeAt(state.rowPos) ?? state.rowNode;
-    const rowIndex = state.rowElement.rowIndex;
-    if (rowIndex >= 0) {
-      const refreshedRow = state.tableElement.rows.item(rowIndex);
-      if (refreshedRow instanceof HTMLTableRowElement) {
-        state.rowElement = refreshedRow;
-        const refreshedCell = refreshedRow.cells.item(state.cellIndex);
-        if (refreshedCell instanceof HTMLTableCellElement) {
-          state.cellElement = refreshedCell;
-        }
-      }
-    }
-    document.body.style.cursor = "row-resize";
-    showRowGuide(state.tableElement, state.rowElement, state.cellElement);
-    scheduleTableLayoutSync();
-  }, [editor, scheduleTableLayoutSync, showRowGuide]);
-  const scheduleCommit = React80.useCallback(() => {
-    if (commitFrameRef.current !== null) return;
-    commitFrameRef.current = window.requestAnimationFrame(() => {
-      commitFrameRef.current = null;
-      commitPreview();
-    });
-  }, [commitPreview]);
   const syncActiveGuide = React80.useCallback(() => {
     const state = stateRef.current;
     if (!state) return false;
     setHoveredTableCell(state.cellElement);
-    showRowGuide(state.tableElement, state.rowElement, state.cellElement);
+    showRowGuide(state.tableElement, state.rowElement, state.cellElement, state.pendingHeight);
     return true;
   }, [setHoveredTableCell, showRowGuide]);
   const isResizing = React80.useCallback(() => stateRef.current !== null, []);
@@ -37995,7 +38364,7 @@ function useTableRowResize({
       previewHeight: startHeight,
       pendingHeight: startHeight
     };
-    showRowGuide(table, row, cell);
+    showRowGuide(table, row, cell, startHeight);
     document.body.style.cursor = "row-resize";
     event.preventDefault();
     event.stopPropagation();
@@ -38010,13 +38379,14 @@ function useTableRowResize({
     );
     if (nextHeight === state.pendingHeight) {
       document.body.style.cursor = "row-resize";
-      showRowGuide(state.tableElement, state.rowElement, state.cellElement);
+      showRowGuide(state.tableElement, state.rowElement, state.cellElement, state.pendingHeight);
       return;
     }
     state.pendingHeight = nextHeight;
+    state.previewHeight = nextHeight;
     document.body.style.cursor = "row-resize";
-    scheduleCommit();
-  }, [scheduleCommit, showRowGuide]);
+    showRowGuide(state.tableElement, state.rowElement, state.cellElement, nextHeight);
+  }, [showRowGuide]);
   const handlePointerUp = React80.useCallback((event) => {
     if (!editor) return;
     const state = stateRef.current;
@@ -38026,16 +38396,10 @@ function useTableRowResize({
       Math.round(state.startHeight + (event.clientY - state.startY))
     );
     state.pendingHeight = nextHeight;
-    if (commitFrameRef.current !== null) {
-      window.cancelAnimationFrame(commitFrameRef.current);
-      commitFrameRef.current = null;
-    }
-    commitPreview();
-    const latestState = stateRef.current ?? state;
-    const rowNode = editor.view.state.doc.nodeAt(latestState.rowPos) ?? latestState.rowNode;
+    const rowNode = editor.view.state.doc.nodeAt(state.rowPos) ?? state.rowNode;
     if (rowNode.attrs.rowHeight !== nextHeight) {
       const tr = editor.view.state.tr;
-      tr.setNodeMarkup(latestState.rowPos, void 0, {
+      tr.setNodeMarkup(state.rowPos, void 0, {
         ...rowNode.attrs,
         rowHeight: nextHeight
       });
@@ -38046,13 +38410,9 @@ function useTableRowResize({
     clearHoveredTableCell();
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
-  }, [clearAllTableResizeHover, clearHoveredTableCell, commitPreview, editor, scheduleTableLayoutSync]);
+  }, [clearAllTableResizeHover, clearHoveredTableCell, editor, scheduleTableLayoutSync]);
   const cancelResize = React80.useCallback(() => {
     if (!stateRef.current) return;
-    if (commitFrameRef.current !== null) {
-      window.cancelAnimationFrame(commitFrameRef.current);
-      commitFrameRef.current = null;
-    }
     stateRef.current = null;
     document.body.style.cursor = "";
     clearHoveredTableCell();
@@ -38060,10 +38420,6 @@ function useTableRowResize({
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, scheduleTableLayoutSync]);
   const cleanup = React80.useCallback(() => {
-    if (commitFrameRef.current !== null) {
-      window.cancelAnimationFrame(commitFrameRef.current);
-      commitFrameRef.current = null;
-    }
     stateRef.current = null;
     document.body.style.cursor = "";
   }, []);
@@ -38173,13 +38529,15 @@ function useUEditorTableInteractions(editor, editable = true) {
     getProseMirrorElement()?.classList.add("resize-cursor");
     setEditorResizeCursor("col-resize");
   }, [getProseMirrorElement, setEditorResizeCursor]);
-  const showRowGuide = React81.useCallback((table, row, cell) => {
+  const showRowGuide = React81.useCallback((table, row, cell, previewHeight) => {
     const surface = editorContentRef.current;
     const guide = tableRowGuideRef.current;
     if (!surface || !guide) return;
     const metrics = getRelativeBoundaryMetrics(surface, table, row, cell);
+    const rowRect = row.getBoundingClientRect();
+    const previewBottom = typeof previewHeight === "number" ? metrics.rowBottom - rowRect.height + previewHeight : metrics.rowBottom;
     guide.style.left = `${metrics.left}px`;
-    guide.style.top = `${metrics.rowBottom - ROW_RESIZE_LINE_THICKNESS / 2}px`;
+    guide.style.top = `${previewBottom - ROW_RESIZE_LINE_THICKNESS / 2}px`;
     guide.style.width = `${metrics.width}px`;
     guide.style.height = `${ROW_RESIZE_LINE_THICKNESS}px`;
     guide.style.opacity = "1";
@@ -38419,7 +38777,7 @@ import {
 } from "lucide-react";
 
 // src/components/UEditor/preview-html.ts
-var DEFAULT_TABLE_COLUMN_WIDTH = 100;
+var DEFAULT_TABLE_COLUMN_WIDTH2 = 100;
 var TIPTAP_TABLE_MIN_COLUMN_WIDTH = 25;
 function parsePixelWidth2(value) {
   if (!value) return null;
@@ -38446,7 +38804,7 @@ function getCellWidths(cell) {
   const width = parsePixelWidth2(cell.getAttribute("width")) ?? parseStyleWidth(cell.style);
   if (!width) return null;
   const colspan = getCellColspan(cell);
-  return Array.from({ length: colspan }, () => Math.max(DEFAULT_TABLE_COLUMN_WIDTH, Math.round(width / colspan)));
+  return Array.from({ length: colspan }, () => Math.max(DEFAULT_TABLE_COLUMN_WIDTH2, Math.round(width / colspan)));
 }
 function getColumnCount(table) {
   const colCount = table.querySelectorAll("colgroup > col").length;
@@ -38461,7 +38819,7 @@ function getColumnCount(table) {
 function resolveColumnWidths(table) {
   const columnCount = getColumnCount(table);
   if (columnCount <= 0) return [];
-  const widths = Array.from({ length: columnCount }, () => DEFAULT_TABLE_COLUMN_WIDTH);
+  const widths = Array.from({ length: columnCount }, () => DEFAULT_TABLE_COLUMN_WIDTH2);
   const cols = Array.from(table.querySelectorAll("colgroup > col"));
   cols.slice(0, columnCount).forEach((col, index) => {
     const width = parsePixelWidth2(col.getAttribute("width")) ?? parseStyleWidth(col.style);
@@ -38495,11 +38853,10 @@ function resolveExplicitRowHeight(row) {
     const height = parsePixelWidth2(cell.getAttribute("height")) ?? parseStyleHeight(cell.style);
     return height ? Math.max(maxHeight, height) : maxHeight;
   }, 0);
-  return cellHeight ? Math.max(MIN_TABLE_ROW_HEIGHT, cellHeight) : null;
+  return cellHeight ? Math.max(MIN_TABLE_ROW_HEIGHT, cellHeight) : DEFAULT_TABLE_ROW_HEIGHT;
 }
 function normalizePreviewRowHeight(row) {
   const rowHeight = resolveExplicitRowHeight(row);
-  if (!rowHeight) return;
   row.style.height = `${rowHeight}px`;
   row.style.minHeight = `${rowHeight}px`;
   Array.from(row.cells).forEach((cell) => {
@@ -38931,17 +39288,6 @@ function buildTableMenuItems(t, editor, onInsertTable) {
       label: t("menubar.row"),
       disabled: !inTable,
       items: [
-        {
-          type: "action",
-          label: t("menubar.addRowBefore"),
-          onClick: () => editor.chain().focus().addRowBefore().run()
-        },
-        {
-          type: "action",
-          label: t("menubar.addRowAfter"),
-          onClick: () => editor.chain().focus().addRowAfter().run()
-        },
-        { type: "separator" },
         {
           type: "action",
           label: t("menubar.deleteRow"),
@@ -38955,17 +39301,6 @@ function buildTableMenuItems(t, editor, onInsertTable) {
       label: t("menubar.column"),
       disabled: !inTable,
       items: [
-        {
-          type: "action",
-          label: t("menubar.addColumnBefore"),
-          onClick: () => editor.chain().focus().addColumnBefore().run()
-        },
-        {
-          type: "action",
-          label: t("menubar.addColumnAfter"),
-          onClick: () => editor.chain().focus().addColumnAfter().run()
-        },
-        { type: "separator" },
         {
           type: "action",
           label: t("menubar.deleteColumn"),
@@ -39302,7 +39637,7 @@ var MenuBar = ({
 
 // src/components/UEditor/table-formula-range-picker.ts
 import { TextSelection as TextSelection4 } from "@tiptap/pm/state";
-import { TableMap as TableMap4 } from "@tiptap/pm/tables";
+import { TableMap as TableMap5 } from "@tiptap/pm/tables";
 function getCellText2(cellNode) {
   return cellNode.textBetween(0, cellNode.content.size, "\n").trim();
 }
@@ -39357,7 +39692,7 @@ function getPickedCellLabel(view, target, tablePos) {
   const domPos = view.posAtDOM(cell, 0);
   const tableInfo = findTableForPos(view, domPos);
   if (!tableInfo || tableInfo.pos !== tablePos) return null;
-  const map = TableMap4.get(tableInfo.node);
+  const map = TableMap5.get(tableInfo.node);
   const relativeCellPos = getCellRelativePosFromDomPos2(map, tableInfo.start, domPos);
   if (relativeCellPos == null) return null;
   const rect = map.findCell(relativeCellPos);