@underverse-ui/underverse 1.0.194 → 1.0.195

package/dist/index.cjs

@@ -28005,8 +28005,8 @@ function useLocale2() {
 }
 
 // src/components/UEditor/UEditor.tsx
-var import_react83 = __toESM(require("react"), 1);
-var import_react84 = require("@tiptap/react");
+var import_react84 = __toESM(require("react"), 1);
+var import_react85 = require("@tiptap/react");
 
 // src/components/UEditor/extensions.ts
 var import_core16 = require("@tiptap/core");
@@ -32613,20 +32613,165 @@ function buildUEditorExtensions({
 }
 
 // src/components/UEditor/toolbar.tsx
-var import_react71 = __toESM(require("react"), 1);
-var import_react72 = require("@tiptap/react");
+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");
 
 // src/components/UEditor/colors.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 var import_lucide_react50 = require("lucide-react");
+
+// src/components/UEditor/figma-toolbar-icons.tsx
+var import_react69 = __toESM(require("react"), 1);
 var import_jsx_runtime90 = require("react/jsx-runtime");
+function createToolbarIcon(displayName, width, height, path) {
+  const Icon = import_react69.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+    "svg",
+    {
+      ref,
+      "aria-hidden": "true",
+      focusable: "false",
+      viewBox: `0 0 ${width} ${height}`,
+      className,
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("path", { d: path })
+    }
+  ));
+  Icon.displayName = displayName;
+  return Icon;
+}
+var FigmaChevronDownIcon = createToolbarIcon(
+  "FigmaChevronDownIcon",
+  512,
+  512,
+  "M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"
+);
+var FigmaTextStyleIcon = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("svg", { "aria-hidden": "true", focusable: "false", viewBox: "0 0 24 24", className, fill: "currentColor", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("path", { d: "M4 4.25C4 3.56 4.56 3 5.25 3h13.5C19.44 3 20 3.56 20 4.25v2.5a1 1 0 1 1-2 0V5h-5v14h2a1 1 0 1 1 0 2H9a1 1 0 1 1 0-2h2V5H6v1.75a1 1 0 1 1-2 0v-2.5Z" }) });
+var FigmaLineHeightIcon = createToolbarIcon(
+  "FigmaLineHeightIcon",
+  576,
+  512,
+  "M64 128l0-32 64 0 0 320-32 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l128 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-32 0 0-320 64 0 0 32c0 17.7 14.3 32 32 32s32-14.3 32-32l0-48c0-26.5-21.5-48-48-48L160 32 48 32C21.5 32 0 53.5 0 80l0 48c0 17.7 14.3 32 32 32s32-14.3 32-32zM502.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-64 64c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8l32 0 0 192-32 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l64 64c12.5 12.5 32.8 12.5 45.3 0l64-64c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8l-32 0 0-192 32 0c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-64-64z"
+);
+var FigmaLetterSpacingIcon = createToolbarIcon(
+  "FigmaLetterSpacingIcon",
+  448,
+  512,
+  "M64 128l0-32 128 0 0 128-16 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-16 0 0-128 128 0 0 32c0 17.7 14.3 32 32 32s32-14.3 32-32l0-48c0-26.5-21.5-48-48-48L224 32 48 32C21.5 32 0 53.5 0 80l0 48c0 17.7 14.3 32 32 32s32-14.3 32-32zM9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3l64 64c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6l0-32 192 0 0 32c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l64-64c12.5-12.5 12.5-32.8 0-45.3l-64-64c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 32-192 0 0-32c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-64 64z"
+);
+var FigmaBoldIcon = createToolbarIcon(
+  "FigmaBoldIcon",
+  384,
+  512,
+  "M0 64C0 46.3 14.3 32 32 32l48 0 16 0 128 0c70.7 0 128 57.3 128 128c0 31.3-11.3 60.1-30 82.3c37.1 22.4 62 63.1 62 109.7c0 70.7-57.3 128-128 128L96 480l-16 0-48 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l16 0 0-160L48 96 32 96C14.3 96 0 81.7 0 64zM224 224c35.3 0 64-28.7 64-64s-28.7-64-64-64L112 96l0 128 112 0zM112 288l0 128 144 0c35.3 0 64-28.7 64-64s-28.7-64-64-64l-32 0-112 0z"
+);
+var FigmaItalicIcon = createToolbarIcon(
+  "FigmaItalicIcon",
+  384,
+  512,
+  "M128 64c0-17.7 14.3-32 32-32l192 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-58.7 0L160 416l64 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l58.7 0L224 96l-64 0c-17.7 0-32-14.3-32-32z"
+);
+var FigmaUnderlineIcon = createToolbarIcon(
+  "FigmaUnderlineIcon",
+  448,
+  512,
+  "M16 64c0-17.7 14.3-32 32-32l96 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-16 0 0 128c0 53 43 96 96 96s96-43 96-96l0-128-16 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l96 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-16 0 0 128c0 88.4-71.6 160-160 160s-160-71.6-160-160L64 96 48 96C30.3 96 16 81.7 16 64zM0 448c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32z"
+);
+var FigmaStrikeIcon = createToolbarIcon(
+  "FigmaStrikeIcon",
+  512,
+  512,
+  "M161.3 144c3.2-17.2 14-30.1 33.7-38.6c21.1-9 51.8-12.3 88.6-6.5c11.9 1.9 48.8 9.1 60.1 12c17.1 4.5 34.6-5.6 39.2-22.7s-5.6-34.6-22.7-39.2c-14.3-3.8-53.6-11.4-66.6-13.4c-44.7-7-88.3-4.2-123.7 10.9c-36.5 15.6-64.4 44.8-71.8 87.3c-.1 .6-.2 1.1-.2 1.7c-2.8 23.9 .5 45.6 10.1 64.6c4.5 9 10.2 16.9 16.7 23.9L32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l448 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-209.9 0-.4-.1-1.1-.3c-36-10.8-65.2-19.6-85.2-33.1c-9.3-6.3-15-12.6-18.2-19.1c-3.1-6.1-5.2-14.6-3.8-27.4zM348.9 337.2c2.7 6.5 4.4 15.8 1.9 30.1c-3 17.6-13.8 30.8-33.9 39.4c-21.1 9-51.7 12.3-88.5 6.5c-18-2.9-49.1-13.5-74.4-22.1c-5.6-1.9-11-3.7-15.9-5.4c-16.8-5.6-34.9 3.5-40.5 20.3s3.5 34.9 20.3 40.5c3.6 1.2 7.9 2.7 12.7 4.3c24.9 8.5 63.6 21.7 87.6 25.6l.2 0c44.7 7 88.3 4.2 123.7-10.9c36.5-15.6 64.4-44.8 71.8-87.3c3.6-21 2.7-40.4-3.1-58.1l-75.7 0c7 5.6 11.4 11.2 13.9 17.2z"
+);
+var FigmaCodeIcon = createToolbarIcon(
+  "FigmaCodeIcon",
+  640,
+  512,
+  "M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3L562.7 256l-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z"
+);
+var FigmaSubscriptIcon = createToolbarIcon(
+  "FigmaSubscriptIcon",
+  512,
+  512,
+  "M32 64C14.3 64 0 78.3 0 96s14.3 32 32 32l15.3 0 89.6 128L47.3 384 32 384c-17.7 0-32 14.3-32 32s14.3 32 32 32l32 0c10.4 0 20.2-5.1 26.2-13.6L176 311.8l85.8 122.6c6 8.6 15.8 13.6 26.2 13.6l32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-15.3 0L215.1 256l89.6-128 15.3 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-32 0c-10.4 0-20.2 5.1-26.2 13.6L176 200.2 90.2 77.6C84.2 69.1 74.4 64 64 64L32 64zM480 320c0-11.1-5.7-21.4-15.2-27.2s-21.2-6.4-31.1-1.4l-32 16c-15.8 7.9-22.2 27.1-14.3 42.9C393 361.5 404.3 368 416 368l0 80c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l0-128z"
+);
+var FigmaSuperscriptIcon = createToolbarIcon(
+  "FigmaSuperscriptIcon",
+  512,
+  512,
+  "M480 32c0-11.1-5.7-21.4-15.2-27.2s-21.2-6.4-31.1-1.4l-32 16c-15.8 7.9-22.2 27.1-14.3 42.9C393 73.5 404.3 80 416 80l0 80c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l0-128zM32 64C14.3 64 0 78.3 0 96s14.3 32 32 32l15.3 0 89.6 128L47.3 384 32 384c-17.7 0-32 14.3-32 32s14.3 32 32 32l32 0c10.4 0 20.2-5.1 26.2-13.6L176 311.8l85.8 122.6c6 8.6 15.8 13.6 26.2 13.6l32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-15.3 0L215.1 256l89.6-128 15.3 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-32 0c-10.4 0-20.2 5.1-26.2 13.6L176 200.2 90.2 77.6C84.2 69.1 74.4 64 64 64L32 64z"
+);
+var FigmaLinkIcon = createToolbarIcon(
+  "FigmaLinkIcon",
+  640,
+  512,
+  "M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"
+);
+var FigmaSmileIcon = createToolbarIcon(
+  "FigmaSmileIcon",
+  512,
+  512,
+  "M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm177.6 62.1C192.8 334.5 218.8 352 256 352s63.2-17.5 78.4-33.9c9-9.7 24.2-10.4 33.9-1.4s10.4 24.2 1.4 33.9c-22 23.8-60 49.4-113.6 49.4s-91.7-25.5-113.6-49.4c-9-9.7-8.4-24.9 1.4-33.9s24.9-8.4 33.9 1.4zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"
+);
+var FigmaAlignLeftIcon = createToolbarIcon(
+  "FigmaAlignLeftIcon",
+  448,
+  512,
+  "M288 64c0 17.7-14.3 32-32 32L32 96C14.3 96 0 81.7 0 64S14.3 32 32 32l224 0c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32L32 352c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 224c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"
+);
+var FigmaListIcon = createToolbarIcon(
+  "FigmaListIcon",
+  512,
+  512,
+  "M64 144a48 48 0 1 0 0-96 48 48 0 1 0 0 96zM192 64c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L192 64zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-288 0zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-288 0zM64 464a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm48-208a48 48 0 1 0-96 0 48 48 0 1 0 96 0z"
+);
+var FigmaQuoteIcon = createToolbarIcon(
+  "FigmaQuoteIcon",
+  448,
+  512,
+  "M0 216C0 149.7 53.7 96 120 96l8 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-8 0c-30.9 0-56 25.1-56 56l0 8 64 0c35.3 0 64 28.7 64 64l0 64c0 35.3-28.7 64-64 64l-64 0c-35.3 0-64-28.7-64-64l0-136zm256 0c0-66.3 53.7-120 120-120l8 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-8 0c-30.9 0-56 25.1-56 56l0 8 64 0c35.3 0 64 28.7 64 64l0 64c0 35.3-28.7 64-64 64l-64 0c-35.3 0-64-28.7-64-64l0-136z"
+);
+var FigmaImageIcon = createToolbarIcon(
+  "FigmaImageIcon",
+  512,
+  512,
+  "M0 96C0 60.7 28.7 32 64 32l384 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM323.8 202.5c-4.5-6.6-11.9-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6l336 0c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"
+);
+var FigmaTableIcon = createToolbarIcon(
+  "FigmaTableIcon",
+  512,
+  512,
+  "M64 256l0-96 160 0 0 96L64 256zm0 64l160 0 0 96L64 416l0-96zm224 96l0-96 160 0 0 96-160 0zM448 256l-160 0 0-96 160 0 0 96zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z"
+);
+var FigmaUndoIcon = createToolbarIcon(
+  "FigmaUndoIcon",
+  512,
+  512,
+  "M48.5 224L40 224c-13.3 0-24-10.7-24-24L16 72c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2l41.6 41.6c87.6-86.5 228.7-86.2 315.8 1c87.5 87.5 87.5 229.3 0 316.8s-229.3 87.5-316.8 0c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0c62.5 62.5 163.8 62.5 226.3 0s62.5-163.8 0-226.3c-62.2-62.2-162.7-62.5-225.3-1L185 183c6.9 6.9 8.9 17.2 5.2 26.2S177.7 224 168 224L48.5 224z"
+);
+var FigmaRedoIcon = createToolbarIcon(
+  "FigmaRedoIcon",
+  512,
+  512,
+  "M463.5 224l8.5 0c13.3 0 24-10.7 24-24l0-128c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2l-41.6 41.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2S334.3 224 344 224l119.5 0z"
+);
+var FigmaHighlighterIcon = createToolbarIcon(
+  "FigmaHighlighterIcon",
+  576,
+  512,
+  "M315 315l158.4-215L444.1 70.6 229 229 315 315zm-187 5l0-71.7c0-15.3 7.2-29.6 19.5-38.6L420.6 8.4C428 2.9 437 0 446.2 0c11.4 0 22.4 4.5 30.5 12.6l54.8 54.8c8.1 8.1 12.6 19 12.6 30.5c0 9.2-2.9 18.2-8.4 25.6L334.4 396.5c-9 12.3-23.4 19.5-38.6 19.5L224 416l-25.4 25.4c-12.5 12.5-32.8 12.5-45.3 0l-50.7-50.7c-12.5-12.5-12.5-32.8 0-45.3L128 320zM7 466.3l63-63 70.6 70.6-31 31c-4.5 4.5-10.6 7-17 7L24 512c-13.3 0-24-10.7-24-24l0-4.7c0-6.4 2.5-12.5 7-17z"
+);
+
+// src/components/UEditor/colors.tsx
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var TextColorIcon = ({ color }) => {
   const underlineColor = color && color !== "inherit" ? color : "currentColor";
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "text-[15px] font-semibold leading-none", children: "A" }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "text-[15px] font-semibold leading-none", children: "A" }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
       "span",
       {
         "aria-hidden": "true",
@@ -32638,9 +32783,9 @@ var TextColorIcon = ({ color }) => {
 };
 var HighlightColorIcon = ({ color }) => {
   const underlineColor = color || "currentColor";
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react50.Highlighter, { className: "h-4 w-4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(FigmaHighlighterIcon, { className: "h-4 w-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
       "span",
       {
         "aria-hidden": "true",
@@ -32652,9 +32797,9 @@ var HighlightColorIcon = ({ color }) => {
 };
 var CellBgColorIcon = ({ color }) => {
   const underlineColor = color && color !== "inherit" ? color : "currentColor";
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react50.Paintbrush, { className: "h-4 w-4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react50.Paintbrush, { className: "h-4 w-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
       "span",
       {
         "aria-hidden": "true",
@@ -32666,9 +32811,9 @@ var CellBgColorIcon = ({ color }) => {
 };
 var CellBorderIcon = ({ color }) => {
   const underlineColor = color && color !== "inherit" ? color : "currentColor";
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react50.Grid, { className: "h-4 w-4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("span", { className: "relative flex h-5 w-5 items-center justify-center leading-none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react50.Grid, { className: "h-4 w-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
       "span",
       {
         "aria-hidden": "true",
@@ -32754,7 +32899,7 @@ function getSwatchCheckClass(color) {
 }
 var useEditorColors = () => {
   const t = useSmartTranslations("UEditor");
-  const textColors = (0, import_react69.useMemo)(
+  const textColors = (0, import_react70.useMemo)(
     () => [
       { name: t("colors.default"), color: "inherit", cssClass: "text-foreground" },
       { name: t("colors.muted"), color: "var(--muted-foreground)", cssClass: "text-muted-foreground" },
@@ -32768,7 +32913,7 @@ var useEditorColors = () => {
     ],
     [t]
   );
-  const highlightColors = (0, import_react69.useMemo)(
+  const highlightColors = (0, import_react70.useMemo)(
     () => [
       { name: t("colors.default"), color: "", cssClass: "" },
       { name: t("colors.muted"), color: "var(--muted)", cssClass: "bg-muted" },
@@ -32792,12 +32937,12 @@ var EditorColorPalette = ({
   label
 }) => {
   const t = useSmartTranslations("UEditor");
-  const colorInputRef = (0, import_react69.useRef)(null);
+  const colorInputRef = (0, import_react70.useRef)(null);
   const automaticColor = colors[0]?.color ?? "";
   const paletteColors = colors.slice(1);
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "w-56 p-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "w-56 p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
       "button",
       {
         type: "button",
@@ -32809,12 +32954,12 @@ var EditorColorPalette = ({
           currentColor === automaticColor ? "border-primary text-primary" : "border-transparent text-foreground"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "flex h-5 w-5 items-center justify-center rounded border border-border bg-background", children: currentColor === automaticColor && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react50.Check, { className: "h-3.5 w-3.5" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "flex-1 text-center", children: t("colors.automatic") })
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "flex h-5 w-5 items-center justify-center rounded border border-border bg-background", children: currentColor === automaticColor && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react50.Check, { className: "h-3.5 w-3.5" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "flex-1 text-center", children: t("colors.automatic") })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "mt-2 grid grid-cols-8 gap-1", children: paletteColors.map((c) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Tooltip, { placement: "top", content: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "text-xs font-medium", children: c.name }), children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "mt-2 grid grid-cols-8 gap-1", children: paletteColors.map((c) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Tooltip, { placement: "top", content: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "text-xs font-medium", children: c.name }), children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
       "button",
       {
         type: "button",
@@ -32826,10 +32971,10 @@ var EditorColorPalette = ({
           currentColor === c.color ? "border-primary ring-2 ring-primary/25" : "border-border/70"
         ),
         style: { backgroundColor: c.color || "transparent" },
-        children: currentColor === c.color && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react50.Check, { className: cn("h-3.5 w-3.5", getSwatchCheckClass(c.color)) }) })
+        children: currentColor === c.color && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react50.Check, { className: cn("h-3.5 w-3.5", getSwatchCheckClass(c.color)) }) })
       }
     ) }, `${c.name}-${c.color}`)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
       "button",
       {
         type: "button",
@@ -32837,7 +32982,7 @@ var EditorColorPalette = ({
         onClick: () => colorInputRef.current?.click(),
         className: "mt-3 flex h-9 w-full items-center gap-3 rounded-md px-2 text-sm text-foreground transition-colors hover:bg-muted",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
             "span",
             {
               "aria-hidden": "true",
@@ -32847,9 +32992,9 @@ var EditorColorPalette = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "flex-1 text-center", children: t("colors.moreColors") }),
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react50.Palette, { className: "h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "flex-1 text-center", children: t("colors.moreColors") }),
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react50.Palette, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
             "input",
             {
               ref: colorInputRef,
@@ -32994,9 +33139,9 @@ function deleteSelectedImage(editor) {
 }
 
 // src/components/UEditor/inputs.tsx
-var import_react70 = require("react");
+var import_react71 = require("react");
 var import_lucide_react51 = require("lucide-react");
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 function normalizeUrl(raw) {
   return sanitizeUEditorUrl(raw, "link");
 }
@@ -33006,11 +33151,11 @@ var LinkInput = ({
   initialUrl = ""
 }) => {
   const t = useSmartTranslations("UEditor");
-  const [url, setUrl] = (0, import_react70.useState)(initialUrl);
-  const [error, setError] = (0, import_react70.useState)("");
-  const inputRef = (0, import_react70.useRef)(null);
-  const errorId = (0, import_react70.useId)();
-  (0, import_react70.useEffect)(() => {
+  const [url, setUrl] = (0, import_react71.useState)(initialUrl);
+  const [error, setError] = (0, import_react71.useState)("");
+  const inputRef = (0, import_react71.useRef)(null);
+  const errorId = (0, import_react71.useId)();
+  (0, import_react71.useEffect)(() => {
     inputRef.current?.focus();
     inputRef.current?.select();
   }, []);
@@ -33024,9 +33169,9 @@ var LinkInput = ({
     setError("");
     onSubmit(normalized);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("form", { onSubmit: handleSubmit, className: "p-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("form", { onSubmit: handleSubmit, className: "p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         "input",
         {
           ref: inputRef,
@@ -33042,18 +33187,18 @@ var LinkInput = ({
           className: "flex-1 px-3 py-2 text-sm bg-muted/50 border-0 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20 aria-invalid:ring-2 aria-invalid:ring-destructive/40"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react51.Check, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react51.X, { className: "w-4 h-4" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react51.Check, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react51.X, { className: "w-4 h-4" }) })
     ] }),
-    error ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { id: errorId, role: "alert", className: "mt-1.5 px-1 text-xs text-destructive", children: error }) : null
+    error ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { id: errorId, role: "alert", className: "mt-1.5 px-1 text-xs text-destructive", children: error }) : null
   ] });
 };
 var ImageInput = ({ onSubmit, onCancel }) => {
   const t = useSmartTranslations("UEditor");
-  const [url, setUrl] = (0, import_react70.useState)("");
-  const [alt, setAlt] = (0, import_react70.useState)("");
-  const inputRef = (0, import_react70.useRef)(null);
-  (0, import_react70.useEffect)(() => {
+  const [url, setUrl] = (0, import_react71.useState)("");
+  const [alt, setAlt] = (0, import_react71.useState)("");
+  const inputRef = (0, import_react71.useRef)(null);
+  (0, import_react71.useEffect)(() => {
     inputRef.current?.focus();
   }, []);
   const handleSubmit = (e) => {
@@ -33063,10 +33208,10 @@ var ImageInput = ({ onSubmit, onCancel }) => {
       onSubmit(safeUrl, alt);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         "input",
         {
           ref: inputRef,
@@ -33078,9 +33223,9 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         "input",
         {
           type: "text",
@@ -33091,8 +33236,8 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         "button",
         {
           type: "submit",
@@ -33101,7 +33246,7 @@ var ImageInput = ({ onSubmit, onCancel }) => {
           children: t("imageInput.addBtn")
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("button", { type: "button", onClick: onCancel, className: "px-4 py-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: t("imageInput.cancelBtn") })
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { type: "button", onClick: onCancel, className: "px-4 py-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: t("imageInput.cancelBtn") })
     ] })
   ] });
 };
@@ -33417,6 +33562,7 @@ function normalizeStyleValue(value) {
 }
 function getDefaultFontFamilies(t) {
   return [
+    { label: "Inter", value: '"Inter", "Noto Sans", "Noto Sans CJK KR", "Noto Sans CJK JP", "Segoe UI", sans-serif' },
     { label: "\uAD74\uB9BC", value: '"Gulim", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif' },
     { label: "\uAD74\uB9BC\uCCB4", value: '"GulimChe", "Gulim", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif' },
     { label: "\uAD81\uC11C", value: '"Gungsuh", "Nanum Myeongjo", serif' },
@@ -33427,7 +33573,6 @@ function getDefaultFontFamilies(t) {
     { label: "\uBC14\uD0D5\uCCB4", value: '"BatangChe", "Batang", "Nanum Myeongjo", serif' },
     { label: "\uB9D1\uC740\uACE0\uB515", value: '"Malgun Gothic", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif' },
     { label: "\uB098\uB214\uBA85\uC870", value: '"Nanum Myeongjo", "Batang", serif' },
-    { label: "Inter", value: '"Inter", "Noto Sans", "Noto Sans CJK KR", "Noto Sans CJK JP", "Segoe UI", sans-serif' },
     { label: "System UI", value: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif' },
     { label: "Roboto", value: '"Roboto", "Noto Sans", "Apple SD Gothic Neo", "Hiragino Kaku Gothic ProN", sans-serif' },
     { label: "Lexend", value: '"Lexend", "Be Vietnam Pro", "Segoe UI", sans-serif' },
@@ -33489,7 +33634,7 @@ function getDefaultLetterSpacings() {
 }
 
 // src/components/UEditor/toolbar.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 function getTableAnchorPos(editor) {
   const tableInfo = findTableNodeInfoFromState(editor.state);
   if (tableInfo) return editor.state.selection.from;
@@ -33519,8 +33664,8 @@ function fileToDataUrl2(file) {
 function formatTableInsertLabel(template, rows, cols) {
   return template.replace("{rows}", String(rows)).replace("{cols}", String(cols));
 }
-var ToolbarButton = import_react71.default.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
-  const button = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+var ToolbarButton = import_react72.default.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
+  const button = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
     "button",
     {
       ref,
@@ -33533,40 +33678,40 @@ var ToolbarButton = import_react71.default.forwardRef(({ onClick, onMouseDown, a
       onClick,
       disabled,
       className: cn(
-        "flex items-center justify-center w-7 h-7 rounded-md transition-colors duration-150 cursor-pointer",
+        "flex h-8 w-8 shrink-0 items-center justify-center rounded-md transition-colors duration-150 cursor-pointer",
         "gap-0.5 [&_svg+svg]:-ml-1",
         "hover:bg-accent",
         "focus:outline-none focus:ring-2 focus:ring-primary/20",
         "disabled:opacity-40 disabled:cursor-not-allowed",
-        active ? "bg-primary/10 text-primary shadow-sm" : "text-muted-foreground hover:text-foreground",
+        active ? "bg-primary/10 text-primary shadow-sm" : "text-[#7B8184] hover:text-foreground dark:text-muted-foreground",
         className
       ),
       children
     }
   );
   if (title) {
-    return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
   }
   return button;
 });
 ToolbarButton.displayName = "ToolbarButton";
-var ToolbarDivider = () => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "mx-0.5 h-5 w-px bg-border/60" });
+var ToolbarDivider = () => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { "aria-hidden": "true", className: "mx-2 h-9 w-px shrink-0 bg-[rgba(123,129,132,0.24)]" });
 var TableInsertGrid = ({
   insertLabel,
   previewTemplate,
   onInsert
 }) => {
-  const [selection, setSelection] = import_react71.default.useState({ rows: 3, cols: 3 });
+  const [selection, setSelection] = import_react72.default.useState({ rows: 3, cols: 3 });
   const maxRows = 8;
   const maxCols = 8;
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "mb-2 rounded-xl border border-border/60 bg-muted/20 p-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "mb-2 text-sm font-medium text-foreground", children: formatTableInsertLabel(previewTemplate, selection.rows, selection.cols) }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "grid grid-cols-8 gap-1", onMouseLeave: () => setSelection((prev) => prev), children: Array.from({ length: maxRows }).map(
+  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(
       (_, rowIndex) => Array.from({ length: maxCols }).map((__, colIndex) => {
         const rows = rowIndex + 1;
         const cols = colIndex + 1;
         const active = rows <= selection.rows && cols <= selection.cols;
-        return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           "button",
           {
             type: "button",
@@ -33584,7 +33729,7 @@ var TableInsertGrid = ({
         );
       })
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "mt-2 text-xs text-muted-foreground", children: insertLabel })
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "mt-2 text-xs text-muted-foreground", children: insertLabel })
   ] });
 };
 function applyTableCellAttribute(editor, name, value) {
@@ -33609,18 +33754,18 @@ var EditorToolbar = ({
   letterSpacings
 }) => {
   const t = useSmartTranslations("UEditor");
-  (0, import_react72.useEditorState)({
+  (0, import_react73.useEditorState)({
     editor,
     selector: ({ transactionNumber }) => transactionNumber
   });
   const { textColors, highlightColors } = useEditorColors();
-  const [showImageInput, setShowImageInput] = (0, import_react71.useState)(false);
-  const [showLinkInput, setShowLinkInput] = (0, import_react71.useState)(false);
-  const [isTableMenuOpen, setIsTableMenuOpen] = (0, import_react71.useState)(false);
-  const [preservedTableAnchorPos, setPreservedTableAnchorPos] = (0, import_react71.useState)(null);
-  const fileInputRef = (0, import_react71.useRef)(null);
-  const [isUploadingImage, setIsUploadingImage] = (0, import_react71.useState)(false);
-  const [imageUploadError, setImageUploadError] = (0, import_react71.useState)(null);
+  const [showImageInput, setShowImageInput] = (0, import_react72.useState)(false);
+  const [showLinkInput, setShowLinkInput] = (0, import_react72.useState)(false);
+  const [isTableMenuOpen, setIsTableMenuOpen] = (0, import_react72.useState)(false);
+  const [preservedTableAnchorPos, setPreservedTableAnchorPos] = (0, import_react72.useState)(null);
+  const fileInputRef = (0, import_react72.useRef)(null);
+  const [isUploadingImage, setIsUploadingImage] = (0, import_react72.useState)(false);
+  const [imageUploadError, setImageUploadError] = (0, import_react72.useState)(null);
   const isImageSelected = editor.isActive("image");
   const imageAttrs = editor.getAttributes("image");
   const tableAnchorPos = getTableAnchorPos(editor);
@@ -33643,10 +33788,10 @@ var EditorToolbar = ({
   const currentHighlightColor = normalizeStyleValue(editor.getAttributes("highlight").color) || "";
   const currentLineHeight = normalizeStyleValue(textStyleAttrs.lineHeight);
   const currentLetterSpacing = normalizeStyleValue(textStyleAttrs.letterSpacing);
-  const availableFontFamilies = import_react71.default.useMemo(() => fontFamilies ?? getDefaultFontFamilies(t), [fontFamilies, t]);
-  const availableFontSizes = import_react71.default.useMemo(() => fontSizes ?? getDefaultFontSizes(), [fontSizes]);
-  const availableLineHeights = import_react71.default.useMemo(() => lineHeights ?? getDefaultLineHeights(), [lineHeights]);
-  const availableLetterSpacings = import_react71.default.useMemo(() => letterSpacings ?? getDefaultLetterSpacings(), [letterSpacings]);
+  const availableFontFamilies = import_react72.default.useMemo(() => fontFamilies ?? getDefaultFontFamilies(t), [fontFamilies, t]);
+  const availableFontSizes = import_react72.default.useMemo(() => fontSizes ?? getDefaultFontSizes(), [fontSizes]);
+  const availableLineHeights = import_react72.default.useMemo(() => lineHeights ?? getDefaultLineHeights(), [lineHeights]);
+  const availableLetterSpacings = import_react72.default.useMemo(() => letterSpacings ?? getDefaultLetterSpacings(), [letterSpacings]);
   const currentFontFamilyDisplayValue = currentFontFamily.split(",")[0]?.trim() ?? currentFontFamily;
   const currentFontFamilyLabel = availableFontFamilies.find((option) => normalizeStyleValue(option.value) === currentFontFamily)?.label ?? (currentFontFamilyDisplayValue || t("toolbar.fontDefault"));
   const currentFontSizeLabel = availableFontSizes.find((option) => normalizeStyleValue(option.value) === currentFontSize)?.label ?? "13";
@@ -33683,31 +33828,31 @@ var EditorToolbar = ({
     setIsUploadingImage(false);
   };
   if (variant === "minimal") {
-    return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border/35 bg-muted/30 p-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Undo, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Redo, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToolbarDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Bold, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Italic, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border/35 bg-muted/30 p-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaUndoIcon, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaRedoIcon, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaBoldIcon, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaItalicIcon, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleBulletList().run(),
           active: editor.isActive("bulletList"),
           title: t("toolbar.bulletList"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.List, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaListIcon, { className: "h-4 w-4" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
         DropdownMenu,
         {
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(ToolbarButton, { onClick: () => {
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
           }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.SquareCheckBig, { className: "w-4 h-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ChevronDown, { className: "w-3 h-3" })
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.SquareCheckBig, { className: "w-4 h-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ChevronDown, { className: "w-3 h-3" })
           ] }),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               DropdownMenuItem,
               {
                 icon: import_lucide_react52.SquareCheckBig,
@@ -33715,7 +33860,7 @@ var EditorToolbar = ({
                 onClick: () => editor.chain().focus().setFormCheckbox().run()
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               DropdownMenuItem,
               {
                 icon: import_lucide_react52.CircleCheckBig,
@@ -33726,12 +33871,12 @@ var EditorToolbar = ({
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
         DropdownMenu,
         {
           contentClassName: "min-w-72",
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToolbarButton, { onClick: () => setShowLinkInput(!editor.isActive("link")), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Link, { className: "w-4 h-4" }) }),
-          children: showLinkInput ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => setShowLinkInput(!editor.isActive("link")), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaLinkIcon, { className: "h-4 w-4" }) }),
+          children: showLinkInput ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
             LinkInput,
             {
               initialUrl: String(editor.getAttributes("link").href ?? ""),
@@ -33741,8 +33886,8 @@ var EditorToolbar = ({
               },
               onCancel: () => setShowLinkInput(false)
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               DropdownMenuItem,
               {
                 icon: import_lucide_react52.Link,
@@ -33752,7 +33897,7 @@ var EditorToolbar = ({
                 closeOnSelect: false
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               DropdownMenuItem,
               {
                 icon: import_lucide_react52.Trash2,
@@ -33768,861 +33913,875 @@ var EditorToolbar = ({
     ] });
   }
   const VerticalAlignActiveIcon = currentCellVerticalAlign === "middle" ? import_lucide_react52.AlignCenterVertical : currentCellVerticalAlign === "bottom" ? import_lucide_react52.AlignEndVertical : import_lucide_react52.AlignStartVertical;
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border/35 bg-linear-to-r from-muted/25 to-transparent p-1.5", children: [
-    isFull && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-      DropdownMenu,
-      {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.fontFamily"), className: "min-w-0 max-w-40 px-1.5 w-auto gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "max-w-28 truncate text-xs font-medium", style: { fontFamily: displayedFontFamilyValue || void 0 }, children: displayedFontFamilyLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ChevronDown, { className: "h-3 w-3 text-muted-foreground" })
-        ] }),
-        contentClassName: "max-h-80 overflow-y-auto min-w-56 p-2",
-        children: availableFontFamilies.map((option) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-          DropdownMenuItem,
-          {
-            label: option.label,
-            onClick: () => editor.chain().focus().setFontFamily(option.value).run(),
-            active: normalizeStyleValue(option.value) === (currentFontFamily || normalizeStyleValue(defaultFontFamilyValue)),
-            className: "font-medium"
-          },
-          option.value
-        ))
-      }
-    ),
-    (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-      DropdownMenu,
-      {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.fontSize"), className: "px-1.5 w-auto gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex items-center gap-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ChevronsUpDown, { className: "h-3 w-3 text-muted-foreground", strokeWidth: 2.5 }),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "min-w-4 text-center text-xs font-semibold leading-none", children: displayedFontSizeLabel })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ChevronDown, { className: "h-3 w-3 text-muted-foreground" })
-        ] }),
-        contentClassName: "max-h-80 overflow-y-auto min-w-32 p-2",
-        children: availableFontSizes.map((option) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-          DropdownMenuItem,
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+    "div",
+    {
+      role: "toolbar",
+      className: "flex min-h-[60px] flex-nowrap items-center gap-1 overflow-x-auto border-b border-[rgba(196,197,213,0.6)] bg-[#F4F4F4] px-3 py-3 dark:bg-muted/60",
+      children: [
+        isFull && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          DropdownMenu,
           {
-            label: option.label,
-            onClick: () => editor.chain().focus().setFontSize(option.value).run(),
-            active: normalizeStyleValue(option.value) === activeFontSize
-          },
-          option.value
-        ))
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
-      DropdownMenu,
-      {
-        contentClassName: "p-1",
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.textStyle"), className: "px-1.5 w-auto gap-0.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Type, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ChevronDown, { className: "h-3 w-3 text-muted-foreground" })
-        ] }),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react52.Type,
-              label: t("toolbar.normal"),
-              onClick: () => editor.chain().focus().setParagraph().run(),
-              active: editor.isActive("paragraph")
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react52.Heading1,
-              label: t("toolbar.heading1"),
-              onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
-              active: editor.isActive("heading", { level: 1 }),
-              shortcut: "Ctrl+Alt+1"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react52.Heading2,
-              label: t("toolbar.heading2"),
-              onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
-              active: editor.isActive("heading", { level: 2 }),
-              shortcut: "Ctrl+Alt+2"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react52.Heading3,
-              label: t("toolbar.heading3"),
-              onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
-              active: editor.isActive("heading", { level: 3 }),
-              shortcut: "Ctrl+Alt+3"
-            }
-          )
-        ]
-      }
-    ),
-    isFull && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
-        DropdownMenu,
-        {
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(ToolbarButton, { onClick: () => {
-          }, title: t("toolbar.lineHeight"), className: "gap-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ArrowUp, { className: "w-3 h-3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ArrowDown, { className: "w-3 h-3" })
-          ] }),
-          contentClassName: "max-h-72 overflow-y-auto p-1",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-              DropdownMenuItem,
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+              ToolbarButton,
               {
-                icon: import_lucide_react52.Type,
-                label: t("toolbar.lineHeightDefault"),
-                onClick: () => editor.chain().focus().unsetLineHeight().run(),
-                active: !currentLineHeight
+                onClick: () => {
+                },
+                title: t("toolbar.fontFamily"),
+                className: "h-9 w-[200px] max-w-[200px] justify-between gap-3 rounded-lg border border-[rgba(196,197,213,0.6)] bg-white px-3 text-[#404040] shadow-[0_1px_2px_rgba(0,0,0,0.07)] hover:bg-white hover:text-[#404040] dark:bg-background dark:text-foreground",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "min-w-0 flex-1 truncate text-left text-sm font-normal", style: { fontFamily: displayedFontFamilyValue || void 0 }, children: displayedFontFamilyLabel }),
+                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-3 w-3 shrink-0 text-[#7B8184]" })
+                ]
               }
             ),
-            availableLineHeights.map((option) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+            contentClassName: "max-h-80 overflow-y-auto min-w-56 p-2",
+            children: availableFontFamilies.map((option) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               DropdownMenuItem,
               {
                 label: option.label,
-                onClick: () => editor.chain().focus().setLineHeight(option.value).run(),
-                active: normalizeStyleValue(option.value) === currentLineHeight
+                onClick: () => editor.chain().focus().setFontFamily(option.value).run(),
+                active: normalizeStyleValue(option.value) === (currentFontFamily || normalizeStyleValue(defaultFontFamilyValue)),
+                className: "font-medium"
               },
               option.value
             ))
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
-        DropdownMenu,
-        {
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(ToolbarButton, { onClick: () => {
-          }, title: t("toolbar.letterSpacing"), className: "gap-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ArrowLeft, { className: "w-3 h-3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ArrowRight, { className: "w-3 h-3" })
-          ] }),
-          contentClassName: "max-h-72 overflow-y-auto p-1",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-              DropdownMenuItem,
+          }
+        ),
+        (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          DropdownMenu,
+          {
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+              ToolbarButton,
               {
-                icon: import_lucide_react52.Type,
-                label: t("toolbar.letterSpacingDefault"),
-                onClick: () => editor.chain().focus().unsetLetterSpacing().run(),
-                active: !currentLetterSpacing
+                onClick: () => {
+                },
+                title: t("toolbar.fontSize"),
+                className: "h-9 w-20 justify-between gap-3 rounded-lg border border-[rgba(196,197,213,0.6)] bg-white px-3 text-[#404040] shadow-[0_1px_2px_rgba(0,0,0,0.07)] hover:bg-white hover:text-[#404040] dark:bg-background dark:text-foreground",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "text-sm font-normal leading-none", children: displayedFontSizeLabel }),
+                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-3 w-3 shrink-0 text-[#7B8184]" })
+                ]
               }
             ),
-            availableLetterSpacings.map((option) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+            contentClassName: "max-h-80 overflow-y-auto min-w-32 p-2",
+            children: availableFontSizes.map((option) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               DropdownMenuItem,
               {
                 label: option.label,
-                onClick: () => editor.chain().focus().setLetterSpacing(option.value).run(),
-                active: normalizeStyleValue(option.value) === currentLetterSpacing
+                onClick: () => editor.chain().focus().setFontSize(option.value).run(),
+                active: normalizeStyleValue(option.value) === activeFontSize
               },
               option.value
             ))
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Bold, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Italic, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-      ToolbarButton,
-      {
-        onClick: () => editor.chain().focus().toggleUnderline().run(),
-        active: editor.isActive("underline"),
-        title: t("toolbar.underline"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Underline, { className: "w-4 h-4" })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Strikethrough, { className: "w-4 h-4" }) }),
-    (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Code, { className: "w-4 h-4" }) }),
-    isFull && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-        ToolbarButton,
-        {
-          onClick: () => editor.chain().focus().toggleSubscript().run(),
-          active: editor.isActive("subscript"),
-          title: t("toolbar.subscript"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Subscript, { className: "w-4 h-4" })
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-        ToolbarButton,
-        {
-          onClick: () => editor.chain().focus().toggleSuperscript().run(),
-          active: editor.isActive("superscript"),
-          title: t("toolbar.superscript"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Superscript, { className: "w-4 h-4" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-      DropdownMenu,
-      {
-        contentClassName: "min-w-72",
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToolbarButton, { onClick: () => setShowLinkInput(!editor.isActive("link")), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Link, { className: "w-4 h-4" }) }),
-        children: showLinkInput ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-          LinkInput,
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+          DropdownMenu,
           {
-            initialUrl: String(editor.getAttributes("link").href ?? ""),
-            onSubmit: (url) => {
-              applyEditorLink(editor, url);
-              setShowLinkInput(false);
-            },
-            onCancel: () => setShowLinkInput(false)
+            contentClassName: "p-1",
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.textStyle"), className: "px-1.5 w-auto gap-0.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaTextStyleIcon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
+            ] }),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.Type,
+                  label: t("toolbar.normal"),
+                  onClick: () => editor.chain().focus().setParagraph().run(),
+                  active: editor.isActive("paragraph")
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.Heading1,
+                  label: t("toolbar.heading1"),
+                  onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
+                  active: editor.isActive("heading", { level: 1 }),
+                  shortcut: "Ctrl+Alt+1"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.Heading2,
+                  label: t("toolbar.heading2"),
+                  onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+                  active: editor.isActive("heading", { level: 2 }),
+                  shortcut: "Ctrl+Alt+2"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.Heading3,
+                  label: t("toolbar.heading3"),
+                  onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+                  active: editor.isActive("heading", { level: 3 }),
+                  shortcut: "Ctrl+Alt+3"
+                }
+              )
+            ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
+        ),
+        isFull && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+            DropdownMenu,
             {
-              icon: import_lucide_react52.Link,
-              label: t("toolbar.link"),
-              onClick: () => setShowLinkInput(true),
-              active: editor.isActive("link"),
-              closeOnSelect: false
+              trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+              }, title: t("toolbar.lineHeight"), className: "gap-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaLineHeightIcon, { className: "h-4 w-4" }) }),
+              contentClassName: "max-h-72 overflow-y-auto p-1",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                  DropdownMenuItem,
+                  {
+                    icon: import_lucide_react52.Type,
+                    label: t("toolbar.lineHeightDefault"),
+                    onClick: () => editor.chain().focus().unsetLineHeight().run(),
+                    active: !currentLineHeight
+                  }
+                ),
+                availableLineHeights.map((option) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                  DropdownMenuItem,
+                  {
+                    label: option.label,
+                    onClick: () => editor.chain().focus().setLineHeight(option.value).run(),
+                    active: normalizeStyleValue(option.value) === currentLineHeight
+                  },
+                  option.value
+                ))
+              ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+            DropdownMenu,
             {
-              icon: import_lucide_react52.Trash2,
-              label: t("toolbar.removeLink"),
-              onClick: () => editor.chain().focus().extendMarkRange("link").unsetLink().run(),
-              disabled: !editor.isActive("link"),
-              destructive: true
+              trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+              }, title: t("toolbar.letterSpacing"), className: "gap-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaLetterSpacingIcon, { className: "h-4 w-4" }) }),
+              contentClassName: "max-h-72 overflow-y-auto p-1",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                  DropdownMenuItem,
+                  {
+                    icon: import_lucide_react52.Type,
+                    label: t("toolbar.letterSpacingDefault"),
+                    onClick: () => editor.chain().focus().unsetLetterSpacing().run(),
+                    active: !currentLetterSpacing
+                  }
+                ),
+                availableLetterSpacings.map((option) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                  DropdownMenuItem,
+                  {
+                    label: option.label,
+                    onClick: () => editor.chain().focus().setLetterSpacing(option.value).run(),
+                    active: normalizeStyleValue(option.value) === currentLetterSpacing
+                  },
+                  option.value
+                ))
+              ]
             }
           )
