@underverse-ui/underverse 1.0.141 → 1.0.143

package/dist/index.js

@@ -25261,6 +25261,7 @@ import Typography from "@tiptap/extension-typography";
 import Subscript from "@tiptap/extension-subscript";
 import Superscript from "@tiptap/extension-superscript";
 import HorizontalRule from "@tiptap/extension-horizontal-rule";
+import Gapcursor from "@tiptap/extension-gapcursor";
 import { common, createLowlight } from "lowlight";
 
 // src/components/UEditor/slash-command.tsx
@@ -26051,7 +26052,6 @@ import { mergeAttributes as mergeAttributes4 } from "@tiptap/core";
 import { NodeViewWrapper as NodeViewWrapper4, ReactNodeViewRenderer as ReactNodeViewRenderer4 } from "@tiptap/react";
 import { jsx as jsx81, jsxs as jsxs67 } from "react/jsx-runtime";
 var MIN_IMAGE_SIZE_PX = 40;
-var AXIS_LOCK_THRESHOLD_PX = 4;
 var IMAGE_LAYOUTS = /* @__PURE__ */ new Set(["block", "left", "right"]);
 var IMAGE_WIDTH_PRESETS = /* @__PURE__ */ new Set(["sm", "md", "lg"]);
 function toNullableNumber(value) {
@@ -26092,6 +26092,41 @@ function getImageLayoutStyles(layout) {
   }
   return {};
 }
