@underverse-ui/underverse 1.0.202 → 1.0.203

package/dist/index.cjs

@@ -998,6 +998,8 @@ var en_default = {
       alignCenter: "Align Center",
       alignRight: "Align Right",
       justify: "Justify",
+      decreaseIndent: "Decrease Indent",
+      increaseIndent: "Increase Indent",
       bulletList: "Bullet List",
       orderedList: "Numbered List",
       taskList: "Task List",
@@ -1447,6 +1449,8 @@ var vi_default = {
       alignCenter: "C\u0103n gi\u1EEFa",
       alignRight: "C\u0103n ph\u1EA3i",
       justify: "C\u0103n \u0111\u1EC1u",
+      decreaseIndent: "Gi\u1EA3m l\u1EC1",
+      increaseIndent: "T\u0103ng l\u1EC1",
       bulletList: "Danh s\xE1ch d\u1EA5u ch\u1EA5m",
       orderedList: "Danh s\xE1ch s\u1ED1",
       taskList: "Danh s\xE1ch c\xF4ng vi\u1EC7c",
@@ -1896,6 +1900,8 @@ var ko_default = {
       alignCenter: "\uAC00\uC6B4\uB370 \uC815\uB82C",
       alignRight: "\uC624\uB978\uCABD \uC815\uB82C",
       justify: "\uC591\uCABD \uB9DE\uCDA4",
+      decreaseIndent: "\uB0B4\uC5B4\uC4F0\uAE30",
+      increaseIndent: "\uB4E4\uC5EC\uC4F0\uAE30",
       bulletList: "\uAE00\uBA38\uB9AC \uAE30\uD638 \uBAA9\uB85D",
       orderedList: "\uBC88\uD638 \uB9E4\uAE30\uAE30 \uBAA9\uB85D",
       taskList: "\uD560 \uC77C \uBAA9\uB85D",
@@ -2345,6 +2351,8 @@ var ja_default = {
       alignCenter: "\u4E2D\u592E\u63C3\u3048",
       alignRight: "\u53F3\u63C3\u3048",
       justify: "\u4E21\u7AEF\u63C3\u3048",
+      decreaseIndent: "\u30A4\u30F3\u30C7\u30F3\u30C8\u3092\u6E1B\u3089\u3059",
+      increaseIndent: "\u30A4\u30F3\u30C7\u30F3\u30C8\u3092\u5897\u3084\u3059",
       bulletList: "\u7B87\u6761\u66F8\u304D",
       orderedList: "\u756A\u53F7\u4ED8\u304D\u30EA\u30B9\u30C8",
       taskList: "\u30BF\u30B9\u30AF\u30EA\u30B9\u30C8",
@@ -28127,11 +28135,11 @@ function useLocale2() {
 }
 
 // src/components/UEditor/UEditor.tsx
-var import_react84 = __toESM(require("react"), 1);
-var import_react85 = require("@tiptap/react");
+var import_react85 = __toESM(require("react"), 1);
+var import_react86 = require("@tiptap/react");
 
 // src/components/UEditor/extensions.ts
-var import_core16 = require("@tiptap/core");
+var import_core17 = require("@tiptap/core");
 var import_extension_document = __toESM(require("@tiptap/extension-document"), 1);
 var import_extension_paragraph = __toESM(require("@tiptap/extension-paragraph"), 1);
 var import_extension_text = __toESM(require("@tiptap/extension-text"), 1);
@@ -28147,7 +28155,7 @@ var import_extension_task_list = __toESM(require("@tiptap/extension-task-list"),
 var import_extension_task_item = __toESM(require("@tiptap/extension-task-item"), 1);
 var import_extension_blockquote = __toESM(require("@tiptap/extension-blockquote"), 1);
 var import_extension_code = __toESM(require("@tiptap/extension-code"), 1);
-var import_core17 = require("@tiptap/core");
+var import_core18 = require("@tiptap/core");
 var import_react68 = require("@tiptap/react");
 
 // src/components/UEditor/callout.ts
@@ -31660,15 +31668,208 @@ var LetterSpacing = import_core15.Extension.create({
 });
 var letter_spacing_default = LetterSpacing;
 
+// src/components/UEditor/indent.ts
+var import_core16 = require("@tiptap/core");
+var import_tables = require("@tiptap/pm/tables");
+var DEFAULT_MAX_LEVEL = 6;
+var DEFAULT_MIN_LEVEL = 0;
+var DEFAULT_STEP_REM = 2;
+var INLINE_TAB_SPACES = "\xA0".repeat(4);
+var LIST_ITEM_TYPES = /* @__PURE__ */ new Set(["listItem", "taskItem"]);
+var TABLE_CELL_TYPES = /* @__PURE__ */ new Set(["tableCell", "tableHeader"]);
+function clampIndentLevel(value, minLevel, maxLevel) {
+  const numericValue = typeof value === "number" ? value : Number.parseInt(String(value ?? ""), 10);
+  if (!Number.isFinite(numericValue)) return minLevel;
+  return Math.min(maxLevel, Math.max(minLevel, Math.round(numericValue)));
+}
+function parseIndentLevel(element, options) {
+  const dataIndent = element.getAttribute("data-indent");
+  if (dataIndent !== null) {
+    return clampIndentLevel(dataIndent, options.minLevel, options.maxLevel);
+  }
+  const marginLeft = element.style.marginLeft.trim();
+  const match = marginLeft.match(/^(-?\d+(?:\.\d+)?)(rem|em|px)$/i);
+  if (!match) return options.minLevel;
+  const value = Number.parseFloat(match[1] ?? "0");
+  const unit = match[2]?.toLowerCase();
+  const remValue = unit === "px" ? value / 16 : value;
+  return clampIndentLevel(remValue / options.stepRem, options.minLevel, options.maxLevel);
+}
+function getNodePos($pos, depth) {
+  return depth > 0 ? $pos.before(depth) : 0;
+}
+function getIndentTargetAt($pos, indentTypes) {
+  for (let depth = $pos.depth; depth > 0; depth -= 1) {
+    const nodeName = $pos.node(depth).type.name;
+    if (LIST_ITEM_TYPES.has(nodeName) || TABLE_CELL_TYPES.has(nodeName)) return null;
+  }
+  if (indentTypes.has("blockquote")) {
+    for (let depth = $pos.depth; depth > 0; depth -= 1) {
+      const node = $pos.node(depth);
+      if (node.type.name === "blockquote") {
+        return { node, pos: getNodePos($pos, depth) };
+      }
+    }
+  }
+  for (let depth = $pos.depth; depth > 0; depth -= 1) {
+    const node = $pos.node(depth);
+    if (indentTypes.has(node.type.name)) {
+      return { node, pos: getNodePos($pos, depth) };
+    }
+  }
+  return null;
+}
+function getIndentTargets(state, types) {
+  if ((0, import_tables.isInTable)(state)) return [];
+  const indentTypes = new Set(types);
+  const targets = /* @__PURE__ */ new Map();
+  const addTarget = (target) => {
+    if (target) targets.set(target.pos, target);
+  };
+  addTarget(getIndentTargetAt(state.selection.$from, indentTypes));
+  addTarget(getIndentTargetAt(state.selection.$to, indentTypes));
+  if (!state.selection.empty) {
+    state.doc.nodesBetween(state.selection.from, state.selection.to, (node, pos) => {
+      if (!indentTypes.has(node.type.name)) return true;
+      const resolvedPos = state.doc.resolve(Math.min(pos + 1, state.doc.content.size));
+      addTarget(getIndentTargetAt(resolvedPos, indentTypes));
+      return node.type.name !== "blockquote";
+    });
+  }
+  return Array.from(targets.values()).sort((a, b) => a.pos - b.pos);
+}
+function updateBlockIndent({
+  state,
+  dispatch,
+  options,
+  delta
+}) {
+  const targets = getIndentTargets(state, options.types);
+  let transaction = state.tr;
+  let changed = false;
+  for (const target of targets) {
+    const currentLevel = clampIndentLevel(target.node.attrs.indent, options.minLevel, options.maxLevel);
+    const nextLevel = clampIndentLevel(currentLevel + delta, options.minLevel, options.maxLevel);
+    if (nextLevel === currentLevel) continue;
+    transaction = transaction.setNodeMarkup(target.pos, void 0, {
+      ...target.node.attrs,
+      indent: nextLevel
+    });
+    changed = true;
+  }
+  if (changed && dispatch) dispatch(transaction.scrollIntoView());
+  return changed;
+}
+function insertTabAtCursor(state, dispatch) {
+  if (!state.selection.empty) return false;
+  if (dispatch) {
+    dispatch(state.tr.insertText(INLINE_TAB_SPACES, state.selection.from).scrollIntoView());
+  }
+  return true;
+}
+function removeTabBeforeCursor(state, dispatch) {
+  if (!state.selection.empty || state.selection.$from.parentOffset <= 0) return false;
+  const cursorPos = state.selection.from;
+  const tabStartPos = cursorPos - INLINE_TAB_SPACES.length;
+  if (tabStartPos < 0 || state.doc.textBetween(tabStartPos, cursorPos) !== INLINE_TAB_SPACES) return false;
+  if (dispatch) {
+    dispatch(state.tr.delete(tabStartPos, cursorPos).scrollIntoView());
+  }
+  return true;
+}
+var Indent = import_core16.Extension.create({
+  name: "indent",
+  addOptions() {
+    return {
+      maxLevel: DEFAULT_MAX_LEVEL,
+      minLevel: DEFAULT_MIN_LEVEL,
+      stepRem: DEFAULT_STEP_REM,
+      types: ["paragraph", "blockquote"]
+    };
+  },
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.types,
+        attributes: {
+          indent: {
+            default: this.options.minLevel,
+            parseHTML: (element) => parseIndentLevel(element, this.options),
+            renderHTML: (attributes) => {
+              const level = clampIndentLevel(attributes.indent, this.options.minLevel, this.options.maxLevel);
+              if (level <= this.options.minLevel) return {};
+              return {
+                "data-indent": String(level),
+                style: `margin-left: ${level * this.options.stepRem}rem`
+              };
+            }
+          }
+        }
+      }
+    ];
+  },
+  addCommands() {
+    return {
+      increaseIndent: () => ({ editor, commands, state, dispatch }) => {
+        if (editor.isActive("taskItem")) return commands.sinkListItem("taskItem");
+        if (editor.isActive("listItem")) return commands.sinkListItem("listItem");
+        return updateBlockIndent({
+          state,
+          dispatch,
+          options: this.options,
+          delta: 1
+        });
+      },
+      decreaseIndent: () => ({ editor, commands, state, dispatch }) => {
+        if (editor.isActive("taskItem")) return commands.liftListItem("taskItem");
+        if (editor.isActive("listItem")) return commands.liftListItem("listItem");
+        return updateBlockIndent({
+          state,
+          dispatch,
+          options: this.options,
+          delta: -1
+        });
+      }
+    };
+  },
+  addKeyboardShortcuts() {
+    const handleBlockIndent = (delta) => {
+      const { state } = this.editor;
+      const hasBlockTarget = getIndentTargets(state, this.options.types).length > 0;
+      if (!hasBlockTarget) {
+        return delta > 0 ? this.editor.commands.increaseIndent() : this.editor.commands.decreaseIndent();
+      }
+      if (state.selection.empty && state.selection.$from.parentOffset > 0) {
+        if (delta > 0) {
+          return insertTabAtCursor(state, (transaction) => this.editor.view.dispatch(transaction));
+        }
+        removeTabBeforeCursor(state, (transaction) => this.editor.view.dispatch(transaction));
+        return true;
+      }
+      if (delta > 0) {
+        this.editor.commands.increaseIndent();
+      } else {
+        this.editor.commands.decreaseIndent();
+      }
+      return true;
+    };
+    return {
+      Tab: () => handleBlockIndent(1),
+      "Shift-Tab": () => handleBlockIndent(-1)
+    };
+  }
+});
+var indent_default = Indent;
+
 // src/components/UEditor/table-align.ts
 var import_extension_table = require("@tiptap/extension-table");
 var import_state7 = require("@tiptap/pm/state");
-var import_tables2 = require("@tiptap/pm/tables");
+var import_tables3 = require("@tiptap/pm/tables");
 
 // src/components/UEditor/table-column-resize.ts
 var import_state6 = require("@tiptap/pm/state");
 var import_view2 = require("@tiptap/pm/view");
-var import_tables = require("@tiptap/pm/tables");
+var import_tables2 = require("@tiptap/pm/tables");
 var DEFAULT_TABLE_COLUMN_WIDTH = 100;
 var MIN_RESIZED_TABLE_COLUMN_WIDTH = 25;
 function getDynamicColumnMinWidth(startWidth, fallbackMinWidth) {
@@ -31788,20 +31989,20 @@ function edgeCell(view, event, side, handleWidth) {
     top: event.clientY
   });
   if (!found2) return -1;
-  const $cell = (0, import_tables.cellAround)(view.state.doc.resolve(found2.pos));
+  const $cell = (0, import_tables2.cellAround)(view.state.doc.resolve(found2.pos));
   if (!$cell) return -1;
   if (side === "right") return $cell.pos;
-  const map = import_tables.TableMap.get($cell.node(-1));
+  const map = import_tables2.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(import_tables.columnResizingPluginKey, { setHandle: value }));
+  view.dispatch(view.state.tr.setMeta(import_tables2.columnResizingPluginKey, { setHandle: value }));
 }
 function handleMouseMove(view, event, handleWidth, lastColumnResizable) {
   if (!view.editable) return;
-  const pluginState = import_tables.columnResizingPluginKey.getState(view.state);
+  const pluginState = import_tables2.columnResizingPluginKey.getState(view.state);
   if (!pluginState || pluginState.dragging) return;
   const target = domCellAround(event.target);
   let cell = -1;
@@ -31814,7 +32015,7 @@ function handleMouseMove(view, event, handleWidth, lastColumnResizable) {
   if (!lastColumnResizable && cell !== -1) {
     const $cell = view.state.doc.resolve(cell);
     const table = $cell.node(-1);
-    const map = import_tables.TableMap.get(table);
+    const map = import_tables2.TableMap.get(table);
     const tableStart = $cell.start(-1);
     const nodeAfter = $cell.nodeAfter;
     if (!nodeAfter) return;
@@ -31824,7 +32025,7 @@ function handleMouseMove(view, event, handleWidth, lastColumnResizable) {
 }
 function handleMouseLeave(view) {
   if (!view.editable) return;
-  const pluginState = import_tables.columnResizingPluginKey.getState(view.state);
+  const pluginState = import_tables2.columnResizingPluginKey.getState(view.state);
   if (pluginState && pluginState.activeHandle > -1 && !pluginState.dragging) {
     updateHandle(view, -1);
   }
@@ -31832,7 +32033,7 @@ function handleMouseLeave(view) {
 function updateColumnWidth(view, cell, width) {
   const $cell = view.state.doc.resolve(cell);
   const table = $cell.node(-1);
-  const map = import_tables.TableMap.get(table);
+  const map = import_tables2.TableMap.get(table);
   const start = $cell.start(-1);
   const nodeAfter = $cell.nodeAfter;
   if (!nodeAfter) return;
@@ -31857,7 +32058,7 @@ function updateColumnWidth(view, cell, width) {
   if (tr.docChanged) view.dispatch(tr);
 }
 function getActiveDragging(state) {
-  const dragging = import_tables.columnResizingPluginKey.getState(state)?.dragging;
+  const dragging = import_tables2.columnResizingPluginKey.getState(state)?.dragging;
   return dragging ? dragging : null;
 }
 function getColumnResizeGhost(view) {
@@ -31902,7 +32103,7 @@ function showColumnResizeGhost(view, cell, dragging, width) {
 function handleMouseDown(view, event, cellMinWidth) {
   if (!view.editable) return false;
   const win = view.dom.ownerDocument.defaultView ?? window;
-  const pluginState = import_tables.columnResizingPluginKey.getState(view.state);
+  const pluginState = import_tables2.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;
@@ -31917,22 +32118,22 @@ function handleMouseDown(view, event, cellMinWidth) {
     startWidth: width,
     minWidth
   };
-  view.dispatch(view.state.tr.setMeta(import_tables.columnResizingPluginKey, { setDragging: dragging }));
+  view.dispatch(view.state.tr.setMeta(import_tables2.columnResizingPluginKey, { setDragging: dragging }));
   function finish(nextEvent) {
     win.removeEventListener("mouseup", finish);
     win.removeEventListener("mousemove", move);
     const activeDragging = getActiveDragging(view.state);
-    const activeHandle = import_tables.columnResizingPluginKey.getState(view.state)?.activeHandle ?? -1;
+    const activeHandle = import_tables2.columnResizingPluginKey.getState(view.state)?.activeHandle ?? -1;
     if (activeDragging && activeHandle > -1) {
       updateColumnWidth(view, activeHandle, getDraggedWidth(activeDragging, nextEvent));
-      view.dispatch(view.state.tr.setMeta(import_tables.columnResizingPluginKey, { setDragging: null }));
+      view.dispatch(view.state.tr.setMeta(import_tables2.columnResizingPluginKey, { setDragging: null }));
     }
     hideColumnResizeGhost(view);
   }
   function move(nextEvent) {
     if (!nextEvent.buttons) return finish(nextEvent);
     const activeDragging = getActiveDragging(view.state);
-    const activeHandle = import_tables.columnResizingPluginKey.getState(view.state)?.activeHandle ?? -1;
+    const activeHandle = import_tables2.columnResizingPluginKey.getState(view.state)?.activeHandle ?? -1;
     if (activeDragging && activeHandle > -1) {
       showColumnResizeGhost(view, activeHandle, activeDragging, getDraggedWidth(activeDragging, nextEvent));
     }
@@ -31948,7 +32149,7 @@ function handleDecorations(state, cell) {
   const $cell = state.doc.resolve(cell);
   const table = $cell.node(-1);
   if (!table) return import_view2.DecorationSet.empty;
-  const map = import_tables.TableMap.get(table);
+  const map = import_tables2.TableMap.get(table);
   const start = $cell.start(-1);
   const nodeAfter = $cell.nodeAfter;
   if (!nodeAfter) return import_view2.DecorationSet.empty;
@@ -31962,7 +32163,7 @@ function handleDecorations(state, cell) {
       const pos = start + cellPos + cellNode.nodeSize - 1;
       const dom = document.createElement("div");
       dom.className = "column-resize-handle";
-      if (import_tables.columnResizingPluginKey.getState(state)?.dragging) {
+      if (import_tables2.columnResizingPluginKey.getState(state)?.dragging) {
         decorations.push(import_view2.Decoration.node(start + cellPos, start + cellPos + cellNode.nodeSize, { class: "column-resize-dragging" }));
       }
       decorations.push(import_view2.Decoration.widget(pos, dom));
@@ -31978,15 +32179,15 @@ function dynamicColumnResizing({
   lastColumnResizable = true
 } = {}) {
   const plugin = new import_state6.Plugin({
-    key: import_tables.columnResizingPluginKey,
+    key: import_tables2.columnResizingPluginKey,
     state: {
       init(_, state) {
         const nodeViews = plugin.spec.props?.nodeViews;
-        const tableName = (0, import_tables.tableNodeTypes)(state.schema).table.name;
+        const tableName = (0, import_tables2.tableNodeTypes)(state.schema).table.name;
         if (View && nodeViews) {
           nodeViews[tableName] = (node, view) => new View(node, defaultCellMinWidth, view);
         }
-        return new import_tables.ResizeState(-1, false);
+        return new import_tables2.ResizeState(-1, false);
       },
       apply(tr, prev) {
         return prev.apply(tr);
@@ -31994,7 +32195,7 @@ function dynamicColumnResizing({
     },
     props: {
       attributes: (state) => {
-        const pluginState = import_tables.columnResizingPluginKey.getState(state);
+        const pluginState = import_tables2.columnResizingPluginKey.getState(state);
         return pluginState && pluginState.activeHandle > -1 ? { class: "resize-cursor" } : {};
       },
       handleDOMEvents: {
@@ -32007,7 +32208,7 @@ function dynamicColumnResizing({
         mousedown: (view, event) => handleMouseDown(view, event, cellMinWidth)
       },
       decorations: (state) => {
-        const pluginState = import_tables.columnResizingPluginKey.getState(state);
+        const pluginState = import_tables2.columnResizingPluginKey.getState(state);
         if (pluginState && pluginState.activeHandle > -1) {
           return handleDecorations(state, pluginState.activeHandle);
         }
@@ -32164,7 +32365,7 @@ var UEditorTable = import_extension_table.Table.extend({
           lastColumnResizable: this.options.lastColumnResizable
         })
       ] : [],
-      (0, import_tables2.tableEditing)({
+      (0, import_tables3.tableEditing)({
         allowTableNodeSelection: this.options.allowTableNodeSelection
       }),
       new import_state7.Plugin({
@@ -32433,7 +32634,7 @@ var CustomTableCell = import_extension_table_cell.default.extend({
     mergedStyle = mergedStyle.replace(/^;/, "").trim();
     return [
       "td",
-      (0, import_core16.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
+      (0, import_core17.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
       0
     ];
   }
@@ -32559,7 +32760,7 @@ var CustomTableHeader = import_extension_table_header.default.extend({
     mergedStyle = mergedStyle.replace(/^;/, "").trim();
     return [
       "th",
-      (0, import_core16.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
+      (0, import_core17.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
       0
     ];
   }
@@ -32567,15 +32768,15 @@ var CustomTableHeader = import_extension_table_header.default.extend({
 var CustomTaskList = import_extension_task_list.default.extend({
   addInputRules() {
     return [
-      (0, import_core17.wrappingInputRule)({
+      (0, import_core18.wrappingInputRule)({
         find: /^\s*(\[ \]|\[\])\s$/,
         type: this.type
       }),
-      (0, import_core17.wrappingInputRule)({
+      (0, import_core18.wrappingInputRule)({
         find: /^\s*(-\s*\[ \]|-\s*\[\])\s$/,
         type: this.type
       }),
-      (0, import_core17.wrappingInputRule)({
+      (0, import_core18.wrappingInputRule)({
         find: /^\s*(\*\s*\[ \]|-\s*\[\])\s$/,
         type: this.type
       })
@@ -32671,6 +32872,7 @@ function buildUEditorExtensions({
     font_size_default,
     line_height_default,
     letter_spacing_default,
+    indent_default,
     import_extension_color.default,
     import_extension_highlight.default.configure({
       multicolor: true
@@ -32738,7 +32940,7 @@ function buildUEditorExtensions({
 var import_react72 = __toESM(require("react"), 1);
 var import_react73 = require("@tiptap/react");
 var import_lucide_react52 = require("lucide-react");
-var import_tables4 = require("@tiptap/pm/tables");
+var import_tables5 = require("@tiptap/pm/tables");
 
 // src/components/UEditor/colors.tsx
 var import_react70 = require("react");
@@ -33395,7 +33597,7 @@ function applyEditorLink(editor, href) {
 
 // src/components/UEditor/table-cell-commands.ts
 var import_state10 = require("@tiptap/pm/state");
-var import_tables3 = require("@tiptap/pm/tables");
+var import_tables4 = require("@tiptap/pm/tables");
 function getCellSelectionPositions(selection) {
   const value = selection;
   const anchor = value.$anchorCell?.pos;
@@ -33487,7 +33689,7 @@ function getSelectedTableRect(editor) {
   if (cellSelection) {
     const tableInfo = findTableInfoFromCellPos(editor, cellSelection.anchor);
     if (tableInfo) {
-      const map = import_tables3.TableMap.get(tableInfo.table);
+      const map = import_tables4.TableMap.get(tableInfo.table);
       const rect = map.rectBetween(
         cellSelection.anchor - tableInfo.tableStart,
         cellSelection.head - tableInfo.tableStart
@@ -33500,7 +33702,7 @@ function getSelectedTableRect(editor) {
       };
     }
   }
-  return (0, import_tables3.selectedRect)(editor.state);
+  return (0, import_tables4.selectedRect)(editor.state);
 }
 function parsePixelWidth(value) {
   if (!value) return null;
@@ -33583,7 +33785,7 @@ function runTableCommandAtCellPos(editor, cellPos, command) {
 function getTableCornerCellPos(editor, activePos) {
   const tableInfo = findTableInfoFromCellPos(editor, activePos);
   if (!tableInfo) return null;
-  const map = import_tables3.TableMap.get(tableInfo.table);
+  const map = import_tables4.TableMap.get(tableInfo.table);
   return tableInfo.tableStart + map.positionAt(map.height - 1, map.width - 1, tableInfo.table);
 }
 function replaceTableAtCellPos(editor, cellPos, updateTable) {
@@ -33607,7 +33809,7 @@ function duplicateTableRowAt(editor, rowIndex, cellPos) {
 }
 function clearTableRowAt(editor, rowIndex, cellPos) {
   return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
-    const map = import_tables3.TableMap.get(tableNode);
+    const map = import_tables4.TableMap.get(tableNode);
     if (rowIndex < 0 || rowIndex >= map.height) return null;
     const rows = getTableRows(tableNode).map((rowInfo) => {
       const cells = collectChildren(rowInfo.node);
@@ -33623,7 +33825,7 @@ function clearTableRowAt(editor, rowIndex, cellPos) {
 }
 function duplicateTableColumnAt(editor, columnIndex, cellPos) {
   return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
-    const map = import_tables3.TableMap.get(tableNode);
+    const map = import_tables4.TableMap.get(tableNode);
     if (columnIndex < 0 || columnIndex >= map.width) return null;
     const rows = getTableRows(tableNode).map((rowInfo, rowIndex) => {
       const cells = collectChildren(rowInfo.node);
@@ -33645,7 +33847,7 @@ function duplicateTableColumnAt(editor, columnIndex, cellPos) {
 }
 function clearTableColumnAt(editor, columnIndex, cellPos) {
   return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
-    const map = import_tables3.TableMap.get(tableNode);
+    const map = import_tables4.TableMap.get(tableNode);
     if (columnIndex < 0 || columnIndex >= map.width) return null;
     const rows = getTableRows(tableNode).map((rowInfo) => {
       const cells = collectChildren(rowInfo.node);
@@ -33775,6 +33977,77 @@ function getTableAnchorPos(editor) {
   const firstCell = tables[0]?.querySelector("th,td");
   return firstCell instanceof HTMLTableCellElement ? editor.view.posAtDOM(firstCell, 0) + 1 : null;
 }
+var EDITOR_UI_ACTIVE_MARKS = [
+  "blockquote",
+  "bold",
+  "bulletList",
+  "code",
+  "codeBlock",
+  "formCheckbox",
+  "highlight",
+  "image",
+  "italic",
+  "link",
+  "orderedList",
+  "paragraph",
+  "strike",
+  "subscript",
+  "superscript",
+  "taskList",
+  "underline"
+];
+function getEditorUiRenderState(editor) {
+  const textStyle = editor.getAttributes("textStyle");
+  const highlight = editor.getAttributes("highlight");
+  const image = editor.getAttributes("image");
+  const link = editor.getAttributes("link");
+  const tableCell = editor.getAttributes("tableCell");
+  const tableHeader = editor.getAttributes("tableHeader");
+  const hasTableContext = getTableAnchorPos(editor) !== null;
+  const can = editor.can();
+  return {
+    active: EDITOR_UI_ACTIVE_MARKS.map((name) => editor.isActive(name)),
+    alignment: ["left", "center", "right", "justify"].map((textAlign) => editor.isActive({ textAlign })),
+    heading: [1, 2, 3].map((level) => editor.isActive("heading", { level })),
+    textStyle: {
+      color: textStyle.color ?? null,
+      fontFamily: textStyle.fontFamily ?? null,
+      fontSize: textStyle.fontSize ?? null,
+      letterSpacing: textStyle.letterSpacing ?? null,
+      lineHeight: textStyle.lineHeight ?? null
+    },
+    highlightColor: highlight.color ?? null,
+    image: {
+      imageLayout: image.imageLayout ?? null,
+      imageWidthPreset: image.imageWidthPreset ?? null
+    },
+    linkHref: link.href ?? null,
+    tableCell: {
+      backgroundColor: tableCell.backgroundColor ?? tableHeader.backgroundColor ?? null,
+      borderColor: tableCell.borderColor ?? tableHeader.borderColor ?? null,
+      borderStyle: tableCell.borderStyle ?? tableHeader.borderStyle ?? null,
+      borderWidth: tableCell.borderWidth ?? tableHeader.borderWidth ?? null,
+      formula: tableCell.formula ?? tableHeader.formula ?? null,
+      numberFormat: tableCell.numberFormat ?? tableHeader.numberFormat ?? null,
+      textDirection: tableCell.textDirection ?? tableHeader.textDirection ?? null,
+      verticalAlign: tableCell.verticalAlign ?? tableHeader.verticalAlign ?? null
+    },
+    can: {
+      addColumnAfter: hasTableContext && can.addColumnAfter(),
+      addColumnBefore: hasTableContext && can.addColumnBefore(),
+      addRowAfter: hasTableContext && can.addRowAfter(),
+      addRowBefore: hasTableContext && can.addRowBefore(),
+      decreaseIndent: can.decreaseIndent(),
+      increaseIndent: can.increaseIndent(),
+      mergeCells: hasTableContext && can.mergeCells(),
+      redo: can.redo(),
+      splitCell: hasTableContext && can.splitCell(),
+      undo: can.undo()
+    },
+    hasTableContext,
+    isEmpty: editor.isEmpty
+  };
+}
 function fileToDataUrl2(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();
@@ -33828,7 +34101,7 @@ var TableInsertGrid = ({
   const maxCols = 8;
   return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "mb-2 rounded-xl border border-border/60 bg-muted/20 p-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "mb-2 text-sm font-medium text-foreground", children: formatTableInsertLabel(previewTemplate, selection.rows, selection.cols) }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "grid grid-cols-8 gap-1", onMouseLeave: () => setSelection((prev) => prev), children: Array.from({ length: maxRows }).map(
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "grid grid-cols-8 gap-1", children: Array.from({ length: maxRows }).map(
       (_, rowIndex) => Array.from({ length: maxCols }).map((__, colIndex) => {
         const rows = rowIndex + 1;
         const cols = colIndex + 1;
@@ -33856,7 +34129,7 @@ var TableInsertGrid = ({
 };
 function applyTableCellAttribute(editor, name, value) {
   const { state, view } = editor;
-  const applied = (0, import_tables4.setCellAttr)(name, value)(state, view.dispatch.bind(view));
+  const applied = (0, import_tables5.setCellAttr)(name, value)(state, view.dispatch.bind(view));
   if (applied) {
     view.focus();
     return;
@@ -33876,9 +34149,9 @@ var EditorToolbar = ({
   letterSpacings
 }) => {
   const t = useSmartTranslations("UEditor");
-  (0, import_react73.useEditorState)({
+  const editorUiState = (0, import_react73.useEditorState)({
     editor,
-    selector: ({ transactionNumber }) => transactionNumber
+    selector: ({ editor: currentEditor }) => getEditorUiRenderState(currentEditor)
   });
   const { textColors, highlightColors } = useEditorColors();
   const [showImageInput, setShowImageInput] = (0, import_react72.useState)(false);
@@ -33960,6 +34233,24 @@ var EditorToolbar = ({
           children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaListIcon, { className: "h-4 w-4" })
         }
       ),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().decreaseIndent().run(),
+          disabled: !editorUiState.can.decreaseIndent,
+          title: t("toolbar.decreaseIndent"),
+          children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.IndentDecrease, { className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().increaseIndent().run(),
+          disabled: !editorUiState.can.increaseIndent,
+          title: t("toolbar.increaseIndent"),
+          children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.IndentIncrease, { className: "h-4 w-4" })
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
         DropdownMenu,
         {
@@ -34460,6 +34751,24 @@ var EditorToolbar = ({
             ]
           }
         ),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          ToolbarButton,
+          {
+            onClick: () => editor.chain().focus().decreaseIndent().run(),
+            disabled: !editorUiState.can.decreaseIndent,
+            title: t("toolbar.decreaseIndent"),
+            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.IndentDecrease, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          ToolbarButton,
+          {
+            onClick: () => editor.chain().focus().increaseIndent().run(),
+            disabled: !editorUiState.can.increaseIndent,
+            title: t("toolbar.increaseIndent"),
+            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.IndentIncrease, { className: "h-4 w-4" })
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
           DropdownMenu,
           {
@@ -34726,12 +35035,12 @@ var EditorToolbar = ({
 // src/components/UEditor/menus.tsx
 var import_react74 = require("react");
 var import_react75 = require("@tiptap/react");
-var import_tables7 = require("@tiptap/pm/tables");
+var import_tables8 = require("@tiptap/pm/tables");
 var import_react_dom8 = require("react-dom");
 var import_lucide_react53 = require("lucide-react");
 
 // src/components/UEditor/table-border-commands.ts
-var import_tables5 = require("@tiptap/pm/tables");
+var import_tables6 = require("@tiptap/pm/tables");
 var SIDES = ["top", "right", "bottom", "left"];
 var OPPOSITE_SIDE = {
   top: "bottom",
@@ -34802,7 +35111,7 @@ function getAppliedSides(position, cell, selection) {
 }
 function applyTableCellBorders(editor, position, format, options = {}) {
   const { state, view } = editor;
-  const selection = (0, import_tables5.selectedRect)(state);
+  const selection = (0, import_tables6.selectedRect)(state);
   const transaction = state.tr;
   const cellPositions = new Set(selection.map.cellsInRect(selection));
   const sidesByCell = /* @__PURE__ */ new Map();
@@ -34860,7 +35169,7 @@ function applyTableCellBorders(editor, position, format, options = {}) {
 
 // src/components/UEditor/table-formula-commands.ts
 var import_state11 = require("@tiptap/pm/state");
-var import_tables6 = require("@tiptap/pm/tables");
+var import_tables7 = require("@tiptap/pm/tables");
 
 // src/components/UEditor/table-formula.ts
 var CELL_ADDRESS_RE = /^([A-Z]+)([1-9]\d*)$/i;
@@ -35451,7 +35760,7 @@ function getSelectionTableCellAnchor(editor) {
     const tableNode = $cell.node(depth);
     if (tableNode.type.name !== "table") continue;
     const tableStart = $cell.start(depth);
-    const rect = safeFindCell2(import_tables6.TableMap.get(tableNode), cellPos - tableStart);
+    const rect = safeFindCell2(import_tables7.TableMap.get(tableNode), cellPos - tableStart);
     if (!rect) return null;
     return {
       cellPos,
@@ -35467,7 +35776,7 @@ function getSelectionTableCellAnchor(editor) {
 function restoreSelectionAtTableCell(editor, anchor) {
   const tableNode = editor.state.doc.nodeAt(anchor.tablePos);
   if (!tableNode || tableNode.type.name !== "table") return false;
-  const map = import_tables6.TableMap.get(tableNode);
+  const map = import_tables7.TableMap.get(tableNode);
   if (anchor.row >= map.height || anchor.column >= map.width) return false;
   const relativeCellPos = map.positionAt(anchor.row, anchor.column, tableNode);
   const cellPos = anchor.tablePos + 1 + relativeCellPos;
@@ -35523,7 +35832,7 @@ function getSelectionTableCellLabel(editor) {
   const tableNode = $from.node(tableDepth);
   const tableStart = $from.start(tableDepth);
   const relativeCellPos = $from.before(cellDepth) - tableStart;
-  const rect = safeFindCell2(import_tables6.TableMap.get(tableNode), relativeCellPos);
+  const rect = safeFindCell2(import_tables7.TableMap.get(tableNode), relativeCellPos);
   if (!rect) return null;
   return `${indexToColumnName(rect.left)}${rect.top + 1}`;
 }
@@ -35561,7 +35870,7 @@ function removeSelectedTableCellFormula(editor, clearContent) {
   return true;
 }
 function buildTableValueMap(tableNode) {
-  const map = import_tables6.TableMap.get(tableNode);
+  const map = import_tables7.TableMap.get(tableNode);
   const values = /* @__PURE__ */ new Map();
   for (const rowInfo of getTableRows2(tableNode)) {
     for (const entry of rowInfo.cells) {
@@ -35586,8 +35895,8 @@ function setSelectedTableCellFormula(editor, formula) {
   if (!normalized) {
     return clearSelectedTableCellFormula(editor);
   }
-  const appliedFormula = (0, import_tables6.setCellAttr)("formula", normalized)(state, view.dispatch.bind(view));
-  const clearedValue = (0, import_tables6.setCellAttr)("computedValue", null)(editor.state, view.dispatch.bind(view));
+  const appliedFormula = (0, import_tables7.setCellAttr)("formula", normalized)(state, view.dispatch.bind(view));
+  const clearedValue = (0, import_tables7.setCellAttr)("computedValue", null)(editor.state, view.dispatch.bind(view));
   if (appliedFormula || clearedValue) {
     recalculateActiveTableFormulas(editor);
     if (selectionAnchor) restoreSelectionAtTableCell(editor, selectionAnchor);
@@ -35606,7 +35915,7 @@ function convertSelectedTableCellFormulaToValue(editor) {
 function setSelectedTableCellNumberFormat(editor, numberFormat) {
   const value = numberFormat && numberFormat !== "text" ? numberFormat : null;
   const { state, view } = editor;
-  const applied = (0, import_tables6.setCellAttr)("numberFormat", value)(state, view.dispatch.bind(view));
+  const applied = (0, import_tables7.setCellAttr)("numberFormat", value)(state, view.dispatch.bind(view));
   if (!applied) return false;
   recalculateSelectedTable(editor);
   view.focus();
@@ -35678,7 +35987,7 @@ function promoteFormulaTextInTableNode(tableNode) {
 function recalculateTableNode(tableNode, options) {
   const promoted = promoteFormulaTextInTableNode(tableNode);
   tableNode = promoted.tableNode;
-  const map = import_tables6.TableMap.get(tableNode);
+  const map = import_tables7.TableMap.get(tableNode);
   const values = buildTableValueMap(tableNode);
   const formulaEntries = /* @__PURE__ */ new Map();
   let changed = false;
@@ -35749,7 +36058,7 @@ function recalculateTableNode(tableNode, options) {
   return tableNode.type.create(tableNode.attrs, rows);
 }
 function recalculateSelectedTable(editor) {
-  const rect = (0, import_tables6.selectedRect)(editor.state);
+  const rect = (0, import_tables7.selectedRect)(editor.state);
   const tableNode = rect.table;
   const nextTable = recalculateTableNode(tableNode);
   if (!nextTable) return false;
@@ -35856,7 +36165,7 @@ var FloatingMenuContent = ({ editor }) => {
 function applyTableCellBackground(editor, color) {
   const value = color || null;
   const { state, view } = editor;
-  const applied = (0, import_tables7.setCellAttr)("backgroundColor", value)(state, view.dispatch.bind(view));
+  const applied = (0, import_tables8.setCellAttr)("backgroundColor", value)(state, view.dispatch.bind(view));
   if (applied) {
     view.focus();
     return;
@@ -35866,7 +36175,7 @@ function applyTableCellBackground(editor, color) {
 function applyTableCellAttribute2(editor, name, value, options = {}) {
   const shouldFocus = options.focus ?? true;
   const { state, view } = editor;
-  const applied = (0, import_tables7.setCellAttr)(name, value)(state, view.dispatch.bind(view));
+  const applied = (0, import_tables8.setCellAttr)(name, value)(state, view.dispatch.bind(view));
   if (applied) {
     if (shouldFocus) view.focus();
     return;
@@ -35922,7 +36231,7 @@ function BorderPositionPreviewIcon({ position }) {
 function getBubbleMenuContext(editor) {
   const { selection } = editor.state;
   if (editor.isActive("image")) return "image";
-  if (selection instanceof import_tables7.CellSelection) return "table-cell";
+  if (selection instanceof import_tables8.CellSelection) return "table-cell";
   if (editor.isActive("link")) return "link";
   if (!selection.empty) return "text";
   return "none";
@@ -35940,7 +36249,7 @@ var BubbleMenuContent = ({
   const t = useSmartTranslations("UEditor");
   (0, import_react75.useEditorState)({
     editor,
-    selector: ({ transactionNumber }) => transactionNumber
+    selector: ({ editor: currentEditor }) => getEditorUiRenderState(currentEditor)
   });
   const { textColors, highlightColors } = useEditorColors();
   const [showLinkInput, setShowLinkInput] = (0, import_react74.useState)(initialShowLinkInput);
@@ -35976,9 +36285,9 @@ var BubbleMenuContent = ({
   const [activeBorderPosition, setActiveBorderPosition] = (0, import_react74.useState)("all");
   const currentCellVerticalAlign = normalizeStyleValue(editor.getAttributes("tableCell").verticalAlign || editor.getAttributes("tableHeader").verticalAlign) || "";
   const currentCellTextDirection = normalizeStyleValue(editor.getAttributes("tableCell").textDirection || editor.getAttributes("tableHeader").textDirection) || "horizontal";
-  const isInTable2 = (0, import_tables7.isInTable)(editor.state);
-  const canMergeCells = isInTable2 && editor.can().mergeCells();
-  const canSplitCell = isInTable2 && editor.can().splitCell();
+  const isInTable3 = (0, import_tables8.isInTable)(editor.state);
+  const canMergeCells = isInTable3 && editor.can().mergeCells();
+  const canSplitCell = isInTable3 && editor.can().splitCell();
   const currentFontSize = normalizeStyleValue(textStyleAttrs.fontSize);
   const currentLineHeight = normalizeStyleValue(textStyleAttrs.lineHeight);
   const quickFontSizes = (0, import_react74.useMemo)(
@@ -36324,7 +36633,7 @@ var BubbleMenuContent = ({
       )
     ] });
   }
-  if (showFormulaPanel && isInTable2) {
+  if (showFormulaPanel && isInTable3) {
     return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "w-72 p-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("tableMenu.formula") || "Formula" }),
@@ -36888,20 +37197,24 @@ var CustomBubbleMenu = ({
         setIsVisible(false);
       }
     };
-    editor.on("selectionUpdate", updatePosition);
-    editor.on("focus", updatePosition);
+    let animationFrameId = null;
+    const schedulePositionUpdate = () => {
+      if (animationFrameId !== null) return;
+      animationFrameId = requestAnimationFrame(() => {
+        animationFrameId = null;
+        updatePosition();
+      });
+    };
+    editor.on("transaction", schedulePositionUpdate);
+    editor.on("focus", schedulePositionUpdate);
     editor.on("blur", handleBlur);
-    editor.on("transaction", updatePosition);
-    editor.on("update", updatePosition);
-    const animationFrameId = requestAnimationFrame(updatePosition);
+    schedulePositionUpdate();
     return () => {
-      cancelAnimationFrame(animationFrameId);
+      if (animationFrameId !== null) cancelAnimationFrame(animationFrameId);
       clearShowTimeout();
-      editor.off("selectionUpdate", updatePosition);
-      editor.off("focus", updatePosition);
+      editor.off("transaction", schedulePositionUpdate);
+      editor.off("focus", schedulePositionUpdate);
       editor.off("blur", handleBlur);
-      editor.off("transaction", updatePosition);
-      editor.off("update", updatePosition);
     };
   }, [editor]);
   (0, import_react74.useEffect)(() => {
@@ -36991,15 +37304,23 @@ var CustomFloatingMenu = ({ editor }) => {
       setIsVisible(true);
     };
     const handleBlur = () => setIsVisible(false);
-    editor.on("selectionUpdate", updatePosition);
-    editor.on("focus", updatePosition);
+    let animationFrameId = null;
+    const schedulePositionUpdate = () => {
+      if (animationFrameId !== null) return;
+      animationFrameId = requestAnimationFrame(() => {
+        animationFrameId = null;
+        updatePosition();
+      });
+    };
+    editor.on("transaction", schedulePositionUpdate);
+    editor.on("focus", schedulePositionUpdate);
     editor.on("blur", handleBlur);
-    editor.on("update", updatePosition);
+    schedulePositionUpdate();
     return () => {
-      editor.off("selectionUpdate", updatePosition);
-      editor.off("focus", updatePosition);
+      if (animationFrameId !== null) cancelAnimationFrame(animationFrameId);
+      editor.off("transaction", schedulePositionUpdate);
+      editor.off("focus", schedulePositionUpdate);
       editor.off("blur", handleBlur);
-      editor.off("update", updatePosition);
     };
   }, [editor]);
   if (!isVisible) return null;
@@ -37023,12 +37344,20 @@ var CustomFloatingMenu = ({ editor }) => {
 };
 
 // src/components/UEditor/CharacterCount.tsx
+var import_react76 = require("@tiptap/react");
 var import_jsx_runtime95 = require("react/jsx-runtime");
 var CharacterCountDisplay = ({ editor, maxCharacters }) => {
   const t = useSmartTranslations("UEditor");
-  const storage = editor.storage;
-  const characterCount = storage.characterCount?.characters?.() ?? 0;
-  const wordCount = storage.characterCount?.words?.() ?? 0;
+  const { characterCount, wordCount } = (0, import_react76.useEditorState)({
+    editor,
+    selector: ({ editor: currentEditor }) => {
+      const storage = currentEditor.storage;
+      return {
+        characterCount: storage.characterCount?.characters?.() ?? 0,
+        wordCount: storage.characterCount?.words?.() ?? 0
+      };
+    }
+  });
   const percentage = maxCharacters ? Math.round(characterCount / maxCharacters * 100) : 0;
   return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center gap-3 px-3 py-2 text-xs text-muted-foreground border-t border-border/30 bg-muted/20", children: [
     /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { children: [
@@ -37462,7 +37791,7 @@ async function prepareUEditorContentForSave({
 }
 
 // src/components/UEditor/table-controls.tsx
-var import_react76 = __toESM(require("react"), 1);
+var import_react77 = __toESM(require("react"), 1);
 
 // node_modules/prosemirror-model/dist/index.js
 function findDiffStart(a, b, pos) {
@@ -40916,7 +41245,7 @@ function cellAround2($pos) {
   for (let d = $pos.depth - 1; d > 0; d--) if ($pos.node(d).type.spec.tableRole == "row") return $pos.node(0).resolve($pos.before(d + 1));
   return null;
 }
-function isInTable(state) {
+function isInTable2(state) {
   const $head = state.selection.$head;
   for (let d = $head.depth; d > 0; d--) if ($head.node(d).type.spec.tableRole == "row") return true;
   return false;
@@ -41432,7 +41761,7 @@ function selectedRect4(state) {
 }
 function deprecated_toggleHeader(type) {
   return function(state, dispatch) {
-    if (!isInTable(state)) return false;
+    if (!isInTable2(state)) return false;
     if (dispatch) {
       const types = tableNodeTypes2(state.schema);
       const rect = selectedRect4(state), tr = state.tr;
@@ -41472,7 +41801,7 @@ function toggleHeader(type, options) {
   options = options || { useDeprecatedLogic: false };
   if (options.useDeprecatedLogic) return deprecated_toggleHeader(type);
   return function(state, dispatch) {
-    if (!isInTable(state)) return false;
+    if (!isInTable2(state)) return false;
     if (dispatch) {
       const types = tableNodeTypes2(state.schema);
       const rect = selectedRect4(state), tr = state.tr;
@@ -42602,20 +42931,20 @@ function getSelectedCell(editor) {
 }
 function TableControls({ editor, containerRef, showCellInspector = true }) {
   const t = useSmartTranslations("UEditor");
-  const [layout, setLayout] = import_react76.default.useState(null);
-  const [dragPreview, setDragPreview] = import_react76.default.useState(null);
-  const [tableResizeActive, setTableResizeActive] = import_react76.default.useState(false);
-  const [hoverState, setHoverState] = import_react76.default.useState(DEFAULT_TABLE_HOVER_STATE);
-  const [openMenuKey, setOpenMenuKey] = import_react76.default.useState(null);
-  const layoutRef = import_react76.default.useRef(null);
-  const dragStateRef = import_react76.default.useRef(null);
-  const syncFrameRef = import_react76.default.useRef(null);
-  const tableResizeFrameRef = import_react76.default.useRef(null);
-  const tableResizePreviewFrameRef = import_react76.default.useRef(null);
-  import_react76.default.useEffect(() => {
+  const [layout, setLayout] = import_react77.default.useState(null);
+  const [dragPreview, setDragPreview] = import_react77.default.useState(null);
+  const [tableResizeActive, setTableResizeActive] = import_react77.default.useState(false);
+  const [hoverState, setHoverState] = import_react77.default.useState(DEFAULT_TABLE_HOVER_STATE);
+  const [openMenuKey, setOpenMenuKey] = import_react77.default.useState(null);
+  const layoutRef = import_react77.default.useRef(null);
+  const dragStateRef = import_react77.default.useRef(null);
+  const syncFrameRef = import_react77.default.useRef(null);
+  const tableResizeFrameRef = import_react77.default.useRef(null);
+  const tableResizePreviewFrameRef = import_react77.default.useRef(null);
+  import_react77.default.useEffect(() => {
     layoutRef.current = layout;
   }, [layout]);
-  const syncFromCell = import_react76.default.useCallback((cell) => {
+  const syncFromCell = import_react77.default.useCallback((cell) => {
     const surface = containerRef.current;
     if (!surface || !cell) {
       setLayout(null);
@@ -42623,23 +42952,23 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
     }
     setLayout(buildTableControlLayout(editor, surface, cell));
   }, [containerRef, editor]);
-  const syncFromSelection = import_react76.default.useCallback(() => {
+  const syncFromSelection = import_react77.default.useCallback(() => {
     syncFromCell(getSelectedCell(editor));
   }, [editor, syncFromCell]);
-  const scheduleSyncFromSelection = import_react76.default.useCallback(() => {
+  const scheduleSyncFromSelection = import_react77.default.useCallback(() => {
     if (syncFrameRef.current !== null) return;
     syncFrameRef.current = window.requestAnimationFrame(() => {
       syncFrameRef.current = null;
       syncFromSelection();
     });
   }, [syncFromSelection]);
-  import_react76.default.useEffect(() => () => {
+  import_react77.default.useEffect(() => () => {
     if (syncFrameRef.current !== null) {
       window.cancelAnimationFrame(syncFrameRef.current);
       syncFrameRef.current = null;
     }
   }, []);
-  const refreshCurrentLayout = import_react76.default.useCallback(() => {
+  const refreshCurrentLayout = import_react77.default.useCallback(() => {
     setLayout((prev) => {
       if (!prev) return prev;
       const surface = containerRef.current;
@@ -42649,7 +42978,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       return cell ? buildTableControlLayout(editor, surface, cell) : null;
     });
   }, [containerRef, editor]);
-  const updateTableResizePreview = import_react76.default.useCallback((dimensions) => {
+  const updateTableResizePreview = import_react77.default.useCallback((dimensions) => {
     const frame = tableResizeFrameRef.current;
     if (!frame) return;
     frame.style.width = `${dimensions.width}px`;
@@ -42659,7 +42988,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       dimensionsLabel.textContent = `${dimensions.width} \xD7 ${dimensions.height}`;
     }
   }, []);
-  const resetTableResizePreview = import_react76.default.useCallback(() => {
+  const resetTableResizePreview = import_react77.default.useCallback(() => {
     const activeLayout = layoutRef.current;
     if (!activeLayout) return;
     updateTableResizePreview({
@@ -42667,7 +42996,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       height: Math.round(activeLayout.tableHeight)
     });
   }, [updateTableResizePreview]);
-  const clearDrag = import_react76.default.useCallback(() => {
+  const clearDrag = import_react77.default.useCallback(() => {
     const dragState = dragStateRef.current;
     if (dragState?.kind === "resize-table") {
       try {
@@ -42687,7 +43016,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
     resetTableResizePreview();
     document.body.style.cursor = "";
   }, [resetTableResizePreview]);
-  const updateHoverState = import_react76.default.useCallback((event) => {
+  const updateHoverState = import_react77.default.useCallback((event) => {
     const activeLayout = layoutRef.current;
     const surface = containerRef.current;
     if (!activeLayout || !surface || dragStateRef.current) {
@@ -42703,7 +43032,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       return areTableHoverStatesEqual(prev, nextState) ? prev : nextState;
     });
   }, [containerRef]);
-  import_react76.default.useEffect(() => {
+  import_react77.default.useEffect(() => {
     const proseMirror = editor.view.dom;
     const surface = containerRef.current;
     if (!surface) return void 0;
@@ -42772,37 +43101,37 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       editor.off("update", refreshCurrentLayout);
     };
   }, [clearDrag, containerRef, editor, refreshCurrentLayout, syncFromCell, syncFromSelection, updateHoverState]);
-  const runAtCellPos = import_react76.default.useCallback((cellPos, command, options) => {
+  const runAtCellPos = import_react77.default.useCallback((cellPos, command, options) => {
     const result = runTableCommandAtCellPos(editor, cellPos, command);
     if (options?.sync !== false) {
       scheduleSyncFromSelection();
     }
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const runAtActiveCell = import_react76.default.useCallback((command, options) => {
+  const runAtActiveCell = import_react77.default.useCallback((command, options) => {
     return runAtCellPos(layoutRef.current?.cellPos ?? null, command, options);
   }, [runAtCellPos]);
-  const duplicateRowAt = import_react76.default.useCallback((rowIndex, cellPos) => {
+  const duplicateRowAt = import_react77.default.useCallback((rowIndex, cellPos) => {
     const result = duplicateTableRowAt(editor, rowIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const clearRowAt = import_react76.default.useCallback((rowIndex, cellPos) => {
+  const clearRowAt = import_react77.default.useCallback((rowIndex, cellPos) => {
     const result = clearTableRowAt(editor, rowIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const duplicateColumnAt = import_react76.default.useCallback((columnIndex, cellPos) => {
+  const duplicateColumnAt = import_react77.default.useCallback((columnIndex, cellPos) => {
     const result = duplicateTableColumnAt(editor, columnIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const clearColumnAt = import_react76.default.useCallback((columnIndex, cellPos) => {
+  const clearColumnAt = import_react77.default.useCallback((columnIndex, cellPos) => {
     const result = clearTableColumnAt(editor, columnIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const expandTableBy = import_react76.default.useCallback((rows, cols) => {
+  const expandTableBy = import_react77.default.useCallback((rows, cols) => {
     const activeCellPos = layoutRef.current?.cellPos ?? editor.state.selection.from;
     const result = expandTableFromCell(editor, activeCellPos, rows, cols);
     scheduleSyncFromSelection();
@@ -42811,7 +43140,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
   const canExpandTable = Boolean(layout);
   const controlsVisible = dragPreview !== null;
   const tableMenuOpen = openMenuKey === "table";
-  const startTableResize = import_react76.default.useCallback((event) => {
+  const startTableResize = import_react77.default.useCallback((event) => {
     if (event.button !== 0 || dragStateRef.current) return;
     const activeLayout = layoutRef.current;
     if (!activeLayout) return;
@@ -42847,19 +43176,19 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
     updateTableResizePreview(pendingDimensions);
     document.body.style.cursor = "nwse-resize";
   }, [editor, updateTableResizePreview]);
-  const startAddColumnDrag = import_react76.default.useCallback(() => {
+  const startAddColumnDrag = import_react77.default.useCallback(() => {
     setOpenMenuKey(null);
     dragStateRef.current = { kind: "add-column", previewCols: 1 };
     setDragPreview({ kind: "add-column", previewCols: 1 });
     document.body.style.cursor = "ew-resize";
   }, []);
-  const startAddRowDrag = import_react76.default.useCallback(() => {
+  const startAddRowDrag = import_react77.default.useCallback(() => {
     setOpenMenuKey(null);
     dragStateRef.current = { kind: "add-row", previewRows: 1 };
     setDragPreview({ kind: "add-row", previewRows: 1 });
     document.body.style.cursor = "ns-resize";
   }, []);
-  const startRowDrag = import_react76.default.useCallback((rowHandle) => {
+  const startRowDrag = import_react77.default.useCallback((rowHandle) => {
     setOpenMenuKey(null);
     dragStateRef.current = {
       kind: "row",
@@ -42876,7 +43205,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
     });
     document.body.style.cursor = "grabbing";
   }, []);
-  const startColumnDrag = import_react76.default.useCallback((columnHandle) => {
+  const startColumnDrag = import_react77.default.useCallback((columnHandle) => {
     setOpenMenuKey(null);
     dragStateRef.current = {
       kind: "column",
@@ -42893,7 +43222,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
     });
     document.body.style.cursor = "grabbing";
   }, []);
-  import_react76.default.useEffect(() => {
+  import_react77.default.useEffect(() => {
     const handleMouseMove2 = (event) => {
       const dragState = dragStateRef.current;
       const activeLayout = layoutRef.current;
@@ -42985,7 +43314,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       window.removeEventListener("blur", clearDrag);
     };
   }, [clearDrag, containerRef, editor, expandTableBy, scheduleSyncFromSelection]);
-  import_react76.default.useEffect(() => {
+  import_react77.default.useEffect(() => {
     const handlePointerMove = (event) => {
       const dragState = dragStateRef.current;
       if (!dragState || dragState.kind !== "resize-table" || event.pointerId !== dragState.pointerId) return;
@@ -43035,7 +43364,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       }
     };
   }, [clearDrag, editor, scheduleSyncFromSelection, updateTableResizePreview]);
-  const openCellInspector = import_react76.default.useCallback(() => {
+  const openCellInspector = import_react77.default.useCallback(() => {
     const cellPos = layoutRef.current?.cellPos;
     if (!showCellInspector || cellPos == null) return;
     const didSelect = editor.commands.setCellSelection({
@@ -43047,7 +43376,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       if (!editor.isDestroyed) editor.view.focus();
     });
   }, [editor, showCellInspector]);
-  const menuItems = import_react76.default.useMemo(() => {
+  const menuItems = import_react77.default.useMemo(() => {
     if (!layout) return [];
     return [
       ...showCellInspector ? [{
@@ -43120,7 +43449,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       }
     ];
   }, [editor, layout, openCellInspector, runAtActiveCell, showCellInspector, t]);
-  const getRowHandleMenuItems = import_react76.default.useCallback((rowHandle) => [
+  const getRowHandleMenuItems = import_react77.default.useCallback((rowHandle) => [
     {
       label: t("tableMenu.addRowBefore"),
       icon: import_lucide_react57.ArrowUp,
@@ -43148,7 +43477,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       destructive: true
     }
   ], [clearRowAt, duplicateRowAt, runAtCellPos, t]);
-  const getColumnHandleMenuItems = import_react76.default.useCallback((columnHandle) => [
+  const getColumnHandleMenuItems = import_react77.default.useCallback((columnHandle) => [
     {
       label: t("tableMenu.addColumnBefore"),
       icon: import_lucide_react57.ArrowLeft,
@@ -43476,10 +43805,10 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
 );
 
 // src/components/UEditor/use-table-interactions.ts
-var import_react78 = __toESM(require("react"), 1);
+var import_react79 = __toESM(require("react"), 1);
 
 // src/components/UEditor/use-table-row-resize.ts
-var import_react77 = __toESM(require("react"), 1);
+var import_react78 = __toESM(require("react"), 1);
 function useTableRowResize({
   editor,
   setHoveredTableCell,
@@ -43488,16 +43817,16 @@ function useTableRowResize({
   clearAllTableResizeHover,
   scheduleTableLayoutSync
 }) {
-  const stateRef = (0, import_react77.useRef)(null);
-  const syncActiveGuide = import_react77.default.useCallback(() => {
+  const stateRef = (0, import_react78.useRef)(null);
+  const syncActiveGuide = import_react78.default.useCallback(() => {
     const state = stateRef.current;
     if (!state) return false;
     setHoveredTableCell(state.cellElement);
     showRowGuide(state.tableElement, state.rowElement, state.cellElement, state.pendingHeight);
     return true;
   }, [setHoveredTableCell, showRowGuide]);
-  const isResizing = import_react77.default.useCallback(() => stateRef.current !== null, []);
-  const beginResize = import_react77.default.useCallback((event, table, row, cell) => {
+  const isResizing = import_react78.default.useCallback(() => stateRef.current !== null, []);
+  const beginResize = import_react78.default.useCallback((event, table, row, cell) => {
     if (!editor || !isRowResizeHotspot(cell, event.clientX, event.clientY)) {
       return false;
     }
@@ -43523,7 +43852,7 @@ function useTableRowResize({
     event.stopPropagation();
     return true;
   }, [editor, setHoveredTableCell, showRowGuide]);
-  const handlePointerMove = import_react77.default.useCallback((event) => {
+  const handlePointerMove = import_react78.default.useCallback((event) => {
     const state = stateRef.current;
     if (!state) return;
     const nextHeight = Math.max(
@@ -43540,7 +43869,7 @@ function useTableRowResize({
     document.body.style.cursor = "row-resize";
     showRowGuide(state.tableElement, state.rowElement, state.cellElement, nextHeight);
   }, [showRowGuide]);
-  const handlePointerUp = import_react77.default.useCallback((event) => {
+  const handlePointerUp = import_react78.default.useCallback((event) => {
     if (!editor) return;
     const state = stateRef.current;
     if (!state) return;
@@ -43564,7 +43893,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, editor, scheduleTableLayoutSync]);
-  const cancelResize = import_react77.default.useCallback(() => {
+  const cancelResize = import_react78.default.useCallback(() => {
     if (!stateRef.current) return;
     stateRef.current = null;
     document.body.style.cursor = "";
@@ -43572,7 +43901,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, scheduleTableLayoutSync]);
-  const cleanup = import_react77.default.useCallback(() => {
+  const cleanup = import_react78.default.useCallback(() => {
     stateRef.current = null;
     document.body.style.cursor = "";
   }, []);
@@ -43589,24 +43918,24 @@ function useTableRowResize({
 
 // src/components/UEditor/use-table-interactions.ts
 function useUEditorTableInteractions(editor, editable = true) {
-  const editorContentRef = (0, import_react78.useRef)(null);
-  const tableColumnGuideRef = (0, import_react78.useRef)(null);
-  const tableRowGuideRef = (0, import_react78.useRef)(null);
-  const activeTableCellHighlightRef = (0, import_react78.useRef)(null);
-  const hoveredTableCellRef = (0, import_react78.useRef)(null);
-  const activeTableCellRef = (0, import_react78.useRef)(null);
-  const suppressActiveCellHighlightRef = (0, import_react78.useRef)(false);
-  const tableLayoutSyncFrameRef = (0, import_react78.useRef)(null);
-  const getProseMirrorElement = import_react78.default.useCallback(() => {
+  const editorContentRef = (0, import_react79.useRef)(null);
+  const tableColumnGuideRef = (0, import_react79.useRef)(null);
+  const tableRowGuideRef = (0, import_react79.useRef)(null);
+  const activeTableCellHighlightRef = (0, import_react79.useRef)(null);
+  const hoveredTableCellRef = (0, import_react79.useRef)(null);
+  const activeTableCellRef = (0, import_react79.useRef)(null);
+  const suppressActiveCellHighlightRef = (0, import_react79.useRef)(false);
+  const tableLayoutSyncFrameRef = (0, import_react79.useRef)(null);
+  const getProseMirrorElement = import_react79.default.useCallback(() => {
     return editorContentRef.current?.querySelector(".ProseMirror");
   }, []);
-  const setEditorResizeCursor = import_react78.default.useCallback((cursor) => {
+  const setEditorResizeCursor = import_react79.default.useCallback((cursor) => {
     const proseMirror = getProseMirrorElement();
     if (proseMirror) {
       proseMirror.style.cursor = cursor;
     }
   }, [getProseMirrorElement]);
-  const hideColumnGuide = import_react78.default.useCallback(() => {
+  const hideColumnGuide = import_react79.default.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-cursor");
     getProseMirrorElement()?.classList.remove("resize-cursor");
     const guide = tableColumnGuideRef.current;
@@ -43614,7 +43943,7 @@ function useUEditorTableInteractions(editor, editable = true) {
       guide.style.opacity = "0";
     }
   }, [getProseMirrorElement]);
-  const hideRowGuide = import_react78.default.useCallback(() => {
+  const hideRowGuide = import_react79.default.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-row-cursor");
     getProseMirrorElement()?.classList.remove("resize-row-cursor");
     const guide = tableRowGuideRef.current;
@@ -43622,12 +43951,12 @@ function useUEditorTableInteractions(editor, editable = true) {
       guide.style.opacity = "0";
     }
   }, [getProseMirrorElement]);
-  const clearAllTableResizeHover = import_react78.default.useCallback(() => {
+  const clearAllTableResizeHover = import_react79.default.useCallback(() => {
     setEditorResizeCursor("");
     hideColumnGuide();
     hideRowGuide();
   }, [hideColumnGuide, hideRowGuide, setEditorResizeCursor]);
-  const updateActiveCellHighlight = import_react78.default.useCallback((cell) => {
+  const updateActiveCellHighlight = import_react79.default.useCallback((cell) => {
     const surface = editorContentRef.current;
     const highlight = activeTableCellHighlightRef.current;
     if (!highlight) return;
@@ -43642,7 +43971,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     highlight.style.width = `${metrics.width}px`;
     highlight.style.height = `${metrics.height}px`;
   }, []);
-  const scheduleTableLayoutSync = import_react78.default.useCallback(() => {
+  const scheduleTableLayoutSync = import_react79.default.useCallback(() => {
     if (tableLayoutSyncFrameRef.current !== null) return;
     tableLayoutSyncFrameRef.current = window.requestAnimationFrame(() => {
       tableLayoutSyncFrameRef.current = null;
@@ -43650,7 +43979,7 @@ function useUEditorTableInteractions(editor, editable = true) {
       editorContentRef.current?.dispatchEvent(new CustomEvent(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT));
     });
   }, [updateActiveCellHighlight]);
-  const setActiveTableCell = import_react78.default.useCallback((cell) => {
+  const setActiveTableCell = import_react79.default.useCallback((cell) => {
     if (activeTableCellRef.current === cell) {
       updateActiveCellHighlight(cell);
       return;
@@ -43658,17 +43987,17 @@ function useUEditorTableInteractions(editor, editable = true) {
     activeTableCellRef.current = cell;
     updateActiveCellHighlight(activeTableCellRef.current);
   }, [updateActiveCellHighlight]);
-  const clearActiveTableCell = import_react78.default.useCallback(() => {
+  const clearActiveTableCell = import_react79.default.useCallback(() => {
     activeTableCellRef.current = null;
     updateActiveCellHighlight(null);
   }, [updateActiveCellHighlight]);
-  const setHoveredTableCell = import_react78.default.useCallback((cell) => {
+  const setHoveredTableCell = import_react79.default.useCallback((cell) => {
     hoveredTableCellRef.current = cell;
   }, []);
-  const clearHoveredTableCell = import_react78.default.useCallback(() => {
+  const clearHoveredTableCell = import_react79.default.useCallback(() => {
     hoveredTableCellRef.current = null;
   }, []);
-  const showColumnGuide = import_react78.default.useCallback((table, row, cell) => {
+  const showColumnGuide = import_react79.default.useCallback((table, row, cell) => {
     const surface = editorContentRef.current;
     const guide = tableColumnGuideRef.current;
     if (!surface || !guide) return;
@@ -43682,7 +44011,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     getProseMirrorElement()?.classList.add("resize-cursor");
     setEditorResizeCursor("col-resize");
   }, [getProseMirrorElement, setEditorResizeCursor]);
-  const showRowGuide = import_react78.default.useCallback((table, row, cell, previewHeight) => {
+  const showRowGuide = import_react79.default.useCallback((table, row, cell, previewHeight) => {
     const surface = editorContentRef.current;
     const guide = tableRowGuideRef.current;
     if (!surface || !guide) return;
@@ -43714,7 +44043,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     clearAllTableResizeHover,
     scheduleTableLayoutSync
   });
-  const syncActiveTableCellFromSelection = import_react78.default.useCallback(() => {
+  const syncActiveTableCellFromSelection = import_react79.default.useCallback(() => {
     if (!editor) return;
     if (!editor.isFocused) {
       clearActiveTableCell();
@@ -43722,7 +44051,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     }
     setActiveTableCell(getSelectionTableCell(editor.view));
   }, [clearActiveTableCell, editor, setActiveTableCell]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (!editor || !editable) return void 0;
     const proseMirror = editor.view.dom;
     const surface = editorContentRef.current;
@@ -43897,12 +44226,12 @@ function useUEditorTableInteractions(editor, editable = true) {
 }
 
 // src/components/UEditor/use-formula-coordinate-overlay.ts
-var import_react79 = require("react");
-var import_tables9 = require("@tiptap/pm/tables");
+var import_react80 = require("react");
+var import_tables10 = require("@tiptap/pm/tables");
 
 // src/components/UEditor/table-formula-range-picker.ts
 var import_state12 = require("@tiptap/pm/state");
-var import_tables8 = require("@tiptap/pm/tables");
+var import_tables9 = require("@tiptap/pm/tables");
 function getCellText2(cellNode) {
   return cellNode.textBetween(0, cellNode.content.size, "\n").trim();
 }
@@ -43920,7 +44249,7 @@ function getFormulaEditingTableContext(view) {
     if (!tableNode || tableNode.type.name !== "table") return null;
     const tableDom = cellDom.closest("table");
     if (!(tableDom instanceof HTMLTableElement)) return null;
-    const tableMap = import_tables8.TableMap.get(tableNode);
+    const tableMap = import_tables9.TableMap.get(tableNode);
     const tableStart = $from.start(tableDepth);
     const formulaCellRect = tableMap.findCell(cellPos - tableStart);
     return {
@@ -43937,7 +44266,7 @@ function getFormulaEditingTableContext(view) {
   return null;
 }
 function collectTableFormulaCells(tableNode) {
-  const tableMap = import_tables8.TableMap.get(tableNode);
+  const tableMap = import_tables9.TableMap.get(tableNode);
   const formulas = [];
   tableNode.forEach((rowNode, rowOffset) => {
     rowNode.forEach((cellNode, cellOffset) => {
@@ -44023,7 +44352,7 @@ function getFormulaTableCellInfo(view, target, tablePos) {
   const domPos = view.posAtDOM(cell, 0);
   const tableInfo = findTableForPos(view, domPos);
   if (!tableInfo || tableInfo.pos !== tablePos) return null;
-  const map = import_tables8.TableMap.get(tableInfo.node);
+  const map = import_tables9.TableMap.get(tableInfo.node);
   const relativeCellPos = getCellRelativePosFromDomPos2(map, tableInfo.start, domPos);
   if (relativeCellPos == null) return null;
   const rect = map.findCell(relativeCellPos);
@@ -44167,8 +44496,8 @@ function createBlockedReferenceHighlight(label) {
   return element;
 }
 function useFormulaCoordinateOverlay(editor, containerRef, labels) {
-  const overlayRef = (0, import_react79.useRef)(null);
-  (0, import_react79.useEffect)(() => {
+  const overlayRef = (0, import_react80.useRef)(null);
+  (0, import_react80.useEffect)(() => {
     if (!editor) return void 0;
     const overlay = overlayRef.current;
     const container = containerRef.current;
@@ -44197,7 +44526,7 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
       const tableRect = context.tableDom.getBoundingClientRect();
       const tableLeft = tableRect.left - containerRect.left + container.scrollLeft;
       const tableTop = tableRect.top - containerRect.top + container.scrollTop;
-      const map = import_tables9.TableMap.get(context.tableNode);
+      const map = import_tables10.TableMap.get(context.tableNode);
       const columnSegments = Array(map.width);
       const rowSegments = Array(map.height);
       const cellInfos = [];
@@ -44375,8 +44704,8 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
 }
 
 // src/components/UEditor/menu-bar.tsx
-var import_react80 = __toESM(require("react"), 1);
-var import_react81 = require("@tiptap/react");
+var import_react81 = __toESM(require("react"), 1);
+var import_react82 = require("@tiptap/react");
 var import_lucide_react58 = require("lucide-react");
 
 // src/components/UEditor/preview-html.ts
@@ -44557,7 +44886,7 @@ function renderMenuItems(items) {
       case "sub":
         return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(DropdownMenuSub, { label: item.label, icon: item.icon, disabled: item.disabled, children: renderMenuItems(item.items) }, i);
       case "custom":
-        return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react80.default.Fragment, { children: item.render() }, item.key);
+        return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react81.default.Fragment, { children: item.render() }, item.key);
     }
   });
 }
@@ -44933,7 +45262,7 @@ function buildTableMenuItems(t, editor, onInsertTable) {
     }
   ];
 }
-var MenuBarTrigger = import_react80.default.forwardRef(
+var MenuBarTrigger = import_react81.default.forwardRef(
   ({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     "button",
     {
@@ -44965,18 +45294,18 @@ var MenuBar = ({
   onPreview
 }) => {
   const t = useSmartTranslations("UEditor");
-  (0, import_react81.useEditorState)({
+  (0, import_react82.useEditorState)({
     editor,
-    selector: ({ transactionNumber }) => transactionNumber
+    selector: ({ editor: currentEditor }) => getEditorUiRenderState(currentEditor)
   });
-  const fileInputRef = (0, import_react80.useRef)(null);
-  const [showImageInput, setShowImageInput] = (0, import_react80.useState)(false);
-  const [showLinkInput, setShowLinkInput] = (0, import_react80.useState)(false);
-  const [openMenuKey, setOpenMenuKey] = (0, import_react80.useState)(null);
-  const [showSourceDialog, setShowSourceDialog] = (0, import_react80.useState)(false);
-  const [sourceHtml, setSourceHtml] = (0, import_react80.useState)("");
-  const [showPreviewDialog, setShowPreviewDialog] = (0, import_react80.useState)(false);
-  const previewHtml = (0, import_react80.useMemo)(
+  const fileInputRef = (0, import_react81.useRef)(null);
+  const [showImageInput, setShowImageInput] = (0, import_react81.useState)(false);
+  const [showLinkInput, setShowLinkInput] = (0, import_react81.useState)(false);
+  const [openMenuKey, setOpenMenuKey] = (0, import_react81.useState)(null);
+  const [showSourceDialog, setShowSourceDialog] = (0, import_react81.useState)(false);
+  const [sourceHtml, setSourceHtml] = (0, import_react81.useState)("");
+  const [showPreviewDialog, setShowPreviewDialog] = (0, import_react81.useState)(false);
+  const previewHtml = (0, import_react81.useMemo)(
     () => showPreviewDialog ? prepareUEditorPreviewHtml(editor.getHTML()) : "",
     [editor, showPreviewDialog]
   );
@@ -45262,20 +45591,33 @@ var MenuBar = ({
 };
 
 // src/components/UEditor/table-formula-bar.tsx
-var import_react82 = require("react");
-var import_react83 = require("@tiptap/react");
+var import_react83 = require("react");
+var import_react84 = require("@tiptap/react");
 var import_lucide_react59 = require("lucide-react");
 var import_jsx_runtime103 = require("react/jsx-runtime");
 function TableFormulaBar({ editor }) {
   const t = useSmartTranslations("UEditor");
-  const inputRef = (0, import_react82.useRef)(null);
-  const [draftState, setDraftState] = (0, import_react82.useState)(null);
-  (0, import_react83.useEditorState)({
+  const inputRef = (0, import_react83.useRef)(null);
+  const [draftState, setDraftState] = (0, import_react83.useState)(null);
+  const selectedFormulaState = (0, import_react84.useEditorState)({
     editor,
-    selector: ({ transactionNumber }) => transactionNumber
+    selector: ({ editor: currentEditor }) => {
+      const cell = getSelectedTableFormulaCell(currentEditor);
+      if (!cell) return null;
+      return {
+        cellPos: cell.cellPos,
+        column: cell.column,
+        computedValue: cell.computedValue,
+        formula: cell.formula,
+        formulaState: cell.formulaState,
+        label: cell.label,
+        row: cell.row,
+        tablePos: cell.tablePos
+      };
+    }
   });
-  const selectedCell = getSelectedTableFormulaCell(editor);
-  (0, import_react82.useEffect)(() => {
+  const selectedCell = selectedFormulaState ? getSelectedTableFormulaCell(editor) : null;
+  (0, import_react83.useEffect)(() => {
     const focusFormulaInput = () => {
       inputRef.current?.focus();
     };
@@ -45410,7 +45752,7 @@ function TableFormulaBar({ editor }) {
 
 // src/components/UEditor/UEditor.tsx
 var import_jsx_runtime104 = require("react/jsx-runtime");
-var UEditor = import_react84.default.forwardRef(({
+var UEditor = import_react85.default.forwardRef(({
   content = "",
   onChange,
   onHtmlChange,
@@ -45452,14 +45794,15 @@ var UEditor = import_react84.default.forwardRef(({
 }, ref) => {
   const t = useSmartTranslations("UEditor");
   const effectivePlaceholder = placeholder ?? t("placeholder");
-  const inFlightPrepareRef = (0, import_react84.useRef)(null);
-  const lastAppliedContentRef = (0, import_react84.useRef)(content ?? "");
-  const scheduledFormulaRecalculateRef = (0, import_react84.useRef)(false);
-  const editorInstanceRef = (0, import_react84.useRef)(null);
-  const formulaRangePickRef = (0, import_react84.useRef)(null);
-  const formulaRangeSurfaceRef = (0, import_react84.useRef)(null);
-  const [formulaRangeHighlight, setFormulaRangeHighlight] = import_react84.default.useState(null);
-  const scheduleFormulaRecalculate = import_react84.default.useCallback((editor2, options) => {
+  const inFlightPrepareRef = (0, import_react85.useRef)(null);
+  const lastAppliedContentRef = (0, import_react85.useRef)(content ?? "");
+  const scheduledFormulaRecalculateRef = (0, import_react85.useRef)(false);
+  const pendingFormulaTextRecalculateRef = (0, import_react85.useRef)(false);
+  const editorInstanceRef = (0, import_react85.useRef)(null);
+  const formulaRangePickRef = (0, import_react85.useRef)(null);
+  const formulaRangeSurfaceRef = (0, import_react85.useRef)(null);
+  const [formulaRangeHighlight, setFormulaRangeHighlight] = import_react85.default.useState(null);
+  const scheduleFormulaRecalculate = import_react85.default.useCallback((editor2, options) => {
     if (editor2.isDestroyed || scheduledFormulaRecalculateRef.current) return;
     if (!options?.force && isEditingTableFormulaText(editor2)) return;
     scheduledFormulaRecalculateRef.current = true;
@@ -45470,7 +45813,7 @@ var UEditor = import_react84.default.forwardRef(({
       }
     });
   }, []);
-  const resolvedUploadFile = (0, import_react84.useMemo)(() => {
+  const resolvedUploadFile = (0, import_react85.useMemo)(() => {
     if (uploadFile) return uploadFile;
     if (uploadFileForSave) {
       return async (file) => {
@@ -45480,7 +45823,7 @@ var UEditor = import_react84.default.forwardRef(({
     }
     return uploadImage;
   }, [uploadFile, uploadFileForSave, uploadImage]);
-  const extensions = (0, import_react84.useMemo)(
+  const extensions = (0, import_react85.useMemo)(
     () => [
       ...buildUEditorExtensions({
         placeholder: effectivePlaceholder,
@@ -45499,11 +45842,11 @@ var UEditor = import_react84.default.forwardRef(({
     ],
     [effectivePlaceholder, t, maxCharacters, uploadImage, resolvedUploadFile, imageInsertMode, maxImageFileSize, allowedImageMimeTypes, fallbackToDataUrl, editable, fetchMetadata, extraExtensions]
   );
-  const syncFormulaRangeHighlight = import_react84.default.useCallback((pickState) => {
+  const syncFormulaRangeHighlight = import_react85.default.useCallback((pickState) => {
     const container = formulaRangeSurfaceRef.current;
     setFormulaRangeHighlight(container && pickState ? getFormulaRangePickHighlight(container, pickState) : null);
   }, []);
-  const editor = (0, import_react85.useEditor)({
+  const editor = (0, import_react86.useEditor)({
     immediatelyRender: false,
     extensions,
     content,
@@ -45593,23 +45936,36 @@ var UEditor = import_react84.default.forwardRef(({
     },
     onUpdate: ({ editor: editor2, transaction }) => {
       if (!transaction.getMeta(UEDITOR_TABLE_FORMULA_RECALCULATE_META)) {
-        scheduleFormulaRecalculate(editor2);
+        if (isEditingTableFormulaText(editor2)) {
+          pendingFormulaTextRecalculateRef.current = true;
+        } else {
+          pendingFormulaTextRecalculateRef.current = false;
+          scheduleFormulaRecalculate(editor2);
+        }
+      }
+      if (onChange || onHtmlChange) {
+        const html = editor2.getHTML();
+        onChange?.(html);
+        onHtmlChange?.(html);
+      }
+      if (onJsonChange) {
+        onJsonChange(editor2.getJSON());
       }
-      const html = editor2.getHTML();
-      onChange?.(html);
-      onHtmlChange?.(html);
-      onJsonChange?.(editor2.getJSON());
     },
     onSelectionUpdate: ({ editor: editor2 }) => {
-      scheduleFormulaRecalculate(editor2);
+      if (pendingFormulaTextRecalculateRef.current && !isEditingTableFormulaText(editor2)) {
+        pendingFormulaTextRecalculateRef.current = false;
+        scheduleFormulaRecalculate(editor2);
+      }
     },
     onBlur: ({ editor: editor2, event }) => {
       const nextTarget = event.relatedTarget;
       if (nextTarget instanceof Element && nextTarget.closest("[data-ueditor-formula-bar]")) return;
+      pendingFormulaTextRecalculateRef.current = false;
       scheduleFormulaRecalculate(editor2, { force: true });
     }
   });
-  (0, import_react84.useEffect)(() => {
+  (0, import_react85.useEffect)(() => {
     editorInstanceRef.current = editor;
     return () => {
       if (editorInstanceRef.current === editor) editorInstanceRef.current = null;
@@ -45625,7 +45981,7 @@ var UEditor = import_react84.default.forwardRef(({
     apply: t("tableMenu.apply"),
     cancel: t("imageInput.cancelBtn")
   });
-  (0, import_react84.useImperativeHandle)(
+  (0, import_react85.useImperativeHandle)(
     ref,
     () => ({
       editor,
@@ -45650,7 +46006,7 @@ var UEditor = import_react84.default.forwardRef(({
     }),
     [content, editor, uploadImageForSave, uploadFileForSave, uploadImageConcurrency]
   );
-  (0, import_react84.useEffect)(() => {
+  (0, import_react85.useEffect)(() => {
     if (!editor) return;
     queueMicrotask(() => {
       if (!editor.isDestroyed) {
@@ -45658,7 +46014,7 @@ var UEditor = import_react84.default.forwardRef(({
       }
     });
   }, [editor]);
-  (0, import_react84.useEffect)(() => {
+  (0, import_react85.useEffect)(() => {
     if (!editor) return;
     const nextContent = content ?? "";
     if (lastAppliedContentRef.current === nextContent) return;
@@ -45815,7 +46171,7 @@ var UEditor = import_react84.default.forwardRef(({
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-                import_react85.EditorContent,
+                import_react86.EditorContent,
                 {
                   editor,
                   className: "min-h-full"