-        ] })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-      DropdownMenu,
-      {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(ToolbarButton, { onClick: () => {
-        }, title: t("colors.textColor"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(TextColorIcon, { color: currentTextColor }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ChevronDown, { className: "w-3 h-3" })
         ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-          EditorColorPalette,
-          {
-            colors: textColors,
-            currentColor: currentTextColor,
-            onSelect: (color) => {
-              if (color === "inherit") {
-                editor.chain().focus().unsetColor().run();
-              } else {
-                editor.chain().focus().setColor(color).run();
-              }
-            },
-            label: t("colors.textColor")
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-      DropdownMenu,
-      {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(ToolbarButton, { onClick: () => {
-        }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(HighlightColorIcon, { color: currentHighlightColor }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ChevronDown, { className: "w-3 h-3" })
-        ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-          EditorColorPalette,
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarDivider, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaBoldIcon, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaItalicIcon, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          ToolbarButton,
           {
-            colors: highlightColors,
-            currentColor: currentHighlightColor,
-            onSelect: (color) => {
-              if (color === "") {
-                editor.chain().focus().unsetHighlight().run();
-              } else {
-                editor.chain().focus().toggleHighlight({ color }).run();
-              }
-            },
-            label: t("colors.highlight")
+            onClick: () => editor.chain().focus().toggleUnderline().run(),
+            active: editor.isActive("underline"),
+            title: t("toolbar.underline"),
+            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaUnderlineIcon, { className: "h-4 w-4" })
           }
-        )
-      }
-    ),
-    (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToolbarDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-        DropdownMenu,
-        {
-          contentClassName: "p-0 overflow-hidden",
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToolbarButton, { onClick: () => {
-          }, title: t("toolbar.emoji"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Smile, { className: "w-4 h-4" }) }),
-          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            EmojiPicker2,
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaStrikeIcon, { className: "h-4 w-4" }) }),
+        (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaCodeIcon, { className: "h-4 w-4" }) }),
+        isFull && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            ToolbarButton,
             {
-              onSelect: (emoji) => {
-                editor.chain().focus().insertContent(emoji).run();
-              }
+              onClick: () => editor.chain().focus().toggleSubscript().run(),
+              active: editor.isActive("subscript"),
+              title: t("toolbar.subscript"),
+              children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaSubscriptIcon, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            ToolbarButton,
+            {
+              onClick: () => editor.chain().focus().toggleSuperscript().run(),
+              active: editor.isActive("superscript"),
+              title: t("toolbar.superscript"),
+              children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaSuperscriptIcon, { className: "h-4 w-4" })
             }
           )