+function getAspectRatio({
+  img,
+  widthAttr,
+  heightAttr,
+  fallbackWidth,
+  fallbackHeight
+}) {
+  if (widthAttr && heightAttr) return widthAttr / heightAttr;
+  if (img.naturalWidth > 0 && img.naturalHeight > 0) return img.naturalWidth / img.naturalHeight;
+  if (fallbackWidth > 0 && fallbackHeight > 0) return fallbackWidth / fallbackHeight;
+  return 1;
+}
+function sizeFromWidth(width, aspect, maxWidth) {
+  let nextW = clamp8(width, MIN_IMAGE_SIZE_PX, maxWidth);
+  let nextH = nextW / aspect;
+  if (nextH < MIN_IMAGE_SIZE_PX) {
+    nextH = MIN_IMAGE_SIZE_PX;
+    nextW = clamp8(nextH * aspect, MIN_IMAGE_SIZE_PX, maxWidth);
+    nextH = nextW / aspect;
+  }
+  return { width: nextW, height: nextH };
+}
+function sizeFromHeight(height, aspect, maxWidth) {
+  let nextH = Math.max(MIN_IMAGE_SIZE_PX, height);
+  let nextW = nextH * aspect;
+  if (nextW > maxWidth) {
+    nextW = maxWidth;
+    nextH = nextW / aspect;
+  }
+  if (nextW < MIN_IMAGE_SIZE_PX) {
+    nextW = MIN_IMAGE_SIZE_PX;
+    nextH = nextW / aspect;
+  }
+  return { width: nextW, height: nextH };
+}
 function ResizableImageNodeView(props) {
   const { node, selected, updateAttributes, editor, getPos } = props;
   const wrapperRef = useRef29(null);
@@ -26102,7 +26137,6 @@ function ResizableImageNodeView(props) {
   const heightAttr = toNullableNumber(node.attrs["height"]);
   const textAlign = String(node.attrs["textAlign"] ?? "");
   const imageLayout = parseImageLayout(node.attrs["imageLayout"]);
-  const preserveAspectByDefault = imageLayout === "left" || imageLayout === "right";
   const dragStateRef = useRef29(null);
   useEffect34(() => {
     const img = imgRef.current;
@@ -26126,7 +26160,13 @@ function ResizableImageNodeView(props) {
     const maxW = editorEl ? editorEl.getBoundingClientRect().width : Number.POSITIVE_INFINITY;
     const startW = Math.max(MIN_IMAGE_SIZE_PX, rect.width);
     const startH = Math.max(MIN_IMAGE_SIZE_PX, rect.height);
-    const aspect = startH > 0 ? startW / startH : 1;
+    const aspect = getAspectRatio({
+      img,
+      widthAttr,
+      heightAttr,
+      fallbackWidth: startW,
+      fallbackHeight: startH
+    });
     dragStateRef.current = {
       pointerId: event.pointerId,
       startX: event.clientX,
@@ -26135,7 +26175,6 @@ function ResizableImageNodeView(props) {
       startH,
       lastW: startW,
       lastH: startH,
-      axis: null,
       aspect,
       maxW: Math.max(MIN_IMAGE_SIZE_PX, maxW)
     };
@@ -26149,24 +26188,9 @@ function ResizableImageNodeView(props) {
     if (event.pointerId !== drag.pointerId) return;
     const dx = event.clientX - drag.startX;
     const dy = event.clientY - drag.startY;
-    let nextW = drag.startW;
-    let nextH = drag.startH;
-    const shouldPreserveAspect = preserveAspectByDefault ? !event.ctrlKey : event.ctrlKey;
-    if (shouldPreserveAspect) {
-      if (Math.abs(dx) >= Math.abs(dy)) {
-        nextW = clamp8(drag.startW + dx, MIN_IMAGE_SIZE_PX, drag.maxW);
-        nextH = clamp8(nextW / drag.aspect, MIN_IMAGE_SIZE_PX, Number.POSITIVE_INFINITY);
-      } else {
-        nextH = clamp8(drag.startH + dy, MIN_IMAGE_SIZE_PX, Number.POSITIVE_INFINITY);
-        nextW = clamp8(nextH * drag.aspect, MIN_IMAGE_SIZE_PX, drag.maxW);
-      }
-    } else {
-      if (!drag.axis && (Math.abs(dx) > AXIS_LOCK_THRESHOLD_PX || Math.abs(dy) > AXIS_LOCK_THRESHOLD_PX)) {
-        drag.axis = Math.abs(dx) >= Math.abs(dy) ? "x" : "y";
-      }
-      if (drag.axis === "x") nextW = clamp8(drag.startW + dx, MIN_IMAGE_SIZE_PX, drag.maxW);
-      if (drag.axis === "y") nextH = clamp8(drag.startH + dy, MIN_IMAGE_SIZE_PX, Number.POSITIVE_INFINITY);
-    }
+    const nextSize = Math.abs(dx) >= Math.abs(dy) ? sizeFromWidth(drag.startW + dx, drag.aspect, drag.maxW) : sizeFromHeight(drag.startH + dy, drag.aspect, drag.maxW);
+    const nextW = nextSize.width;
+    const nextH = nextSize.height;
     drag.lastW = nextW;
     drag.lastH = nextH;
     img.style.width = `${Math.round(nextW)}px`;
@@ -27089,6 +27113,7 @@ function buildUEditorExtensions({
       }
     }),
     HorizontalRule,
+    Gapcursor,
     Link.configure({
       openOnClick: false,
       protocols: ["http", "https", "mailto", "tel"],
@@ -27122,7 +27147,7 @@ function buildUEditorExtensions({
       handleWidth: 10,
       allowTableNodeSelection: true,
       HTMLAttributes: {
-        class: "border-collapse w-full my-4"
+        class: "border-collapse my-4"
       }
     }),
     table_row_default,
@@ -27205,6 +27230,7 @@ import {
   Subscript as SubscriptIcon,
   Superscript as SuperscriptIcon,
   Table as TableIcon,
+  TableCellsMerge,
   Trash2 as Trash22,
   Type as Type2,
   Underline as UnderlineIcon,
@@ -27475,6 +27501,43 @@ function isSelectedImage(editor) {
   const { selection } = editor.state;
   return selection instanceof NodeSelection && selection.node.type.name === "image";
 }
+function toPositiveNumber(value) {
+  if (typeof value === "number" && Number.isFinite(value) && value > 0) return value;
+  if (typeof value === "string") {
+    const parsed = Number.parseInt(value, 10);
+    return Number.isFinite(parsed) && parsed > 0 ? parsed : null;
+  }
+  return null;
+}
+function getImageElementAtSelection(editor, pos) {
+  const nodeDom = editor.view.nodeDOM(pos);
+  if (!(nodeDom instanceof HTMLElement)) return null;
+  if (nodeDom.tagName === "IMG") return nodeDom;
+  return nodeDom.querySelector("img");
+}
+function getImageAspectRatio(editor, attrs, pos) {
+  const widthAttr = toPositiveNumber(attrs.width);
+  const heightAttr = toPositiveNumber(attrs.height);
+  if (widthAttr && heightAttr) return widthAttr / heightAttr;
+  const imageElement = typeof pos === "number" ? getImageElementAtSelection(editor, pos) : null;
+  if (!imageElement) return null;
+  if (imageElement.naturalWidth > 0 && imageElement.naturalHeight > 0) {
+    return imageElement.naturalWidth / imageElement.naturalHeight;
+  }
+  const rect = imageElement.getBoundingClientRect();
+  if (rect.width > 0 && rect.height > 0) return rect.width / rect.height;
+  const width = toPositiveNumber(imageElement.getAttribute("width")) ?? toPositiveNumber(imageElement.style.width);
+  const height = toPositiveNumber(imageElement.getAttribute("height")) ?? toPositiveNumber(imageElement.style.height);
+  return width && height ? width / height : null;
+}
+function getImagePresetAttributes(editor, width, preset, attrs, pos) {
+  const aspect = getImageAspectRatio(editor, attrs, pos);
+  return {
+    width,
+    height: aspect ? Math.round(width / aspect) : toPositiveNumber(attrs.height),
+    imageWidthPreset: preset
+  };
+}
 function applyImageLayout(editor, layout) {
   const { state, view } = editor;
   const { selection, schema } = state;
@@ -27509,15 +27572,15 @@ function applyImageWidthPreset(editor, preset) {
   const mode = attrs.imageLayout === "left" || attrs.imageLayout === "right" ? "wrap" : "block";
   const width = IMAGE_WIDTHS_BY_LAYOUT[mode][preset];
   if (!isSelectedImage(editor)) {
-    editor.chain().focus().updateAttributes("image", { width, imageWidthPreset: preset }).run();
+    editor.chain().focus().updateAttributes("image", getImagePresetAttributes(editor, width, preset, attrs)).run();
     return;
   }
   const { state, view } = editor;
   const selection = state.selection;
+  const nextAttrs = getImagePresetAttributes(editor, width, preset, selection.node.attrs, selection.from);
   const transaction = state.tr.setNodeMarkup(selection.from, void 0, {
     ...selection.node.attrs,
-    width,
-    imageWidthPreset: preset
+    ...nextAttrs
   });
   view.dispatch(transaction.scrollIntoView());
   view.focus();
@@ -27645,6 +27708,229 @@ 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";
+function getCellSelectionPositions(selection) {
+  const value = selection;
+  const anchor = value.$anchorCell?.pos;
+  const head = value.$headCell?.pos;
+  return typeof anchor === "number" && typeof head === "number" ? { anchor, head } : null;
+}
+function findTableInfoFromCellPos(editor, cellPos) {
+  const $pos = editor.state.doc.resolve(cellPos);
+  for (let depth = $pos.depth; depth > 0; depth -= 1) {
+    const node = $pos.node(depth);
+    if (node.type.name === "table") {
+      return {
+        table: node,
+        tablePos: $pos.before(depth),
+        tableStart: $pos.start(depth)
+      };
+    }
+  }
+  return null;
+}
+function getFocusableCellPos(editor, cellPos) {
+  const cellNode = editor.state.doc.nodeAt(cellPos);
+  if (!cellNode) return cellPos + 1;
+  let offset = cellPos + 1;
+  let node = cellNode.firstChild ?? null;
+  while (node && !node.isTextblock) {
+    offset += 1;
+    node = node.firstChild ?? null;
+  }
+  return node?.isTextblock ? offset + 1 : cellPos + 1;
+}
+function focusCell(editor, cellPos) {
+  const selection = TextSelection2.near(editor.state.doc.resolve(getFocusableCellPos(editor, cellPos)));
+  editor.view.dispatch(editor.state.tr.setSelection(selection));
+  editor.view.focus();
+}
+function collectChildren(node) {
+  const children = [];
+  node.forEach((child) => children.push(child));
+  return children;
+}
+function createEmptyCellNode(cellNode) {
+  return cellNode.type.createAndFill(cellNode.attrs) ?? cellNode;
+}
+function getSelectedTableRect(editor) {
+  const cellSelection = getCellSelectionPositions(editor.state.selection);
+  if (cellSelection) {
+    const tableInfo = findTableInfoFromCellPos(editor, cellSelection.anchor);
+    if (tableInfo) {
+      const map = TableMap.get(tableInfo.table);
+      const rect = map.rectBetween(
+        cellSelection.anchor - tableInfo.tableStart,
+        cellSelection.head - tableInfo.tableStart
+      );
+      return {
+        ...rect,
+        map,
+        table: tableInfo.table,
+        tableStart: tableInfo.tableStart
+      };
+    }
+  }
+  return selectedRect(editor.state);
+}
+function parsePixelWidth(value) {
+  if (!value) return null;
+  const parsed = Number.parseFloat(value);
+  return Number.isFinite(parsed) && parsed > 0 ? Math.round(parsed) : null;
+}
+function getDomColumnWidths(editor, rect) {
+  const tableDom = editor.view.nodeDOM(rect.tableStart - 1);
+  if (!(tableDom instanceof HTMLTableElement)) return null;
+  const cols = Array.from(tableDom.querySelectorAll("colgroup > col"));
+  if (cols.length === 0) return null;
+  const widths = [];
+  for (let col = rect.left; col < rect.right; col += 1) {
+    const colElement = cols[col];
+    if (!colElement) return null;
+    const width = parsePixelWidth(colElement.style.width) ?? parsePixelWidth(colElement.getAttribute("width")) ?? Math.round(colElement.getBoundingClientRect().width);
+    if (!Number.isFinite(width) || width <= 0) return null;
+    widths.push(width);
+  }
+  return widths.length > 0 ? widths : null;
+}
+function getNodeColumnWidths(rect) {
+  const widths = [];
+  for (let col = rect.left; col < rect.right; col += 1) {
+    let width = null;
+    const seen = /* @__PURE__ */ new Set();
+    for (let row = 0; row < rect.map.height && width == null; row += 1) {
+      const cellPos = rect.map.map[row * rect.map.width + col];
+      if (seen.has(cellPos)) continue;
+      seen.add(cellPos);
+      const cell = rect.table.nodeAt(cellPos);
+      const colwidth = cell?.attrs.colwidth;
+      if (!Array.isArray(colwidth)) continue;
+      const cellLeft = rect.map.colCount(cellPos);
+      const widthIndex = col - cellLeft;
+      const candidate = colwidth[widthIndex];
+      if (typeof candidate === "number" && candidate > 0) {
+        width = candidate;
+      }
+    }
+    if (width == null) return null;
+    widths.push(width);
+  }
+  return widths.length > 0 ? widths : null;
+}
+function getSelectedColumnWidths(editor, rect) {
+  return getDomColumnWidths(editor, rect) ?? getNodeColumnWidths(rect);
+}
+function dispatchTableLayoutChange(editor) {
+  editor.view.dom.dispatchEvent(new CustomEvent(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT, { bubbles: true }));
+}
+function mergeTableCellsPreservingColumnWidths(editor) {
+  const rect = getSelectedTableRect(editor);
+  const widths = getSelectedColumnWidths(editor, rect);
+  const merged = editor.chain().focus().mergeCells().run();
+  if (!merged) return merged;
+  if (!widths) {
+    dispatchTableLayoutChange(editor);
+    return merged;
+  }
+  const nextRect = getSelectedTableRect(editor);
+  const cellPos = nextRect.map.map[nextRect.top * nextRect.map.width + nextRect.left];
+  const absolutePos = nextRect.tableStart + cellPos;
+  const node = editor.state.doc.nodeAt(absolutePos);
+  if (!node) return merged;
+  editor.view.dispatch(
+    editor.state.tr.setNodeMarkup(absolutePos, node.type, {
+      ...node.attrs,
+      colwidth: widths
+    })
+  );
+  dispatchTableLayoutChange(editor);
+  return true;
+}
+function runTableCommandAtCellPos(editor, cellPos, command) {
+  if (cellPos == null) return false;
+  focusCell(editor, cellPos);
+  return command(editor.chain().focus(null, { scrollIntoView: false })).run();
+}
+function getTableCornerCellPos(editor, activePos) {
+  const tableInfo = findTableInfoFromCellPos(editor, activePos);
+  if (!tableInfo) return null;
+  const map = TableMap.get(tableInfo.table);
+  return tableInfo.tableStart + map.positionAt(map.height - 1, map.width - 1, tableInfo.table);
+}
+function replaceTableAtCellPos(editor, cellPos, updateTable) {
+  if (cellPos == null) return false;
+  const tableInfo = findTableInfoFromCellPos(editor, cellPos);
+  if (!tableInfo) return false;
+  const nextTable = updateTable(tableInfo.table);
+  if (!nextTable) return false;
+  editor.view.dispatch(editor.state.tr.replaceWith(tableInfo.tablePos, tableInfo.tablePos + tableInfo.table.nodeSize, nextTable));
+  dispatchTableLayoutChange(editor);
+  return true;
+}
+function duplicateTableRowAt(editor, rowIndex, cellPos) {
+  return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
+    const rows = collectChildren(tableNode);
+    const rowNode = rows[rowIndex];
+    if (!rowNode) return null;
+    rows.splice(rowIndex + 1, 0, rowNode.copy(rowNode.content));
+    return tableNode.type.create(tableNode.attrs, rows);
+  });
+}
+function clearTableRowAt(editor, rowIndex, cellPos) {
+  return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
+    const rows = collectChildren(tableNode);
+    const rowNode = rows[rowIndex];
+    if (!rowNode) return null;
+    const cells = collectChildren(rowNode).map((cellNode) => createEmptyCellNode(cellNode));
+    rows[rowIndex] = rowNode.type.create(rowNode.attrs, cells);
+    return tableNode.type.create(tableNode.attrs, rows);
+  });
+}
+function duplicateTableColumnAt(editor, columnIndex, cellPos) {
+  return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
+    const rows = collectChildren(tableNode).map((rowNode) => {
+      const cells = collectChildren(rowNode);
+      const cellNode = cells[columnIndex];
+      if (!cellNode) return rowNode;
+      cells.splice(columnIndex + 1, 0, cellNode.copy(cellNode.content));
+      return rowNode.type.create(rowNode.attrs, cells);
+    });
+    return tableNode.type.create(tableNode.attrs, rows);
+  });
+}
+function clearTableColumnAt(editor, columnIndex, cellPos) {
+  return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
+    const rows = collectChildren(tableNode).map((rowNode) => {
+      const cells = collectChildren(rowNode);
+      const cellNode = cells[columnIndex];
+      if (!cellNode) return rowNode;
+      cells[columnIndex] = createEmptyCellNode(cellNode);
+      return rowNode.type.create(rowNode.attrs, cells);
+    });
+    return tableNode.type.create(tableNode.attrs, rows);
+  });
+}
+function expandTableFromCell(editor, activeCellPos, rows, columns) {
+  let cornerCellPos = getTableCornerCellPos(editor, activeCellPos);
+  if (cornerCellPos == null) return false;
+  for (let index = 0; index < rows; index += 1) {
+    const ok = runTableCommandAtCellPos(editor, cornerCellPos, (chain) => chain.addRowAfter());
+    if (!ok) return false;
+    cornerCellPos = getTableCornerCellPos(editor, cornerCellPos);
+    if (cornerCellPos == null) return false;
+  }
+  for (let index = 0; index < columns; index += 1) {
+    const ok = runTableCommandAtCellPos(editor, cornerCellPos, (chain) => chain.addColumnAfter());
+    if (!ok) return false;
+    cornerCellPos = getTableCornerCellPos(editor, cornerCellPos);
+    if (cornerCellPos == null) return false;
+  }
+  dispatchTableLayoutChange(editor);
+  return true;
+}
+
 // src/components/UEditor/typography-options.ts
 function normalizeStyleValue(value) {
   return typeof value === "string" ? value.trim().replace(/^['"]|['"]$/g, "") : "";
@@ -27840,6 +28126,8 @@ var EditorToolbar = ({
   const currentTableAlign = tableAlignAttr === "center" || tableAlignAttr === "right" ? tableAlignAttr : "left";
   const isTableSelected = tableInfo !== null;
   const hasTableContext = isTableSelected || tableCommandAnchorPosRef.current !== null;
+  const canMergeCells = hasTableContext && editor.can().mergeCells();
+  const canSplitCell = hasTableContext && editor.can().splitCell();
   const currentFontFamily = normalizeStyleValue(textStyleAttrs.fontFamily);
   const currentFontSize = normalizeStyleValue(textStyleAttrs.fontSize);
   const currentTextColor = normalizeStyleValue(textStyleAttrs.color) || "inherit";
@@ -28609,13 +28897,68 @@ var EditorToolbar = ({
     ),
     /* @__PURE__ */ jsx85(ToolbarDivider, {}),
     /* @__PURE__ */ jsx85(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx85(UndoIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx85(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx85(RedoIcon, { className: "w-4 h-4" }) })
-  ] });
-};
-
-// src/components/UEditor/menus.tsx
-import { useCallback as useCallback22, useEffect as useEffect36, useMemo as useMemo23, useRef as useRef33, useState as useState48 } from "react";
-import { useEditorState as useEditorState2 } from "@tiptap/react";
+    /* @__PURE__ */ jsx85(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx85(RedoIcon, { className: "w-4 h-4" }) }),
+    hasTableContext && /* @__PURE__ */ jsxs71(Fragment28, { children: [
+      /* @__PURE__ */ jsx85(ToolbarDivider, {}),
+      /* @__PURE__ */ jsx85(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().addColumnBefore().run(),
+          disabled: !editor.can().addColumnBefore(),
+          title: t("tableMenu.addColumnBefore"),
+          children: /* @__PURE__ */ jsx85(ArrowLeft, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx85(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().addColumnAfter().run(),
+          disabled: !editor.can().addColumnAfter(),
+          title: t("tableMenu.addColumnAfter"),
+          children: /* @__PURE__ */ jsx85(ArrowRight, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx85(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().addRowBefore().run(),
+          disabled: !editor.can().addRowBefore(),
+          title: t("tableMenu.addRowBefore"),
+          children: /* @__PURE__ */ jsx85(ArrowUp, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx85(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().addRowAfter().run(),
+          disabled: !editor.can().addRowAfter(),
+          title: t("tableMenu.addRowAfter"),
+          children: /* @__PURE__ */ jsx85(ArrowDown, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx85(
+        ToolbarButton,
+        {
+          onClick: () => {
+            if (canSplitCell) {
+              editor.chain().focus().splitCell().run();
+              return;
+            }
+            mergeTableCellsPreservingColumnWidths(editor);
+          },
+          active: canSplitCell,
+          disabled: !canMergeCells && !canSplitCell,
+          title: canSplitCell ? t("tableMenu.splitCell") : t("tableMenu.mergeCells"),
+          children: /* @__PURE__ */ jsx85(TableCellsMerge, { className: "w-4 h-4" })
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/components/UEditor/menus.tsx
+import { useCallback as useCallback22, useEffect as useEffect36, useMemo as useMemo23, useRef as useRef33, useState as useState48 } from "react";
+import { useEditorState as useEditorState2 } from "@tiptap/react";
 import { isInTable as isSelectionInTable, setCellAttr } from "@tiptap/pm/tables";
 import { createPortal as createPortal8 } from "react-dom";
 import {
@@ -28631,7 +28974,7 @@ import {
   RotateCcw as RotateCcw3,
   Subscript as SubscriptIcon2,
   Superscript as SuperscriptIcon2,
-  TableCellsMerge,
+  TableCellsMerge as TableCellsMerge2,
   Trash2 as Trash23,
   Type as Type3,
   Underline as UnderlineIcon2,
@@ -28640,231 +28983,6 @@ import {
   Unlink,
   ExternalLink as ExternalLink3
 } from "lucide-react";
-
-// src/components/UEditor/table-cell-commands.ts
-import { TextSelection as TextSelection2 } from "@tiptap/pm/state";
-import { selectedRect, TableMap } from "@tiptap/pm/tables";
-function getCellSelectionPositions(selection) {
-  const value = selection;
-  const anchor = value.$anchorCell?.pos;
-  const head = value.$headCell?.pos;
-  return typeof anchor === "number" && typeof head === "number" ? { anchor, head } : null;
-}
-function findTableInfoFromCellPos(editor, cellPos) {
-  const $pos = editor.state.doc.resolve(cellPos);
-  for (let depth = $pos.depth; depth > 0; depth -= 1) {
-    const node = $pos.node(depth);
-    if (node.type.name === "table") {
-      return {
-        table: node,
-        tablePos: $pos.before(depth),
-        tableStart: $pos.start(depth)
-      };
-    }
-  }
-  return null;
-}
-function getFocusableCellPos(editor, cellPos) {
-  const cellNode = editor.state.doc.nodeAt(cellPos);
-  if (!cellNode) return cellPos + 1;
-  let offset = cellPos + 1;
-  let node = cellNode.firstChild ?? null;
-  while (node && !node.isTextblock) {
-    offset += 1;
-    node = node.firstChild ?? null;
-  }
-  return node?.isTextblock ? offset + 1 : cellPos + 1;
-}
-function focusCell(editor, cellPos) {
-  const selection = TextSelection2.near(editor.state.doc.resolve(getFocusableCellPos(editor, cellPos)));
-  editor.view.dispatch(editor.state.tr.setSelection(selection));
-  editor.view.focus();
-}
-function collectChildren(node) {
-  const children = [];
-  node.forEach((child) => children.push(child));
-  return children;
-}
-function createEmptyCellNode(cellNode) {
-  return cellNode.type.createAndFill(cellNode.attrs) ?? cellNode;
-}
-function getSelectedTableRect(editor) {
-  const cellSelection = getCellSelectionPositions(editor.state.selection);
-  if (cellSelection) {
-    const tableInfo = findTableInfoFromCellPos(editor, cellSelection.anchor);
-    if (tableInfo) {
-      const map = TableMap.get(tableInfo.table);
-      const rect = map.rectBetween(
-        cellSelection.anchor - tableInfo.tableStart,
-        cellSelection.head - tableInfo.tableStart
-      );
-      return {
-        ...rect,
-        map,
-        table: tableInfo.table,
-        tableStart: tableInfo.tableStart
-      };
-    }
-  }
-  return selectedRect(editor.state);
-}
-function parsePixelWidth(value) {
-  if (!value) return null;
-  const parsed = Number.parseFloat(value);
-  return Number.isFinite(parsed) && parsed > 0 ? Math.round(parsed) : null;
-}
-function getDomColumnWidths(editor, rect) {
-  const tableDom = editor.view.nodeDOM(rect.tableStart - 1);
-  if (!(tableDom instanceof HTMLTableElement)) return null;
-  const cols = Array.from(tableDom.querySelectorAll("colgroup > col"));
-  if (cols.length === 0) return null;
-  const widths = [];
-  for (let col = rect.left; col < rect.right; col += 1) {
-    const colElement = cols[col];
-    if (!colElement) return null;
-    const width = parsePixelWidth(colElement.style.width) ?? parsePixelWidth(colElement.getAttribute("width")) ?? Math.round(colElement.getBoundingClientRect().width);
-    if (!Number.isFinite(width) || width <= 0) return null;
-    widths.push(width);
-  }
-  return widths.length > 0 ? widths : null;
-}
-function getNodeColumnWidths(rect) {
-  const widths = [];
-  for (let col = rect.left; col < rect.right; col += 1) {
-    let width = null;
-    const seen = /* @__PURE__ */ new Set();
-    for (let row = 0; row < rect.map.height && width == null; row += 1) {
-      const cellPos = rect.map.map[row * rect.map.width + col];
-      if (seen.has(cellPos)) continue;
-      seen.add(cellPos);
-      const cell = rect.table.nodeAt(cellPos);
-      const colwidth = cell?.attrs.colwidth;
-      if (!Array.isArray(colwidth)) continue;
-      const cellLeft = rect.map.colCount(cellPos);
-      const widthIndex = col - cellLeft;
-      const candidate = colwidth[widthIndex];
-      if (typeof candidate === "number" && candidate > 0) {
-        width = candidate;
-      }
-    }
-    if (width == null) return null;
-    widths.push(width);
-  }
-  return widths.length > 0 ? widths : null;
-}
-function getSelectedColumnWidths(editor, rect) {
-  return getDomColumnWidths(editor, rect) ?? getNodeColumnWidths(rect);
-}
-function dispatchTableLayoutChange(editor) {
-  editor.view.dom.dispatchEvent(new CustomEvent(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT, { bubbles: true }));
-}
-function mergeTableCellsPreservingColumnWidths(editor) {
-  const rect = getSelectedTableRect(editor);
-  const widths = getSelectedColumnWidths(editor, rect);
-  const merged = editor.chain().focus().mergeCells().run();
-  if (!merged) return merged;
-  if (!widths) {
-    dispatchTableLayoutChange(editor);
-    return merged;
-  }
-  const nextRect = getSelectedTableRect(editor);
-  const cellPos = nextRect.map.map[nextRect.top * nextRect.map.width + nextRect.left];
-  const absolutePos = nextRect.tableStart + cellPos;
-  const node = editor.state.doc.nodeAt(absolutePos);
-  if (!node) return merged;
-  editor.view.dispatch(
-    editor.state.tr.setNodeMarkup(absolutePos, node.type, {
-      ...node.attrs,
-      colwidth: widths
-    })
-  );
-  dispatchTableLayoutChange(editor);
-  return true;
-}
-function runTableCommandAtCellPos(editor, cellPos, command) {
-  if (cellPos == null) return false;
-  focusCell(editor, cellPos);
-  return command(editor.chain().focus(null, { scrollIntoView: false })).run();
-}
-function getTableCornerCellPos(editor, activePos) {
-  const tableInfo = findTableInfoFromCellPos(editor, activePos);
-  if (!tableInfo) return null;
-  const map = TableMap.get(tableInfo.table);
-  return tableInfo.tableStart + map.positionAt(map.height - 1, map.width - 1, tableInfo.table);
-}
-function replaceTableAtCellPos(editor, cellPos, updateTable) {
-  if (cellPos == null) return false;
-  const tableInfo = findTableInfoFromCellPos(editor, cellPos);
-  if (!tableInfo) return false;
-  const nextTable = updateTable(tableInfo.table);
-  if (!nextTable) return false;
-  editor.view.dispatch(editor.state.tr.replaceWith(tableInfo.tablePos, tableInfo.tablePos + tableInfo.table.nodeSize, nextTable));
-  dispatchTableLayoutChange(editor);
-  return true;
-}
-function duplicateTableRowAt(editor, rowIndex, cellPos) {
-  return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
-    const rows = collectChildren(tableNode);
-    const rowNode = rows[rowIndex];
-    if (!rowNode) return null;
-    rows.splice(rowIndex + 1, 0, rowNode.copy(rowNode.content));
-    return tableNode.type.create(tableNode.attrs, rows);
-  });
-}
-function clearTableRowAt(editor, rowIndex, cellPos) {
-  return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
-    const rows = collectChildren(tableNode);
-    const rowNode = rows[rowIndex];
-    if (!rowNode) return null;
-    const cells = collectChildren(rowNode).map((cellNode) => createEmptyCellNode(cellNode));
-    rows[rowIndex] = rowNode.type.create(rowNode.attrs, cells);
-    return tableNode.type.create(tableNode.attrs, rows);
-  });
-}
-function duplicateTableColumnAt(editor, columnIndex, cellPos) {
-  return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
-    const rows = collectChildren(tableNode).map((rowNode) => {
-      const cells = collectChildren(rowNode);
-      const cellNode = cells[columnIndex];
-      if (!cellNode) return rowNode;
-      cells.splice(columnIndex + 1, 0, cellNode.copy(cellNode.content));
-      return rowNode.type.create(rowNode.attrs, cells);
-    });
-    return tableNode.type.create(tableNode.attrs, rows);
-  });
-}
-function clearTableColumnAt(editor, columnIndex, cellPos) {
-  return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
-    const rows = collectChildren(tableNode).map((rowNode) => {
-      const cells = collectChildren(rowNode);
-      const cellNode = cells[columnIndex];
-      if (!cellNode) return rowNode;
-      cells[columnIndex] = createEmptyCellNode(cellNode);
-      return rowNode.type.create(rowNode.attrs, cells);
-    });
-    return tableNode.type.create(tableNode.attrs, rows);
-  });
-}
-function expandTableFromCell(editor, activeCellPos, rows, columns) {
-  let cornerCellPos = getTableCornerCellPos(editor, activeCellPos);
-  if (cornerCellPos == null) return false;
-  for (let index = 0; index < rows; index += 1) {
-    const ok = runTableCommandAtCellPos(editor, cornerCellPos, (chain) => chain.addRowAfter());
-    if (!ok) return false;
-    cornerCellPos = getTableCornerCellPos(editor, cornerCellPos);
-    if (cornerCellPos == null) return false;
-  }
-  for (let index = 0; index < columns; index += 1) {
-    const ok = runTableCommandAtCellPos(editor, cornerCellPos, (chain) => chain.addColumnAfter());
-    if (!ok) return false;
-    cornerCellPos = getTableCornerCellPos(editor, cornerCellPos);
-    if (cornerCellPos == null) return false;
-  }
-  dispatchTableLayoutChange(editor);
-  return true;
-}
-
-// src/components/UEditor/menus.tsx
 import { Fragment as Fragment29, jsx as jsx86, jsxs as jsxs72 } from "react/jsx-runtime";
 var FloatingSlashCommandMenu = ({ editor, onClose }) => {
   const t = useSmartTranslations("UEditor");
@@ -29401,7 +29519,7 @@ var BubbleMenuContent = ({
           active: canSplitCell,
           disabled: !canMergeCells && !canSplitCell,
           title: canSplitCell ? t("tableMenu.splitCell") || "Split cell" : t("tableMenu.mergeCells") || "Merge cells",
-          children: /* @__PURE__ */ jsx86(TableCellsMerge, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx86(TableCellsMerge2, { className: "w-4 h-4" })
         }
       )
     ] }),
@@ -29465,10 +29583,22 @@ var CustomBubbleMenu = ({
         setIsVisible(false);
         return;
       }
-      const start = view.coordsAtPos(from);
-      const end = view.coordsAtPos(to);
-      const left = (start.left + end.left) / 2;
-      const top = start.top - BUBBLE_MENU_OFFSET;
+      let start;
+      let end;
+      try {
+        start = view.coordsAtPos(from);
+        end = view.coordsAtPos(to);
+      } catch {
+        clearShowTimeout();
+        setIsVisible(false);
+        return;
+      }
+      const viewportPadding = 8;
+      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 });
       if (keepOpenRef.current) {
         clearShowTimeout();
@@ -29490,11 +29620,17 @@ var CustomBubbleMenu = ({
     editor.on("selectionUpdate", updatePosition);
     editor.on("focus", updatePosition);
     editor.on("blur", handleBlur);
+    editor.on("transaction", updatePosition);
+    editor.on("update", updatePosition);
+    const animationFrameId = requestAnimationFrame(updatePosition);
     return () => {
+      cancelAnimationFrame(animationFrameId);
       clearShowTimeout();
       editor.off("selectionUpdate", updatePosition);
       editor.off("focus", updatePosition);
       editor.off("blur", handleBlur);
+      editor.off("transaction", updatePosition);
+      editor.off("update", updatePosition);
     };
   }, [editor]);
   if (!isVisible) return null;
@@ -29504,7 +29640,7 @@ var CustomBubbleMenu = ({
       {
         ref: menuRef,
         "data-popover": true,
-        className: "fixed z-99999 flex rounded-xl border border-border/40 bg-card text-card-foreground shadow-lg backdrop-blur-sm overflow-hidden animate-in fade-in-0 zoom-in-95",
+        className: "fixed z-[99999] flex rounded-xl border border-border/40 bg-card text-card-foreground shadow-lg backdrop-blur-sm overflow-hidden animate-in fade-in-0 zoom-in-95",
         style: {
           top: `${position.top}px`,
           left: `${position.left}px`,
@@ -35427,6 +35563,17 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
   "[&_.is-editor-empty]:before:float-left",
   "[&_.is-editor-empty]:before:pointer-events-none",
   "[&_.is-editor-empty]:before:h-0",
+  "[&_.ProseMirror-gapcursor]:pointer-events-none",
+  "[&_.ProseMirror-gapcursor]:absolute",
+  "[&_.ProseMirror-gapcursor]:hidden",
+  "[&_.ProseMirror-gapcursor:after]:content-['']",
+  "[&_.ProseMirror-gapcursor:after]:block",
+  "[&_.ProseMirror-gapcursor:after]:absolute",
+  "[&_.ProseMirror-gapcursor:after]:top-[-2px]",
+  "[&_.ProseMirror-gapcursor:after]:w-8",
+  "[&_.ProseMirror-gapcursor:after]:border-t-2",
+  "[&_.ProseMirror-gapcursor:after]:border-primary",
+  "[&.ProseMirror-focused_.ProseMirror-gapcursor]:block",
   "[&_ul[data-type='taskList']]:list-none",
   "[&_ul[data-type='taskList']]:pl-0",
   "[&_ul[data-type='taskList']_li]:flex",
@@ -35459,6 +35606,7 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
   "[&_.tableWrapper::-webkit-scrollbar-thumb]:border-transparent",
   "[&_.tableWrapper::-webkit-scrollbar-thumb]:bg-border/70",
   "[&_.tableWrapper::-webkit-scrollbar-thumb:hover]:bg-muted-foreground/45",
+  "[&_table]:w-auto",
   "[&_table]:table-fixed",
   "[&_table]:overflow-hidden",
   "[&_table]:select-text",
@@ -36741,7 +36889,7 @@ var MenuBar = ({
           "div",
           {
             "data-testid": "preview-content",
-            className: "prose prose-sm sm:prose dark:prose-invert max-w-none p-2",
+            className: UEDITOR_PROSEMIRROR_CLASS_NAME,
             dangerouslySetInnerHTML: { __html: editor.getHTML() }
           }
         )