-        }
-      )
-    ] }),
-    (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToolbarDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
-        DropdownMenu,
-        {
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(ToolbarButton, { onClick: () => {
-          }, title: t("toolbar.alignment"), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.AlignLeft, { className: "w-4 h-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ChevronDown, { className: "w-3 h-3" })
-          ] }),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-              DropdownMenuItem,
-              {
-                icon: import_lucide_react52.AlignLeft,
-                label: t("toolbar.alignLeft"),
-                onClick: () => editor.chain().focus().setTextAlign("left").run(),
-                active: editor.isActive({ textAlign: "left" })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-              DropdownMenuItem,
-              {
-                icon: import_lucide_react52.AlignCenter,
-                label: t("toolbar.alignCenter"),
-                onClick: () => editor.chain().focus().setTextAlign("center").run(),
-                active: editor.isActive({ textAlign: "center" })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-              DropdownMenuItem,
-              {
-                icon: import_lucide_react52.AlignRight,
-                label: t("toolbar.alignRight"),
-                onClick: () => editor.chain().focus().setTextAlign("right").run(),
-                active: editor.isActive({ textAlign: "right" })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-              DropdownMenuItem,
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          DropdownMenu,
+          {
+            contentClassName: "min-w-72",
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => setShowLinkInput(!editor.isActive("link")), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaLinkIcon, { className: "h-4 w-4" }) }),
+            children: showLinkInput ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              LinkInput,
               {
-                icon: import_lucide_react52.AlignJustify,
-                label: t("toolbar.justify"),
-                onClick: () => editor.chain().focus().setTextAlign("justify").run(),
-                active: editor.isActive({ textAlign: "justify" })
+                initialUrl: String(editor.getAttributes("link").href ?? ""),
+                onSubmit: (url) => {
+                  applyEditorLink(editor, url);
+                  setShowLinkInput(false);
+                },
+                onCancel: () => setShowLinkInput(false)
               }
-            ),
-            hasTableContext && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "my-1 border-t" }),
-              /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-                DropdownMenuItem,
-                {
-                  icon: import_lucide_react52.AlignStartVertical,
-                  label: t("tableMenu.alignVerticalTop") || "Align top",
-                  onClick: () => applyTableCellAttribute(editor, "verticalAlign", "top"),
-                  active: currentCellVerticalAlign === "top"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
                 DropdownMenuItem,
                 {
-                  icon: import_lucide_react52.AlignCenterVertical,
-                  label: t("tableMenu.alignVerticalMiddle") || "Align middle",
-                  onClick: () => applyTableCellAttribute(editor, "verticalAlign", "middle"),
-                  active: currentCellVerticalAlign === "middle"
+                  icon: import_lucide_react52.Link,
+                  label: t("toolbar.link"),
+                  onClick: () => setShowLinkInput(true),
+                  active: editor.isActive("link"),
+                  closeOnSelect: false
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
                 DropdownMenuItem,
                 {
-                  icon: import_lucide_react52.AlignEndVertical,
-                  label: t("tableMenu.alignVerticalBottom") || "Align bottom",
-                  onClick: () => applyTableCellAttribute(editor, "verticalAlign", "bottom"),
-                  active: currentCellVerticalAlign === "bottom"
+                  icon: import_lucide_react52.Trash2,
+                  label: t("toolbar.removeLink"),
+                  onClick: () => editor.chain().focus().extendMarkRange("link").unsetLink().run(),
+                  disabled: !editor.isActive("link"),
+                  destructive: true
                 }
               )
             ] })
-          ]
-        }
-      ),
-      hasTableContext && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
-        DropdownMenu,
-        {
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(ToolbarButton, { onClick: () => {
-          }, title: t("tableMenu.textDirection"), children: [
-            currentCellTextDirection === "vertical" ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ArrowRight, { className: "w-4 h-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ChevronDown, { className: "w-3 h-3" })
-          ] }),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-              DropdownMenuItem,
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarDivider, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          DropdownMenu,
+          {
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
+            }, title: t("colors.textColor"), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TextColorIcon, { color: currentTextColor }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
+            ] }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              EditorColorPalette,
               {
-                icon: import_lucide_react52.ArrowRight,
-                label: t("tableMenu.horizontalText"),
-                onClick: () => applyTableCellAttribute(editor, "textDirection", null),
-                active: currentCellTextDirection === "horizontal"
+                colors: textColors,
+                currentColor: currentTextColor,
+                onSelect: (color) => {
+                  if (color === "inherit") {
+                    editor.chain().focus().unsetColor().run();
+                  } else {
+                    editor.chain().focus().setColor(color).run();
+                  }
+                },
+                label: t("colors.textColor")
               }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-              DropdownMenuItem,
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          DropdownMenu,
+          {
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
+            }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(HighlightColorIcon, { color: currentHighlightColor }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
+            ] }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              EditorColorPalette,
               {
-                icon: import_lucide_react52.ArrowDown,
-                label: t("tableMenu.verticalText"),
-                onClick: () => applyTableCellAttribute(editor, "textDirection", "vertical"),
-                active: currentCellTextDirection === "vertical"
+                colors: highlightColors,
+                currentColor: currentHighlightColor,
+                onSelect: (color) => {
+                  if (color === "") {
+                    editor.chain().focus().unsetHighlight().run();
+                  } else {
+                    editor.chain().focus().toggleHighlight({ color }).run();
+                  }
+                },
+                label: t("colors.highlight")
               }
             )
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
-      DropdownMenu,
-      {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.bulletList"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.List, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ChevronDown, { className: "w-3 h-3" })
-        ] }),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react52.List,
-              label: t("toolbar.bulletList"),
-              onClick: () => editor.chain().focus().toggleBulletList().run(),
-              active: editor.isActive("bulletList"),
-              shortcut: "Ctrl+Shift+8"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react52.ListOrdered,
-              label: t("toolbar.orderedList"),
-              onClick: () => editor.chain().focus().toggleOrderedList().run(),
-              active: editor.isActive("orderedList"),
-              shortcut: "Ctrl+Shift+7"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react52.ListTodo,
-              label: t("toolbar.taskList"),
-              onClick: () => editor.chain().focus().toggleTaskList().run(),
-              active: editor.isActive("taskList"),
-              shortcut: "Ctrl+Shift+9"
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
-      DropdownMenu,
-      {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(ToolbarButton, { onClick: () => {
-        }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.SquareCheckBig, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ChevronDown, { className: "w-3 h-3" })
-        ] }),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react52.SquareCheckBig,
-              label: t("slashCommand.formCheckbox"),
-              onClick: () => editor.chain().focus().setFormCheckbox().run()
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
+          }
+        ),
+        (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarDivider, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            DropdownMenu,
             {
-              icon: import_lucide_react52.CircleCheckBig,
-              label: t("slashCommand.roundCheckbox"),
-              onClick: () => editor.chain().focus().setFormCheckbox({ variant: "circle" }).run()
+              contentClassName: "p-0 overflow-hidden",
+              trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => {
+              }, title: t("toolbar.emoji"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaSmileIcon, { className: "h-4 w-4" }) }),
+              children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                EmojiPicker2,
+                {
+                  onSelect: (emoji) => {
+                    editor.chain().focus().insertContent(emoji).run();
+                  }
+                }
+              )
             }
           )
-        ]
-      }
-    ),
-    isMediumFull && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBlockquote().run(), active: editor.isActive("blockquote"), title: t("toolbar.quote"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Quote, { className: "w-4 h-4" }) }),
-    isFull && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
-      DropdownMenu,
-      {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.quote"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Quote, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ChevronDown, { className: "w-3 h-3" })
         ] }),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
+        (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarDivider, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+            DropdownMenu,
             {
-              icon: import_lucide_react52.Quote,
-              label: t("toolbar.quote"),
-              onClick: () => editor.chain().focus().toggleBlockquote().run(),
-              active: editor.isActive("blockquote"),
-              shortcut: "Ctrl+Shift+B"
+              trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
+              }, title: t("toolbar.alignment"), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaAlignLeftIcon, { className: "h-4 w-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
+              ] }),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                  DropdownMenuItem,
+                  {
+                    icon: import_lucide_react52.AlignLeft,
+                    label: t("toolbar.alignLeft"),
+                    onClick: () => editor.chain().focus().setTextAlign("left").run(),
+                    active: editor.isActive({ textAlign: "left" })
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                  DropdownMenuItem,
+                  {
+                    icon: import_lucide_react52.AlignCenter,
+                    label: t("toolbar.alignCenter"),
+                    onClick: () => editor.chain().focus().setTextAlign("center").run(),
+                    active: editor.isActive({ textAlign: "center" })
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                  DropdownMenuItem,
+                  {
+                    icon: import_lucide_react52.AlignRight,
+                    label: t("toolbar.alignRight"),
+                    onClick: () => editor.chain().focus().setTextAlign("right").run(),
+                    active: editor.isActive({ textAlign: "right" })
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                  DropdownMenuItem,
+                  {
+                    icon: import_lucide_react52.AlignJustify,
+                    label: t("toolbar.justify"),
+                    onClick: () => editor.chain().focus().setTextAlign("justify").run(),
+                    active: editor.isActive({ textAlign: "justify" })
+                  }
+                ),
+                hasTableContext && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "my-1 border-t" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                    DropdownMenuItem,
+                    {
+                      icon: import_lucide_react52.AlignStartVertical,
+                      label: t("tableMenu.alignVerticalTop") || "Align top",
+                      onClick: () => applyTableCellAttribute(editor, "verticalAlign", "top"),
+                      active: currentCellVerticalAlign === "top"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                    DropdownMenuItem,
+                    {
+                      icon: import_lucide_react52.AlignCenterVertical,
+                      label: t("tableMenu.alignVerticalMiddle") || "Align middle",
+                      onClick: () => applyTableCellAttribute(editor, "verticalAlign", "middle"),
+                      active: currentCellVerticalAlign === "middle"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                    DropdownMenuItem,
+                    {
+                      icon: import_lucide_react52.AlignEndVertical,
+                      label: t("tableMenu.alignVerticalBottom") || "Align bottom",
+                      onClick: () => applyTableCellAttribute(editor, "verticalAlign", "bottom"),
+                      active: currentCellVerticalAlign === "bottom"
+                    }
+                  )
+                ] })
+              ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
+          hasTableContext && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+            DropdownMenu,
             {
-              icon: import_lucide_react52.FileCode,
-              label: t("toolbar.codeBlock"),
-              onClick: () => editor.chain().focus().toggleCodeBlock().run(),
-              active: editor.isActive("codeBlock"),
-              shortcut: "Ctrl+Alt+C"
+              trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
+              }, title: t("tableMenu.textDirection"), children: [
+                currentCellTextDirection === "vertical" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ArrowRight, { className: "w-4 h-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ChevronDown, { className: "w-3 h-3" })
+              ] }),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                  DropdownMenuItem,
+                  {
+                    icon: import_lucide_react52.ArrowRight,
+                    label: t("tableMenu.horizontalText"),
+                    onClick: () => applyTableCellAttribute(editor, "textDirection", null),
+                    active: currentCellTextDirection === "horizontal"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                  DropdownMenuItem,
+                  {
+                    icon: import_lucide_react52.ArrowDown,
+                    label: t("tableMenu.verticalText"),
+                    onClick: () => applyTableCellAttribute(editor, "textDirection", "vertical"),
+                    active: currentCellTextDirection === "vertical"
+                  }
+                )
+              ]
             }
           )
-        ]
-      }
-    ),
-    (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-      DropdownMenu,
-      {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.image"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Image, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ChevronDown, { className: "w-3 h-3" })
         ] }),
-        children: showImageInput ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-          ImageInput,
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarDivider, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+          DropdownMenu,
+          {
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.bulletList"), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaListIcon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
+            ] }),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.List,
+                  label: t("toolbar.bulletList"),
+                  onClick: () => editor.chain().focus().toggleBulletList().run(),
+                  active: editor.isActive("bulletList"),
+                  shortcut: "Ctrl+Shift+8"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.ListOrdered,
+                  label: t("toolbar.orderedList"),
+                  onClick: () => editor.chain().focus().toggleOrderedList().run(),
+                  active: editor.isActive("orderedList"),
+                  shortcut: "Ctrl+Shift+7"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.ListTodo,
+                  label: t("toolbar.taskList"),
+                  onClick: () => editor.chain().focus().toggleTaskList().run(),
+                  active: editor.isActive("taskList"),
+                  shortcut: "Ctrl+Shift+9"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+          DropdownMenu,
+          {
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
+            }, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.SquareCheckBig, { className: "w-4 h-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ChevronDown, { className: "w-3 h-3" })
+            ] }),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.SquareCheckBig,
+                  label: t("slashCommand.formCheckbox"),
+                  onClick: () => editor.chain().focus().setFormCheckbox().run()
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.CircleCheckBig,
+                  label: t("slashCommand.roundCheckbox"),
+                  onClick: () => editor.chain().focus().setFormCheckbox({ variant: "circle" }).run()
+                }
+              )
+            ]
+          }
+        ),
+        isMediumFull && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBlockquote().run(), active: editor.isActive("blockquote"), title: t("toolbar.quote"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaQuoteIcon, { className: "h-4 w-4" }) }),
+        isFull && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+          DropdownMenu,
           {
-            onSubmit: (url, alt) => {
-              editor.chain().focus().setImage({ src: url, alt }).run();
-              setShowImageInput(false);
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.quote"), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaQuoteIcon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
+            ] }),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.Quote,
+                  label: t("toolbar.quote"),
+                  onClick: () => editor.chain().focus().toggleBlockquote().run(),
+                  active: editor.isActive("blockquote"),
+                  shortcut: "Ctrl+Shift+B"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.FileCode,
+                  label: t("toolbar.codeBlock"),
+                  onClick: () => editor.chain().focus().toggleCodeBlock().run(),
+                  active: editor.isActive("codeBlock"),
+                  shortcut: "Ctrl+Alt+C"
+                }
+              )
+            ]
+          }
+        ),
+        (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          DropdownMenu,
+          {
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.image"), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaImageIcon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
+            ] }),
+            children: showImageInput ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              ImageInput,
+              {
+                onSubmit: (url, alt) => {
+                  editor.chain().focus().setImage({ src: url, alt }).run();
+                  setShowImageInput(false);
+                },
+                onCancel: () => setShowImageInput(false)
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(DropdownMenuItem, { icon: import_lucide_react52.Link, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true), closeOnSelect: false }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.Upload,
+                  label: isUploadingImage ? t("imageInput.uploading") : t("imageInput.uploadTab"),
+                  disabled: isUploadingImage,
+                  onClick: () => fileInputRef.current?.click(),
+                  closeOnSelect: false
+                }
+              ),
+              imageUploadError && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                "input",
+                {
+                  ref: fileInputRef,
+                  type: "file",
+                  accept: "image/*",
+                  multiple: true,
+                  className: "hidden",
+                  onChange: (e) => {
+                    const files = Array.from(e.target.files ?? []);
+                    e.target.value = "";
+                    void insertImageFiles(files);
+                  }
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "my-1 border-t" }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.AlignCenter,
+                  label: t("toolbar.imageLayoutBlock"),
+                  onClick: () => applyImageLayout(editor, "block"),
+                  active: isImageSelected && imageLayout === "block",
+                  disabled: !isImageSelected
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.AlignLeft,
+                  label: t("toolbar.imageLayoutLeft"),
+                  onClick: () => applyImageLayout(editor, "left"),
+                  active: isImageSelected && imageLayout === "left",
+                  disabled: !isImageSelected
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.AlignRight,
+                  label: t("toolbar.imageLayoutRight"),
+                  onClick: () => applyImageLayout(editor, "right"),
+                  active: isImageSelected && imageLayout === "right",
+                  disabled: !isImageSelected
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "my-1 border-t" }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  label: t("toolbar.imageWidthSm"),
+                  onClick: () => applyImageWidthPreset(editor, "sm"),
+                  active: isImageSelected && imageWidthPreset === "sm",
+                  disabled: !isImageSelected
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  label: t("toolbar.imageWidthMd"),
+                  onClick: () => applyImageWidthPreset(editor, "md"),
+                  active: isImageSelected && imageWidthPreset === "md",
+                  disabled: !isImageSelected
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  label: t("toolbar.imageWidthLg"),
+                  onClick: () => applyImageWidthPreset(editor, "lg"),
+                  active: isImageSelected && imageWidthPreset === "lg",
+                  disabled: !isImageSelected
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "my-1 border-t" }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.RotateCcw,
+                  label: t("toolbar.imageResetSize"),
+                  onClick: () => resetImageSize(editor),
+                  disabled: !isImageSelected
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.Trash2,
+                  label: t("toolbar.imageDelete"),
+                  onClick: () => deleteSelectedImage(editor),
+                  disabled: !isImageSelected,
+                  destructive: true
+                }
+              )
+            ] })
+          }
+        ),
+        (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+          DropdownMenu,
+          {
+            isOpen: isTableMenuOpen,
+            onOpenChange: (open) => {
+              setIsTableMenuOpen(open);
+              setPreservedTableAnchorPos(open ? getTableAnchorPos(editor) : null);
             },
-            onCancel: () => setShowImageInput(false)
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ToolbarButton, { onClick: () => {
+            }, title: t("toolbar.table"), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaTableIcon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaChevronDownIcon, { className: "h-2.5 w-2.5" })
+            ] }),
+            contentClassName: "p-2 min-w-56",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                TableInsertGrid,
+                {
+                  insertLabel: t("tableMenu.insertTable"),
+                  previewTemplate: t("tableMenu.gridPreview"),
+                  onInsert: (rows, cols) => {
+                    editor.chain().focus().insertTable({ rows, cols, withHeaderRow: true }).run();
+                    setIsTableMenuOpen(false);
+                    setPreservedTableAnchorPos(null);
+                  }
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "my-1 border-t" }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.AlignLeft,
+                  label: t("tableMenu.alignLeft"),
+                  onClick: () => applyTableAlignment(editor, "left", tableCommandAnchorPos),
+                  active: hasTableContext && currentTableAlign === "left",
+                  disabled: !hasTableContext
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.AlignCenter,
+                  label: t("tableMenu.alignCenter"),
+                  onClick: () => applyTableAlignment(editor, "center", tableCommandAnchorPos),
+                  active: hasTableContext && currentTableAlign === "center",
+                  disabled: !hasTableContext
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.AlignRight,
+                  label: t("tableMenu.alignRight"),
+                  onClick: () => applyTableAlignment(editor, "right", tableCommandAnchorPos),
+                  active: hasTableContext && currentTableAlign === "right",
+                  disabled: !hasTableContext
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "my-1 border-t" }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.ArrowLeft,
+                  label: t("tableMenu.addColumnBefore"),
+                  onClick: () => editor.chain().focus().addColumnBefore().run(),
+                  disabled: !hasTableContext || !editor.can().addColumnBefore()
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.ArrowDown,
+                  label: t("tableMenu.addColumnAfter"),
+                  onClick: () => editor.chain().focus().addColumnAfter().run(),
+                  disabled: !hasTableContext || !editor.can().addColumnAfter()
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.ArrowUp,
+                  label: t("tableMenu.addRowBefore"),
+                  onClick: () => editor.chain().focus().addRowBefore().run(),
+                  disabled: !hasTableContext || !editor.can().addRowBefore()
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.ArrowRight,
+                  label: t("tableMenu.addRowAfter"),
+                  onClick: () => editor.chain().focus().addRowAfter().run(),
+                  disabled: !hasTableContext || !editor.can().addRowAfter()
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "my-1 border-t" }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.Table,
+                  label: t("tableMenu.toggleHeaderRow"),
+                  onClick: () => editor.chain().focus().toggleHeaderRow().run(),
+                  disabled: !hasTableContext || !editor.can().toggleHeaderRow()
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.Table,
+                  label: t("tableMenu.toggleHeaderColumn"),
+                  onClick: () => editor.chain().focus().toggleHeaderColumn().run(),
+                  disabled: !hasTableContext || !editor.can().toggleHeaderColumn()
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "my-1 border-t" }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.Trash2,
+                  label: t("tableMenu.deleteColumn"),
+                  onClick: () => editor.chain().focus().deleteColumn().run(),
+                  disabled: !hasTableContext || !editor.can().deleteColumn()
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.Trash2,
+                  label: t("tableMenu.deleteRow"),
+                  onClick: () => editor.chain().focus().deleteRow().run(),
+                  disabled: !hasTableContext || !editor.can().deleteRow()
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                DropdownMenuItem,
+                {
+                  icon: import_lucide_react52.Trash2,
+                  label: t("tableMenu.deleteTable"),
+                  onClick: () => editor.chain().focus().deleteTable().run(),
+                  disabled: !hasTableContext || !editor.can().deleteTable()
+                }
+              )
+            ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(DropdownMenuItem, { icon: import_lucide_react52.Link, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true), closeOnSelect: false }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react52.Upload,
-              label: isUploadingImage ? t("imageInput.uploading") : t("imageInput.uploadTab"),
-              disabled: isUploadingImage,
-              onClick: () => fileInputRef.current?.click(),
-              closeOnSelect: false
-            }
-          ),
-          imageUploadError && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            "input",
-            {
-              ref: fileInputRef,
-              type: "file",
-              accept: "image/*",
-              multiple: true,
-              className: "hidden",
-              onChange: (e) => {
-                const files = Array.from(e.target.files ?? []);
-                e.target.value = "";
-                void insertImageFiles(files);
-              }
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react52.AlignCenter,
-              label: t("toolbar.imageLayoutBlock"),
-              onClick: () => applyImageLayout(editor, "block"),
-              active: isImageSelected && imageLayout === "block",
-              disabled: !isImageSelected
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react52.AlignLeft,
-              label: t("toolbar.imageLayoutLeft"),
-              onClick: () => applyImageLayout(editor, "left"),
-              active: isImageSelected && imageLayout === "left",
-              disabled: !isImageSelected
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react52.AlignRight,
-              label: t("toolbar.imageLayoutRight"),
-              onClick: () => applyImageLayout(editor, "right"),
-              active: isImageSelected && imageLayout === "right",
-              disabled: !isImageSelected
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              label: t("toolbar.imageWidthSm"),
-              onClick: () => applyImageWidthPreset(editor, "sm"),
-              active: isImageSelected && imageWidthPreset === "sm",
-              disabled: !isImageSelected
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              label: t("toolbar.imageWidthMd"),
-              onClick: () => applyImageWidthPreset(editor, "md"),
-              active: isImageSelected && imageWidthPreset === "md",
-              disabled: !isImageSelected
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              label: t("toolbar.imageWidthLg"),
-              onClick: () => applyImageWidthPreset(editor, "lg"),
-              active: isImageSelected && imageWidthPreset === "lg",
-              disabled: !isImageSelected
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react52.RotateCcw,
-              label: t("toolbar.imageResetSize"),
-              onClick: () => resetImageSize(editor),
-              disabled: !isImageSelected
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react52.Trash2,
-              label: t("toolbar.imageDelete"),
-              onClick: () => deleteSelectedImage(editor),
-              disabled: !isImageSelected,
-              destructive: true
-            }
-          )
-        ] })
-      }
-    ),
-    (isMediumFull || isFull) && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
-      DropdownMenu,
-      {
-        isOpen: isTableMenuOpen,
-        onOpenChange: (open) => {
-          setIsTableMenuOpen(open);
-          setPreservedTableAnchorPos(open ? getTableAnchorPos(editor) : null);
-        },
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.table"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Table, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ChevronDown, { className: "w-3 h-3" })
-        ] }),
-        contentClassName: "p-2 min-w-56",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            TableInsertGrid,
-            {
-              insertLabel: t("tableMenu.insertTable"),
-              previewTemplate: t("tableMenu.gridPreview"),
-              onInsert: (rows, cols) => {
-                editor.chain().focus().insertTable({ rows, cols, withHeaderRow: true }).run();
-                setIsTableMenuOpen(false);
-                setPreservedTableAnchorPos(null);
-              }
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react52.AlignLeft,
-              label: t("tableMenu.alignLeft"),
-              onClick: () => applyTableAlignment(editor, "left", tableCommandAnchorPos),
-              active: hasTableContext && currentTableAlign === "left",
-              disabled: !hasTableContext
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react52.AlignCenter,
-              label: t("tableMenu.alignCenter"),
-              onClick: () => applyTableAlignment(editor, "center", tableCommandAnchorPos),
-              active: hasTableContext && currentTableAlign === "center",
-              disabled: !hasTableContext
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react52.AlignRight,
-              label: t("tableMenu.alignRight"),
-              onClick: () => applyTableAlignment(editor, "right", tableCommandAnchorPos),
-              active: hasTableContext && currentTableAlign === "right",
-              disabled: !hasTableContext
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarDivider, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaUndoIcon, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FigmaRedoIcon, { className: "h-4 w-4" }) }),
+        hasTableContext && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarDivider, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            ToolbarButton,
             {
-              icon: import_lucide_react52.ArrowLeft,
-              label: t("tableMenu.addColumnBefore"),
               onClick: () => editor.chain().focus().addColumnBefore().run(),
-              disabled: !hasTableContext || !editor.can().addColumnBefore()
+              disabled: !editor.can().addColumnBefore(),
+              title: t("tableMenu.addColumnBefore"),
+              children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ArrowLeft, { className: "w-4 h-4" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            ToolbarButton,
             {
-              icon: import_lucide_react52.ArrowDown,
-              label: t("tableMenu.addColumnAfter"),
               onClick: () => editor.chain().focus().addColumnAfter().run(),
-              disabled: !hasTableContext || !editor.can().addColumnAfter()
+              disabled: !editor.can().addColumnAfter(),
+              title: t("tableMenu.addColumnAfter"),
+              children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ArrowRight, { className: "w-4 h-4" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            ToolbarButton,
             {
-              icon: import_lucide_react52.ArrowUp,
-              label: t("tableMenu.addRowBefore"),
               onClick: () => editor.chain().focus().addRowBefore().run(),
-              disabled: !hasTableContext || !editor.can().addRowBefore()
+              disabled: !editor.can().addRowBefore(),
+              title: t("tableMenu.addRowBefore"),
+              children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ArrowUp, { className: "w-4 h-4" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            ToolbarButton,
             {
-              icon: import_lucide_react52.ArrowRight,
-              label: t("tableMenu.addRowAfter"),
               onClick: () => editor.chain().focus().addRowAfter().run(),
-              disabled: !hasTableContext || !editor.can().addRowAfter()
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react52.Table,
-              label: t("tableMenu.toggleHeaderRow"),
-              onClick: () => editor.chain().focus().toggleHeaderRow().run(),
-              disabled: !hasTableContext || !editor.can().toggleHeaderRow()
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react52.Table,
-              label: t("tableMenu.toggleHeaderColumn"),
-              onClick: () => editor.chain().focus().toggleHeaderColumn().run(),
-              disabled: !hasTableContext || !editor.can().toggleHeaderColumn()
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react52.Trash2,
-              label: t("tableMenu.deleteColumn"),
-              onClick: () => editor.chain().focus().deleteColumn().run(),
-              disabled: !hasTableContext || !editor.can().deleteColumn()
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
-            {
-              icon: import_lucide_react52.Trash2,
-              label: t("tableMenu.deleteRow"),
-              onClick: () => editor.chain().focus().deleteRow().run(),
-              disabled: !hasTableContext || !editor.can().deleteRow()
+              disabled: !editor.can().addRowAfter(),
+              title: t("tableMenu.addRowAfter"),
+              children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.ArrowDown, { className: "w-4 h-4" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-            DropdownMenuItem,
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            ToolbarButton,
             {
-              icon: import_lucide_react52.Trash2,
-              label: t("tableMenu.deleteTable"),
-              onClick: () => editor.chain().focus().deleteTable().run(),
-              disabled: !hasTableContext || !editor.can().deleteTable()
+              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__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react52.TableCellsMerge, { className: "w-4 h-4" })
             }
           )
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Undo, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Redo, { className: "w-4 h-4" }) }),
-    hasTableContext && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToolbarDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-        ToolbarButton,
-        {
-          onClick: () => editor.chain().focus().addColumnBefore().run(),
-          disabled: !editor.can().addColumnBefore(),
-          title: t("tableMenu.addColumnBefore"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ArrowLeft, { className: "w-4 h-4" })
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-        ToolbarButton,
-        {
-          onClick: () => editor.chain().focus().addColumnAfter().run(),
-          disabled: !editor.can().addColumnAfter(),
-          title: t("tableMenu.addColumnAfter"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ArrowRight, { className: "w-4 h-4" })
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-        ToolbarButton,
-        {
-          onClick: () => editor.chain().focus().addRowBefore().run(),
-          disabled: !editor.can().addRowBefore(),
-          title: t("tableMenu.addRowBefore"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ArrowUp, { className: "w-4 h-4" })
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-        ToolbarButton,
-        {
-          onClick: () => editor.chain().focus().addRowAfter().run(),
-          disabled: !editor.can().addRowAfter(),
-          title: t("tableMenu.addRowAfter"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ArrowDown, { className: "w-4 h-4" })
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-        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__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.TableCellsMerge, { className: "w-4 h-4" })
-        }
-      )
-    ] })
-  ] });
+        ] })
+      ]
+    }
+  );
 };
 
 // src/components/UEditor/menus.tsx
-var import_react73 = require("react");
-var import_react74 = require("@tiptap/react");
+var import_react74 = require("react");
+var import_react75 = require("@tiptap/react");
 var import_tables7 = require("@tiptap/pm/tables");
 var import_react_dom8 = require("react-dom");
 var import_lucide_react53 = require("lucide-react");
@@ -35697,13 +35856,13 @@ function recalculateAllTableFormulas(editor) {
 }
 
 // src/components/UEditor/menus.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var FloatingSlashCommandMenu = ({ editor, onClose }) => {
   const t = useSmartTranslations("UEditor");
-  const messages = (0, import_react73.useMemo)(() => buildSlashCommandMessages(t), [t]);
-  const items = (0, import_react73.useMemo)(() => buildSlashCommandItems({ query: "", messages }), [messages]);
-  const listRef = (0, import_react73.useRef)(null);
-  (0, import_react73.useEffect)(() => {
+  const messages = (0, import_react74.useMemo)(() => buildSlashCommandMessages(t), [t]);
+  const items = (0, import_react74.useMemo)(() => buildSlashCommandItems({ query: "", messages }), [messages]);
+  const listRef = (0, import_react74.useRef)(null);
+  (0, import_react74.useEffect)(() => {
     const handleKeyDown2 = (event) => {
       if (event.key === "Escape") {
         event.preventDefault();
@@ -35718,7 +35877,7 @@ var FloatingSlashCommandMenu = ({ editor, onClose }) => {
     document.addEventListener("keydown", handleKeyDown2);
     return () => document.removeEventListener("keydown", handleKeyDown2);
   }, [onClose]);
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     SlashCommandList,
     {
       ref: listRef,
@@ -35733,19 +35892,19 @@ var FloatingSlashCommandMenu = ({ editor, onClose }) => {
 };
 var FloatingMenuContent = ({ editor }) => {
   const t = useSmartTranslations("UEditor");
-  const [showCommands, setShowCommands] = (0, import_react73.useState)(false);
+  const [showCommands, setShowCommands] = (0, import_react74.useState)(false);
   if (showCommands) {
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FloatingSlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
+    return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(FloatingSlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
     "button",
     {
       type: "button",
       onClick: () => setShowCommands(true),
       className: "flex items-center gap-1 px-2 py-1.5 rounded-lg hover:bg-accent transition-all group",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.Plus, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Plus, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
       ]
     }
   );
@@ -35774,7 +35933,7 @@ function applyTableCellAttribute2(editor, name, value, options = {}) {
 }
 function BorderStylePreviewIcon({ style }) {
   const isNone = style === "none";
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     "span",
     {
       "aria-hidden": "true",
@@ -35786,7 +35945,7 @@ function BorderStylePreviewIcon({ style }) {
         borderStyle: style,
         borderWidth: style === "double" ? 3 : 2
       },
-      children: isNone && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "absolute left-1/2 top-0 h-full w-px -translate-x-1/2 rotate-45 bg-muted-foreground/70" })
+      children: isNone && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "absolute left-1/2 top-0 h-full w-px -translate-x-1/2 rotate-45 bg-muted-foreground/70" })
     }
   );
 }
@@ -35797,8 +35956,8 @@ function BorderPositionPreviewIcon({ position }) {
   const showLeft = position === "all" || position === "outer" || position === "left";
   const showHorizontal = position === "all" || position === "inner" || position === "horizontal";
   const showVertical = position === "all" || position === "inner" || position === "vertical";
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 20 20", className: "h-5 w-5 fill-none stroke-current", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 20 20", className: "h-5 w-5 fill-none stroke-current", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       "path",
       {
         d: "M2 2H18V18H2Z M2 10H18 M10 2V18",
@@ -35808,12 +35967,12 @@ function BorderPositionPreviewIcon({ position }) {
         strokeWidth: "1.25"
       }
     ),
-    showTop && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("path", { d: "M2 2H18", strokeWidth: "2" }),
-    showRight && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("path", { d: "M18 2V18", strokeWidth: "2" }),
-    showBottom && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("path", { d: "M2 18H18", strokeWidth: "2" }),
-    showLeft && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("path", { d: "M2 2V18", strokeWidth: "2" }),
-    showHorizontal && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("path", { d: "M2 10H18", strokeWidth: "2" }),
-    showVertical && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("path", { d: "M10 2V18", strokeWidth: "2" })
+    showTop && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M2 2H18", strokeWidth: "2" }),
+    showRight && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M18 2V18", strokeWidth: "2" }),
+    showBottom && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M2 18H18", strokeWidth: "2" }),
+    showLeft && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M2 2V18", strokeWidth: "2" }),
+    showHorizontal && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M2 10H18", strokeWidth: "2" }),
+    showVertical && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M10 2V18", strokeWidth: "2" })
   ] });
 }
 var BubbleMenuContent = ({
@@ -35827,26 +35986,26 @@ var BubbleMenuContent = ({
   cellBorderOpenRequest = 0
 }) => {
   const t = useSmartTranslations("UEditor");
-  (0, import_react74.useEditorState)({
+  (0, import_react75.useEditorState)({
     editor,
     selector: ({ transactionNumber }) => transactionNumber
   });
   const { textColors, highlightColors } = useEditorColors();
-  const [showLinkInput, setShowLinkInput] = (0, import_react73.useState)(initialShowLinkInput);
-  const [activeColorPalette, setActiveColorPalette] = (0, import_react73.useState)(null);
-  (0, import_react73.useEffect)(() => {
+  const [showLinkInput, setShowLinkInput] = (0, import_react74.useState)(initialShowLinkInput);
+  const [activeColorPalette, setActiveColorPalette] = (0, import_react74.useState)(null);
+  (0, import_react74.useEffect)(() => {
     setShowLinkInput(initialShowLinkInput);
   }, [initialShowLinkInput]);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     if (!cellBorderOpenRequest) return;
     setActiveColorPalette("cell-border");
     onKeepOpenChange?.(true);
   }, [cellBorderOpenRequest, onKeepOpenChange]);
-  const [showTypographyPanel, setShowTypographyPanel] = (0, import_react73.useState)(false);
-  const [showFormulaPanel, setShowFormulaPanel] = (0, import_react73.useState)(false);
-  const [formulaDraft, setFormulaDraft] = (0, import_react73.useState)("");
-  const [showFontSizeOptions, setShowFontSizeOptions] = (0, import_react73.useState)(false);
-  const [fontSizeDraft, setFontSizeDraft] = (0, import_react73.useState)("");
+  const [showTypographyPanel, setShowTypographyPanel] = (0, import_react74.useState)(false);
+  const [showFormulaPanel, setShowFormulaPanel] = (0, import_react74.useState)(false);
+  const [formulaDraft, setFormulaDraft] = (0, import_react74.useState)("");
+  const [showFontSizeOptions, setShowFontSizeOptions] = (0, import_react74.useState)(false);
+  const [fontSizeDraft, setFontSizeDraft] = (0, import_react74.useState)("");
   const isImageSelected = editor.isActive("image");
   const imageAttrs = editor.getAttributes("image");
   const imageLayout = imageAttrs.imageLayout === "left" || imageAttrs.imageLayout === "right" ? imageAttrs.imageLayout : "block";
@@ -35860,13 +36019,13 @@ var BubbleMenuContent = ({
   const currentCellBorderStyle = editor.getAttributes("tableCell").borderStyle || editor.getAttributes("tableHeader").borderStyle || "solid";
   const currentCellBorderWidth = editor.getAttributes("tableCell").borderWidth || editor.getAttributes("tableHeader").borderWidth || "1px";
   const currentCellBorderColor = normalizeStyleValue(editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor) || "#000000";
-  const [borderStyleDraft, setBorderStyleDraft] = (0, import_react73.useState)(
+  const [borderStyleDraft, setBorderStyleDraft] = (0, import_react74.useState)(
     ["solid", "dashed", "dotted", "double"].includes(currentCellBorderStyle) ? currentCellBorderStyle : "solid"
   );
-  const [borderWidthDraft, setBorderWidthDraft] = (0, import_react73.useState)(currentCellBorderWidth);
-  const [borderColorDraft, setBorderColorDraft] = (0, import_react73.useState)(currentCellBorderColor);
-  const [borderEditMode, setBorderEditMode] = (0, import_react73.useState)("draw");
-  const [activeBorderPosition, setActiveBorderPosition] = (0, import_react73.useState)("all");
+  const [borderWidthDraft, setBorderWidthDraft] = (0, import_react74.useState)(currentCellBorderWidth);
+  const [borderColorDraft, setBorderColorDraft] = (0, import_react74.useState)(currentCellBorderColor);
+  const [borderEditMode, setBorderEditMode] = (0, import_react74.useState)("draw");
+  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);
@@ -35874,15 +36033,15 @@ var BubbleMenuContent = ({
   const canSplitCell = isInTable2 && editor.can().splitCell();
   const currentFontSize = normalizeStyleValue(textStyleAttrs.fontSize);
   const currentLineHeight = normalizeStyleValue(textStyleAttrs.lineHeight);
-  const quickFontSizes = (0, import_react73.useMemo)(
+  const quickFontSizes = (0, import_react74.useMemo)(
     () => (fontSizes ?? getDefaultFontSizes()).filter((option) => ["14px", "16px", "24px"].includes(option.value)),
     [fontSizes]
   );
-  const quickLineHeights = (0, import_react73.useMemo)(
+  const quickLineHeights = (0, import_react74.useMemo)(
     () => (lineHeights ?? getDefaultLineHeights()).filter((option) => ["1.2", "1.5", "1.75"].includes(option.value)),
     [lineHeights]
   );
-  const borderColors = (0, import_react73.useMemo)(
+  const borderColors = (0, import_react74.useMemo)(
     () => [
       highlightColors[0] ?? { name: t("colors.default"), color: "" },
       { name: "Black", color: "#000000" },
@@ -35891,10 +36050,10 @@ var BubbleMenuContent = ({
     ],
     [highlightColors, t]
   );
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     setFontSizeDraft(currentFontSize.replace(/px$/i, ""));
   }, [currentFontSize]);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     setFormulaDraft(currentCellFormula);
   }, [currentCellFormula]);
   const applyFontSizeDraft = () => {
@@ -35909,21 +36068,21 @@ var BubbleMenuContent = ({
     editor.chain().focus().setFontSize(`${clamped}px`).run();
     setFontSizeDraft(String(clamped));
   };
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     onKeepOpenChange?.(showLinkInput);
     onLinkInputOpenChange?.(showLinkInput);
   }, [onKeepOpenChange, onLinkInputOpenChange, showLinkInput]);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     onKeepOpenChange?.(Boolean(activeColorPalette));
   }, [activeColorPalette, onKeepOpenChange]);
-  const closeTransientPanels = (0, import_react73.useCallback)(() => {
+  const closeTransientPanels = (0, import_react74.useCallback)(() => {
     setActiveColorPalette(null);
     setShowLinkInput(false);
     onKeepOpenChange?.(false);
     onLinkInputOpenChange?.(false);
     onRequestClose?.();
   }, [onKeepOpenChange, onLinkInputOpenChange, onRequestClose]);
-  const selectTableCellBorderColor = (0, import_react73.useCallback)((color) => {
+  const selectTableCellBorderColor = (0, import_react74.useCallback)((color) => {
     const value = color || "currentColor";
     setBorderColorDraft(value);
     setBorderEditMode("draw");
@@ -35936,7 +36095,7 @@ var BubbleMenuContent = ({
     setActiveColorPalette("cell-border");
     onKeepOpenChange?.(true);
   }, [borderStyleDraft, borderWidthDraft, editor, onKeepOpenChange]);
-  const applyTableCellBorderPosition = (0, import_react73.useCallback)((position) => {
+  const applyTableCellBorderPosition = (0, import_react74.useCallback)((position) => {
     setActiveBorderPosition(position);
     applyTableCellBorders(editor, position, {
       color: borderColorDraft,
@@ -35945,7 +36104,7 @@ var BubbleMenuContent = ({
     }, { focus: false });
     onKeepOpenChange?.(true);
   }, [borderColorDraft, borderEditMode, borderStyleDraft, borderWidthDraft, editor, onKeepOpenChange]);
-  const applyTableCellBorderStyle = (0, import_react73.useCallback)((style) => {
+  const applyTableCellBorderStyle = (0, import_react74.useCallback)((style) => {
     setBorderStyleDraft(style);
     setBorderEditMode("draw");
     setActiveBorderPosition("all");
@@ -35956,7 +36115,7 @@ var BubbleMenuContent = ({
     }, { focus: false });
     onKeepOpenChange?.(true);
   }, [borderColorDraft, borderWidthDraft, editor, onKeepOpenChange]);
-  const applyTableCellBorderWidth = (0, import_react73.useCallback)((width) => {
+  const applyTableCellBorderWidth = (0, import_react74.useCallback)((width) => {
     setBorderWidthDraft(width);
     setBorderEditMode("draw");
     setActiveBorderPosition("all");
@@ -35967,7 +36126,7 @@ var BubbleMenuContent = ({
     }, { focus: false });
     onKeepOpenChange?.(true);
   }, [borderColorDraft, borderStyleDraft, editor, onKeepOpenChange]);
-  const clearTableCellBorders = (0, import_react73.useCallback)(() => {
+  const clearTableCellBorders = (0, import_react74.useCallback)(() => {
     setActiveBorderPosition("all");
     setBorderEditMode("erase");
     applyTableCellBorders(editor, "all", {
@@ -35977,11 +36136,11 @@ var BubbleMenuContent = ({
     }, { focus: false });
     onKeepOpenChange?.(true);
   }, [borderColorDraft, borderWidthDraft, editor, onKeepOpenChange]);
-  const closeColorPalette = (0, import_react73.useCallback)(() => {
+  const closeColorPalette = (0, import_react74.useCallback)(() => {
     setActiveColorPalette(null);
     onKeepOpenChange?.(false);
   }, [onKeepOpenChange]);
-  const applyInlineColorAndClose = (0, import_react73.useCallback)((color) => {
+  const applyInlineColorAndClose = (0, import_react74.useCallback)((color) => {
     if (activeColorPalette === "text") {
       if (color === "inherit") {
         editor.chain().focus().unsetColor().run();
@@ -35999,7 +36158,7 @@ var BubbleMenuContent = ({
     }
     closeColorPalette();
   }, [activeColorPalette, closeColorPalette, editor]);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     if (!showLinkInput) return;
     const close2 = () => setShowLinkInput(false);
     editor.on("selectionUpdate", close2);
@@ -36010,7 +36169,7 @@ var BubbleMenuContent = ({
     };
   }, [editor, showLinkInput]);
   if (showLinkInput) {
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       LinkInput,
       {
         initialUrl: editor.getAttributes("link").href || "",
@@ -36030,12 +36189,12 @@ var BubbleMenuContent = ({
     const isTextPalette = activeColorPalette === "text";
     const isHighlightPalette = activeColorPalette === "highlight";
     if (activeColorPalette === "cell-border") {
-      return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex w-72 flex-col gap-2 p-2 text-sm", "data-ueditor-keep-open": true, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "font-semibold text-xs text-muted-foreground uppercase tracking-wider mb-1", children: t("tableMenu.cellBorder") || "Cell Borders" }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("label", { className: "mb-1 block text-xs text-muted-foreground", children: t("tableMenu.borderPosition") || "Border placement" }),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "grid grid-cols-5 gap-1", role: "group", "aria-label": t("tableMenu.borderPosition") || "Border placement", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex w-72 flex-col gap-2 p-2 text-sm", "data-ueditor-keep-open": true, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "font-semibold text-xs text-muted-foreground uppercase tracking-wider mb-1", children: t("tableMenu.cellBorder") || "Cell Borders" }),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("label", { className: "mb-1 block text-xs text-muted-foreground", children: t("tableMenu.borderPosition") || "Border placement" }),
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "grid grid-cols-5 gap-1", role: "group", "aria-label": t("tableMenu.borderPosition") || "Border placement", children: [
               [
                 ["all", "borderAll"],
                 ["outer", "borderOuter"],
@@ -36048,7 +36207,7 @@ var BubbleMenuContent = ({
                 ["left", "borderLeft"]
               ].map(([position, labelKey]) => {
                 const label = t(`tableMenu.${labelKey}`) || position;
-                return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
                   "button",
                   {
                     type: "button",
@@ -36060,12 +36219,12 @@ var BubbleMenuContent = ({
                       "inline-flex h-8 items-center justify-center rounded-md text-foreground transition-colors hover:bg-muted hover:text-primary",
                       activeBorderPosition === position ? "bg-primary/10 text-primary" : "bg-muted/40"
                     ),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(BorderPositionPreviewIcon, { position })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(BorderPositionPreviewIcon, { position })
                   },
                   position
                 );
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
                 "button",
                 {
                   type: "button",
@@ -36074,13 +36233,13 @@ var BubbleMenuContent = ({
                   onMouseDown: (event) => event.preventDefault(),
                   onClick: clearTableCellBorders,
                   className: "inline-flex h-8 items-center justify-center rounded-md bg-muted/40 text-destructive transition-colors hover:bg-destructive/10",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(BorderStylePreviewIcon, { style: "none" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(BorderStylePreviewIcon, { style: "none" })
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-1 border-l border-border pl-2 pt-5", role: "group", "aria-label": t("tableMenu.borderMode") || "Border mode", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex flex-col gap-1 border-l border-border pl-2 pt-5", role: "group", "aria-label": t("tableMenu.borderMode") || "Border mode", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               "button",
               {
                 type: "button",
@@ -36092,10 +36251,10 @@ var BubbleMenuContent = ({
                   "inline-flex h-8 w-8 items-center justify-center rounded-md transition-colors hover:bg-muted",
                   borderEditMode === "draw" ? "bg-primary/10 text-primary" : "text-muted-foreground"
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.Edit2, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Edit2, { className: "h-4 w-4" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               "button",
               {
                 type: "button",
@@ -36107,19 +36266,19 @@ var BubbleMenuContent = ({
                   "inline-flex h-8 w-8 items-center justify-center rounded-md transition-colors hover:bg-muted",
                   borderEditMode === "erase" ? "bg-destructive/10 text-destructive" : "text-muted-foreground"
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.Eraser, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Eraser, { className: "h-4 w-4" })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderStyle") || "Border Style" }),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "grid grid-cols-4 gap-1.5", role: "group", "aria-label": t("tableMenu.borderStyle") || "Border Style", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderStyle") || "Border Style" }),
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "grid grid-cols-4 gap-1.5", role: "group", "aria-label": t("tableMenu.borderStyle") || "Border Style", children: [
             ["solid", "Solid"],
             ["dashed", "Dashed"],
             ["dotted", "Dotted"],
             ["double", "Double"]
-          ].map(([style, label]) => /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+          ].map(([style, label]) => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
             "button",
             {
               type: "button",
@@ -36130,16 +36289,16 @@ var BubbleMenuContent = ({
                 borderStyleDraft === style ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(BorderStylePreviewIcon, { style }),
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: label })
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(BorderStylePreviewIcon, { style }),
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: label })
               ]
             },
             style
           )) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderWidth") || "Border Width" }),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "grid grid-cols-4 gap-1", role: "group", "aria-label": t("tableMenu.borderWidth") || "Border Width", children: ["1px", "2px", "3px", "4px"].map((width) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderWidth") || "Border Width" }),
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "grid grid-cols-4 gap-1", role: "group", "aria-label": t("tableMenu.borderWidth") || "Border Width", children: ["1px", "2px", "3px", "4px"].map((width) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             "button",
             {
               type: "button",
@@ -36154,15 +36313,15 @@ var BubbleMenuContent = ({
             width
           )) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
           "button",
           {
             type: "button",
             onClick: () => setActiveColorPalette("cell-border-color"),
             className: "flex items-center justify-between w-full h-8 px-2 rounded-md border border-input hover:bg-accent text-xs",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: t("tableMenu.borderColor") || "Border Color" }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: t("tableMenu.borderColor") || "Border Color" }),
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
                 "span",
                 {
                   className: "w-4 h-4 rounded-full border border-border",
@@ -36177,7 +36336,7 @@ var BubbleMenuContent = ({
       ] });
     }
     if (activeColorPalette === "cell-border-color") {
-      return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "w-56", "data-ueditor-keep-open": true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "w-56", "data-ueditor-keep-open": true, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         EditorColorPalette,
         {
           colors: borderColors,
@@ -36187,7 +36346,7 @@ var BubbleMenuContent = ({
         }
       ) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "w-56", "data-ueditor-keep-open": true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "w-56", "data-ueditor-keep-open": true, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       EditorColorPalette,
       {
         colors: isTextPalette ? textColors : highlightColors,
@@ -36198,32 +36357,32 @@ var BubbleMenuContent = ({
     ) });
   }
   if (isImageSelected) {
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-0.5 p-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => applyImageLayout(editor, "block"), active: imageLayout === "block", title: t("toolbar.imageLayoutBlock"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.AlignCenter, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => applyImageLayout(editor, "left"), active: imageLayout === "left", title: t("toolbar.imageLayoutLeft"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.AlignLeft, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => applyImageLayout(editor, "right"), active: imageLayout === "right", title: t("toolbar.imageLayoutRight"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.AlignRight, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "sm"), active: imageWidthPreset === "sm", title: t("toolbar.imageWidthSm"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "text-[10px] font-semibold", children: "S" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "md"), active: imageWidthPreset === "md", title: t("toolbar.imageWidthMd"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "text-[10px] font-semibold", children: "M" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "lg"), active: imageWidthPreset === "lg", title: t("toolbar.imageWidthLg"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "text-[10px] font-semibold", children: "L" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => resetImageSize(editor), title: t("toolbar.imageResetSize"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.RotateCcw, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-0.5 p-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => applyImageLayout(editor, "block"), active: imageLayout === "block", title: t("toolbar.imageLayoutBlock"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.AlignCenter, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => applyImageLayout(editor, "left"), active: imageLayout === "left", title: t("toolbar.imageLayoutLeft"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.AlignLeft, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => applyImageLayout(editor, "right"), active: imageLayout === "right", title: t("toolbar.imageLayoutRight"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.AlignRight, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "sm"), active: imageWidthPreset === "sm", title: t("toolbar.imageWidthSm"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "text-[10px] font-semibold", children: "S" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "md"), active: imageWidthPreset === "md", title: t("toolbar.imageWidthMd"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "text-[10px] font-semibold", children: "M" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => applyImageWidthPreset(editor, "lg"), active: imageWidthPreset === "lg", title: t("toolbar.imageWidthLg"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "text-[10px] font-semibold", children: "L" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => resetImageSize(editor), title: t("toolbar.imageResetSize"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.RotateCcw, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         ToolbarButton,
         {
           onClick: () => deleteSelectedImage(editor),
           title: t("toolbar.imageDelete"),
           className: "text-destructive hover:text-destructive",
-          children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.Trash2, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Trash2, { className: "w-4 h-4" })
         }
       )
     ] });
   }
   if (showFormulaPanel && isInTable2) {
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "w-72 p-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("tableMenu.formula") || "Formula" }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    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" }),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           "button",
           {
             type: "button",
@@ -36236,7 +36395,7 @@ var BubbleMenuContent = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border/60 bg-muted/40", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border/60 bg-muted/40", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         "input",
         {
           value: formulaDraft,
@@ -36257,15 +36416,15 @@ var BubbleMenuContent = ({
           className: "h-full min-w-0 flex-1 bg-transparent px-2 text-sm font-medium text-foreground outline-none"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "mt-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("tableMenu.numberFormat") || "Number format" }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "grid grid-cols-5 gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "mt-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("tableMenu.numberFormat") || "Number format" }),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "grid grid-cols-5 gap-1", children: [
           ["text", "Text"],
           ["number", "123"],
           ["currency", "$"],
           ["percent", "%"],
           ["date", "Date"]
-        ].map(([format, label]) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        ].map(([format, label]) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           "button",
           {
             type: "button",
@@ -36279,8 +36438,8 @@ var BubbleMenuContent = ({
           format
         )) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "mt-2 grid grid-cols-3 gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "mt-2 grid grid-cols-3 gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           "button",
           {
             type: "button",
@@ -36293,7 +36452,7 @@ var BubbleMenuContent = ({
             children: t("tableMenu.apply") || "Apply"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           "button",
           {
             type: "button",
@@ -36305,7 +36464,7 @@ var BubbleMenuContent = ({
             children: t("tableMenu.clear") || "Clear"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           "button",
           {
             type: "button",
@@ -36318,10 +36477,10 @@ var BubbleMenuContent = ({
     ] });
   }
   if (showTypographyPanel) {
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "w-72 p-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("toolbar.textStyle") }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    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("toolbar.textStyle") }),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           "button",
           {
             type: "button",
@@ -36331,11 +36490,11 @@ var BubbleMenuContent = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.fontSize") }),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border/60 bg-muted/40", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.fontSize") }),
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex h-9 items-center overflow-hidden rounded-md border border-border/60 bg-muted/40", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               "input",
               {
                 type: "number",
@@ -36359,8 +36518,8 @@ var BubbleMenuContent = ({
                 className: "h-full min-w-0 flex-1 bg-transparent px-2 text-center text-sm font-semibold text-foreground outline-none [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "border-l border-border/50 px-2 text-[11px] text-muted-foreground", children: "px" }),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "border-l border-border/50 px-2 text-[11px] text-muted-foreground", children: "px" }),
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               "button",
               {
                 type: "button",
@@ -36370,12 +36529,12 @@ var BubbleMenuContent = ({
                   "flex h-full w-9 items-center justify-center border-l border-border/50 transition-colors hover:bg-muted",
                   showFontSizeOptions && "bg-primary/10 text-primary"
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.ChevronDown, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.ChevronDown, { className: "h-4 w-4" })
               }
             )
           ] }),
-          showFontSizeOptions && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "mt-1 grid grid-cols-4 gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          showFontSizeOptions && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "mt-1 grid grid-cols-4 gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               "button",
               {
                 type: "button",
@@ -36390,7 +36549,7 @@ var BubbleMenuContent = ({
                 children: "A"
               }
             ),
-            quickFontSizes.map((option) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            quickFontSizes.map((option) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               "button",
               {
                 type: "button",
@@ -36408,10 +36567,10 @@ var BubbleMenuContent = ({
             ))
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.lineHeight") }),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "grid grid-cols-4 gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "mb-1 px-1 text-[11px] font-medium text-muted-foreground", children: t("toolbar.lineHeight") }),
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "grid grid-cols-4 gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               "button",
               {
                 type: "button",
@@ -36423,7 +36582,7 @@ var BubbleMenuContent = ({
                 children: "LH"
               }
             ),
-            quickLineHeights.map((option) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            quickLineHeights.map((option) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               "button",
               {
                 type: "button",
@@ -36438,8 +36597,8 @@ var BubbleMenuContent = ({
             ))
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "grid grid-cols-2 gap-1 border-t border-border/40 pt-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "grid grid-cols-2 gap-1 border-t border-border/40 pt-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
             "button",
             {
               type: "button",
@@ -36449,12 +36608,12 @@ var BubbleMenuContent = ({
                 editor.isActive("subscript") ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.Subscript, { className: "h-4 w-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Subscript, { className: "h-4 w-4" }),
                 t("toolbar.subscript")
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
             "button",
             {
               type: "button",
@@ -36464,7 +36623,7 @@ var BubbleMenuContent = ({
                 editor.isActive("superscript") ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.Superscript, { className: "h-4 w-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Superscript, { className: "h-4 w-4" }),
                 t("toolbar.superscript")
               ]
             }
@@ -36474,22 +36633,22 @@ var BubbleMenuContent = ({
     ] });
   }
   const VerticalAlignActiveIcon = currentCellVerticalAlign === "middle" ? import_lucide_react53.AlignCenterVertical : currentCellVerticalAlign === "bottom" ? import_lucide_react53.AlignEndVertical : import_lucide_react53.AlignStartVertical;
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-0.5 p-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.Bold, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.Italic, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-0.5 p-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Bold, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Italic, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.Underline, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Underline, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.Strikethrough, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.Code, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Strikethrough, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Code, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       ToolbarButton,
       {
         onMouseDown: () => {
@@ -36500,22 +36659,22 @@ var BubbleMenuContent = ({
         },
         active: editor.isActive("link"),
         title: t("toolbar.link"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.Link, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Link, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => setActiveColorPalette("text"), title: t("colors.textColor"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TextColorIcon, { color: currentTextColor }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: () => setActiveColorPalette("highlight"), active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(HighlightColorIcon, { color: currentHighlightColor }) }),
-    isInTable2 && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => setActiveColorPalette("text"), title: t("colors.textColor"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(TextColorIcon, { color: currentTextColor }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: () => setActiveColorPalette("highlight"), active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(HighlightColorIcon, { color: currentHighlightColor }) }),
+    isInTable2 && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         ToolbarButton,
         {
           onClick: () => setActiveColorPalette("cell-bg"),
           active: Boolean(currentCellBgColor),
           title: t("tableMenu.cellBackground") || "Cell background",
-          children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(CellBgColorIcon, { color: currentCellBgColor })
+          children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(CellBgColorIcon, { color: currentCellBgColor })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         ToolbarButton,
         {
           onMouseDown: () => {
@@ -36526,7 +36685,7 @@ var BubbleMenuContent = ({
             editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor || editor.getAttributes("tableCell").borderStyle || editor.getAttributes("tableHeader").borderStyle || editor.getAttributes("tableCell").borderWidth || editor.getAttributes("tableHeader").borderWidth
           ),
           title: t("tableMenu.cellBorder") || "Cell border",
-          children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             CellBorderIcon,
             {
               color: editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor
@@ -36534,7 +36693,7 @@ var BubbleMenuContent = ({
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         ToolbarButton,
         {
           onMouseDown: () => {
@@ -36546,10 +36705,10 @@ var BubbleMenuContent = ({
           },
           active: Boolean(currentCellFormula),
           title: t("tableMenu.formula") || "Formula",
-          children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.Sigma, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Sigma, { className: "w-4 h-4" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         ToolbarButton,
         {
           onClick: () => {
@@ -36562,16 +36721,16 @@ var BubbleMenuContent = ({
           active: canSplitCell,
           disabled: !canMergeCells && !canSplitCell,
           title: canSplitCell ? t("tableMenu.splitCell") || "Split cell" : t("tableMenu.mergeCells") || "Merge cells",
-          children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.TableCellsMerge, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.TableCellsMerge, { className: "w-4 h-4" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
         DropdownMenu,
         {
           onOpenChange: (open) => {
             onKeepOpenChange?.(open);
           },
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
             ToolbarButton,
             {
               onMouseDown: () => {
@@ -36581,13 +36740,13 @@ var BubbleMenuContent = ({
               },
               title: t("tableMenu.alignVertical") || "Vertical alignment",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(VerticalAlignActiveIcon, { className: "w-4 h-4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.ChevronDown, { className: "w-3 h-3" })
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(VerticalAlignActiveIcon, { className: "w-4 h-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.ChevronDown, { className: "w-3 h-3" })
               ]
             }
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               DropdownMenuItem,
               {
                 icon: import_lucide_react53.AlignStartVertical,
@@ -36596,7 +36755,7 @@ var BubbleMenuContent = ({
                 active: currentCellVerticalAlign === "top"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               DropdownMenuItem,
               {
                 icon: import_lucide_react53.AlignCenterVertical,
@@ -36605,7 +36764,7 @@ var BubbleMenuContent = ({
                 active: currentCellVerticalAlign === "middle"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               DropdownMenuItem,
               {
                 icon: import_lucide_react53.AlignEndVertical,
@@ -36617,13 +36776,13 @@ var BubbleMenuContent = ({
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
         DropdownMenu,
         {
           onOpenChange: (open) => {
             onKeepOpenChange?.(open);
           },
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
             ToolbarButton,
             {
               onMouseDown: () => {
@@ -36633,13 +36792,13 @@ var BubbleMenuContent = ({
               },
               title: t("tableMenu.textDirection"),
               children: [
-                currentCellTextDirection === "vertical" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.ArrowRight, { className: "w-4 h-4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.ChevronDown, { className: "w-3 h-3" })
+                currentCellTextDirection === "vertical" ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.ArrowRight, { className: "w-4 h-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.ChevronDown, { className: "w-3 h-3" })
               ]
             }
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               DropdownMenuItem,
               {
                 icon: import_lucide_react53.ArrowRight,
@@ -36648,7 +36807,7 @@ var BubbleMenuContent = ({
                 active: currentCellTextDirection === "horizontal"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               DropdownMenuItem,
               {
                 icon: import_lucide_react53.ArrowDown,
@@ -36661,13 +36820,13 @@ var BubbleMenuContent = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       ToolbarButton,
       {
         onClick: () => setShowTypographyPanel(true),
         active: Boolean(currentFontSize || currentLineHeight || editor.isActive("subscript") || editor.isActive("superscript")),
         title: t("toolbar.textStyle"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.Type, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Type, { className: "w-4 h-4" })
       }
     )
   ] });
@@ -36682,12 +36841,12 @@ var LinkPreviewContent = ({ editor, onEdit }) => {
   const handleUnlink = () => {
     editor.chain().focus().unsetLink().run();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-1 p-1 max-w-sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "text-xs text-muted-foreground font-mono px-2 truncate max-w-45", children: url }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: handleOpen, title: t("linkPreview.open") || "Open link", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.ExternalLink, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: onEdit, title: t("linkPreview.edit") || "Edit link", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.Edit2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToolbarButton, { onClick: handleUnlink, title: t("linkPreview.unlink") || "Remove link", className: "text-destructive hover:text-destructive", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.Unlink, { className: "w-4 h-4" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-1 p-1 max-w-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "text-xs text-muted-foreground font-mono px-2 truncate max-w-45", children: url }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: handleOpen, title: t("linkPreview.open") || "Open link", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.ExternalLink, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: onEdit, title: t("linkPreview.edit") || "Edit link", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Edit2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ToolbarButton, { onClick: handleUnlink, title: t("linkPreview.unlink") || "Remove link", className: "text-destructive hover:text-destructive", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react53.Unlink, { className: "w-4 h-4" }) })
   ] });
 };
 var CustomBubbleMenu = ({
@@ -36698,26 +36857,26 @@ var CustomBubbleMenu = ({
   const SHOW_DELAY_MS = 180;
   const BUBBLE_MENU_OFFSET = 16;
   const BUBBLE_MENU_ESTIMATED_HEIGHT = 44;
-  const [isVisible, setIsVisible] = (0, import_react73.useState)(false);
-  const [linkInputOpen, setLinkInputOpen] = (0, import_react73.useState)(false);
-  const [cellBorderOpenRequest, setCellBorderOpenRequest] = (0, import_react73.useState)(0);
-  const [position, setPosition2] = (0, import_react73.useState)({
+  const [isVisible, setIsVisible] = (0, import_react74.useState)(false);
+  const [linkInputOpen, setLinkInputOpen] = (0, import_react74.useState)(false);
+  const [cellBorderOpenRequest, setCellBorderOpenRequest] = (0, import_react74.useState)(0);
+  const [position, setPosition2] = (0, import_react74.useState)({
     top: 0,
     left: 0,
     placement: "top"
   });
-  const menuRef = (0, import_react73.useRef)(null);
-  const keepOpenRef = (0, import_react73.useRef)(false);
-  const [keepOpen, setKeepOpenState] = (0, import_react73.useState)(false);
-  const showTimeoutRef = (0, import_react73.useRef)(null);
-  const suppressShowUntilRef = (0, import_react73.useRef)(0);
-  const setKeepOpen = (0, import_react73.useCallback)((next) => {
+  const menuRef = (0, import_react74.useRef)(null);
+  const keepOpenRef = (0, import_react74.useRef)(false);
+  const [keepOpen, setKeepOpenState] = (0, import_react74.useState)(false);
+  const showTimeoutRef = (0, import_react74.useRef)(null);
+  const suppressShowUntilRef = (0, import_react74.useRef)(0);
+  const setKeepOpen = (0, import_react74.useCallback)((next) => {
     keepOpenRef.current = next;
     setKeepOpenState(next);
     if (!next) setLinkInputOpen(false);
     if (next) setIsVisible(true);
   }, []);
-  const closeBubbleMenu = (0, import_react73.useCallback)((suppressShow = true) => {
+  const closeBubbleMenu = (0, import_react74.useCallback)((suppressShow = true) => {
     suppressShowUntilRef.current = suppressShow ? Date.now() + 1e3 : 0;
     keepOpenRef.current = false;
     setKeepOpenState(false);
@@ -36728,7 +36887,7 @@ var CustomBubbleMenu = ({
       showTimeoutRef.current = null;
     }
   }, []);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     const clearShowTimeout = () => {
       if (showTimeoutRef.current) {
         clearTimeout(showTimeoutRef.current);
@@ -36810,7 +36969,7 @@ var CustomBubbleMenu = ({
       editor.off("update", updatePosition);
     };
   }, [editor]);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     if (!isVisible) return;
     const handlePointerDown = (event) => {
       const target = event.target;
@@ -36829,7 +36988,7 @@ var CustomBubbleMenu = ({
       document.removeEventListener("keydown", handleKeyDown2);
     };
   }, [closeBubbleMenu, editor, isVisible]);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     const handleTableDoubleClick = (event) => {
       const target = event.target;
       const cell = target?.closest("td,th");
@@ -36847,7 +37006,7 @@ var CustomBubbleMenu = ({
   }, [editor]);
   if (!isVisible) return null;
   return (0, import_react_dom8.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       "div",
       {
         ref: menuRef,
@@ -36867,7 +37026,7 @@ var CustomBubbleMenu = ({
           }
           e.preventDefault();
         },
-        children: editor.isActive("link") && !keepOpen && !linkInputOpen ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        children: editor.isActive("link") && !keepOpen && !linkInputOpen ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           LinkPreviewContent,
           {
             editor,
@@ -36876,7 +37035,7 @@ var CustomBubbleMenu = ({
               setKeepOpen(true);
             }
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           BubbleMenuContent,
           {
             editor,
@@ -36896,9 +37055,9 @@ var CustomBubbleMenu = ({
 };
 var CustomFloatingMenu = ({ editor }) => {
   const FLOATING_MENU_OFFSET = 16;
-  const [isVisible, setIsVisible] = (0, import_react73.useState)(false);
-  const [position, setPosition2] = (0, import_react73.useState)({ top: 0, left: 0 });
-  (0, import_react73.useEffect)(() => {
+  const [isVisible, setIsVisible] = (0, import_react74.useState)(false);
+  const [position, setPosition2] = (0, import_react74.useState)({ top: 0, left: 0 });
+  (0, import_react74.useEffect)(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { $from, empty } = state.selection;
@@ -36925,7 +37084,7 @@ var CustomFloatingMenu = ({ editor }) => {
   }, [editor]);
   if (!isVisible) return null;
   return (0, import_react_dom8.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       "div",
       {
         "data-popover": true,
@@ -36936,7 +37095,7 @@ var CustomFloatingMenu = ({ editor }) => {
           transform: "translate(-50%, -100%)"
         },
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FloatingMenuContent, { editor })
+        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(FloatingMenuContent, { editor })
       }
     ),
     document.body
@@ -36944,25 +37103,25 @@ var CustomFloatingMenu = ({ editor }) => {
 };
 
 // src/components/UEditor/CharacterCount.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+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 percentage = maxCharacters ? Math.round(characterCount / maxCharacters * 100) : 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime94.jsxs)("span", { children: [
+  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: [
       wordCount,
       " ",
       t("words")
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { children: [
       characterCount,
       " ",
       t("characters")
     ] }),
-    maxCharacters && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { className: cn(percentage > 90 && "text-destructive", percentage > 100 && "font-bold"), children: [
+    maxCharacters && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { className: cn(percentage > 90 && "text-destructive", percentage > 100 && "font-bold"), children: [
       characterCount,
       "/",
       maxCharacters
@@ -37383,7 +37542,7 @@ async function prepareUEditorContentForSave({
 }
 
 // src/components/UEditor/table-controls.tsx
-var import_react75 = __toESM(require("react"), 1);
+var import_react76 = __toESM(require("react"), 1);
 
 // node_modules/prosemirror-model/dist/index.js
 function findDiffStart(a, b, pos) {
@@ -41857,7 +42016,7 @@ function buildTableHoverState({
 }
 
 // src/components/UEditor/table-drag-preview.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 function TableDragPreview({
   columnDragLabel,
   dragPreview,
@@ -41868,9 +42027,9 @@ function TableDragPreview({
   const expandPreviewWidth = dragPreview.kind === "add-column" ? layout.tableWidth + dragPreview.previewCols * layout.avgColumnWidth : layout.tableWidth;
   const expandPreviewHeight = dragPreview.kind === "add-row" ? layout.tableHeight + dragPreview.previewRows * layout.avgRowHeight : layout.tableHeight;
   const dragStatusText = dragPreview.kind === "row" ? `${rowDragLabel} ${dragPreview.originIndex + 1} -> ${dragPreview.targetIndex + 1}` : dragPreview.kind === "column" ? `${columnDragLabel} ${dragPreview.originIndex + 1} -> ${dragPreview.targetIndex + 1}` : dragPreview.kind === "add-row" ? `+${dragPreview.previewRows}R` : `+${dragPreview.previewCols}C`;
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
-    dragPreview.kind === "row" && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
+    dragPreview.kind === "row" && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         "div",
         {
           "aria-hidden": "true",
@@ -41883,7 +42042,7 @@ function TableDragPreview({
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         "div",
         {
           "aria-hidden": "true",
@@ -41897,8 +42056,8 @@ function TableDragPreview({
         }
       )
     ] }),
-    dragPreview.kind === "column" && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    dragPreview.kind === "column" && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         "div",
         {
           "aria-hidden": "true",
@@ -41911,7 +42070,7 @@ function TableDragPreview({
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         "div",
         {
           "aria-hidden": "true",
@@ -41925,7 +42084,7 @@ function TableDragPreview({
         }
       )
     ] }),
-    (dragPreview.kind === "add-row" || dragPreview.kind === "add-column") && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    (dragPreview.kind === "add-row" || dragPreview.kind === "add-column") && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       "div",
       {
         "aria-hidden": "true",
@@ -41938,7 +42097,7 @@ function TableDragPreview({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       "div",
       {
         role: "status",
@@ -41954,7 +42113,7 @@ function TableDragPreview({
 }
 
 // src/components/UEditor/table-add-rails.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var ADD_COLUMN_RAIL_GAP = 4;
 var ADD_ROW_RAIL_GAP = 4;
 function TableAddRails({
@@ -41975,13 +42134,13 @@ function TableAddRails({
   const rowRailLeft = visibleBounds.left;
   const showColumnRail = controlsVisible || addColumnVisible;
   const showRowRail = controlsVisible || addRowVisible;
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
       Tooltip,
       {
         placement: "right",
-        content: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "text-xs font-medium", children: quickAddColumnLabel }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+        content: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-xs font-medium", children: quickAddColumnLabel }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
           "button",
           {
             type: "button",
@@ -42008,17 +42167,17 @@ function TableAddRails({
               transform: showColumnRail ? "scale(1)" : "scale(0.92)",
               pointerEvents: showColumnRail ? "auto" : "none"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "text-sm font-medium leading-none", children: "+" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-sm font-medium leading-none", children: "+" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
       Tooltip,
       {
         placement: "bottom",
-        content: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "text-xs font-medium", children: quickAddRowLabel }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+        content: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-xs font-medium", children: quickAddRowLabel }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
           "button",
           {
             type: "button",
@@ -42045,7 +42204,7 @@ function TableAddRails({
               transform: showRowRail ? "scale(1)" : "scale(0.92)",
               pointerEvents: showRowRail ? "auto" : "none"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "text-sm font-medium leading-none", children: "+" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-sm font-medium leading-none", children: "+" })
           }
         )
       }
@@ -42055,7 +42214,7 @@ function TableAddRails({
 
 // src/components/UEditor/table-control-menu.tsx
 var import_lucide_react54 = require("lucide-react");
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 function TableControlMenu({
   controlsVisible,
   isOpen,
@@ -42067,7 +42226,7 @@ function TableControlMenu({
   top
 }) {
   const shown = controlsVisible || menuVisible || isOpen;
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     "div",
     {
       className: "absolute z-30",
@@ -42076,13 +42235,13 @@ function TableControlMenu({
         top,
         left
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         Tooltip,
         {
           placement: "top",
           disabled: isOpen,
-          content: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-xs font-medium", children: label }),
-          children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+          content: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "text-xs font-medium", children: label }),
+          children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
             DropdownMenu,
             {
               placement: "bottom-start",
@@ -42090,7 +42249,7 @@ function TableControlMenu({
               onOpenChange,
               contentClassName: "p-2",
               items,
-              trigger: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+              trigger: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                 "button",
                 {
                   type: "button",
@@ -42106,7 +42265,7 @@ function TableControlMenu({
                     transform: shown ? "scale(1)" : "scale(0.82)",
                     pointerEvents: shown ? "auto" : "none"
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react54.MoreHorizontal, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_lucide_react54.MoreHorizontal, { className: "h-4 w-4" })
                 }
               )
             }
@@ -42119,7 +42278,7 @@ function TableControlMenu({
 
 // src/components/UEditor/table-axis-handles.tsx
 var import_lucide_react55 = require("lucide-react");
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var IDLE_HANDLE_SCALE = "0.78";
 function TableRowHandles({
   activeRowIndex,
@@ -42133,12 +42292,12 @@ function TableRowHandles({
   rowHandleLeft,
   rowHandles
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_jsx_runtime98.Fragment, { children: rowHandles.map((rowHandle) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_jsx_runtime99.Fragment, { children: rowHandles.map((rowHandle) => {
     const menuKey = `row:${rowHandle.index}`;
     const isActive = rowHandle.index === activeRowIndex;
     const visible = controlsVisible || hoverRowHandleIndex === rowHandle.index || openMenuKey === menuKey;
     const isShown = visible || isActive;
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       "div",
       {
         className: "absolute z-30",
@@ -42147,13 +42306,13 @@ function TableRowHandles({
           top: Math.max(8, rowHandle.center - 12),
           left: rowHandleLeft
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
           Tooltip,
           {
             placement: "right",
             disabled: openMenuKey === menuKey || !visible && isActive,
-            content: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "text-xs font-medium", children: `${rowDragLabel} ${rowHandle.index + 1}` }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+            content: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "text-xs font-medium", children: `${rowDragLabel} ${rowHandle.index + 1}` }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
               DropdownMenu,
               {
                 placement: "right",
@@ -42161,7 +42320,7 @@ function TableRowHandles({
                 onOpenChange: (open) => onOpenMenuChange(menuKey, open),
                 contentClassName: "p-2",
                 items: getMenuItems(rowHandle),
-                trigger: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+                trigger: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
                   "button",
                   {
                     type: "button",
@@ -42180,7 +42339,7 @@ function TableRowHandles({
                       transform: isShown ? "scale(1)" : `scale(${IDLE_HANDLE_SCALE})`,
                       pointerEvents: isShown ? "auto" : "none"
                     },
-                    children: visible ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_lucide_react55.GripVertical, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "h-3 w-1 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
+                    children: visible ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_lucide_react55.GripVertical, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "h-3 w-1 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
                   }
                 )
               }
@@ -42204,12 +42363,12 @@ function TableColumnHandles({
   onStartDrag,
   openMenuKey
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_jsx_runtime98.Fragment, { children: columnHandles.map((columnHandle) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_jsx_runtime99.Fragment, { children: columnHandles.map((columnHandle) => {
     const menuKey = `column:${columnHandle.index}`;
     const isActive = columnHandle.index === activeColumnIndex;
     const visible = controlsVisible || hoverColumnHandleIndex === columnHandle.index || openMenuKey === menuKey;
     const isShown = visible || isActive;
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       "div",
       {
         className: "absolute z-30",
@@ -42218,13 +42377,13 @@ function TableColumnHandles({
           top: columnHandleTop,
           left: Math.max(8, columnHandle.center - 12)
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
           Tooltip,
           {
             placement: "top",
             disabled: openMenuKey === menuKey || !visible && isActive,
-            content: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "text-xs font-medium", children: `${columnDragLabel} ${columnHandle.index + 1}` }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+            content: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "text-xs font-medium", children: `${columnDragLabel} ${columnHandle.index + 1}` }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
               DropdownMenu,
               {
                 placement: "bottom-start",
@@ -42232,7 +42391,7 @@ function TableColumnHandles({
                 onOpenChange: (open) => onOpenMenuChange(menuKey, open),
                 contentClassName: "p-2",
                 items: getMenuItems(columnHandle),
-                trigger: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+                trigger: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
                   "button",
                   {
                     type: "button",
@@ -42251,7 +42410,7 @@ function TableColumnHandles({
                       transform: isShown ? "scale(1)" : `scale(${IDLE_HANDLE_SCALE})`,
                       pointerEvents: isShown ? "auto" : "none"
                     },
-                    children: visible ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_lucide_react55.GripHorizontal, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "h-1 w-3 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
+                    children: visible ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_lucide_react55.GripHorizontal, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "h-1 w-3 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
                   }
                 )
               }
@@ -42265,7 +42424,7 @@ function TableColumnHandles({
 }
 
 // src/components/UEditor/table-controls.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var TABLE_MENU_TOP_OFFSET = 10;
 function nearestIndex(centers, position) {
   let bestIndex = 0;
@@ -42291,17 +42450,17 @@ function getSelectedCell(editor) {
 }
 function TableControls({ editor, containerRef }) {
   const t = useSmartTranslations("UEditor");
-  const [layout, setLayout] = import_react75.default.useState(null);
-  const [dragPreview, setDragPreview] = import_react75.default.useState(null);
-  const [hoverState, setHoverState] = import_react75.default.useState(DEFAULT_TABLE_HOVER_STATE);
-  const [openMenuKey, setOpenMenuKey] = import_react75.default.useState(null);
-  const layoutRef = import_react75.default.useRef(null);
-  const dragStateRef = import_react75.default.useRef(null);
-  const syncFrameRef = import_react75.default.useRef(null);
-  import_react75.default.useEffect(() => {
+  const [layout, setLayout] = import_react76.default.useState(null);
+  const [dragPreview, setDragPreview] = import_react76.default.useState(null);
+  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);
+  import_react76.default.useEffect(() => {
     layoutRef.current = layout;
   }, [layout]);
-  const syncFromCell = import_react75.default.useCallback((cell) => {
+  const syncFromCell = import_react76.default.useCallback((cell) => {
     const surface = containerRef.current;
     if (!surface || !cell) {
       setLayout(null);
@@ -42309,23 +42468,23 @@ function TableControls({ editor, containerRef }) {
     }
     setLayout(buildTableControlLayout(editor, surface, cell));
   }, [containerRef, editor]);
-  const syncFromSelection = import_react75.default.useCallback(() => {
+  const syncFromSelection = import_react76.default.useCallback(() => {
     syncFromCell(getSelectedCell(editor));
   }, [editor, syncFromCell]);
-  const scheduleSyncFromSelection = import_react75.default.useCallback(() => {
+  const scheduleSyncFromSelection = import_react76.default.useCallback(() => {
     if (syncFrameRef.current !== null) return;
     syncFrameRef.current = window.requestAnimationFrame(() => {
       syncFrameRef.current = null;
       syncFromSelection();
     });
   }, [syncFromSelection]);
-  import_react75.default.useEffect(() => () => {
+  import_react76.default.useEffect(() => () => {
     if (syncFrameRef.current !== null) {
       window.cancelAnimationFrame(syncFrameRef.current);
       syncFrameRef.current = null;
     }
   }, []);
-  const refreshCurrentLayout = import_react75.default.useCallback(() => {
+  const refreshCurrentLayout = import_react76.default.useCallback(() => {
     setLayout((prev) => {
       if (!prev) return prev;
       const surface = containerRef.current;
@@ -42335,12 +42494,12 @@ function TableControls({ editor, containerRef }) {
       return cell ? buildTableControlLayout(editor, surface, cell) : null;
     });
   }, [containerRef, editor]);
-  const clearDrag = import_react75.default.useCallback(() => {
+  const clearDrag = import_react76.default.useCallback(() => {
     dragStateRef.current = null;
     setDragPreview(null);
     document.body.style.cursor = "";
   }, []);
-  const updateHoverState = import_react75.default.useCallback((event) => {
+  const updateHoverState = import_react76.default.useCallback((event) => {
     const activeLayout = layoutRef.current;
     const surface = containerRef.current;
     if (!activeLayout || !surface || dragStateRef.current) {
@@ -42356,7 +42515,7 @@ function TableControls({ editor, containerRef }) {
       return areTableHoverStatesEqual(prev, nextState) ? prev : nextState;
     });
   }, [containerRef]);
-  import_react75.default.useEffect(() => {
+  import_react76.default.useEffect(() => {
     const proseMirror = editor.view.dom;
     const surface = containerRef.current;
     if (!surface) return void 0;
@@ -42407,37 +42566,37 @@ function TableControls({ editor, containerRef }) {
       editor.off("update", refreshCurrentLayout);
     };
   }, [clearDrag, containerRef, editor, refreshCurrentLayout, syncFromCell, syncFromSelection, updateHoverState]);
-  const runAtCellPos = import_react75.default.useCallback((cellPos, command, options) => {
+  const runAtCellPos = import_react76.default.useCallback((cellPos, command, options) => {
     const result = runTableCommandAtCellPos(editor, cellPos, command);
     if (options?.sync !== false) {
       scheduleSyncFromSelection();
     }
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const runAtActiveCell = import_react75.default.useCallback((command, options) => {
+  const runAtActiveCell = import_react76.default.useCallback((command, options) => {
     return runAtCellPos(layoutRef.current?.cellPos ?? null, command, options);
   }, [runAtCellPos]);
-  const duplicateRowAt = import_react75.default.useCallback((rowIndex, cellPos) => {
+  const duplicateRowAt = import_react76.default.useCallback((rowIndex, cellPos) => {
     const result = duplicateTableRowAt(editor, rowIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const clearRowAt = import_react75.default.useCallback((rowIndex, cellPos) => {
+  const clearRowAt = import_react76.default.useCallback((rowIndex, cellPos) => {
     const result = clearTableRowAt(editor, rowIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const duplicateColumnAt = import_react75.default.useCallback((columnIndex, cellPos) => {
+  const duplicateColumnAt = import_react76.default.useCallback((columnIndex, cellPos) => {
     const result = duplicateTableColumnAt(editor, columnIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const clearColumnAt = import_react75.default.useCallback((columnIndex, cellPos) => {
+  const clearColumnAt = import_react76.default.useCallback((columnIndex, cellPos) => {
     const result = clearTableColumnAt(editor, columnIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const expandTableBy = import_react75.default.useCallback((rows, cols) => {
+  const expandTableBy = import_react76.default.useCallback((rows, cols) => {
     const activeCellPos = layoutRef.current?.cellPos ?? editor.state.selection.from;
     const result = expandTableFromCell(editor, activeCellPos, rows, cols);
     scheduleSyncFromSelection();
@@ -42446,19 +42605,19 @@ function TableControls({ editor, containerRef }) {
   const canExpandTable = Boolean(layout);
   const controlsVisible = dragPreview !== null;
   const tableMenuOpen = openMenuKey === "table";
-  const startAddColumnDrag = import_react75.default.useCallback(() => {
+  const startAddColumnDrag = import_react76.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_react75.default.useCallback(() => {
+  const startAddRowDrag = import_react76.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_react75.default.useCallback((rowHandle) => {
+  const startRowDrag = import_react76.default.useCallback((rowHandle) => {
     setOpenMenuKey(null);
     dragStateRef.current = {
       kind: "row",
@@ -42475,7 +42634,7 @@ function TableControls({ editor, containerRef }) {
     });
     document.body.style.cursor = "grabbing";
   }, []);
-  const startColumnDrag = import_react75.default.useCallback((columnHandle) => {
+  const startColumnDrag = import_react76.default.useCallback((columnHandle) => {
     setOpenMenuKey(null);
     dragStateRef.current = {
       kind: "column",
@@ -42492,7 +42651,7 @@ function TableControls({ editor, containerRef }) {
     });
     document.body.style.cursor = "grabbing";
   }, []);
-  import_react75.default.useEffect(() => {
+  import_react76.default.useEffect(() => {
     const handleMouseMove2 = (event) => {
       const dragState = dragStateRef.current;
       const activeLayout = layoutRef.current;
@@ -42581,7 +42740,7 @@ function TableControls({ editor, containerRef }) {
       window.removeEventListener("blur", clearDrag);
     };
   }, [clearDrag, containerRef, editor, expandTableBy, scheduleSyncFromSelection]);
-  const menuItems = import_react75.default.useMemo(() => {
+  const menuItems = import_react76.default.useMemo(() => {
     if (!layout) return [];
     return [
       {
@@ -42649,7 +42808,7 @@ function TableControls({ editor, containerRef }) {
       }
     ];
   }, [editor, layout, runAtActiveCell, t]);
-  const getRowHandleMenuItems = import_react75.default.useCallback((rowHandle) => [
+  const getRowHandleMenuItems = import_react76.default.useCallback((rowHandle) => [
     {
       label: t("tableMenu.addRowBefore"),
       icon: import_lucide_react56.ArrowUp,
@@ -42677,7 +42836,7 @@ function TableControls({ editor, containerRef }) {
       destructive: true
     }
   ], [clearRowAt, duplicateRowAt, runAtCellPos, t]);
-  const getColumnHandleMenuItems = import_react75.default.useCallback((columnHandle) => [
+  const getColumnHandleMenuItems = import_react76.default.useCallback((columnHandle) => [
     {
       label: t("tableMenu.addColumnBefore"),
       icon: import_lucide_react56.ArrowLeft,
@@ -42712,8 +42871,8 @@ function TableControls({ editor, containerRef }) {
   const menuLeft = Math.max(8, layout.tableLeft);
   const rowHandleLeft = layout.tableLeft - 12;
   const columnHandleTop = layout.tableTop - 12;
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
       TableRowHandles,
       {
         activeRowIndex: layout.activeRowIndex,
@@ -42730,7 +42889,7 @@ function TableControls({ editor, containerRef }) {
         rowHandles: layout.rowHandles
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
       TableColumnHandles,
       {
         activeColumnIndex: layout.activeColumnIndex,
@@ -42747,7 +42906,7 @@ function TableControls({ editor, containerRef }) {
         openMenuKey
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
       TableControlMenu,
       {
         controlsVisible,
@@ -42762,7 +42921,7 @@ function TableControls({ editor, containerRef }) {
         top: menuTop
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
       TableAddRails,
       {
         addColumnVisible: hoverState.addColumnVisible,
@@ -42776,7 +42935,7 @@ function TableControls({ editor, containerRef }) {
         quickAddRowLabel: t("tableMenu.quickAddRowAfter")
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
       TableDragPreview,
       {
         columnDragLabel: t("tableMenu.dragColumn"),
@@ -42994,10 +43153,10 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
 );
 
 // src/components/UEditor/use-table-interactions.ts
-var import_react77 = __toESM(require("react"), 1);
+var import_react78 = __toESM(require("react"), 1);
 
 // src/components/UEditor/use-table-row-resize.ts
-var import_react76 = __toESM(require("react"), 1);
+var import_react77 = __toESM(require("react"), 1);
 function useTableRowResize({
   editor,
   setHoveredTableCell,
@@ -43006,16 +43165,16 @@ function useTableRowResize({
   clearAllTableResizeHover,
   scheduleTableLayoutSync
 }) {
-  const stateRef = (0, import_react76.useRef)(null);
-  const syncActiveGuide = import_react76.default.useCallback(() => {
+  const stateRef = (0, import_react77.useRef)(null);
+  const syncActiveGuide = import_react77.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_react76.default.useCallback(() => stateRef.current !== null, []);
-  const beginResize = import_react76.default.useCallback((event, table, row, cell) => {
+  const isResizing = import_react77.default.useCallback(() => stateRef.current !== null, []);
+  const beginResize = import_react77.default.useCallback((event, table, row, cell) => {
     if (!editor || !isRowResizeHotspot(cell, event.clientX, event.clientY)) {
       return false;
     }
@@ -43041,7 +43200,7 @@ function useTableRowResize({
     event.stopPropagation();
     return true;
   }, [editor, setHoveredTableCell, showRowGuide]);
-  const handlePointerMove = import_react76.default.useCallback((event) => {
+  const handlePointerMove = import_react77.default.useCallback((event) => {
     const state = stateRef.current;
     if (!state) return;
     const nextHeight = Math.max(
@@ -43058,7 +43217,7 @@ function useTableRowResize({
     document.body.style.cursor = "row-resize";
     showRowGuide(state.tableElement, state.rowElement, state.cellElement, nextHeight);
   }, [showRowGuide]);
-  const handlePointerUp = import_react76.default.useCallback((event) => {
+  const handlePointerUp = import_react77.default.useCallback((event) => {
     if (!editor) return;
     const state = stateRef.current;
     if (!state) return;
@@ -43082,7 +43241,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, editor, scheduleTableLayoutSync]);
-  const cancelResize = import_react76.default.useCallback(() => {
+  const cancelResize = import_react77.default.useCallback(() => {
     if (!stateRef.current) return;
     stateRef.current = null;
     document.body.style.cursor = "";
@@ -43090,7 +43249,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, scheduleTableLayoutSync]);
-  const cleanup = import_react76.default.useCallback(() => {
+  const cleanup = import_react77.default.useCallback(() => {
     stateRef.current = null;
     document.body.style.cursor = "";
   }, []);
@@ -43107,24 +43266,24 @@ function useTableRowResize({
 
 // src/components/UEditor/use-table-interactions.ts
 function useUEditorTableInteractions(editor, editable = true) {
-  const editorContentRef = (0, import_react77.useRef)(null);
-  const tableColumnGuideRef = (0, import_react77.useRef)(null);
-  const tableRowGuideRef = (0, import_react77.useRef)(null);
-  const activeTableCellHighlightRef = (0, import_react77.useRef)(null);
-  const hoveredTableCellRef = (0, import_react77.useRef)(null);
-  const activeTableCellRef = (0, import_react77.useRef)(null);
-  const suppressActiveCellHighlightRef = (0, import_react77.useRef)(false);
-  const tableLayoutSyncFrameRef = (0, import_react77.useRef)(null);
-  const getProseMirrorElement = import_react77.default.useCallback(() => {
+  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(() => {
     return editorContentRef.current?.querySelector(".ProseMirror");
   }, []);
-  const setEditorResizeCursor = import_react77.default.useCallback((cursor) => {
+  const setEditorResizeCursor = import_react78.default.useCallback((cursor) => {
     const proseMirror = getProseMirrorElement();
     if (proseMirror) {
       proseMirror.style.cursor = cursor;
     }
   }, [getProseMirrorElement]);
-  const hideColumnGuide = import_react77.default.useCallback(() => {
+  const hideColumnGuide = import_react78.default.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-cursor");
     getProseMirrorElement()?.classList.remove("resize-cursor");
     const guide = tableColumnGuideRef.current;
@@ -43132,7 +43291,7 @@ function useUEditorTableInteractions(editor, editable = true) {
       guide.style.opacity = "0";
     }
   }, [getProseMirrorElement]);
-  const hideRowGuide = import_react77.default.useCallback(() => {
+  const hideRowGuide = import_react78.default.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-row-cursor");
     getProseMirrorElement()?.classList.remove("resize-row-cursor");
     const guide = tableRowGuideRef.current;
@@ -43140,12 +43299,12 @@ function useUEditorTableInteractions(editor, editable = true) {
       guide.style.opacity = "0";
     }
   }, [getProseMirrorElement]);
-  const clearAllTableResizeHover = import_react77.default.useCallback(() => {
+  const clearAllTableResizeHover = import_react78.default.useCallback(() => {
     setEditorResizeCursor("");
     hideColumnGuide();
     hideRowGuide();
   }, [hideColumnGuide, hideRowGuide, setEditorResizeCursor]);
-  const updateActiveCellHighlight = import_react77.default.useCallback((cell) => {
+  const updateActiveCellHighlight = import_react78.default.useCallback((cell) => {
     const surface = editorContentRef.current;
     const highlight = activeTableCellHighlightRef.current;
     if (!highlight) return;
@@ -43160,7 +43319,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     highlight.style.width = `${metrics.width}px`;
     highlight.style.height = `${metrics.height}px`;
   }, []);
-  const scheduleTableLayoutSync = import_react77.default.useCallback(() => {
+  const scheduleTableLayoutSync = import_react78.default.useCallback(() => {
     if (tableLayoutSyncFrameRef.current !== null) return;
     tableLayoutSyncFrameRef.current = window.requestAnimationFrame(() => {
       tableLayoutSyncFrameRef.current = null;
@@ -43168,7 +43327,7 @@ function useUEditorTableInteractions(editor, editable = true) {
       editorContentRef.current?.dispatchEvent(new CustomEvent(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT));
     });
   }, [updateActiveCellHighlight]);
-  const setActiveTableCell = import_react77.default.useCallback((cell) => {
+  const setActiveTableCell = import_react78.default.useCallback((cell) => {
     if (activeTableCellRef.current === cell) {
       updateActiveCellHighlight(cell);
       return;
@@ -43176,17 +43335,17 @@ function useUEditorTableInteractions(editor, editable = true) {
     activeTableCellRef.current = cell;
     updateActiveCellHighlight(activeTableCellRef.current);
   }, [updateActiveCellHighlight]);
-  const clearActiveTableCell = import_react77.default.useCallback(() => {
+  const clearActiveTableCell = import_react78.default.useCallback(() => {
     activeTableCellRef.current = null;
     updateActiveCellHighlight(null);
   }, [updateActiveCellHighlight]);
-  const setHoveredTableCell = import_react77.default.useCallback((cell) => {
+  const setHoveredTableCell = import_react78.default.useCallback((cell) => {
     hoveredTableCellRef.current = cell;
   }, []);
-  const clearHoveredTableCell = import_react77.default.useCallback(() => {
+  const clearHoveredTableCell = import_react78.default.useCallback(() => {
     hoveredTableCellRef.current = null;
   }, []);
-  const showColumnGuide = import_react77.default.useCallback((table, row, cell) => {
+  const showColumnGuide = import_react78.default.useCallback((table, row, cell) => {
     const surface = editorContentRef.current;
     const guide = tableColumnGuideRef.current;
     if (!surface || !guide) return;
@@ -43200,7 +43359,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     getProseMirrorElement()?.classList.add("resize-cursor");
     setEditorResizeCursor("col-resize");
   }, [getProseMirrorElement, setEditorResizeCursor]);
-  const showRowGuide = import_react77.default.useCallback((table, row, cell, previewHeight) => {
+  const showRowGuide = import_react78.default.useCallback((table, row, cell, previewHeight) => {
     const surface = editorContentRef.current;
     const guide = tableRowGuideRef.current;
     if (!surface || !guide) return;
@@ -43232,7 +43391,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     clearAllTableResizeHover,
     scheduleTableLayoutSync
   });
-  const syncActiveTableCellFromSelection = import_react77.default.useCallback(() => {
+  const syncActiveTableCellFromSelection = import_react78.default.useCallback(() => {
     if (!editor) return;
     if (!editor.isFocused) {
       clearActiveTableCell();
@@ -43240,7 +43399,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     }
     setActiveTableCell(getSelectionTableCell(editor.view));
   }, [clearActiveTableCell, editor, setActiveTableCell]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (!editor || !editable) return void 0;
     const proseMirror = editor.view.dom;
     const surface = editorContentRef.current;
@@ -43415,7 +43574,7 @@ function useUEditorTableInteractions(editor, editable = true) {
 }
 
 // src/components/UEditor/use-formula-coordinate-overlay.ts
-var import_react78 = require("react");
+var import_react79 = require("react");
 var import_tables9 = require("@tiptap/pm/tables");
 
 // src/components/UEditor/table-formula-range-picker.ts
@@ -43685,8 +43844,8 @@ function createBlockedReferenceHighlight(label) {
   return element;
 }
 function useFormulaCoordinateOverlay(editor, containerRef, labels) {
-  const overlayRef = (0, import_react78.useRef)(null);
-  (0, import_react78.useEffect)(() => {
+  const overlayRef = (0, import_react79.useRef)(null);
+  (0, import_react79.useEffect)(() => {
     if (!editor) return void 0;
     const overlay = overlayRef.current;
     const container = containerRef.current;
@@ -43893,8 +44052,8 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
 }
 
 // src/components/UEditor/menu-bar.tsx
-var import_react79 = __toESM(require("react"), 1);
-var import_react80 = require("@tiptap/react");
+var import_react80 = __toESM(require("react"), 1);
+var import_react81 = require("@tiptap/react");
 var import_lucide_react57 = require("lucide-react");
 
 // src/components/UEditor/preview-html.ts
@@ -44034,14 +44193,14 @@ function prepareUEditorPreviewHtml(html) {
 }
 
 // src/components/UEditor/menu-bar.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 function MenuTableInsertGrid({
   insertLabel,
   previewTemplate,
   onInsert
 }) {
   const closeMenu = useDropdownMenuClose();
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     TableInsertGrid,
     {
       insertLabel,
@@ -44057,9 +44216,9 @@ function renderMenuItems(items) {
   return items.map((item, i) => {
     switch (item.type) {
       case "separator":
-        return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(DropdownMenuSeparator, {}, i);
+        return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DropdownMenuSeparator, {}, i);
       case "action":
-        return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
           DropdownMenuItem,
           {
             label: item.label,
@@ -44073,9 +44232,9 @@ function renderMenuItems(items) {
           i
         );
       case "sub":
-        return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(DropdownMenuSub, { label: item.label, icon: item.icon, disabled: item.disabled, children: renderMenuItems(item.items) }, i);
+        return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DropdownMenuSub, { label: item.label, icon: item.icon, disabled: item.disabled, children: renderMenuItems(item.items) }, i);
       case "custom":
-        return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react79.default.Fragment, { children: item.render() }, item.key);
+        return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react80.default.Fragment, { children: item.render() }, item.key);
     }
   });
 }
@@ -44377,7 +44536,7 @@ function buildTableMenuItems(t, editor, onInsertTable) {
         {
           type: "custom",
           key: "table-insert-grid",
-          render: () => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          render: () => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             MenuTableInsertGrid,
             {
               insertLabel: t("tableMenu.insertTable"),
@@ -44451,8 +44610,8 @@ function buildTableMenuItems(t, editor, onInsertTable) {
     }
   ];
 }
-var MenuBarTrigger = import_react79.default.forwardRef(
-  ({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+var MenuBarTrigger = import_react80.default.forwardRef(
+  ({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     "button",
     {
       ref,
@@ -44483,18 +44642,18 @@ var MenuBar = ({
   onPreview
 }) => {
   const t = useSmartTranslations("UEditor");
-  (0, import_react80.useEditorState)({
+  (0, import_react81.useEditorState)({
     editor,
     selector: ({ transactionNumber }) => transactionNumber
   });
-  const fileInputRef = (0, import_react79.useRef)(null);
-  const [showImageInput, setShowImageInput] = (0, import_react79.useState)(false);
-  const [showLinkInput, setShowLinkInput] = (0, import_react79.useState)(false);
-  const [isInsertMenuOpen, setIsInsertMenuOpen] = (0, import_react79.useState)(false);
-  const [showSourceDialog, setShowSourceDialog] = (0, import_react79.useState)(false);
-  const [sourceHtml, setSourceHtml] = (0, import_react79.useState)("");
-  const [showPreviewDialog, setShowPreviewDialog] = (0, import_react79.useState)(false);
-  const previewHtml = (0, import_react79.useMemo)(
+  const fileInputRef = (0, import_react80.useRef)(null);
+  const [showImageInput, setShowImageInput] = (0, import_react80.useState)(false);
+  const [showLinkInput, setShowLinkInput] = (0, import_react80.useState)(false);
+  const [isInsertMenuOpen, setIsInsertMenuOpen] = (0, import_react80.useState)(false);
+  const [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)(
     () => showPreviewDialog ? prepareUEditorPreviewHtml(editor.getHTML()) : "",
     [editor, showPreviewDialog]
   );
@@ -44555,9 +44714,9 @@ var MenuBar = ({
     {
       type: "custom",
       key: "image",
-      render: () => showImageInput ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(ImageInput, { onSubmit: handleImageUrl, onCancel: () => setShowImageInput(false) }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(DropdownMenuItem, { label: t("menubar.image"), icon: import_lucide_react57.Image, onClick: () => setShowImageInput(true), closeOnSelect: false }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+      render: () => showImageInput ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ImageInput, { onSubmit: handleImageUrl, onCancel: () => setShowImageInput(false) }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DropdownMenuItem, { label: t("menubar.image"), icon: import_lucide_react57.Image, onClick: () => setShowImageInput(true), closeOnSelect: false }),
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
           DropdownMenuItem,
           {
             label: t("menubar.imageUpload"),
@@ -44572,7 +44731,7 @@ var MenuBar = ({
     {
       type: "custom",
       key: "link",
-      render: () => showLinkInput ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(LinkInput, { onSubmit: handleLinkSubmit, onCancel: () => setShowLinkInput(false), initialUrl: editor.getAttributes("link").href ?? "" }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+      render: () => showLinkInput ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(LinkInput, { onSubmit: handleLinkSubmit, onCancel: () => setShowLinkInput(false), initialUrl: editor.getAttributes("link").href ?? "" }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         DropdownMenuItem,
         {
           label: t("menubar.link"),
@@ -44592,7 +44751,7 @@ var MenuBar = ({
         {
           type: "custom",
           key: "table-grid",
-          render: () => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          render: () => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             MenuTableInsertGrid,
             {
               insertLabel: t("tableMenu.insertTable"),
@@ -44671,8 +44830,8 @@ var MenuBar = ({
     },
     { label: t("menubar.table"), items: buildTableMenuItems(t, editor, handleInsertTable), open: void 0, onOpenChange: void 0 }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       "input",
       {
         ref: fileInputRef,
@@ -44683,11 +44842,11 @@ var MenuBar = ({
         onChange: (e) => handleImageFiles(e.target.files)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex items-center gap-0.5 border-b border-border/35 bg-muted/20 px-1.5 py-0.5", children: [
-      menus.map(({ label, items, open, onOpenChange }) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center gap-0.5 border-b border-border/35 bg-muted/20 px-1.5 py-0.5", children: [
+      menus.map(({ label, items, open, onOpenChange }) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         DropdownMenu,
         {
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(MenuBarTrigger, { children: label }),
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(MenuBarTrigger, { children: label }),
           placement: "bottom-start",
           isOpen: open,
           onOpenChange,
@@ -44695,7 +44854,7 @@ var MenuBar = ({
         },
         label
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         "button",
         {
           type: "button",
@@ -44706,20 +44865,20 @@ var MenuBar = ({
             "ml-auto inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors",
             "hover:bg-accent hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react57.Eye, { className: "h-4 w-4", "aria-hidden": "true" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react57.Eye, { className: "h-4 w-4", "aria-hidden": "true" })
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       Modal_default,
       {
         isOpen: showSourceDialog,
         onClose: () => setShowSourceDialog(false),
         title: t("menubar.sourceCode"),
         size: "lg",
-        children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "text-xs text-muted-foreground", children: t("menubar.sourceCodeHint") }),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "text-xs text-muted-foreground", children: t("menubar.sourceCodeHint") }),
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             "textarea",
             {
               "data-testid": "source-code-textarea",
@@ -44729,8 +44888,8 @@ var MenuBar = ({
               spellCheck: false
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex gap-2 justify-end", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex gap-2 justify-end", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
               "button",
               {
                 type: "button",
@@ -44739,7 +44898,7 @@ var MenuBar = ({
                 children: t("menubar.applySource")
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
               "button",
               {
                 type: "button",
@@ -44752,7 +44911,7 @@ var MenuBar = ({
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       Modal_default,
       {
         isOpen: showPreviewDialog,
@@ -44763,12 +44922,12 @@ var MenuBar = ({
         height: "min(860px, calc(100vh - 2rem))",
         className: "flex flex-col overflow-hidden rounded-xl md:rounded-2xl",
         contentClassName: "flex min-h-0 flex-1 overflow-hidden p-0",
-        children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
           "div",
           {
             "data-testid": "preview-content",
             className: "min-h-0 flex-1 overflow-y-auto overscroll-contain",
-            children: editor.isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+            children: editor.isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
               "div",
               {
                 className: UEDITOR_PROSEMIRROR_CLASS_NAME,
@@ -44783,20 +44942,20 @@ var MenuBar = ({
 };
 
 // src/components/UEditor/table-formula-bar.tsx
-var import_react81 = require("react");
-var import_react82 = require("@tiptap/react");
+var import_react82 = require("react");
+var import_react83 = require("@tiptap/react");
 var import_lucide_react58 = require("lucide-react");
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 function TableFormulaBar({ editor }) {
   const t = useSmartTranslations("UEditor");
-  const inputRef = (0, import_react81.useRef)(null);
-  const [draftState, setDraftState] = (0, import_react81.useState)(null);
-  (0, import_react82.useEditorState)({
+  const inputRef = (0, import_react82.useRef)(null);
+  const [draftState, setDraftState] = (0, import_react82.useState)(null);
+  (0, import_react83.useEditorState)({
     editor,
     selector: ({ transactionNumber }) => transactionNumber
   });
   const selectedCell = getSelectedTableFormulaCell(editor);
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     const focusFormulaInput = () => {
       inputRef.current?.focus();
     };
@@ -44836,7 +44995,7 @@ function TableFormulaBar({ editor }) {
       if (!editor.isDestroyed) editor.commands.focus();
     }, 0);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
     "div",
     {
       "data-ueditor-formula-bar": "",
@@ -44844,7 +45003,7 @@ function TableFormulaBar({ editor }) {
       "aria-label": t("tableMenu.formulaBar"),
       className: "flex min-h-10 items-center gap-2 border-b border-border/60 bg-muted/25 px-2 py-1.5",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           "span",
           {
             "data-ueditor-formula-cell-label": "",
@@ -44852,8 +45011,8 @@ function TableFormulaBar({ editor }) {
             children: selectedCell.label
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react58.Sigma, { "aria-hidden": "true", className: "h-4 w-4 shrink-0 text-primary" }),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react58.Sigma, { "aria-hidden": "true", className: "h-4 w-4 shrink-0 text-primary" }),
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           "input",
           {
             ref: inputRef,
@@ -44874,18 +45033,18 @@ function TableFormulaBar({ editor }) {
             className: "h-7 min-w-0 flex-1 rounded-md border border-border/60 bg-background px-2 font-mono text-sm text-foreground outline-none focus:border-primary/40 focus:ring-2 focus:ring-primary/15"
           }
         ),
-        selectedCell.formulaState === "error" && /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
+        selectedCell.formulaState === "error" && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
           "span",
           {
             role: "status",
             className: "hidden shrink-0 items-center gap-1 text-xs font-medium text-destructive sm:inline-flex",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react58.AlertCircle, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react58.AlertCircle, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
               t("tableMenu.formulaError")
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           "button",
           {
             type: "button",
@@ -44893,10 +45052,10 @@ function TableFormulaBar({ editor }) {
             "aria-label": t("tableMenu.apply"),
             title: t("tableMenu.apply"),
             className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-primary text-primary-foreground transition-colors hover:bg-primary/90",
-            children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react58.Check, { "aria-hidden": "true", className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react58.Check, { "aria-hidden": "true", className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           "button",
           {
             type: "button",
@@ -44907,10 +45066,10 @@ function TableFormulaBar({ editor }) {
             "aria-label": t("tableMenu.convertToValue"),
             title: t("tableMenu.convertToValue"),
             className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md border border-border/60 bg-background text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
-            children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react58.Hash, { "aria-hidden": "true", className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react58.Hash, { "aria-hidden": "true", className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           "button",
           {
             type: "button",
@@ -44921,7 +45080,7 @@ function TableFormulaBar({ editor }) {
             "aria-label": t("tableMenu.clearCell"),
             title: t("tableMenu.clearCell"),
             className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md border border-destructive/30 bg-background text-destructive transition-colors hover:bg-destructive/10",
-            children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react58.Trash2, { "aria-hidden": "true", className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react58.Trash2, { "aria-hidden": "true", className: "h-4 w-4" })
           }
         )
       ]
@@ -44930,8 +45089,8 @@ function TableFormulaBar({ editor }) {
 }
 
 // src/components/UEditor/UEditor.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
-var UEditor = import_react83.default.forwardRef(({
+var import_jsx_runtime103 = require("react/jsx-runtime");
+var UEditor = import_react84.default.forwardRef(({
   content = "",
   onChange,
   onHtmlChange,
@@ -44973,14 +45132,14 @@ var UEditor = import_react83.default.forwardRef(({
 }, ref) => {
   const t = useSmartTranslations("UEditor");
   const effectivePlaceholder = placeholder ?? t("placeholder");
-  const inFlightPrepareRef = (0, import_react83.useRef)(null);
-  const lastAppliedContentRef = (0, import_react83.useRef)(content ?? "");
-  const scheduledFormulaRecalculateRef = (0, import_react83.useRef)(false);
-  const editorInstanceRef = (0, import_react83.useRef)(null);
-  const formulaRangePickRef = (0, import_react83.useRef)(null);
-  const formulaRangeSurfaceRef = (0, import_react83.useRef)(null);
-  const [formulaRangeHighlight, setFormulaRangeHighlight] = import_react83.default.useState(null);
-  const scheduleFormulaRecalculate = import_react83.default.useCallback((editor2, options) => {
+  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) => {
     if (editor2.isDestroyed || scheduledFormulaRecalculateRef.current) return;
     if (!options?.force && isEditingTableFormulaText(editor2)) return;
     scheduledFormulaRecalculateRef.current = true;
@@ -44991,7 +45150,7 @@ var UEditor = import_react83.default.forwardRef(({
       }
     });
   }, []);
-  const resolvedUploadFile = (0, import_react83.useMemo)(() => {
+  const resolvedUploadFile = (0, import_react84.useMemo)(() => {
     if (uploadFile) return uploadFile;
     if (uploadFileForSave) {
       return async (file) => {
@@ -45001,7 +45160,7 @@ var UEditor = import_react83.default.forwardRef(({
     }
     return uploadImage;
   }, [uploadFile, uploadFileForSave, uploadImage]);
-  const extensions = (0, import_react83.useMemo)(
+  const extensions = (0, import_react84.useMemo)(
     () => [
       ...buildUEditorExtensions({
         placeholder: effectivePlaceholder,
@@ -45020,11 +45179,11 @@ var UEditor = import_react83.default.forwardRef(({
     ],
     [effectivePlaceholder, t, maxCharacters, uploadImage, resolvedUploadFile, imageInsertMode, maxImageFileSize, allowedImageMimeTypes, fallbackToDataUrl, editable, fetchMetadata, extraExtensions]
   );
-  const syncFormulaRangeHighlight = import_react83.default.useCallback((pickState) => {
+  const syncFormulaRangeHighlight = import_react84.default.useCallback((pickState) => {
     const container = formulaRangeSurfaceRef.current;
     setFormulaRangeHighlight(container && pickState ? getFormulaRangePickHighlight(container, pickState) : null);
   }, []);
-  const editor = (0, import_react84.useEditor)({
+  const editor = (0, import_react85.useEditor)({
     immediatelyRender: false,
     extensions,
     content,
@@ -45130,7 +45289,7 @@ var UEditor = import_react83.default.forwardRef(({
       scheduleFormulaRecalculate(editor2, { force: true });
     }
   });
-  (0, import_react83.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     editorInstanceRef.current = editor;
     return () => {
       if (editorInstanceRef.current === editor) editorInstanceRef.current = null;
@@ -45146,7 +45305,7 @@ var UEditor = import_react83.default.forwardRef(({
     apply: t("tableMenu.apply"),
     cancel: t("imageInput.cancelBtn")
   });
-  (0, import_react83.useImperativeHandle)(
+  (0, import_react84.useImperativeHandle)(
     ref,
     () => ({
       editor,
@@ -45171,7 +45330,7 @@ var UEditor = import_react83.default.forwardRef(({
     }),
     [content, editor, uploadImageForSave, uploadFileForSave, uploadImageConcurrency]
   );
-  (0, import_react83.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     if (!editor) return;
     queueMicrotask(() => {
       if (!editor.isDestroyed) {
@@ -45179,7 +45338,7 @@ var UEditor = import_react83.default.forwardRef(({
       }
     });
   }, [editor]);
-  (0, import_react83.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     if (!editor) return;
     const nextContent = content ?? "";
     if (lastAppliedContentRef.current === nextContent) return;
@@ -45198,7 +45357,7 @@ var UEditor = import_react83.default.forwardRef(({
     }
   }, [content, editor]);
   if (!editor) {
-    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       "div",
       {
         className: cn("w-full border bg-background flex items-center justify-center text-muted-foreground", className),
@@ -45207,7 +45366,7 @@ var UEditor = import_react83.default.forwardRef(({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
     "div",
     {
       className: cn(
@@ -45223,7 +45382,7 @@ var UEditor = import_react83.default.forwardRef(({
         className
       ),
       children: [
-        editable && showMenuBar && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        editable && showMenuBar && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           MenuBar,
           {
             editor,
@@ -45238,7 +45397,7 @@ var UEditor = import_react83.default.forwardRef(({
             onPreview
           }
         ),
-        editable && showToolbar && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        editable && showToolbar && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           EditorToolbar,
           {
             editor,
@@ -45253,8 +45412,8 @@ var UEditor = import_react83.default.forwardRef(({
             letterSpacings
           }
         ),
-        editable && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(TableFormulaBar, { editor }),
-        editable && showBubbleMenu && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        editable && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TableFormulaBar, { editor }),
+        editable && showBubbleMenu && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           CustomBubbleMenu,
           {
             editor,
@@ -45262,8 +45421,8 @@ var UEditor = import_react83.default.forwardRef(({
             lineHeights
           }
         ),
-        editable && showFloatingMenu && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(CustomFloatingMenu, { editor }),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+        editable && showFloatingMenu && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(CustomFloatingMenu, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
           "div",
           {
             ref: (node) => {
@@ -45276,7 +45435,7 @@ var UEditor = import_react83.default.forwardRef(({
               maxHeight
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
                 "span",
                 {
                   ref: tableColumnGuideRef,
@@ -45284,7 +45443,7 @@ var UEditor = import_react83.default.forwardRef(({
                   className: "pointer-events-none absolute z-20 bg-primary opacity-0 transition-opacity duration-100"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
                 "span",
                 {
                   ref: tableRowGuideRef,
@@ -45292,7 +45451,7 @@ var UEditor = import_react83.default.forwardRef(({
                   className: "pointer-events-none absolute z-20 bg-primary opacity-0 transition-opacity duration-100"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
                 "span",
                 {
                   ref: activeTableCellHighlightRef,
@@ -45301,7 +45460,7 @@ var UEditor = import_react83.default.forwardRef(({
                   className: "pointer-events-none hidden absolute z-20 rounded-[2px] border-2 border-primary bg-primary/10"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
                 "div",
                 {
                   ref: formulaCoordinateOverlayRef,
@@ -45309,7 +45468,7 @@ var UEditor = import_react83.default.forwardRef(({
                   className: "pointer-events-none absolute inset-0 z-[35] hidden overflow-visible"
                 }
               ),
-              formulaRangeHighlight && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+              formulaRangeHighlight && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
                 "span",
                 {
                   "aria-hidden": "true",
@@ -45327,9 +45486,9 @@ var UEditor = import_react83.default.forwardRef(({
                   }
                 }
               ),
-              editable && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(TableControls, { editor, containerRef: editorContentRef }),
-              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
-                import_react84.EditorContent,
+              editable && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TableControls, { editor, containerRef: editorContentRef }),
+              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+                import_react85.EditorContent,
                 {
                   editor,
                   className: "min-h-full"
@@ -45338,7 +45497,7 @@ var UEditor = import_react83.default.forwardRef(({
             ]
           }
         ),
-        showFooter && showCharacterCount && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(CharacterCountDisplay, { editor, maxCharacters })
+        showFooter && showCharacterCount && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(CharacterCountDisplay, { editor, maxCharacters })
       ]
     }
   );