@underverse-ui/underverse 1.0.192 → 1.0.194

package/dist/index.cjs

@@ -1107,6 +1107,19 @@ var en_default = {
       borderStyle: "Border Style",
       borderWidth: "Border Width",
       borderColor: "Border Color",
+      borderPosition: "Border placement",
+      borderMode: "Border mode",
+      borderDraw: "Draw borders",
+      borderErase: "Hide borders",
+      borderAll: "All borders",
+      borderOuter: "Outer borders",
+      borderInner: "Inner borders",
+      borderHorizontal: "Inner horizontal borders",
+      borderVertical: "Inner vertical borders",
+      borderTop: "Top border",
+      borderRight: "Right border",
+      borderBottom: "Bottom border",
+      borderLeft: "Left border",
       clearBorder: "Clear Border",
       formula: "Formula",
       formulaBar: "Formula bar",
@@ -1540,6 +1553,19 @@ var vi_default = {
       borderStyle: "Ki\u1EC3u vi\u1EC1n",
       borderWidth: "\u0110\u1ED9 d\xE0y vi\u1EC1n",
       borderColor: "M\xE0u vi\u1EC1n",
+      borderPosition: "V\u1ECB tr\xED vi\u1EC1n",
+      borderMode: "Ch\u1EBF \u0111\u1ED9 vi\u1EC1n",
+      borderDraw: "V\u1EBD vi\u1EC1n",
+      borderErase: "\u1EA8n c\u1EA1nh",
+      borderAll: "T\u1EA5t c\u1EA3 vi\u1EC1n",
+      borderOuter: "Vi\u1EC1n ngo\xE0i",
+      borderInner: "Vi\u1EC1n trong",
+      borderHorizontal: "Vi\u1EC1n ngang b\xEAn trong",
+      borderVertical: "Vi\u1EC1n d\u1ECDc b\xEAn trong",
+      borderTop: "Vi\u1EC1n tr\xEAn",
+      borderRight: "Vi\u1EC1n ph\u1EA3i",
+      borderBottom: "Vi\u1EC1n d\u01B0\u1EDBi",
+      borderLeft: "Vi\u1EC1n tr\xE1i",
       clearBorder: "X\xF3a vi\u1EC1n",
       formula: "C\xF4ng th\u1EE9c",
       formulaBar: "Thanh c\xF4ng th\u1EE9c",
@@ -1973,6 +1999,19 @@ var ko_default = {
       borderStyle: "\uD14C\uB450\uB9AC \uC2A4\uD0C0\uC77C",
       borderWidth: "\uD14C\uB450\uB9AC \uB450\uAED8",
       borderColor: "\uD14C\uB450\uB9AC \uC0C9\uC0C1",
+      borderPosition: "\uD14C\uB450\uB9AC \uC704\uCE58",
+      borderMode: "\uD14C\uB450\uB9AC \uBAA8\uB4DC",
+      borderDraw: "\uD14C\uB450\uB9AC \uADF8\uB9AC\uAE30",
+      borderErase: "\uD14C\uB450\uB9AC \uC228\uAE30\uAE30",
+      borderAll: "\uBAA8\uB4E0 \uD14C\uB450\uB9AC",
+      borderOuter: "\uBC14\uAE65\uCABD \uD14C\uB450\uB9AC",
+      borderInner: "\uC548\uCABD \uD14C\uB450\uB9AC",
+      borderHorizontal: "\uC548\uCABD \uAC00\uB85C \uD14C\uB450\uB9AC",
+      borderVertical: "\uC548\uCABD \uC138\uB85C \uD14C\uB450\uB9AC",
+      borderTop: "\uC704\uCABD \uD14C\uB450\uB9AC",
+      borderRight: "\uC624\uB978\uCABD \uD14C\uB450\uB9AC",
+      borderBottom: "\uC544\uB798\uCABD \uD14C\uB450\uB9AC",
+      borderLeft: "\uC67C\uCABD \uD14C\uB450\uB9AC",
       clearBorder: "\uD14C\uB450\uB9AC \uC9C0\uC6B0\uAE30",
       formula: "\uC218\uC2DD",
       formulaBar: "\uC218\uC2DD \uC785\uB825\uC904",
@@ -2406,6 +2445,19 @@ var ja_default = {
       borderStyle: "\u67A0\u7DDA\u30B9\u30BF\u30A4\u30EB",
       borderWidth: "\u67A0\u7DDA\u306E\u592A\u3055",
       borderColor: "\u67A0\u7DDA\u306E\u8272",
+      borderPosition: "\u67A0\u7DDA\u306E\u4F4D\u7F6E",
+      borderMode: "\u67A0\u7DDA\u30E2\u30FC\u30C9",
+      borderDraw: "\u67A0\u7DDA\u3092\u5F15\u304F",
+      borderErase: "\u67A0\u7DDA\u3092\u975E\u8868\u793A",
+      borderAll: "\u3059\u3079\u3066\u306E\u67A0\u7DDA",
+      borderOuter: "\u5916\u67A0",
+      borderInner: "\u5185\u5074\u306E\u67A0\u7DDA",
+      borderHorizontal: "\u5185\u5074\u306E\u6A2A\u7F6B\u7DDA",
+      borderVertical: "\u5185\u5074\u306E\u7E26\u7F6B\u7DDA",
+      borderTop: "\u4E0A\u7F6B\u7DDA",
+      borderRight: "\u53F3\u7F6B\u7DDA",
+      borderBottom: "\u4E0B\u7F6B\u7DDA",
+      borderLeft: "\u5DE6\u7F6B\u7DDA",
       clearBorder: "\u67A0\u7DDA\u3092\u30AF\u30EA\u30A2",
       formula: "\u6570\u5F0F",
       formulaBar: "\u6570\u5F0F\u30D0\u30FC",
@@ -14447,7 +14499,7 @@ function Calendar4({
     xl: { cell: dense ? "min-h-48" : "min-h-52", day: "text-xl" }
   };
   const cellSz = CELL_EVENT_STYLES[size];
-  const VARIANT_STYLES2 = {
+  const VARIANT_STYLES = {
     default: "border border-border/60 rounded-2xl md:rounded-3xl bg-linear-to-br from-card via-card to-card/95 shadow-sm backdrop-blur-sm",
     bordered: "border-2 border-border/70 rounded-2xl md:rounded-3xl bg-linear-to-br from-card via-card to-card/95 shadow-md hover:shadow-lg transition-shadow duration-300",
     card: "border border-border/50 rounded-3xl bg-linear-to-br from-card via-background/95 to-card shadow-lg hover:shadow-xl transition-shadow duration-300 backdrop-blur-md",
@@ -27395,17 +27447,35 @@ function NotificationModal({ isOpen, onClose, notification, titleText, openLinkT
 var NotificationModal_default = NotificationModal;
 
 // src/components/AccessDenied.tsx
-var import_lucide_react40 = require("lucide-react");
+var import_react43 = require("react");
 var import_jsx_runtime75 = require("react/jsx-runtime");
-var VARIANT_STYLES = {
-  destructive: { bg: "bg-destructive/5", border: "border-destructive/20", text: "text-destructive" },
-  warning: { bg: "bg-warning/5", border: "border-warning/20", text: "text-warning" },
-  info: { bg: "bg-info/5", border: "border-info/20", text: "text-info" }
+var VARIANT_COLOR_VARS = {
+  destructive: "var(--destructive)",
+  warning: "var(--warning)",
+  info: "var(--info)"
 };
-var DEFAULT_ICONS = {
-  destructive: import_lucide_react40.ShieldAlert,
-  warning: import_lucide_react40.Ban,
-  info: import_lucide_react40.Lock
+var VARIANT_DESIGNS = {
+  destructive: {
+    borderColor: "border-destructive/20 hover:border-destructive/40 focus-within:border-destructive/30",
+    iconBg: "from-destructive/15 to-destructive/5 dark:from-destructive/25 dark:to-destructive/10",
+    iconBorder: "border-destructive/20 group-hover:border-destructive/50",
+    pulseRing: "bg-destructive/10 ring-destructive/5 dark:bg-destructive/20 dark:ring-destructive/10",
+    textColor: "text-destructive"
+  },
+  warning: {
+    borderColor: "border-warning/20 hover:border-warning/40 focus-within:border-warning/30",
+    iconBg: "from-warning/15 to-warning/5 dark:from-warning/25 dark:to-warning/10",
+    iconBorder: "border-warning/20 group-hover:border-warning/50",
+    pulseRing: "bg-warning/10 ring-warning/5 dark:bg-warning/20 dark:ring-warning/10",
+    textColor: "text-warning"
+  },
+  info: {
+    borderColor: "border-info/20 hover:border-info/40 focus-within:border-info/30",
+    iconBg: "from-info/15 to-info/5 dark:from-info/25 dark:to-info/10",
+    iconBorder: "border-info/20 group-hover:border-info/50",
+    pulseRing: "bg-info/10 ring-info/5 dark:bg-info/20 dark:ring-info/10",
+    textColor: "text-info"
+  }
 };
 function AccessDenied({
   title = "Access Restricted",
@@ -27414,30 +27484,278 @@ function AccessDenied({
   icon: Icon,
   className,
   children,
-  overflowHidden = true
+  overflowHidden = true,
+  code = "403"
 }) {
-  const styles = VARIANT_STYLES[variant];
-  const UsedIcon = Icon || DEFAULT_ICONS[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  const design = VARIANT_DESIGNS[variant];
+  const colorVar = VARIANT_COLOR_VARS[variant];
+  const reactId = (0, import_react43.useId)();
+  const cleanId = reactId.replace(/:/g, "");
+  const clipId = `white-clip-${cleanId}`;
+  const textId = `text-s-${cleanId}`;
+  const eyeId = `white-eye-${cleanId}`;
+  const tornilloId = `tornillo-${cleanId}`;
+  const svgRef = (0, import_react43.useRef)(null);
+  const [mousePos, setMousePos] = (0, import_react43.useState)({ x: 0, y: 0 });
+  const [eyeCoords, setEyeCoords] = (0, import_react43.useState)({ cx: 130, cy: 65 });
+  const [isHovered, setIsHovered] = (0, import_react43.useState)(false);
+  const handleMouseMove2 = (e) => {
+    const rect = e.currentTarget.getBoundingClientRect();
+    setMousePos({
+      x: e.clientX - rect.left,
+      y: e.clientY - rect.top
+    });
+  };
+  (0, import_react43.useEffect)(() => {
+    const handleGlobalMouseMove = (e) => {
+      if (!svgRef.current) return;
+      const rect = svgRef.current.getBoundingClientRect();
+      const eyeCenterX = rect.left + rect.width * (130 / 260);
+      const eyeCenterY = rect.top + rect.height * (65 / 118.9);
+      const dx = e.clientX - eyeCenterX;
+      const dy = e.clientY - eyeCenterY;
+      const distance = Math.sqrt(dx * dx + dy * dy);
+      const maxShift = 11;
+      let shiftX = 0;
+      let shiftY = 0;
+      if (distance > 0) {
+        const currentShift = Math.min(maxShift, distance / 12);
+        shiftX = dx / distance * currentShift;
+        shiftY = dy / distance * currentShift;
+      }
+      setEyeCoords({
+        cx: 130 + shiftX,
+        cy: 65 + shiftY
+      });
+    };
+    const handleGlobalTouchMove = (e) => {
+      if (e.touches.length > 0 && svgRef.current) {
+        const rect = svgRef.current.getBoundingClientRect();
+        const eyeCenterX = rect.left + rect.width * (130 / 260);
+        const eyeCenterY = rect.top + rect.height * (65 / 118.9);
+        const dx = e.touches[0].clientX - eyeCenterX;
+        const dy = e.touches[0].clientY - eyeCenterY;
+        const distance = Math.sqrt(dx * dx + dy * dy);
+        const maxShift = 11;
+        let shiftX = 0;
+        let shiftY = 0;
+        if (distance > 0) {
+          const currentShift = Math.min(maxShift, distance / 12);
+          shiftX = dx / distance * currentShift;
+          shiftY = dy / distance * currentShift;
+        }
+        setEyeCoords({
+          cx: 130 + shiftX,
+          cy: 65 + shiftY
+        });
+      }
+    };
+    window.addEventListener("mousemove", handleGlobalMouseMove);
+    window.addEventListener("touchmove", handleGlobalTouchMove);
+    return () => {
+      window.removeEventListener("mousemove", handleGlobalMouseMove);
+      window.removeEventListener("touchmove", handleGlobalTouchMove);
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
     Card_default,
     {
-      className: cn("p-8 text-center shadow-sm", styles.bg, styles.border, className),
-      innerClassName: !overflowHidden ? "overflow-visible" : void 0,
-      children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: cn("p-3 rounded-lg", styles.bg.replace("/5", "/10")), children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(UsedIcon, { className: cn("w-8 h-8", styles.text) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("h3", { className: cn("font-semibold mb-2", styles.text), children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: cn(styles.text.replace("text-", "text-") + "/80", "text-sm"), children: description })
+      className: cn(
+        "relative p-8 md:p-12 text-center shadow-lg transition-all duration-500 ease-out",
+        "bg-linear-to-br from-card/95 via-card/90 to-card/85",
+        "border backdrop-blur-md group/ad",
+        design.borderColor,
+        className
+      ),
+      innerClassName: cn(
+        "relative overflow-hidden",
+        !overflowHidden ? "overflow-visible" : void 0
+      ),
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
+      onMouseMove: handleMouseMove2,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("style", { dangerouslySetInnerHTML: { __html: `
+        @keyframes ad-float {
+          0%, 100% { transform: translateY(0); }
+          50% { transform: translateY(-6px); }
+        }
+        @keyframes ad-drift {
+          0%, 100% { transform: translate(0, 0) scale(1); }
+          50% { transform: translate(12%, -8%) scale(1.08); }
+        }
+        @keyframes ad-drift-rev {
+          0%, 100% { transform: translate(0, 0) scale(1); }
+          50% { transform: translate(-10%, 12%) scale(0.92); }
+        }
+        @keyframes ad-alarm {
+          0%, 100% { opacity: 1; }
+          50% { opacity: 0.35; }
+        }
+        .animate-ad-float {
+          animation: ad-float 5s ease-in-out infinite;
+        }
+        .animate-ad-drift-1 {
+          animation: ad-drift 10s ease-in-out infinite;
+        }
+        .animate-ad-drift-2 {
+          animation: ad-drift-rev 12s ease-in-out infinite;
+        }
+        .animate-ad-alarm {
+          animation: ad-alarm 0.5s ease-in-out infinite;
+        }
+      ` } }),
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "absolute inset-0 pointer-events-none overflow-hidden rounded-2xl md:rounded-3xl", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+            "div",
+            {
+              className: "absolute -top-24 -left-24 w-64 h-64 rounded-full transition-transform duration-700 ease-out group-hover/ad:scale-110 animate-ad-drift-1",
+              style: {
+                backgroundImage: `radial-gradient(circle at center, color-mix(in oklch, ${colorVar} 25%, transparent) 0%, transparent 70%)`
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+            "div",
+            {
+              className: "absolute -bottom-20 -right-20 w-48 h-48 rounded-full transition-transform duration-700 ease-out group-hover/ad:scale-105 animate-ad-drift-2",
+              style: {
+                backgroundImage: `radial-gradient(circle at center, color-mix(in oklch, ${colorVar} 15%, transparent) 0%, transparent 70%)`
+              }
+            }
+          )
         ] }),
-        children && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "mt-2 flex flex-wrap gap-2 justify-center", children })
-      ] })
+        isHovered && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+          "div",
+          {
+            className: "absolute inset-0 pointer-events-none transition-opacity duration-500 opacity-100 rounded-2xl md:rounded-3xl",
+            style: {
+              background: `radial-gradient(350px circle at ${mousePos.x}px ${mousePos.y}px, color-mix(in oklch, ${colorVar} 14%, transparent) 0%, transparent 80%)`
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+          "div",
+          {
+            className: "absolute inset-0 opacity-[0.03] dark:opacity-[0.06] pointer-events-none transition-opacity duration-300 group-hover/ad:opacity-[0.05] dark:group-hover/ad:opacity-[0.08]",
+            style: {
+              backgroundImage: `radial-gradient(currentColor 1.2px, transparent 1.2px)`,
+              backgroundSize: "20px 20px"
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "absolute inset-0 select-none flex items-center justify-center pointer-events-none overflow-hidden rounded-2xl md:rounded-3xl z-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "text-[120px] md:text-[180px] font-black tracking-tighter opacity-10 dark:opacity-15 select-none text-muted-foreground/40 dark:text-muted-foreground/30 font-sans", children: code }),
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+            "div",
+            {
+              className: "absolute text-[120px] md:text-[180px] font-black tracking-tighter select-none font-sans",
+              style: {
+                color: colorVar,
+                opacity: isHovered ? 0.75 : 0,
+                transition: "opacity 300ms ease",
+                maskImage: `radial-gradient(120px circle at ${mousePos.x}px ${mousePos.y}px, black, transparent 120px)`,
+                WebkitMaskImage: `radial-gradient(120px circle at ${mousePos.x}px ${mousePos.y}px, black, transparent 120px)`,
+                filter: `drop-shadow(0 0 25px color-mix(in oklch, ${colorVar} 50%, transparent))`
+              },
+              children: code
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "relative z-10 flex flex-col items-center gap-6", children: [
+          Icon ? /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "relative flex items-center justify-center animate-ad-float", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+              "div",
+              {
+                className: cn(
+                  "absolute w-20 h-20 rounded-full opacity-60 animate-pulse duration-2000 ring-8",
+                  design.pulseRing
+                )
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+              "div",
+              {
+                className: cn(
+                  "relative flex items-center justify-center p-4 rounded-2xl",
+                  "bg-linear-to-b border shadow-md transition-all duration-500 ease-out",
+                  "group-hover/ad:rotate-6 group-hover/ad:scale-105 group-hover/ad:shadow-lg",
+                  design.iconBg,
+                  design.iconBorder
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Icon, { className: cn("w-10 h-10 transition-transform duration-500 group-hover/ad:scale-110", design.textColor) })
+              }
+            )
+          ] }) : (
+            /* Interactive Robot Face Illustration */
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "relative w-full max-w-65 h-30 select-none animate-ad-float", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+              "svg",
+              {
+                ref: svgRef,
+                xmlns: "http://www.w3.org/2000/svg",
+                id: "robot-error",
+                viewBox: "0 0 260 118.9",
+                role: "img",
+                className: "w-full h-full",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("title", { children: "403 Error" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("defs", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("clipPath", { id: clipId, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("circle", { id: eyeId, cx: "130", cy: "65", r: "20" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("text", { id: textId, className: "font-sans font-black tracking-tighter", y: "106", style: { fontSize: code.length > 3 ? "80px" : "120px" }, children: code })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+                    "path",
+                    {
+                      className: "animate-ad-alarm",
+                      fill: variant === "destructive" ? "#e62326" : variant === "warning" ? "var(--warning)" : "var(--info)",
+                      d: "M120.9 19.6V9.1c0-5 4.1-9.1 9.1-9.1h0c5 0 9.1 4.1 9.1 9.1v10.6"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("use", { href: `#${textId}`, x: "-0.5px", y: "-1px", fill: "currentColor", className: "opacity-15 dark:opacity-10 text-muted-foreground" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("use", { href: `#${textId}`, fill: "currentColor", className: "opacity-10 dark:opacity-5 text-muted-foreground" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("g", { id: "robot", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("g", { id: "eye-wrap", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("use", { href: `#${eyeId}`, fill: "currentColor", className: "opacity-20 dark:opacity-15 text-muted-foreground" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+                        "circle",
+                        {
+                          id: "eyef",
+                          clipPath: `url(#${clipId})`,
+                          fill: "currentColor",
+                          className: "text-foreground",
+                          stroke: variant === "destructive" ? "#e62326" : variant === "warning" ? "var(--warning)" : "var(--info)",
+                          strokeWidth: "2.5",
+                          strokeMiterlimit: "10",
+                          cx: eyeCoords.cx,
+                          cy: eyeCoords.cy,
+                          r: "11"
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("ellipse", { fill: "currentColor", className: "opacity-30 dark:opacity-20 text-muted-foreground", cx: "130", cy: "40", rx: "18", ry: "12" })
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("circle", { className: "opacity-40 dark:opacity-30 text-muted-foreground", fill: "currentColor", cx: "105", cy: "32", r: "2.5", id: tornilloId }),
+                    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("use", { href: `#${tornilloId}`, x: "50" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("use", { href: `#${tornilloId}`, x: "50", y: "60" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("use", { href: `#${tornilloId}`, y: "60" })
+                  ] })
+                ]
+              }
+            ) })
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "space-y-2.5 max-w-sm mx-auto", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("h3", { className: "text-xl md:text-2xl font-bold tracking-tight text-foreground transition-colors duration-300", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: "text-sm md:text-base text-muted-foreground/80 leading-relaxed font-normal", children: description })
+          ] }),
+          children && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "mt-2 flex flex-wrap gap-3 justify-center items-center relative z-20", children })
+        ] })
+      ]
     }
   );
 }
 
 // src/components/ThemeToggleHeadless.tsx
-var import_lucide_react41 = require("lucide-react");
-var import_react43 = require("react");
+var import_lucide_react40 = require("lucide-react");
+var import_react44 = require("react");
 var import_react_dom6 = require("react-dom");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 function ThemeToggleHeadless({
@@ -27446,14 +27764,14 @@ function ThemeToggleHeadless({
   labels,
   className
 }) {
-  const [isOpen, setIsOpen] = (0, import_react43.useState)(false);
+  const [isOpen, setIsOpen] = (0, import_react44.useState)(false);
   const isHydrated = useHydrated();
-  const triggerRef = (0, import_react43.useRef)(null);
-  const [dropdownPosition, setDropdownPosition] = (0, import_react43.useState)(null);
+  const triggerRef = (0, import_react44.useRef)(null);
+  const [dropdownPosition, setDropdownPosition] = (0, import_react44.useState)(null);
   const themes = [
-    { value: "light", label: labels?.light ?? "Light", icon: import_lucide_react41.Sun },
-    { value: "dark", label: labels?.dark ?? "Dark", icon: import_lucide_react41.Moon },
-    { value: "system", label: labels?.system ?? "System", icon: import_lucide_react41.Monitor }
+    { value: "light", label: labels?.light ?? "Light", icon: import_lucide_react40.Sun },
+    { value: "dark", label: labels?.dark ?? "Dark", icon: import_lucide_react40.Moon },
+    { value: "system", label: labels?.system ?? "System", icon: import_lucide_react40.Monitor }
   ];
   const current = isHydrated ? themes.find((t) => t.value === theme) || themes[2] : themes[2];
   const CurrentIcon = current.icon;
@@ -27538,9 +27856,9 @@ function ThemeToggleHeadless({
 }
 
 // src/components/LanguageSwitcherHeadless.tsx
-var import_react44 = require("react");
+var import_react45 = require("react");
 var import_react_dom7 = require("react-dom");
-var import_lucide_react42 = require("lucide-react");
+var import_lucide_react41 = require("lucide-react");
 var import_jsx_runtime77 = require("react/jsx-runtime");
 function LanguageSwitcherHeadless({
   locales,
@@ -27549,9 +27867,9 @@ function LanguageSwitcherHeadless({
   labels,
   className
 }) {
-  const [isOpen, setIsOpen] = (0, import_react44.useState)(false);
-  const [dropdownPosition, setDropdownPosition] = (0, import_react44.useState)(null);
-  const triggerButtonRef = (0, import_react44.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react45.useState)(false);
+  const [dropdownPosition, setDropdownPosition] = (0, import_react45.useState)(null);
+  const triggerButtonRef = (0, import_react45.useRef)(null);
   const currentLanguage = locales.find((l) => l.code === currentLocale) || locales[0];
   const calculatePosition = () => {
     const rect = triggerButtonRef.current?.getBoundingClientRect();
@@ -27583,7 +27901,7 @@ function LanguageSwitcherHeadless({
         "aria-expanded": isOpen,
         "aria-label": labels?.heading ?? "Language",
         title: labels?.heading ?? "Language",
-        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react42.Globe, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react41.Globe, { className: "h-5 w-5" })
       }
     ),
     isOpen && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
@@ -27637,7 +27955,7 @@ var VARIANT_STYLES_ALERT = {
 };
 
 // src/contexts/translation-adapter.tsx
-var React72 = __toESM(require("react"), 1);
+var React73 = __toESM(require("react"), 1);
 var import_jsx_runtime78 = require("react/jsx-runtime");
 function isUnresolvedTranslation2(value, namespace, key) {
   return value === key || value === `${namespace}.${key}`;
@@ -27662,7 +27980,7 @@ function useTranslations(namespace) {
   const nextIntlBridge = useNextIntlBridge();
   const internalLocale = useUnderverseLocale();
   const internalT = useUnderverseTranslations(namespace);
-  return React72.useCallback((key, params) => {
+  return React73.useCallback((key, params) => {
     if (nextIntlBridge) {
       const nextIntlResult = nextIntlBridge.translate(namespace, key, params);
       if (nextIntlResult.translated && !isUnresolvedTranslation2(nextIntlResult.translated, namespace, key)) {
@@ -27687,8 +28005,8 @@ function useLocale2() {
 }
 
 // src/components/UEditor/UEditor.tsx
-var import_react82 = __toESM(require("react"), 1);
-var import_react83 = require("@tiptap/react");
+var import_react83 = __toESM(require("react"), 1);
+var import_react84 = require("@tiptap/react");
 
 // src/components/UEditor/extensions.ts
 var import_core16 = require("@tiptap/core");
@@ -27708,14 +28026,14 @@ var import_extension_task_item = __toESM(require("@tiptap/extension-task-item"),
 var import_extension_blockquote = __toESM(require("@tiptap/extension-blockquote"), 1);
 var import_extension_code = __toESM(require("@tiptap/extension-code"), 1);
 var import_core17 = require("@tiptap/core");
-var import_react67 = require("@tiptap/react");
+var import_react68 = require("@tiptap/react");
 
 // src/components/UEditor/callout.ts
 var import_core = require("@tiptap/core");
-var import_react46 = require("@tiptap/react");
+var import_react47 = require("@tiptap/react");
 
 // src/components/UEditor/CalloutView.tsx
-var import_react45 = require("@tiptap/react");
+var import_react46 = require("@tiptap/react");
 
 // src/components/UEditor/emoji-picker.tsx
 var import_jsx_runtime79 = require("react/jsx-runtime");
@@ -27737,7 +28055,7 @@ var CalloutView = ({ node, updateAttributes, selected }) => {
   const currentEmoji = node.attrs.emoji ?? "\u{1F4A1}";
   const currentBgColor = node.attrs.backgroundColor ?? "var(--muted)";
   return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
-    import_react45.NodeViewWrapper,
+    import_react46.NodeViewWrapper,
     {
       className: cn(
         "flex items-start gap-4 rounded-xl border p-4 my-4 transition-all duration-200 border-border/50",
@@ -27780,7 +28098,7 @@ var CalloutView = ({ node, updateAttributes, selected }) => {
             ] })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react45.NodeViewContent, { className: "min-w-0 flex-1 outline-none" })
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react46.NodeViewContent, { className: "min-w-0 flex-1 outline-none" })
       ]
     }
   );
@@ -27831,7 +28149,7 @@ var Callout = import_core.Node.create({
     ];
   },
   addNodeView() {
-    return (0, import_react46.ReactNodeViewRenderer)(CalloutView);
+    return (0, import_react47.ReactNodeViewRenderer)(CalloutView);
   },
   addCommands() {
     return {
@@ -27844,12 +28162,12 @@ var Callout = import_core.Node.create({
 
 // src/components/UEditor/bookmark.ts
 var import_core2 = require("@tiptap/core");
-var import_react49 = require("@tiptap/react");
+var import_react50 = require("@tiptap/react");
 
 // src/components/UEditor/BookmarkView.tsx
-var import_react47 = __toESM(require("react"), 1);
-var import_react48 = require("@tiptap/react");
-var import_lucide_react43 = require("lucide-react");
+var import_react48 = __toESM(require("react"), 1);
+var import_react49 = require("@tiptap/react");
+var import_lucide_react42 = require("lucide-react");
 
 // src/components/UEditor/url-safety.ts
 var LINK_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]);
@@ -27928,17 +28246,17 @@ var import_jsx_runtime81 = require("react/jsx-runtime");
 var BookmarkView = ({ node, updateAttributes, selected, editor }) => {
   const t = useSmartTranslations("UEditor");
   const { url, title, description, image, publisher } = node.attrs;
-  const [loading2, setLoading] = (0, import_react47.useState)(false);
-  const [error, setError] = (0, import_react47.useState)(false);
-  const [retryToken, setRetryToken] = (0, import_react47.useState)(0);
-  const lastFetchKeyRef = import_react47.default.useRef("");
-  const fetchRequestIdRef = import_react47.default.useRef(0);
+  const [loading2, setLoading] = (0, import_react48.useState)(false);
+  const [error, setError] = (0, import_react48.useState)(false);
+  const [retryToken, setRetryToken] = (0, import_react48.useState)(0);
+  const lastFetchKeyRef = import_react48.default.useRef("");
+  const fetchRequestIdRef = import_react48.default.useRef(0);
   const safeUrl = sanitizeUEditorUrl(String(url ?? ""), "link");
   const safeImage = sanitizeUEditorUrl(String(image ?? ""), "image");
   const clickToOpenNewTabMessage = t("bookmark.clickToOpenNewTab");
   const clickToOpenLinkMessage = t("bookmark.clickToOpenLink");
   const noDescriptionMessage = t("bookmark.noDescription");
-  (0, import_react47.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     if (title && retryToken === 0) return;
     if (!safeUrl) return;
     const fetchKey = `${safeUrl}\0${retryToken}`;
@@ -28041,7 +28359,7 @@ var BookmarkView = ({ node, updateAttributes, selected, editor }) => {
     }
   })();
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
-    import_react48.NodeViewWrapper,
+    import_react49.NodeViewWrapper,
     {
       className: cn(
         "my-4 block overflow-hidden rounded-xl border border-border/60 bg-muted/20 hover:bg-muted/30 transition-all duration-200 cursor-pointer select-none",
@@ -28063,7 +28381,7 @@ var BookmarkView = ({ node, updateAttributes, selected, editor }) => {
         /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex-1 p-4 flex flex-col justify-between gap-1 min-w-0", children: [
           /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex flex-col gap-1 min-w-0", children: [
             /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { className: "text-xs text-muted-foreground font-medium flex items-center gap-1.5 truncate", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react43.Globe, { className: "h-3 w-3 flex-shrink-0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react42.Globe, { className: "h-3 w-3 flex-shrink-0" }),
               displayPublisher
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h4", { className: "text-sm font-semibold text-foreground line-clamp-1 break-all", children: title || safeUrl || String(url ?? "") }),
@@ -28071,11 +28389,11 @@ var BookmarkView = ({ node, updateAttributes, selected, editor }) => {
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { className: "text-[11px] text-primary/80 font-mono mt-2 truncate flex items-center gap-1", children: [
             safeUrl || String(url ?? ""),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react43.ExternalLink, { className: "h-3 w-3 flex-shrink-0" })
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react42.ExternalLink, { className: "h-3 w-3 flex-shrink-0" })
           ] }),
           error && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "mt-2 flex flex-wrap items-center gap-2 text-xs text-destructive", children: [
             /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { className: "inline-flex items-center gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react43.AlertCircle, { className: "h-3.5 w-3.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react42.AlertCircle, { className: "h-3.5 w-3.5" }),
               t("bookmark.previewFailed")
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
@@ -28085,7 +28403,7 @@ var BookmarkView = ({ node, updateAttributes, selected, editor }) => {
                 onClick: handleRetryPreview,
                 className: "inline-flex items-center gap-1 rounded-md border border-destructive/30 px-2 py-0.5 font-medium hover:bg-destructive/10",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react43.RefreshCw, { className: "h-3 w-3" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react42.RefreshCw, { className: "h-3 w-3" }),
                   t("bookmark.retryPreview")
                 ]
               }
@@ -28179,7 +28497,7 @@ var Bookmark = import_core2.Node.create({
     ];
   },
   addNodeView() {
-    return (0, import_react49.ReactNodeViewRenderer)(BookmarkView);
+    return (0, import_react50.ReactNodeViewRenderer)(BookmarkView);
   },
   addCommands() {
     return {
@@ -28225,12 +28543,12 @@ var Bookmark = import_core2.Node.create({
 
 // src/components/UEditor/file-card.ts
 var import_core3 = require("@tiptap/core");
-var import_react52 = require("@tiptap/react");
+var import_react53 = require("@tiptap/react");
 
 // src/components/UEditor/FileCardView.tsx
-var import_react50 = require("react");
-var import_react51 = require("@tiptap/react");
-var import_lucide_react44 = require("lucide-react");
+var import_react51 = require("react");
+var import_react52 = require("@tiptap/react");
+var import_lucide_react43 = require("lucide-react");
 var import_jsx_runtime82 = require("react/jsx-runtime");
 function formatBytes(bytes, decimals = 1) {
   if (!Number.isFinite(bytes) || bytes <= 0) return "0 Bytes";
@@ -28242,11 +28560,11 @@ function formatBytes(bytes, decimals = 1) {
 }
 function getFileIcon2(type) {
   const mime = String(type || "").toLowerCase();
-  if (mime.includes("pdf")) return import_lucide_react44.FileText;
-  if (mime.startsWith("image/")) return import_lucide_react44.Image;
-  if (mime.startsWith("audio/")) return import_lucide_react44.Music;
-  if (mime.startsWith("video/")) return import_lucide_react44.Video;
-  return import_lucide_react44.File;
+  if (mime.includes("pdf")) return import_lucide_react43.FileText;
+  if (mime.startsWith("image/")) return import_lucide_react43.Image;
+  if (mime.startsWith("audio/")) return import_lucide_react43.Music;
+  if (mime.startsWith("video/")) return import_lucide_react43.Video;
+  return import_lucide_react43.File;
 }
 function dataURLtoFile(dataurl, filename, mimeType) {
   try {
@@ -28278,15 +28596,15 @@ var FileCardView = ({ node, selected, editor, updateAttributes }) => {
   const t = useSmartTranslations("UEditor");
   const { src, fileName, fileSize, fileType } = node.attrs;
   const FileIcon = getFileIcon2(fileType);
-  const [uploadError, setUploadError] = (0, import_react50.useState)(null);
-  const [retryToken, setRetryToken] = (0, import_react50.useState)(0);
-  const uploadAttemptedRef = (0, import_react50.useRef)(false);
-  const lastUploadSrcRef = (0, import_react50.useRef)("");
-  const uploadRequestIdRef = (0, import_react50.useRef)(0);
+  const [uploadError, setUploadError] = (0, import_react51.useState)(null);
+  const [retryToken, setRetryToken] = (0, import_react51.useState)(0);
+  const uploadAttemptedRef = (0, import_react51.useRef)(false);
+  const lastUploadSrcRef = (0, import_react51.useRef)("");
+  const uploadRequestIdRef = (0, import_react51.useRef)(0);
   const safeSrc = sanitizeUEditorUrl(String(src ?? ""), "file");
   const extension = editor?.extensionManager?.extensions?.find((item) => item.name === "fileCard");
   const uploadFn = extension?.options?.upload;
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     if (lastUploadSrcRef.current !== safeSrc) {
       lastUploadSrcRef.current = safeSrc;
       uploadAttemptedRef.current = false;
@@ -28347,7 +28665,7 @@ var FileCardView = ({ node, selected, editor, updateAttributes }) => {
     setRetryToken((value) => value + 1);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
-    import_react51.NodeViewWrapper,
+    import_react52.NodeViewWrapper,
     {
       className: cn(
         "my-4 flex items-center justify-between rounded-xl border border-border/60 bg-card p-4 hover:bg-muted/15 transition-all duration-200 cursor-pointer select-none",
@@ -28372,7 +28690,7 @@ var FileCardView = ({ node, selected, editor, updateAttributes }) => {
                   onClick: handleRetryUpload,
                   className: "inline-flex items-center gap-1 rounded-md border border-destructive/30 px-1.5 py-0.5 text-[11px] font-medium text-destructive hover:bg-destructive/10",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.RefreshCw, { className: "h-3 w-3" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react43.RefreshCw, { className: "h-3 w-3" }),
                     t("fileCard.retryUpload")
                   ]
                 }
@@ -28386,7 +28704,7 @@ var FileCardView = ({ node, selected, editor, updateAttributes }) => {
             type: "button",
             onClick: handleDownload,
             className: "flex h-8 w-8 items-center justify-center rounded-lg border border-border bg-background text-muted-foreground hover:text-foreground hover:bg-muted active:scale-95 transition-all focus:outline-none",
-            children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.Download, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react43.Download, { className: "h-4 w-4" })
           }
         )
       ]
@@ -28463,7 +28781,7 @@ var FileCard = import_core3.Node.create({
     ];
   },
   addNodeView() {
-    return (0, import_react52.ReactNodeViewRenderer)(FileCardView);
+    return (0, import_react53.ReactNodeViewRenderer)(FileCardView);
   },
   addCommands() {
     return {
@@ -28486,11 +28804,11 @@ var FileCard = import_core3.Node.create({
 
 // src/components/UEditor/form-checkbox.ts
 var import_core4 = require("@tiptap/core");
-var import_react54 = require("@tiptap/react");
+var import_react55 = require("@tiptap/react");
 
 // src/components/UEditor/FormCheckboxView.tsx
-var import_react53 = require("@tiptap/react");
-var import_lucide_react45 = require("lucide-react");
+var import_react54 = require("@tiptap/react");
+var import_lucide_react44 = require("lucide-react");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 var FormCheckboxView = ({ node, updateAttributes, editor, selected }) => {
   const isChecked = !!node.attrs.checked;
@@ -28508,7 +28826,7 @@ var FormCheckboxView = ({ node, updateAttributes, editor, selected }) => {
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
-    import_react53.NodeViewWrapper,
+    import_react54.NodeViewWrapper,
     {
       as: "span",
       className: cn(
@@ -28537,7 +28855,7 @@ var FormCheckboxView = ({ node, updateAttributes, editor, selected }) => {
                 "transition-transform duration-200 ease-out-back",
                 isChecked ? "scale-100 opacity-100" : "scale-50 opacity-0"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Check, { className: "w-3.5 h-3.5 stroke-[3px]" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react44.Check, { className: "w-3.5 h-3.5 stroke-[3px]" })
             }
           )
         }
@@ -28625,7 +28943,7 @@ var FormCheckbox2 = import_core4.Node.create({
     ];
   },
   addNodeView() {
-    return (0, import_react54.ReactNodeViewRenderer)(FormCheckboxView);
+    return (0, import_react55.ReactNodeViewRenderer)(FormCheckboxView);
   },
   addCommands() {
     return {
@@ -28641,11 +28959,11 @@ var FormCheckbox2 = import_core4.Node.create({
 
 // src/components/UEditor/form-radio.ts
 var import_core5 = require("@tiptap/core");
-var import_react56 = require("@tiptap/react");
+var import_react57 = require("@tiptap/react");
 
 // src/components/UEditor/FormRadioView.tsx
-var import_react55 = require("@tiptap/react");
-var import_lucide_react46 = require("lucide-react");
+var import_react56 = require("@tiptap/react");
+var import_lucide_react45 = require("lucide-react");
 var import_jsx_runtime84 = require("react/jsx-runtime");
 var FormRadioView = ({ node, updateAttributes, editor, selected }) => {
   const t = useSmartTranslations("UEditor");
@@ -28664,7 +28982,7 @@ var FormRadioView = ({ node, updateAttributes, editor, selected }) => {
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
-    import_react55.NodeViewWrapper,
+    import_react56.NodeViewWrapper,
     {
       as: "span",
       className: cn(
@@ -28707,7 +29025,7 @@ var FormRadioView = ({ node, updateAttributes, editor, selected }) => {
                 type: "button",
                 className: "p-0.5 rounded hover:bg-muted text-muted-foreground hover:text-foreground transition-colors outline-none cursor-pointer",
                 title: t("radio.editGroup") || "Edit Group",
-                children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react46.Settings, { className: "w-3.5 h-3.5" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react45.Settings, { className: "w-3.5 h-3.5" })
               }
             ),
             children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "p-3 w-52 flex flex-col gap-2 bg-card border rounded-xl shadow-lg text-card-foreground", children: [
@@ -28814,7 +29132,7 @@ var FormRadio = import_core5.Node.create({
     ];
   },
   addNodeView() {
-    return (0, import_react56.ReactNodeViewRenderer)(FormRadioView);
+    return (0, import_react57.ReactNodeViewRenderer)(FormRadioView);
   },
   addCommands() {
     return {
@@ -28876,9 +29194,9 @@ var import_lowlight = require("lowlight");
 // src/components/UEditor/slash-command.tsx
 var import_core6 = require("@tiptap/core");
 var import_suggestion = __toESM(require("@tiptap/suggestion"), 1);
-var import_react57 = require("@tiptap/react");
-var import_react58 = __toESM(require("react"), 1);
-var import_lucide_react47 = require("lucide-react");
+var import_react58 = require("@tiptap/react");
+var import_react59 = __toESM(require("react"), 1);
+var import_lucide_react46 = require("lucide-react");
 
 // src/components/UEditor/tippy-interop.ts
 var import_tippy = __toESM(require("tippy.js"), 1);
@@ -28944,9 +29262,9 @@ var DEFAULT_MESSAGES = {
   formRadioDesc: "Insert an interactive radio button field"
 };
 function useResettingIndex2(resetToken) {
-  const [state, setState] = import_react58.default.useState({ resetToken, index: 0 });
+  const [state, setState] = import_react59.default.useState({ resetToken, index: 0 });
   const selectedIndex = Object.is(state.resetToken, resetToken) ? state.index : 0;
-  const setSelectedIndex = import_react58.default.useCallback((nextIndex) => {
+  const setSelectedIndex = import_react59.default.useCallback((nextIndex) => {
     setState((prev) => {
       const prevIndex = Object.is(prev.resetToken, resetToken) ? prev.index : 0;
       return {
@@ -29008,7 +29326,7 @@ function buildSlashCommandItems({
   const run = (handler) => handler;
   return [
     {
-      icon: import_lucide_react47.Type,
+      icon: import_lucide_react46.Type,
       title: messages.text,
       description: messages.textDesc,
       command: run(({ editor, range }) => {
@@ -29016,7 +29334,7 @@ function buildSlashCommandItems({
       })
     },
     {
-      icon: import_lucide_react47.Heading1,
+      icon: import_lucide_react46.Heading1,
       title: messages.heading1,
       description: messages.heading1Desc,
       command: run(({ editor, range }) => {
@@ -29024,7 +29342,7 @@ function buildSlashCommandItems({
       })
     },
     {
-      icon: import_lucide_react47.Heading2,
+      icon: import_lucide_react46.Heading2,
       title: messages.heading2,
       description: messages.heading2Desc,
       command: run(({ editor, range }) => {
@@ -29032,7 +29350,7 @@ function buildSlashCommandItems({
       })
     },
     {
-      icon: import_lucide_react47.Heading3,
+      icon: import_lucide_react46.Heading3,
       title: messages.heading3,
       description: messages.heading3Desc,
       command: run(({ editor, range }) => {
@@ -29040,7 +29358,7 @@ function buildSlashCommandItems({
       })
     },
     {
-      icon: import_lucide_react47.List,
+      icon: import_lucide_react46.List,
       title: messages.bulletList,
       description: messages.bulletListDesc,
       command: run(({ editor, range }) => {
@@ -29048,7 +29366,7 @@ function buildSlashCommandItems({
       })
     },
     {
-      icon: import_lucide_react47.ListOrdered,
+      icon: import_lucide_react46.ListOrdered,
       title: messages.orderedList,
       description: messages.orderedListDesc,
       command: run(({ editor, range }) => {
@@ -29056,7 +29374,7 @@ function buildSlashCommandItems({
       })
     },
     {
-      icon: import_lucide_react47.ListTodo,
+      icon: import_lucide_react46.ListTodo,
       title: messages.todoList,
       description: messages.todoListDesc,
       command: run(({ editor, range }) => {
@@ -29064,7 +29382,7 @@ function buildSlashCommandItems({
       })
     },
     {
-      icon: import_lucide_react47.Quote,
+      icon: import_lucide_react46.Quote,
       title: messages.quote,
       description: messages.quoteDesc,
       command: run(({ editor, range }) => {
@@ -29072,7 +29390,7 @@ function buildSlashCommandItems({
       })
     },
     {
-      icon: import_lucide_react47.FileCode,
+      icon: import_lucide_react46.FileCode,
       title: messages.codeBlock,
       description: messages.codeBlockDesc,
       command: run(({ editor, range }) => {
@@ -29080,7 +29398,7 @@ function buildSlashCommandItems({
       })
     },
     {
-      icon: import_lucide_react47.Minus,
+      icon: import_lucide_react46.Minus,
       title: messages.divider,
       description: messages.dividerDesc,
       command: run(({ editor, range }) => {
@@ -29088,7 +29406,7 @@ function buildSlashCommandItems({
       })
     },
     {
-      icon: import_lucide_react47.Table,
+      icon: import_lucide_react46.Table,
       title: messages.table,
       description: messages.tableDesc,
       command: run(({ editor, range }) => {
@@ -29096,7 +29414,7 @@ function buildSlashCommandItems({
       })
     },
     {
-      icon: import_lucide_react47.Info,
+      icon: import_lucide_react46.Info,
       title: messages.callout || "Callout",
       description: messages.calloutDesc || "Highlight key info with a callout block",
       command: run(({ editor, range }) => {
@@ -29104,7 +29422,7 @@ function buildSlashCommandItems({
       })
     },
     {
-      icon: import_lucide_react47.Bookmark,
+      icon: import_lucide_react46.Bookmark,
       title: messages.bookmark || "Bookmark Card",
       description: messages.bookmarkDesc || "Embed a link as a bookmark card",
       command: run(({ editor, range }) => {
@@ -29115,7 +29433,7 @@ function buildSlashCommandItems({
       })
     },
     {
-      icon: import_lucide_react47.Paperclip,
+      icon: import_lucide_react46.Paperclip,
       title: messages.fileCard || "File Attachment",
       description: messages.fileCardDesc || "Upload a file card attachment",
       command: run(({ editor, range }) => {
@@ -29140,7 +29458,7 @@ function buildSlashCommandItems({
       })
     },
     {
-      icon: import_lucide_react47.CheckSquare,
+      icon: import_lucide_react46.CheckSquare,
       title: messages.formCheckbox,
       description: messages.formCheckboxDesc,
       searchTerms: ["checkbox", "square checkbox"],
@@ -29149,7 +29467,7 @@ function buildSlashCommandItems({
       })
     },
     {
-      icon: import_lucide_react47.CircleCheckBig,
+      icon: import_lucide_react46.CircleCheckBig,
       title: messages.roundCheckbox,
       description: messages.roundCheckboxDesc,
       searchTerms: ["roundcheckbox", "round checkbox", "circle checkbox"],
@@ -29158,7 +29476,7 @@ function buildSlashCommandItems({
       })
     },
     {
-      icon: import_lucide_react47.CircleDot,
+      icon: import_lucide_react46.CircleDot,
       title: messages.formRadio,
       description: messages.formRadioDesc,
       command: run(({ editor, range }) => {
@@ -29171,14 +29489,14 @@ function buildSlashCommandItems({
     return [item.title, item.description, ...item.searchTerms ?? []].some((value) => value.toLowerCase().includes(normalizedQuery));
   });
 }
-var SlashCommandList = (0, import_react58.forwardRef)((props, ref) => {
+var SlashCommandList = (0, import_react59.forwardRef)((props, ref) => {
   const [selectedIndex, setSelectedIndex] = useResettingIndex2(props.items);
-  const listRef = (0, import_react58.useRef)(null);
-  (0, import_react58.useEffect)(() => {
+  const listRef = (0, import_react59.useRef)(null);
+  (0, import_react59.useEffect)(() => {
     const selectedElement = listRef.current?.querySelector(`[data-index="${selectedIndex}"]`);
     selectedElement?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex, props.items]);
-  (0, import_react58.useImperativeHandle)(ref, () => ({
+  (0, import_react59.useImperativeHandle)(ref, () => ({
     onKeyDown: (keyProps) => {
       if (!keyProps || !keyProps.event) return false;
       const { event } = keyProps;
@@ -29263,7 +29581,7 @@ var SlashCommand = import_core6.Extension.create({
           let popup;
           return {
             onStart: (props) => {
-              component = new import_react57.ReactRenderer(SlashCommandList, {
+              component = new import_react58.ReactRenderer(SlashCommandList, {
                 props: {
                   ...props,
                   messages
@@ -30142,15 +30460,15 @@ var ClipboardImages = import_core7.Extension.create({
 // src/components/UEditor/emoji-suggestion.tsx
 var import_core8 = require("@tiptap/core");
 var import_suggestion2 = __toESM(require("@tiptap/suggestion"), 1);
-var import_react59 = require("@tiptap/react");
+var import_react60 = require("@tiptap/react");
 var import_state3 = require("@tiptap/pm/state");
-var import_react60 = __toESM(require("react"), 1);
-var import_lucide_react48 = require("lucide-react");
+var import_react61 = __toESM(require("react"), 1);
+var import_lucide_react47 = require("lucide-react");
 var import_jsx_runtime86 = require("react/jsx-runtime");
 function useResettingIndex3(resetToken) {
-  const [state, setState] = import_react60.default.useState({ resetToken, index: 0 });
+  const [state, setState] = import_react61.default.useState({ resetToken, index: 0 });
   const selectedIndex = Object.is(state.resetToken, resetToken) ? state.index : 0;
-  const setSelectedIndex = import_react60.default.useCallback((nextIndex) => {
+  const setSelectedIndex = import_react61.default.useCallback((nextIndex) => {
     setState((prev) => {
       const prevIndex = Object.is(prev.resetToken, resetToken) ? prev.index : 0;
       return {
@@ -30161,11 +30479,11 @@ function useResettingIndex3(resetToken) {
   }, [resetToken]);
   return [selectedIndex, setSelectedIndex];
 }
-var EmojiList = (0, import_react60.forwardRef)((props, ref) => {
+var EmojiList = (0, import_react61.forwardRef)((props, ref) => {
   const t = useSmartTranslations("UEditor");
   const [selectedIndex, setSelectedIndex] = useResettingIndex3(props.items);
   const showingCountLabel = formatEmojiCountLabel(t("emojiSuggestion.showingCount"), 64, props.items.length);
-  (0, import_react60.useImperativeHandle)(ref, () => ({
+  (0, import_react61.useImperativeHandle)(ref, () => ({
     onKeyDown: (keyProps) => {
       if (!keyProps || !keyProps.event) return false;
       const { event } = keyProps;
@@ -30200,7 +30518,7 @@ var EmojiList = (0, import_react60.forwardRef)((props, ref) => {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "w-80 max-h-80 overflow-y-auto bg-card border border-border/50 rounded-2xl shadow-lg", children: [
     /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "px-3 py-2 border-b bg-muted/30", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react48.Smile, { className: "w-4 h-4 text-primary" }),
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react47.Smile, { className: "w-4 h-4 text-primary" }),
       /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("emojiSuggestion.title") })
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "p-3", children: [
@@ -30247,7 +30565,7 @@ var EmojiSuggestion = import_core8.Extension.create({
           let popup;
           return {
             onStart: (props) => {
-              component = new import_react59.ReactRenderer(EmojiList, {
+              component = new import_react60.ReactRenderer(EmojiList, {
                 props,
                 editor: props.editor
               });
@@ -30295,10 +30613,10 @@ var EmojiSuggestion = import_core8.Extension.create({
 // src/components/UEditor/formula-suggestion.tsx
 var import_core9 = require("@tiptap/core");
 var import_suggestion3 = __toESM(require("@tiptap/suggestion"), 1);
-var import_react61 = require("@tiptap/react");
+var import_react62 = require("@tiptap/react");
 var import_state4 = require("@tiptap/pm/state");
-var import_react62 = __toESM(require("react"), 1);
-var import_lucide_react49 = require("lucide-react");
+var import_react63 = __toESM(require("react"), 1);
+var import_lucide_react48 = require("lucide-react");
 var import_jsx_runtime87 = require("react/jsx-runtime");
 var FORMULA_FUNCTIONS = [
   {
@@ -30350,13 +30668,13 @@ function buildFormulaSuggestionItems({ query }) {
 function isFormulaFunctionSuggestionQuery(query) {
   return /^[A-Z]*$/i.test(query.trim());
 }
-var FormulaSuggestionList = (0, import_react62.forwardRef)((props, ref) => {
+var FormulaSuggestionList = (0, import_react63.forwardRef)((props, ref) => {
   const t = useSmartTranslations("UEditor");
-  const [selectedIndex, setSelectedIndex] = import_react62.default.useState(0);
-  import_react62.default.useEffect(() => {
+  const [selectedIndex, setSelectedIndex] = import_react63.default.useState(0);
+  import_react63.default.useEffect(() => {
     setSelectedIndex(0);
   }, [props.items]);
-  (0, import_react62.useImperativeHandle)(ref, () => ({
+  (0, import_react63.useImperativeHandle)(ref, () => ({
     onKeyDown: ({ event }) => {
       if (props.items.length === 0) return false;
       if (event.key === "ArrowUp") {
@@ -30382,7 +30700,7 @@ var FormulaSuggestionList = (0, import_react62.forwardRef)((props, ref) => {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "w-72 max-h-80 overflow-y-auto bg-card border border-border/50 rounded-lg shadow-lg", children: [
     /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "px-3 py-2 border-b bg-muted/30", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react49.Sigma, { className: "w-4 h-4 text-primary" }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react48.Sigma, { className: "w-4 h-4 text-primary" }),
       /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("formulaSuggestion.title") })
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "p-1.5", children: props.items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
@@ -30434,7 +30752,7 @@ var FormulaSuggestion = import_core9.Extension.create({
           let popup;
           return {
             onStart: (props) => {
-              component = new import_react61.ReactRenderer(FormulaSuggestionList, {
+              component = new import_react62.ReactRenderer(FormulaSuggestionList, {
                 props,
                 editor: props.editor
               });
@@ -30552,10 +30870,10 @@ var UEditorPlaceholder = import_core10.Extension.create({
 });
 
 // src/components/UEditor/resizable-image.tsx
-var import_react63 = require("react");
+var import_react64 = require("react");
 var import_extension_image = __toESM(require("@tiptap/extension-image"), 1);
 var import_core11 = require("@tiptap/core");
-var import_react64 = require("@tiptap/react");
+var import_react65 = require("@tiptap/react");
 
 // src/components/UEditor/table-dom-utils.ts
 var DEFAULT_TABLE_ROW_HEIGHT = 25;
@@ -30741,16 +31059,16 @@ function sizeFromHeight(height, aspect, maxWidth) {
 }
 function ResizableImageNodeView(props) {
   const { node, selected, updateAttributes, editor, getPos } = props;
-  const wrapperRef = (0, import_react63.useRef)(null);
-  const imgRef = (0, import_react63.useRef)(null);
-  const resizePreviewRef = (0, import_react63.useRef)(null);
-  const [isHovered, setIsHovered] = (0, import_react63.useState)(false);
-  const [isResizing, setIsResizing] = (0, import_react63.useState)(false);
+  const wrapperRef = (0, import_react64.useRef)(null);
+  const imgRef = (0, import_react64.useRef)(null);
+  const resizePreviewRef = (0, import_react64.useRef)(null);
+  const [isHovered, setIsHovered] = (0, import_react64.useState)(false);
+  const [isResizing, setIsResizing] = (0, import_react64.useState)(false);
   const widthAttr = toNullableNumber(node.attrs["width"]);
   const heightAttr = toNullableNumber(node.attrs["height"]);
   const textAlign = String(node.attrs["textAlign"] ?? "");
   const imageLayout = parseImageLayout(node.attrs["imageLayout"]);
-  const dragStateRef = (0, import_react63.useRef)(null);
+  const dragStateRef = (0, import_react64.useRef)(null);
   const dispatchTableLayoutChange2 = () => {
     editor.view.dom.dispatchEvent(new CustomEvent(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT, { bubbles: true }));
   };
@@ -30787,7 +31105,7 @@ function ResizableImageNodeView(props) {
     if (!drag || drag.frameId !== null) return;
     drag.frameId = window.requestAnimationFrame(applyPendingResizeFrame);
   };
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     return () => {
       const drag = dragStateRef.current;
       if (drag && drag.frameId !== null) {
@@ -30797,7 +31115,7 @@ function ResizableImageNodeView(props) {
       document.body.style.cursor = "";
     };
   }, []);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     const img = imgRef.current;
     if (!img) return;
     const displayStyle = getImageDisplayStyle(widthAttr, heightAttr);
@@ -30905,7 +31223,7 @@ function ResizableImageNodeView(props) {
   const wrapperAlignClass = imageLayout === "block" ? textAlign === "center" ? "mx-auto" : textAlign === "right" ? "ml-auto" : textAlign === "justify" ? "mx-auto" : "" : "";
   const wrapperLayoutClass = imageLayout === "left" ? "float-left mr-4 mb-3 mt-1 clear-none max-w-[min(45%,20rem)]" : imageLayout === "right" ? "float-right ml-4 mb-3 mt-1 clear-none max-w-[min(45%,20rem)]" : "w-fit";
   return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
-    import_react64.NodeViewWrapper,
+    import_react65.NodeViewWrapper,
     {
       as: "div",
       ref: wrapperRef,
@@ -31028,7 +31346,7 @@ var ResizableImage = import_extension_image.default.extend({
     return ["img", (0, import_core11.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes)];
   },
   addNodeView() {
-    return (0, import_react64.ReactNodeViewRenderer)(ResizableImageNodeView);
+    return (0, import_react65.ReactNodeViewRenderer)(ResizableImageNodeView);
   }
 }).configure({
   allowBase64: true,
@@ -31747,9 +32065,9 @@ var UEditorTable = import_extension_table.Table.extend({
 var table_align_default = UEditorTable;
 
 // src/components/UEditor/CodeBlockView.tsx
-var import_react65 = __toESM(require("react"), 1);
-var import_react66 = require("@tiptap/react");
-var import_lucide_react50 = require("lucide-react");
+var import_react66 = __toESM(require("react"), 1);
+var import_react67 = require("@tiptap/react");
+var import_lucide_react49 = require("lucide-react");
 var import_jsx_runtime89 = require("react/jsx-runtime");
 var LANGUAGES = [
   { label: "Plain Text", value: "text" },
@@ -31772,12 +32090,12 @@ var CodeBlockView = ({
   updateAttributes,
   extension
 }) => {
-  const [copied, setCopied] = (0, import_react65.useState)(false);
-  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react65.useState)(false);
-  const timeoutRef = import_react65.default.useRef(null);
+  const [copied, setCopied] = (0, import_react66.useState)(false);
+  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react66.useState)(false);
+  const timeoutRef = import_react66.default.useRef(null);
   const currentLangValue = node.attrs.language || "text";
   const currentLangLabel = LANGUAGES.find((lang) => lang.value === currentLangValue)?.label || "Plain Text";
-  import_react65.default.useEffect(() => {
+  import_react66.default.useEffect(() => {
     return () => {
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
@@ -31798,7 +32116,7 @@ var CodeBlockView = ({
       console.error("Failed to copy code text: ", err);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_react66.NodeViewWrapper, { className: "group/code relative my-4 rounded-xl border border-border/60 bg-muted/40 p-4 font-mono text-sm shadow-sm overflow-visible", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_react67.NodeViewWrapper, { className: "group/code relative my-4 rounded-xl border border-border/60 bg-muted/40 p-4 font-mono text-sm shadow-sm overflow-visible", children: [
     /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
       "div",
       {
@@ -31814,7 +32132,7 @@ var CodeBlockView = ({
                 className: "flex items-center gap-1.5 rounded-lg border border-border bg-background px-2.5 py-1 text-xs text-muted-foreground hover:text-foreground hover:bg-muted active:scale-95 transition-all focus:outline-none",
                 children: [
                   currentLangLabel,
-                  /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_lucide_react50.ChevronDown, { className: "h-3 w-3" })
+                  /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_lucide_react49.ChevronDown, { className: "h-3 w-3" })
                 ]
               }
             ),
@@ -31851,13 +32169,13 @@ var CodeBlockView = ({
               onClick: handleCopy,
               className: "flex h-7 w-7 items-center justify-center rounded-lg border border-border bg-background text-muted-foreground hover:text-foreground hover:bg-muted active:scale-95 transition-all focus:outline-none",
               title: "Copy code",
-              children: copied ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_lucide_react50.Check, { className: "h-3.5 w-3.5 text-success animate-in fade-in-0 zoom-in-75" }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_lucide_react50.Copy, { className: "h-3.5 w-3.5" })
+              children: copied ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_lucide_react49.Check, { className: "h-3.5 w-3.5 text-success animate-in fade-in-0 zoom-in-75" }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_lucide_react49.Copy, { className: "h-3.5 w-3.5" })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("pre", { className: "m-0 overflow-x-auto [scrollbar-width:thin] pt-4 sm:pt-0", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("code", { className: "bg-transparent! text-foreground!", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react66.NodeViewContent, {}) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("pre", { className: "m-0 overflow-x-auto [scrollbar-width:thin] pt-4 sm:pt-0", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("code", { className: "bg-transparent! text-foreground!", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_react67.NodeViewContent, {}) }) })
   ] });
 };
 
@@ -31970,7 +32288,7 @@ var CustomTableCell = import_extension_table_cell.default.extend({
       },
       textDirection: {
         default: null,
-        parseHTML: (element) => element.getAttribute("data-text-direction") === "vertical" || element.style.writingMode === "vertical-rl" ? "vertical" : null,
+        parseHTML: (element) => element.getAttribute("data-text-direction") === "vertical" || ["sideways-lr", "vertical-lr", "vertical-rl"].includes(element.style.writingMode) ? "vertical" : null,
         renderHTML: (attributes) => attributes.textDirection === "vertical" ? { "data-text-direction": "vertical" } : {}
       }
     };
@@ -31989,7 +32307,7 @@ var CustomTableCell = import_extension_table_cell.default.extend({
     if (borderStyle) mergedStyle += `; border-style: ${borderStyle}`;
     if (borderWidth) mergedStyle += `; border-width: ${borderWidth}`;
     if (verticalAlign) mergedStyle += `; vertical-align: ${verticalAlign}`;
-    if (textDirection === "vertical") mergedStyle += "; writing-mode: vertical-rl; text-orientation: mixed";
+    if (textDirection === "vertical") mergedStyle += "; writing-mode: sideways-lr; text-orientation: mixed";
     mergedStyle = mergedStyle.replace(/^;/, "").trim();
     return [
       "td",
@@ -32096,7 +32414,7 @@ var CustomTableHeader = import_extension_table_header.default.extend({
       },
       textDirection: {
         default: null,
-        parseHTML: (element) => element.getAttribute("data-text-direction") === "vertical" || element.style.writingMode === "vertical-rl" ? "vertical" : null,
+        parseHTML: (element) => element.getAttribute("data-text-direction") === "vertical" || ["sideways-lr", "vertical-lr", "vertical-rl"].includes(element.style.writingMode) ? "vertical" : null,
         renderHTML: (attributes) => attributes.textDirection === "vertical" ? { "data-text-direction": "vertical" } : {}
       }
     };
@@ -32115,7 +32433,7 @@ var CustomTableHeader = import_extension_table_header.default.extend({
     if (borderStyle) mergedStyle += `; border-style: ${borderStyle}`;
     if (borderWidth) mergedStyle += `; border-width: ${borderWidth}`;
     if (verticalAlign) mergedStyle += `; vertical-align: ${verticalAlign}`;
-    if (textDirection === "vertical") mergedStyle += "; writing-mode: vertical-rl; text-orientation: mixed";
+    if (textDirection === "vertical") mergedStyle += "; writing-mode: sideways-lr; text-orientation: mixed";
     mergedStyle = mergedStyle.replace(/^;/, "").trim();
     return [
       "th",
@@ -32145,7 +32463,7 @@ var CustomTaskList = import_extension_task_list.default.extend({
 var lowlight = (0, import_lowlight.createLowlight)(import_lowlight.common);
 var CustomCodeBlockLowlight = import_extension_code_block_lowlight.default.extend({
   addNodeView() {
-    return (0, import_react67.ReactNodeViewRenderer)(CodeBlockView);
+    return (0, import_react68.ReactNodeViewRenderer)(CodeBlockView);
   }
 });
 function buildUEditorExtensions({
@@ -32295,14 +32613,14 @@ function buildUEditorExtensions({
 }
 
 // src/components/UEditor/toolbar.tsx
-var import_react70 = __toESM(require("react"), 1);
-var import_react71 = require("@tiptap/react");
-var import_lucide_react53 = require("lucide-react");
+var import_react71 = __toESM(require("react"), 1);
+var import_react72 = require("@tiptap/react");
+var import_lucide_react52 = require("lucide-react");
 var import_tables4 = require("@tiptap/pm/tables");
 
 // src/components/UEditor/colors.tsx
-var import_react68 = require("react");
-var import_lucide_react51 = require("lucide-react");
+var import_react69 = require("react");
+var import_lucide_react50 = require("lucide-react");
 var import_jsx_runtime90 = require("react/jsx-runtime");
 var TextColorIcon = ({ color }) => {
   const underlineColor = color && color !== "inherit" ? color : "currentColor";
@@ -32321,7 +32639,7 @@ 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_react51.Highlighter, { className: "h-4 w-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react50.Highlighter, { className: "h-4 w-4" }),
     /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       "span",
       {
@@ -32335,7 +32653,7 @@ 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_react51.Paintbrush, { className: "h-4 w-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react50.Paintbrush, { className: "h-4 w-4" }),
     /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       "span",
       {
@@ -32349,7 +32667,7 @@ 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_react51.Grid, { className: "h-4 w-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react50.Grid, { className: "h-4 w-4" }),
     /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       "span",
       {
@@ -32436,7 +32754,7 @@ function getSwatchCheckClass(color) {
 }
 var useEditorColors = () => {
   const t = useSmartTranslations("UEditor");
-  const textColors = (0, import_react68.useMemo)(
+  const textColors = (0, import_react69.useMemo)(
     () => [
       { name: t("colors.default"), color: "inherit", cssClass: "text-foreground" },
       { name: t("colors.muted"), color: "var(--muted-foreground)", cssClass: "text-muted-foreground" },
@@ -32450,7 +32768,7 @@ var useEditorColors = () => {
     ],
     [t]
   );
-  const highlightColors = (0, import_react68.useMemo)(
+  const highlightColors = (0, import_react69.useMemo)(
     () => [
       { name: t("colors.default"), color: "", cssClass: "" },
       { name: t("colors.muted"), color: "var(--muted)", cssClass: "bg-muted" },
@@ -32474,7 +32792,7 @@ var EditorColorPalette = ({
   label
 }) => {
   const t = useSmartTranslations("UEditor");
-  const colorInputRef = (0, import_react68.useRef)(null);
+  const colorInputRef = (0, import_react69.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: [
@@ -32491,7 +32809,7 @@ 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_react51.Check, { className: "h-3.5 w-3.5" }) }),
+          /* @__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") })
         ]
       }
@@ -32508,7 +32826,7 @@ 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_react51.Check, { className: cn("h-3.5 w-3.5", getSwatchCheckClass(c.color)) }) })
+        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)) }) })
       }
     ) }, `${c.name}-${c.color}`)) }),
     /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
@@ -32530,7 +32848,7 @@ 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_react51.Palette, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_lucide_react50.Palette, { className: "h-4 w-4 text-muted-foreground" }),
           /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
             "input",
             {
@@ -32676,8 +32994,8 @@ function deleteSelectedImage(editor) {
 }
 
 // src/components/UEditor/inputs.tsx
-var import_react69 = require("react");
-var import_lucide_react52 = require("lucide-react");
+var import_react70 = require("react");
+var import_lucide_react51 = require("lucide-react");
 var import_jsx_runtime91 = require("react/jsx-runtime");
 function normalizeUrl(raw) {
   return sanitizeUEditorUrl(raw, "link");
@@ -32688,11 +33006,11 @@ var LinkInput = ({
   initialUrl = ""
 }) => {
   const t = useSmartTranslations("UEditor");
-  const [url, setUrl] = (0, import_react69.useState)(initialUrl);
-  const [error, setError] = (0, import_react69.useState)("");
-  const inputRef = (0, import_react69.useRef)(null);
-  const errorId = (0, import_react69.useId)();
-  (0, import_react69.useEffect)(() => {
+  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)(() => {
     inputRef.current?.focus();
     inputRef.current?.select();
   }, []);
@@ -32724,18 +33042,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_react52.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_react52.X, { className: "w-4 h-4" }) })
+      /* @__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" }) })
     ] }),
     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
   ] });
 };
 var ImageInput = ({ onSubmit, onCancel }) => {
   const t = useSmartTranslations("UEditor");
-  const [url, setUrl] = (0, import_react69.useState)("");
-  const [alt, setAlt] = (0, import_react69.useState)("");
-  const inputRef = (0, import_react69.useRef)(null);
-  (0, import_react69.useEffect)(() => {
+  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)(() => {
     inputRef.current?.focus();
   }, []);
   const handleSubmit = (e) => {
@@ -33201,7 +33519,7 @@ function fileToDataUrl2(file) {
 function formatTableInsertLabel(template, rows, cols) {
   return template.replace("{rows}", String(rows)).replace("{cols}", String(cols));
 }
-var ToolbarButton = import_react70.default.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
+var ToolbarButton = import_react71.default.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
   const button = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     "button",
     {
@@ -33238,7 +33556,7 @@ var TableInsertGrid = ({
   previewTemplate,
   onInsert
 }) => {
-  const [selection, setSelection] = import_react70.default.useState({ rows: 3, cols: 3 });
+  const [selection, setSelection] = import_react71.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: [
@@ -33291,18 +33609,18 @@ var EditorToolbar = ({
   letterSpacings
 }) => {
   const t = useSmartTranslations("UEditor");
-  (0, import_react71.useEditorState)({
+  (0, import_react72.useEditorState)({
     editor,
     selector: ({ transactionNumber }) => transactionNumber
   });
   const { textColors, highlightColors } = useEditorColors();
-  const [showImageInput, setShowImageInput] = (0, import_react70.useState)(false);
-  const [showLinkInput, setShowLinkInput] = (0, import_react70.useState)(false);
-  const [isTableMenuOpen, setIsTableMenuOpen] = (0, import_react70.useState)(false);
-  const [preservedTableAnchorPos, setPreservedTableAnchorPos] = (0, import_react70.useState)(null);
-  const fileInputRef = (0, import_react70.useRef)(null);
-  const [isUploadingImage, setIsUploadingImage] = (0, import_react70.useState)(false);
-  const [imageUploadError, setImageUploadError] = (0, import_react70.useState)(null);
+  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 isImageSelected = editor.isActive("image");
   const imageAttrs = editor.getAttributes("image");
   const tableAnchorPos = getTableAnchorPos(editor);
@@ -33325,10 +33643,10 @@ var EditorToolbar = ({
   const currentHighlightColor = normalizeStyleValue(editor.getAttributes("highlight").color) || "";
   const currentLineHeight = normalizeStyleValue(textStyleAttrs.lineHeight);
   const currentLetterSpacing = normalizeStyleValue(textStyleAttrs.letterSpacing);
-  const availableFontFamilies = import_react70.default.useMemo(() => fontFamilies ?? getDefaultFontFamilies(t), [fontFamilies, t]);
-  const availableFontSizes = import_react70.default.useMemo(() => fontSizes ?? getDefaultFontSizes(), [fontSizes]);
-  const availableLineHeights = import_react70.default.useMemo(() => lineHeights ?? getDefaultLineHeights(), [lineHeights]);
-  const availableLetterSpacings = import_react70.default.useMemo(() => letterSpacings ?? getDefaultLetterSpacings(), [letterSpacings]);
+  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 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";
@@ -33366,18 +33684,18 @@ var EditorToolbar = ({
   };
   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_react53.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_react53.Redo, { className: "w-4 h-4" }) }),
+      /* @__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_react53.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_react53.Italic, { className: "w-4 h-4" }) }),
+      /* @__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().toggleBulletList().run(),
           active: editor.isActive("bulletList"),
           title: t("toolbar.bulletList"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.List, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.List, { className: "w-4 h-4" })
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
@@ -33385,14 +33703,14 @@ var EditorToolbar = ({
         {
           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_react53.SquareCheckBig, { className: "w-4 h-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.ChevronDown, { className: "w-3 h-3" })
+            /* @__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_react53.SquareCheckBig,
+                icon: import_lucide_react52.SquareCheckBig,
                 label: t("slashCommand.formCheckbox"),
                 onClick: () => editor.chain().focus().setFormCheckbox().run()
               }
@@ -33400,7 +33718,7 @@ var EditorToolbar = ({
             /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
               DropdownMenuItem,
               {
-                icon: import_lucide_react53.CircleCheckBig,
+                icon: import_lucide_react52.CircleCheckBig,
                 label: t("slashCommand.roundCheckbox"),
                 onClick: () => editor.chain().focus().setFormCheckbox({ variant: "circle" }).run()
               }
@@ -33412,7 +33730,7 @@ var EditorToolbar = ({
         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_react53.Link, { className: "w-4 h-4" }) }),
+          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,
             {
@@ -33427,7 +33745,7 @@ var EditorToolbar = ({
             /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
               DropdownMenuItem,
               {
-                icon: import_lucide_react53.Link,
+                icon: import_lucide_react52.Link,
                 label: t("toolbar.link"),
                 onClick: () => setShowLinkInput(true),
                 active: editor.isActive("link"),
@@ -33437,7 +33755,7 @@ var EditorToolbar = ({
             /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
               DropdownMenuItem,
               {
-                icon: import_lucide_react53.Trash2,
+                icon: import_lucide_react52.Trash2,
                 label: t("toolbar.removeLink"),
                 onClick: () => editor.chain().focus().extendMarkRange("link").unsetLink().run(),
                 disabled: !editor.isActive("link"),
@@ -33449,7 +33767,7 @@ var EditorToolbar = ({
       )
     ] });
   }
-  const VerticalAlignActiveIcon = currentCellVerticalAlign === "middle" ? import_lucide_react53.AlignCenterVertical : currentCellVerticalAlign === "bottom" ? import_lucide_react53.AlignEndVertical : import_lucide_react53.AlignStartVertical;
+  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,
@@ -33457,7 +33775,7 @@ var EditorToolbar = ({
         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_react53.ChevronDown, { className: "h-3 w-3 text-muted-foreground" })
+          /* @__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)(
@@ -33478,10 +33796,10 @@ var EditorToolbar = ({
         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_react53.ChevronsUpDown, { className: "h-3 w-3 text-muted-foreground", strokeWidth: 2.5 }),
+            /* @__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_react53.ChevronDown, { className: "h-3 w-3 text-muted-foreground" })
+          /* @__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)(
@@ -33501,14 +33819,14 @@ var EditorToolbar = ({
         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_react53.Type, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.ChevronDown, { className: "h-3 w-3 text-muted-foreground" })
+          /* @__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_react53.Type,
+              icon: import_lucide_react52.Type,
               label: t("toolbar.normal"),
               onClick: () => editor.chain().focus().setParagraph().run(),
               active: editor.isActive("paragraph")
@@ -33517,7 +33835,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.Heading1,
+              icon: import_lucide_react52.Heading1,
               label: t("toolbar.heading1"),
               onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
               active: editor.isActive("heading", { level: 1 }),
@@ -33527,7 +33845,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.Heading2,
+              icon: import_lucide_react52.Heading2,
               label: t("toolbar.heading2"),
               onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
               active: editor.isActive("heading", { level: 2 }),
@@ -33537,7 +33855,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.Heading3,
+              icon: import_lucide_react52.Heading3,
               label: t("toolbar.heading3"),
               onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
               active: editor.isActive("heading", { level: 3 }),
@@ -33553,15 +33871,15 @@ var EditorToolbar = ({
         {
           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_react53.ArrowUp, { className: "w-3 h-3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.ArrowDown, { className: "w-3 h-3" })
+            /* @__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,
               {
-                icon: import_lucide_react53.Type,
+                icon: import_lucide_react52.Type,
                 label: t("toolbar.lineHeightDefault"),
                 onClick: () => editor.chain().focus().unsetLineHeight().run(),
                 active: !currentLineHeight
@@ -33584,15 +33902,15 @@ var EditorToolbar = ({
         {
           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_react53.ArrowLeft, { className: "w-3 h-3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.ArrowRight, { className: "w-3 h-3" })
+            /* @__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,
               {
-                icon: import_lucide_react53.Type,
+                icon: import_lucide_react52.Type,
                 label: t("toolbar.letterSpacingDefault"),
                 onClick: () => editor.chain().focus().unsetLetterSpacing().run(),
                 active: !currentLetterSpacing
@@ -33612,19 +33930,19 @@ var EditorToolbar = ({
       )
     ] }),
     /* @__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_react53.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_react53.Italic, { className: "w-4 h-4" }) }),
+    /* @__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_react53.Underline, { className: "w-4 h-4" })
+        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_react53.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_react53.Code, { 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,
@@ -33632,7 +33950,7 @@ var EditorToolbar = ({
           onClick: () => editor.chain().focus().toggleSubscript().run(),
           active: editor.isActive("subscript"),
           title: t("toolbar.subscript"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.Subscript, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Subscript, { className: "w-4 h-4" })
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
@@ -33641,7 +33959,7 @@ var EditorToolbar = ({
           onClick: () => editor.chain().focus().toggleSuperscript().run(),
           active: editor.isActive("superscript"),
           title: t("toolbar.superscript"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.Superscript, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.Superscript, { className: "w-4 h-4" })
         }
       )
     ] }),
@@ -33649,7 +33967,7 @@ var EditorToolbar = ({
       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_react53.Link, { className: "w-4 h-4" }) }),
+        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,
           {
@@ -33664,7 +33982,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.Link,
+              icon: import_lucide_react52.Link,
               label: t("toolbar.link"),
               onClick: () => setShowLinkInput(true),
               active: editor.isActive("link"),
@@ -33674,7 +33992,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.Trash2,
+              icon: import_lucide_react52.Trash2,
               label: t("toolbar.removeLink"),
               onClick: () => editor.chain().focus().extendMarkRange("link").unsetLink().run(),
               disabled: !editor.isActive("link"),
@@ -33691,7 +34009,7 @@ var EditorToolbar = ({
         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_react53.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
           EditorColorPalette,
@@ -33716,7 +34034,7 @@ var EditorToolbar = ({
         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_react53.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
           EditorColorPalette,
@@ -33742,7 +34060,7 @@ var EditorToolbar = ({
         {
           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_react53.Smile, { className: "w-4 h-4" }) }),
+          }, 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,
             {
@@ -33761,14 +34079,14 @@ var EditorToolbar = ({
         {
           trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(ToolbarButton, { onClick: () => {
           }, title: t("toolbar.alignment"), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.AlignLeft, { className: "w-4 h-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.ChevronDown, { className: "w-3 h-3" })
+            /* @__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_react53.AlignLeft,
+                icon: import_lucide_react52.AlignLeft,
                 label: t("toolbar.alignLeft"),
                 onClick: () => editor.chain().focus().setTextAlign("left").run(),
                 active: editor.isActive({ textAlign: "left" })
@@ -33777,7 +34095,7 @@ var EditorToolbar = ({
             /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
               DropdownMenuItem,
               {
-                icon: import_lucide_react53.AlignCenter,
+                icon: import_lucide_react52.AlignCenter,
                 label: t("toolbar.alignCenter"),
                 onClick: () => editor.chain().focus().setTextAlign("center").run(),
                 active: editor.isActive({ textAlign: "center" })
@@ -33786,7 +34104,7 @@ var EditorToolbar = ({
             /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
               DropdownMenuItem,
               {
-                icon: import_lucide_react53.AlignRight,
+                icon: import_lucide_react52.AlignRight,
                 label: t("toolbar.alignRight"),
                 onClick: () => editor.chain().focus().setTextAlign("right").run(),
                 active: editor.isActive({ textAlign: "right" })
@@ -33795,7 +34113,7 @@ var EditorToolbar = ({
             /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
               DropdownMenuItem,
               {
-                icon: import_lucide_react53.AlignJustify,
+                icon: import_lucide_react52.AlignJustify,
                 label: t("toolbar.justify"),
                 onClick: () => editor.chain().focus().setTextAlign("justify").run(),
                 active: editor.isActive({ textAlign: "justify" })
@@ -33806,7 +34124,7 @@ var EditorToolbar = ({
               /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
                 DropdownMenuItem,
                 {
-                  icon: import_lucide_react53.AlignStartVertical,
+                  icon: import_lucide_react52.AlignStartVertical,
                   label: t("tableMenu.alignVerticalTop") || "Align top",
                   onClick: () => applyTableCellAttribute(editor, "verticalAlign", "top"),
                   active: currentCellVerticalAlign === "top"
@@ -33815,7 +34133,7 @@ var EditorToolbar = ({
               /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
                 DropdownMenuItem,
                 {
-                  icon: import_lucide_react53.AlignCenterVertical,
+                  icon: import_lucide_react52.AlignCenterVertical,
                   label: t("tableMenu.alignVerticalMiddle") || "Align middle",
                   onClick: () => applyTableCellAttribute(editor, "verticalAlign", "middle"),
                   active: currentCellVerticalAlign === "middle"
@@ -33824,7 +34142,7 @@ var EditorToolbar = ({
               /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
                 DropdownMenuItem,
                 {
-                  icon: import_lucide_react53.AlignEndVertical,
+                  icon: import_lucide_react52.AlignEndVertical,
                   label: t("tableMenu.alignVerticalBottom") || "Align bottom",
                   onClick: () => applyTableCellAttribute(editor, "verticalAlign", "bottom"),
                   active: currentCellVerticalAlign === "bottom"
@@ -33839,14 +34157,14 @@ var EditorToolbar = ({
         {
           trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(ToolbarButton, { onClick: () => {
           }, title: t("tableMenu.textDirection"), children: [
-            currentCellTextDirection === "vertical" ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.ArrowRight, { className: "w-4 h-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.ChevronDown, { className: "w-3 h-3" })
+            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,
               {
-                icon: import_lucide_react53.ArrowRight,
+                icon: import_lucide_react52.ArrowRight,
                 label: t("tableMenu.horizontalText"),
                 onClick: () => applyTableCellAttribute(editor, "textDirection", null),
                 active: currentCellTextDirection === "horizontal"
@@ -33855,7 +34173,7 @@ var EditorToolbar = ({
             /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
               DropdownMenuItem,
               {
-                icon: import_lucide_react53.ArrowDown,
+                icon: import_lucide_react52.ArrowDown,
                 label: t("tableMenu.verticalText"),
                 onClick: () => applyTableCellAttribute(editor, "textDirection", "vertical"),
                 active: currentCellTextDirection === "vertical"
@@ -33871,14 +34189,14 @@ var EditorToolbar = ({
       {
         trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.bulletList"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.List, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.ChevronDown, { className: "w-3 h-3" })
+          /* @__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_react53.List,
+              icon: import_lucide_react52.List,
               label: t("toolbar.bulletList"),
               onClick: () => editor.chain().focus().toggleBulletList().run(),
               active: editor.isActive("bulletList"),
@@ -33888,7 +34206,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.ListOrdered,
+              icon: import_lucide_react52.ListOrdered,
               label: t("toolbar.orderedList"),
               onClick: () => editor.chain().focus().toggleOrderedList().run(),
               active: editor.isActive("orderedList"),
@@ -33898,7 +34216,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.ListTodo,
+              icon: import_lucide_react52.ListTodo,
               label: t("toolbar.taskList"),
               onClick: () => editor.chain().focus().toggleTaskList().run(),
               active: editor.isActive("taskList"),
@@ -33913,14 +34231,14 @@ var EditorToolbar = ({
       {
         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_react53.SquareCheckBig, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.ChevronDown, { className: "w-3 h-3" })
+          /* @__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_react53.SquareCheckBig,
+              icon: import_lucide_react52.SquareCheckBig,
               label: t("slashCommand.formCheckbox"),
               onClick: () => editor.chain().focus().setFormCheckbox().run()
             }
@@ -33928,7 +34246,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.CircleCheckBig,
+              icon: import_lucide_react52.CircleCheckBig,
               label: t("slashCommand.roundCheckbox"),
               onClick: () => editor.chain().focus().setFormCheckbox({ variant: "circle" }).run()
             }
@@ -33936,20 +34254,20 @@ var EditorToolbar = ({
         ]
       }
     ),
-    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_react53.Quote, { className: "w-4 h-4" }) }),
+    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_react53.Quote, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.ChevronDown, { className: "w-3 h-3" })
+          /* @__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,
             {
-              icon: import_lucide_react53.Quote,
+              icon: import_lucide_react52.Quote,
               label: t("toolbar.quote"),
               onClick: () => editor.chain().focus().toggleBlockquote().run(),
               active: editor.isActive("blockquote"),
@@ -33959,7 +34277,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.FileCode,
+              icon: import_lucide_react52.FileCode,
               label: t("toolbar.codeBlock"),
               onClick: () => editor.chain().focus().toggleCodeBlock().run(),
               active: editor.isActive("codeBlock"),
@@ -33974,8 +34292,8 @@ var EditorToolbar = ({
       {
         trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.image"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.Image, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.ChevronDown, { className: "w-3 h-3" })
+          /* @__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,
@@ -33987,11 +34305,11 @@ var EditorToolbar = ({
             onCancel: () => setShowImageInput(false)
           }
         ) : /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(DropdownMenuItem, { icon: import_lucide_react53.Link, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true), closeOnSelect: false }),
+          /* @__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_react53.Upload,
+              icon: import_lucide_react52.Upload,
               label: isUploadingImage ? t("imageInput.uploading") : t("imageInput.uploadTab"),
               disabled: isUploadingImage,
               onClick: () => fileInputRef.current?.click(),
@@ -34018,7 +34336,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.AlignCenter,
+              icon: import_lucide_react52.AlignCenter,
               label: t("toolbar.imageLayoutBlock"),
               onClick: () => applyImageLayout(editor, "block"),
               active: isImageSelected && imageLayout === "block",
@@ -34028,7 +34346,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.AlignLeft,
+              icon: import_lucide_react52.AlignLeft,
               label: t("toolbar.imageLayoutLeft"),
               onClick: () => applyImageLayout(editor, "left"),
               active: isImageSelected && imageLayout === "left",
@@ -34038,7 +34356,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.AlignRight,
+              icon: import_lucide_react52.AlignRight,
               label: t("toolbar.imageLayoutRight"),
               onClick: () => applyImageLayout(editor, "right"),
               active: isImageSelected && imageLayout === "right",
@@ -34077,7 +34395,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.RotateCcw,
+              icon: import_lucide_react52.RotateCcw,
               label: t("toolbar.imageResetSize"),
               onClick: () => resetImageSize(editor),
               disabled: !isImageSelected
@@ -34086,7 +34404,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.Trash2,
+              icon: import_lucide_react52.Trash2,
               label: t("toolbar.imageDelete"),
               onClick: () => deleteSelectedImage(editor),
               disabled: !isImageSelected,
@@ -34106,8 +34424,8 @@ var EditorToolbar = ({
         },
         trigger: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.table"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.Table, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.ChevronDown, { className: "w-3 h-3" })
+          /* @__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: [
@@ -34127,7 +34445,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.AlignLeft,
+              icon: import_lucide_react52.AlignLeft,
               label: t("tableMenu.alignLeft"),
               onClick: () => applyTableAlignment(editor, "left", tableCommandAnchorPos),
               active: hasTableContext && currentTableAlign === "left",
@@ -34137,7 +34455,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.AlignCenter,
+              icon: import_lucide_react52.AlignCenter,
               label: t("tableMenu.alignCenter"),
               onClick: () => applyTableAlignment(editor, "center", tableCommandAnchorPos),
               active: hasTableContext && currentTableAlign === "center",
@@ -34147,7 +34465,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.AlignRight,
+              icon: import_lucide_react52.AlignRight,
               label: t("tableMenu.alignRight"),
               onClick: () => applyTableAlignment(editor, "right", tableCommandAnchorPos),
               active: hasTableContext && currentTableAlign === "right",
@@ -34158,7 +34476,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.ArrowLeft,
+              icon: import_lucide_react52.ArrowLeft,
               label: t("tableMenu.addColumnBefore"),
               onClick: () => editor.chain().focus().addColumnBefore().run(),
               disabled: !hasTableContext || !editor.can().addColumnBefore()
@@ -34167,7 +34485,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.ArrowDown,
+              icon: import_lucide_react52.ArrowDown,
               label: t("tableMenu.addColumnAfter"),
               onClick: () => editor.chain().focus().addColumnAfter().run(),
               disabled: !hasTableContext || !editor.can().addColumnAfter()
@@ -34176,7 +34494,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.ArrowUp,
+              icon: import_lucide_react52.ArrowUp,
               label: t("tableMenu.addRowBefore"),
               onClick: () => editor.chain().focus().addRowBefore().run(),
               disabled: !hasTableContext || !editor.can().addRowBefore()
@@ -34185,7 +34503,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.ArrowRight,
+              icon: import_lucide_react52.ArrowRight,
               label: t("tableMenu.addRowAfter"),
               onClick: () => editor.chain().focus().addRowAfter().run(),
               disabled: !hasTableContext || !editor.can().addRowAfter()
@@ -34195,7 +34513,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.Table,
+              icon: import_lucide_react52.Table,
               label: t("tableMenu.toggleHeaderRow"),
               onClick: () => editor.chain().focus().toggleHeaderRow().run(),
               disabled: !hasTableContext || !editor.can().toggleHeaderRow()
@@ -34204,7 +34522,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.Table,
+              icon: import_lucide_react52.Table,
               label: t("tableMenu.toggleHeaderColumn"),
               onClick: () => editor.chain().focus().toggleHeaderColumn().run(),
               disabled: !hasTableContext || !editor.can().toggleHeaderColumn()
@@ -34214,7 +34532,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.Trash2,
+              icon: import_lucide_react52.Trash2,
               label: t("tableMenu.deleteColumn"),
               onClick: () => editor.chain().focus().deleteColumn().run(),
               disabled: !hasTableContext || !editor.can().deleteColumn()
@@ -34223,7 +34541,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.Trash2,
+              icon: import_lucide_react52.Trash2,
               label: t("tableMenu.deleteRow"),
               onClick: () => editor.chain().focus().deleteRow().run(),
               disabled: !hasTableContext || !editor.can().deleteRow()
@@ -34232,7 +34550,7 @@ var EditorToolbar = ({
           /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react53.Trash2,
+              icon: import_lucide_react52.Trash2,
               label: t("tableMenu.deleteTable"),
               onClick: () => editor.chain().focus().deleteTable().run(),
               disabled: !hasTableContext || !editor.can().deleteTable()
@@ -34242,8 +34560,8 @@ var EditorToolbar = ({
       }
     ),
     /* @__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_react53.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_react53.Redo, { className: "w-4 h-4" }) }),
+    /* @__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)(
@@ -34252,7 +34570,7 @@ var EditorToolbar = ({
           onClick: () => editor.chain().focus().addColumnBefore().run(),
           disabled: !editor.can().addColumnBefore(),
           title: t("tableMenu.addColumnBefore"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.ArrowLeft, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ArrowLeft, { className: "w-4 h-4" })
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
@@ -34261,7 +34579,7 @@ var EditorToolbar = ({
           onClick: () => editor.chain().focus().addColumnAfter().run(),
           disabled: !editor.can().addColumnAfter(),
           title: t("tableMenu.addColumnAfter"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.ArrowRight, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ArrowRight, { className: "w-4 h-4" })
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
@@ -34270,7 +34588,7 @@ var EditorToolbar = ({
           onClick: () => editor.chain().focus().addRowBefore().run(),
           disabled: !editor.can().addRowBefore(),
           title: t("tableMenu.addRowBefore"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.ArrowUp, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ArrowUp, { className: "w-4 h-4" })
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
@@ -34279,7 +34597,7 @@ var EditorToolbar = ({
           onClick: () => editor.chain().focus().addRowAfter().run(),
           disabled: !editor.can().addRowAfter(),
           title: t("tableMenu.addRowAfter"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.ArrowDown, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.ArrowDown, { className: "w-4 h-4" })
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
@@ -34295,7 +34613,7 @@ var EditorToolbar = ({
           active: canSplitCell,
           disabled: !canMergeCells && !canSplitCell,
           title: canSplitCell ? t("tableMenu.splitCell") : t("tableMenu.mergeCells"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react53.TableCellsMerge, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react52.TableCellsMerge, { className: "w-4 h-4" })
         }
       )
     ] })
@@ -34303,15 +34621,143 @@ var EditorToolbar = ({
 };
 
 // src/components/UEditor/menus.tsx
-var import_react72 = require("react");
-var import_react73 = require("@tiptap/react");
-var import_tables6 = require("@tiptap/pm/tables");
+var import_react73 = require("react");
+var import_react74 = require("@tiptap/react");
+var import_tables7 = require("@tiptap/pm/tables");
 var import_react_dom8 = require("react-dom");
-var import_lucide_react54 = require("lucide-react");
+var import_lucide_react53 = require("lucide-react");
+
+// src/components/UEditor/table-border-commands.ts
+var import_tables5 = require("@tiptap/pm/tables");
+var SIDES = ["top", "right", "bottom", "left"];
+var OPPOSITE_SIDE = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+};
+function splitCssValues(value) {
+  const values = [];
+  let token = "";
+  let parentheses = 0;
+  for (const character of value.trim()) {
+    if (/\s/.test(character) && parentheses === 0) {
+      if (token) values.push(token);
+      token = "";
+      continue;
+    }
+    if (character === "(") parentheses += 1;
+    if (character === ")") parentheses = Math.max(0, parentheses - 1);
+    token += character;
+  }
+  if (token) values.push(token);
+  return values;
+}
+function expandCssQuad(value, fallback) {
+  const values = typeof value === "string" ? splitCssValues(value) : [];
+  const [top = fallback, right = top, bottom = top, left = right] = values;
+  return { top, right, bottom, left };
+}
+function serializeCssQuad({ top, right, bottom, left }) {
+  if (top === right && top === bottom && top === left) return top;
+  if (top === bottom && right === left) return `${top} ${right}`;
+  if (right === left) return `${top} ${right} ${bottom}`;
+  return `${top} ${right} ${bottom} ${left}`;
+}
+function getAppliedSides(position, cell, selection) {
+  const outer = {
+    top: cell.top === selection.top,
+    right: cell.right === selection.right,
+    bottom: cell.bottom === selection.bottom,
+    left: cell.left === selection.left
+  };
+  const inner = {
+    top: cell.top > selection.top,
+    right: cell.right < selection.right,
+    bottom: cell.bottom < selection.bottom,
+    left: cell.left > selection.left
+  };
+  switch (position) {
+    case "all":
+      return { top: true, right: true, bottom: true, left: true };
+    case "outer":
+      return outer;
+    case "inner":
+      return inner;
+    case "horizontal":
+      return { top: inner.top, right: false, bottom: inner.bottom, left: false };
+    case "vertical":
+      return { top: false, right: inner.right, bottom: false, left: inner.left };
+    default:
+      return {
+        top: position === "top" && outer.top,
+        right: position === "right" && outer.right,
+        bottom: position === "bottom" && outer.bottom,
+        left: position === "left" && outer.left
+      };
+  }
+}
+function applyTableCellBorders(editor, position, format, options = {}) {
+  const { state, view } = editor;
+  const selection = (0, import_tables5.selectedRect)(state);
+  const transaction = state.tr;
+  const cellPositions = new Set(selection.map.cellsInRect(selection));
+  const sidesByCell = /* @__PURE__ */ new Map();
+  const addSide = (cellPos, side) => {
+    const sides = sidesByCell.get(cellPos) ?? /* @__PURE__ */ new Set();
+    sides.add(side);
+    sidesByCell.set(cellPos, sides);
+  };
+  const addAdjacentSides = (cell, side) => {
+    const adjacentPositions = /* @__PURE__ */ new Set();
+    if (side === "top" && cell.top > 0) {
+      for (let col = cell.left; col < cell.right; col += 1) adjacentPositions.add(selection.map.map[(cell.top - 1) * selection.map.width + col]);
+    } else if (side === "bottom" && cell.bottom < selection.map.height) {
+      for (let col = cell.left; col < cell.right; col += 1) adjacentPositions.add(selection.map.map[cell.bottom * selection.map.width + col]);
+    } else if (side === "left" && cell.left > 0) {
+      for (let row = cell.top; row < cell.bottom; row += 1) adjacentPositions.add(selection.map.map[row * selection.map.width + cell.left - 1]);
+    } else if (side === "right" && cell.right < selection.map.width) {
+      for (let row = cell.top; row < cell.bottom; row += 1) adjacentPositions.add(selection.map.map[row * selection.map.width + cell.right]);
+    }
+    for (const adjacentPos of adjacentPositions) addSide(adjacentPos, OPPOSITE_SIDE[side]);
+  };
+  for (const relativePos of cellPositions) {
+    const cell = selection.map.findCell(relativePos);
+    const appliedSides = getAppliedSides(position, cell, selection);
+    for (const side of SIDES) {
+      if (!appliedSides[side]) continue;
+      addSide(relativePos, side);
+      addAdjacentSides(cell, side);
+    }
+  }
+  for (const [relativePos, appliedSides] of sidesByCell) {
+    const absolutePos = selection.tableStart + relativePos;
+    const node = state.doc.nodeAt(absolutePos);
+    if (!node) continue;
+    const styles = expandCssQuad(node.attrs.borderStyle, "solid");
+    const widths = expandCssQuad(node.attrs.borderWidth, "1px");
+    const colors = expandCssQuad(node.attrs.borderColor, "#000000");
+    for (const side of SIDES) {
+      if (!appliedSides.has(side)) continue;
+      styles[side] = format.style;
+      widths[side] = format.width;
+      colors[side] = format.color || "currentColor";
+    }
+    transaction.setNodeMarkup(absolutePos, void 0, {
+      ...node.attrs,
+      borderStyle: serializeCssQuad(styles),
+      borderWidth: serializeCssQuad(widths),
+      borderColor: serializeCssQuad(colors)
+    });
+  }
+  if (transaction.docChanged) view.dispatch(transaction);
+  if (options.focus ?? true) view.focus();
+  return transaction.docChanged;
+}
 
 // src/components/UEditor/table-formula-commands.ts
 var import_state11 = require("@tiptap/pm/state");
-var import_tables5 = require("@tiptap/pm/tables");
+var import_tables6 = require("@tiptap/pm/tables");
 
 // src/components/UEditor/table-formula.ts
 var CELL_ADDRESS_RE = /^([A-Z]+)([1-9]\d*)$/i;
@@ -34902,7 +35348,7 @@ function getSelectionTableCellAnchor(editor) {
     const tableNode = $cell.node(depth);
     if (tableNode.type.name !== "table") continue;
     const tableStart = $cell.start(depth);
-    const rect = safeFindCell2(import_tables5.TableMap.get(tableNode), cellPos - tableStart);
+    const rect = safeFindCell2(import_tables6.TableMap.get(tableNode), cellPos - tableStart);
     if (!rect) return null;
     return {
       cellPos,
@@ -34918,7 +35364,7 @@ function getSelectionTableCellAnchor(editor) {
 function restoreSelectionAtTableCell(editor, anchor) {
   const tableNode = editor.state.doc.nodeAt(anchor.tablePos);
   if (!tableNode || tableNode.type.name !== "table") return false;
-  const map = import_tables5.TableMap.get(tableNode);
+  const map = import_tables6.TableMap.get(tableNode);
   if (anchor.row >= map.height || anchor.column >= map.width) return false;
   const relativeCellPos = map.positionAt(anchor.row, anchor.column, tableNode);
   const cellPos = anchor.tablePos + 1 + relativeCellPos;
@@ -34974,7 +35420,7 @@ function getSelectionTableCellLabel(editor) {
   const tableNode = $from.node(tableDepth);
   const tableStart = $from.start(tableDepth);
   const relativeCellPos = $from.before(cellDepth) - tableStart;
-  const rect = safeFindCell2(import_tables5.TableMap.get(tableNode), relativeCellPos);
+  const rect = safeFindCell2(import_tables6.TableMap.get(tableNode), relativeCellPos);
   if (!rect) return null;
   return `${indexToColumnName(rect.left)}${rect.top + 1}`;
 }
@@ -35012,7 +35458,7 @@ function removeSelectedTableCellFormula(editor, clearContent) {
   return true;
 }
 function buildTableValueMap(tableNode) {
-  const map = import_tables5.TableMap.get(tableNode);
+  const map = import_tables6.TableMap.get(tableNode);
   const values = /* @__PURE__ */ new Map();
   for (const rowInfo of getTableRows2(tableNode)) {
     for (const entry of rowInfo.cells) {
@@ -35037,8 +35483,8 @@ function setSelectedTableCellFormula(editor, formula) {
   if (!normalized) {
     return clearSelectedTableCellFormula(editor);
   }
-  const appliedFormula = (0, import_tables5.setCellAttr)("formula", normalized)(state, view.dispatch.bind(view));
-  const clearedValue = (0, import_tables5.setCellAttr)("computedValue", null)(editor.state, view.dispatch.bind(view));
+  const appliedFormula = (0, import_tables6.setCellAttr)("formula", normalized)(state, view.dispatch.bind(view));
+  const clearedValue = (0, import_tables6.setCellAttr)("computedValue", null)(editor.state, view.dispatch.bind(view));
   if (appliedFormula || clearedValue) {
     recalculateActiveTableFormulas(editor);
     if (selectionAnchor) restoreSelectionAtTableCell(editor, selectionAnchor);
@@ -35057,7 +35503,7 @@ function convertSelectedTableCellFormulaToValue(editor) {
 function setSelectedTableCellNumberFormat(editor, numberFormat) {
   const value = numberFormat && numberFormat !== "text" ? numberFormat : null;
   const { state, view } = editor;
-  const applied = (0, import_tables5.setCellAttr)("numberFormat", value)(state, view.dispatch.bind(view));
+  const applied = (0, import_tables6.setCellAttr)("numberFormat", value)(state, view.dispatch.bind(view));
   if (!applied) return false;
   recalculateSelectedTable(editor);
   view.focus();
@@ -35129,7 +35575,7 @@ function promoteFormulaTextInTableNode(tableNode) {
 function recalculateTableNode(tableNode, options) {
   const promoted = promoteFormulaTextInTableNode(tableNode);
   tableNode = promoted.tableNode;
-  const map = import_tables5.TableMap.get(tableNode);
+  const map = import_tables6.TableMap.get(tableNode);
   const values = buildTableValueMap(tableNode);
   const formulaEntries = /* @__PURE__ */ new Map();
   let changed = false;
@@ -35200,7 +35646,7 @@ function recalculateTableNode(tableNode, options) {
   return tableNode.type.create(tableNode.attrs, rows);
 }
 function recalculateSelectedTable(editor) {
-  const rect = (0, import_tables5.selectedRect)(editor.state);
+  const rect = (0, import_tables6.selectedRect)(editor.state);
   const tableNode = rect.table;
   const nextTable = recalculateTableNode(tableNode);
   if (!nextTable) return false;
@@ -35254,10 +35700,10 @@ function recalculateAllTableFormulas(editor) {
 var import_jsx_runtime93 = require("react/jsx-runtime");
 var FloatingSlashCommandMenu = ({ editor, onClose }) => {
   const t = useSmartTranslations("UEditor");
-  const messages = (0, import_react72.useMemo)(() => buildSlashCommandMessages(t), [t]);
-  const items = (0, import_react72.useMemo)(() => buildSlashCommandItems({ query: "", messages }), [messages]);
-  const listRef = (0, import_react72.useRef)(null);
-  (0, import_react72.useEffect)(() => {
+  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 handleKeyDown2 = (event) => {
       if (event.key === "Escape") {
         event.preventDefault();
@@ -35287,7 +35733,7 @@ var FloatingSlashCommandMenu = ({ editor, onClose }) => {
 };
 var FloatingMenuContent = ({ editor }) => {
   const t = useSmartTranslations("UEditor");
-  const [showCommands, setShowCommands] = (0, import_react72.useState)(false);
+  const [showCommands, setShowCommands] = (0, import_react73.useState)(false);
   if (showCommands) {
     return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FloatingSlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
   }
@@ -35298,7 +35744,7 @@ var FloatingMenuContent = ({ editor }) => {
       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_react54.Plus, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
+        /* @__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") })
       ]
     }
@@ -35307,7 +35753,7 @@ var FloatingMenuContent = ({ editor }) => {
 function applyTableCellBackground(editor, color) {
   const value = color || null;
   const { state, view } = editor;
-  const applied = (0, import_tables6.setCellAttr)("backgroundColor", value)(state, view.dispatch.bind(view));
+  const applied = (0, import_tables7.setCellAttr)("backgroundColor", value)(state, view.dispatch.bind(view));
   if (applied) {
     view.focus();
     return;
@@ -35317,7 +35763,7 @@ function applyTableCellBackground(editor, color) {
 function applyTableCellAttribute2(editor, name, value, options = {}) {
   const shouldFocus = options.focus ?? true;
   const { state, view } = editor;
-  const applied = (0, import_tables6.setCellAttr)(name, value)(state, view.dispatch.bind(view));
+  const applied = (0, import_tables7.setCellAttr)(name, value)(state, view.dispatch.bind(view));
   if (applied) {
     if (shouldFocus) view.focus();
     return;
@@ -35344,6 +35790,32 @@ function BorderStylePreviewIcon({ style }) {
     }
   );
 }
+function BorderPositionPreviewIcon({ position }) {
+  const showTop = position === "all" || position === "outer" || position === "top";
+  const showRight = position === "all" || position === "outer" || position === "right";
+  const showBottom = position === "all" || position === "outer" || position === "bottom";
+  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)(
+      "path",
+      {
+        d: "M2 2H18V18H2Z M2 10H18 M10 2V18",
+        className: "text-foreground opacity-70",
+        stroke: "currentColor",
+        strokeDasharray: "2 1.5",
+        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" })
+  ] });
+}
 var BubbleMenuContent = ({
   editor,
   onKeepOpenChange,
@@ -35351,24 +35823,30 @@ var BubbleMenuContent = ({
   onRequestClose,
   fontSizes,
   lineHeights,
-  initialShowLinkInput = false
+  initialShowLinkInput = false,
+  cellBorderOpenRequest = 0
 }) => {
   const t = useSmartTranslations("UEditor");
-  (0, import_react73.useEditorState)({
+  (0, import_react74.useEditorState)({
     editor,
     selector: ({ transactionNumber }) => transactionNumber
   });
   const { textColors, highlightColors } = useEditorColors();
-  const [showLinkInput, setShowLinkInput] = (0, import_react72.useState)(initialShowLinkInput);
-  const [activeColorPalette, setActiveColorPalette] = (0, import_react72.useState)(null);
-  (0, import_react72.useEffect)(() => {
+  const [showLinkInput, setShowLinkInput] = (0, import_react73.useState)(initialShowLinkInput);
+  const [activeColorPalette, setActiveColorPalette] = (0, import_react73.useState)(null);
+  (0, import_react73.useEffect)(() => {
     setShowLinkInput(initialShowLinkInput);
   }, [initialShowLinkInput]);
-  const [showTypographyPanel, setShowTypographyPanel] = (0, import_react72.useState)(false);
-  const [showFormulaPanel, setShowFormulaPanel] = (0, import_react72.useState)(false);
-  const [formulaDraft, setFormulaDraft] = (0, import_react72.useState)("");
-  const [showFontSizeOptions, setShowFontSizeOptions] = (0, import_react72.useState)(false);
-  const [fontSizeDraft, setFontSizeDraft] = (0, import_react72.useState)("");
+  (0, import_react73.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 isImageSelected = editor.isActive("image");
   const imageAttrs = editor.getAttributes("image");
   const imageLayout = imageAttrs.imageLayout === "left" || imageAttrs.imageLayout === "right" ? imageAttrs.imageLayout : "block";
@@ -35381,22 +35859,30 @@ var BubbleMenuContent = ({
   const currentCellNumberFormat = normalizeStyleValue(editor.getAttributes("tableCell").numberFormat || editor.getAttributes("tableHeader").numberFormat) || "text";
   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)(
+    ["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 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_tables6.isInTable)(editor.state);
+  const isInTable2 = (0, import_tables7.isInTable)(editor.state);
   const canMergeCells = isInTable2 && editor.can().mergeCells();
   const canSplitCell = isInTable2 && editor.can().splitCell();
   const currentFontSize = normalizeStyleValue(textStyleAttrs.fontSize);
   const currentLineHeight = normalizeStyleValue(textStyleAttrs.lineHeight);
-  const quickFontSizes = (0, import_react72.useMemo)(
+  const quickFontSizes = (0, import_react73.useMemo)(
     () => (fontSizes ?? getDefaultFontSizes()).filter((option) => ["14px", "16px", "24px"].includes(option.value)),
     [fontSizes]
   );
-  const quickLineHeights = (0, import_react72.useMemo)(
+  const quickLineHeights = (0, import_react73.useMemo)(
     () => (lineHeights ?? getDefaultLineHeights()).filter((option) => ["1.2", "1.5", "1.75"].includes(option.value)),
     [lineHeights]
   );
-  const borderColors = (0, import_react72.useMemo)(
+  const borderColors = (0, import_react73.useMemo)(
     () => [
       highlightColors[0] ?? { name: t("colors.default"), color: "" },
       { name: "Black", color: "#000000" },
@@ -35405,10 +35891,10 @@ var BubbleMenuContent = ({
     ],
     [highlightColors, t]
   );
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     setFontSizeDraft(currentFontSize.replace(/px$/i, ""));
   }, [currentFontSize]);
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     setFormulaDraft(currentCellFormula);
   }, [currentCellFormula]);
   const applyFontSizeDraft = () => {
@@ -35423,40 +35909,79 @@ var BubbleMenuContent = ({
     editor.chain().focus().setFontSize(`${clamped}px`).run();
     setFontSizeDraft(String(clamped));
   };
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     onKeepOpenChange?.(showLinkInput);
     onLinkInputOpenChange?.(showLinkInput);
   }, [onKeepOpenChange, onLinkInputOpenChange, showLinkInput]);
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     onKeepOpenChange?.(Boolean(activeColorPalette));
   }, [activeColorPalette, onKeepOpenChange]);
-  const closeTransientPanels = (0, import_react72.useCallback)(() => {
+  const closeTransientPanels = (0, import_react73.useCallback)(() => {
     setActiveColorPalette(null);
     setShowLinkInput(false);
     onKeepOpenChange?.(false);
     onLinkInputOpenChange?.(false);
     onRequestClose?.();
   }, [onKeepOpenChange, onLinkInputOpenChange, onRequestClose]);
-  const applyTableCellAttributeAndClose = (0, import_react72.useCallback)((name, value) => {
-    applyTableCellAttribute2(editor, name, value, { focus: false });
-    closeTransientPanels();
-  }, [closeTransientPanels, editor]);
-  const clearTableCellBorderAndClose = (0, import_react72.useCallback)(() => {
-    applyTableCellAttribute2(editor, "borderColor", null, { focus: false });
-    applyTableCellAttribute2(editor, "borderStyle", null, { focus: false });
-    applyTableCellAttribute2(editor, "borderWidth", null, { focus: false });
-    closeTransientPanels();
-  }, [closeTransientPanels, editor]);
-  const applyTableCellBorderColorAndClose = (0, import_react72.useCallback)((color) => {
-    const value = color || null;
-    applyTableCellAttribute2(editor, "borderColor", value, { focus: false });
-    closeTransientPanels();
-  }, [closeTransientPanels, editor]);
-  const closeColorPalette = (0, import_react72.useCallback)(() => {
+  const selectTableCellBorderColor = (0, import_react73.useCallback)((color) => {
+    const value = color || "currentColor";
+    setBorderColorDraft(value);
+    setBorderEditMode("draw");
+    setActiveBorderPosition("all");
+    applyTableCellBorders(editor, "all", {
+      color: value,
+      style: borderStyleDraft,
+      width: borderWidthDraft
+    }, { focus: false });
+    setActiveColorPalette("cell-border");
+    onKeepOpenChange?.(true);
+  }, [borderStyleDraft, borderWidthDraft, editor, onKeepOpenChange]);
+  const applyTableCellBorderPosition = (0, import_react73.useCallback)((position) => {
+    setActiveBorderPosition(position);
+    applyTableCellBorders(editor, position, {
+      color: borderColorDraft,
+      style: borderEditMode === "erase" ? "none" : borderStyleDraft,
+      width: borderWidthDraft
+    }, { focus: false });
+    onKeepOpenChange?.(true);
+  }, [borderColorDraft, borderEditMode, borderStyleDraft, borderWidthDraft, editor, onKeepOpenChange]);
+  const applyTableCellBorderStyle = (0, import_react73.useCallback)((style) => {
+    setBorderStyleDraft(style);
+    setBorderEditMode("draw");
+    setActiveBorderPosition("all");
+    applyTableCellBorders(editor, "all", {
+      color: borderColorDraft,
+      style,
+      width: borderWidthDraft
+    }, { focus: false });
+    onKeepOpenChange?.(true);
+  }, [borderColorDraft, borderWidthDraft, editor, onKeepOpenChange]);
+  const applyTableCellBorderWidth = (0, import_react73.useCallback)((width) => {
+    setBorderWidthDraft(width);
+    setBorderEditMode("draw");
+    setActiveBorderPosition("all");
+    applyTableCellBorders(editor, "all", {
+      color: borderColorDraft,
+      style: borderStyleDraft,
+      width
+    }, { focus: false });
+    onKeepOpenChange?.(true);
+  }, [borderColorDraft, borderStyleDraft, editor, onKeepOpenChange]);
+  const clearTableCellBorders = (0, import_react73.useCallback)(() => {
+    setActiveBorderPosition("all");
+    setBorderEditMode("erase");
+    applyTableCellBorders(editor, "all", {
+      color: borderColorDraft,
+      style: "none",
+      width: borderWidthDraft
+    }, { focus: false });
+    onKeepOpenChange?.(true);
+  }, [borderColorDraft, borderWidthDraft, editor, onKeepOpenChange]);
+  const closeColorPalette = (0, import_react73.useCallback)(() => {
     setActiveColorPalette(null);
     onKeepOpenChange?.(false);
   }, [onKeepOpenChange]);
-  const applyInlineColorAndClose = (0, import_react72.useCallback)((color) => {
+  const applyInlineColorAndClose = (0, import_react73.useCallback)((color) => {
     if (activeColorPalette === "text") {
       if (color === "inherit") {
         editor.chain().focus().unsetColor().run();
@@ -35474,7 +35999,7 @@ var BubbleMenuContent = ({
     }
     closeColorPalette();
   }, [activeColorPalette, closeColorPalette, editor]);
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     if (!showLinkInput) return;
     const close2 = () => setShowLinkInput(false);
     editor.on("selectionUpdate", close2);
@@ -35505,27 +36030,104 @@ var BubbleMenuContent = ({
     const isTextPalette = activeColorPalette === "text";
     const isHighlightPalette = activeColorPalette === "highlight";
     if (activeColorPalette === "cell-border") {
-      const currentBorderColor = editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor || "currentColor";
-      return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-2 p-2 w-56 text-sm", "data-ueditor-keep-open": true, children: [
+      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: [
+              [
+                ["all", "borderAll"],
+                ["outer", "borderOuter"],
+                ["inner", "borderInner"],
+                ["horizontal", "borderHorizontal"],
+                ["vertical", "borderVertical"],
+                ["top", "borderTop"],
+                ["right", "borderRight"],
+                ["bottom", "borderBottom"],
+                ["left", "borderLeft"]
+              ].map(([position, labelKey]) => {
+                const label = t(`tableMenu.${labelKey}`) || position;
+                return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": label,
+                    title: label,
+                    onMouseDown: (event) => event.preventDefault(),
+                    onClick: () => applyTableCellBorderPosition(position),
+                    className: cn(
+                      "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 })
+                  },
+                  position
+                );
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": t("tableMenu.clearBorder") || "Clear borders",
+                  title: t("tableMenu.clearBorder") || "Clear borders",
+                  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" })
+                }
+              )
+            ] })
+          ] }),
+          /* @__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)(
+              "button",
+              {
+                type: "button",
+                "aria-label": t("tableMenu.borderDraw") || "Draw borders",
+                title: t("tableMenu.borderDraw") || "Draw borders",
+                onMouseDown: (event) => event.preventDefault(),
+                onClick: () => setBorderEditMode("draw"),
+                className: cn(
+                  "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" })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              "button",
+              {
+                type: "button",
+                "aria-label": t("tableMenu.borderErase") || "Hide borders",
+                title: t("tableMenu.borderErase") || "Hide borders",
+                onMouseDown: (event) => event.preventDefault(),
+                onClick: () => setBorderEditMode("erase"),
+                className: cn(
+                  "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" })
+              }
+            )
+          ] })
+        ] }),
         /* @__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-3 gap-1", role: "group", "aria-label": t("tableMenu.borderStyle") || "Border Style", children: [
+          /* @__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: [
             ["solid", "Solid"],
             ["dashed", "Dashed"],
             ["dotted", "Dotted"],
-            ["double", "Double"],
-            ["none", "None"]
+            ["double", "Double"]
           ].map(([style, label]) => /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
             "button",
             {
               type: "button",
-              "data-ueditor-close-on-select": true,
               onMouseDown: (event) => event.preventDefault(),
-              onClick: () => applyTableCellAttributeAndClose("borderStyle", style),
+              onClick: () => applyTableCellBorderStyle(style),
               className: cn(
-                "inline-flex h-8 items-center justify-center gap-1.5 rounded-md px-2 text-xs font-medium transition-colors hover:bg-muted",
-                currentCellBorderStyle === style ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
+                "inline-flex h-8 min-w-0 items-center justify-center gap-1.5 rounded-md px-2.5 text-xs font-medium transition-colors hover:bg-muted",
+                borderStyleDraft === style ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
               ),
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(BorderStylePreviewIcon, { style }),
@@ -35541,12 +36143,11 @@ var BubbleMenuContent = ({
             "button",
             {
               type: "button",
-              "data-ueditor-close-on-select": true,
               onMouseDown: (event) => event.preventDefault(),
-              onClick: () => applyTableCellAttributeAndClose("borderWidth", width),
+              onClick: () => applyTableCellBorderWidth(width),
               className: cn(
                 "h-8 rounded-md px-2 text-xs font-medium transition-colors hover:bg-muted",
-                currentCellBorderWidth === width ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
+                borderWidthDraft === width ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
               ),
               children: width
             },
@@ -35566,33 +36167,22 @@ var BubbleMenuContent = ({
                 {
                   className: "w-4 h-4 rounded-full border border-border",
                   style: {
-                    backgroundColor: currentBorderColor
+                    backgroundColor: borderColorDraft
                   }
                 }
               )
             ]
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "flex items-center justify-between gap-2 mt-2 pt-2 border-t border-border", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-          "button",
-          {
-            type: "button",
-            "data-ueditor-close-on-select": true,
-            onClick: clearTableCellBorderAndClose,
-            className: "text-xs text-destructive hover:underline",
-            children: t("tableMenu.clearBorder") || "Clear Border"
-          }
-        ) })
+        )
       ] });
     }
     if (activeColorPalette === "cell-border-color") {
-      const currentBorderColor = normalizeStyleValue(editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor) || "";
       return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "w-56", "data-ueditor-keep-open": true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
         EditorColorPalette,
         {
           colors: borderColors,
-          currentColor: currentBorderColor,
-          onSelect: applyTableCellBorderColorAndClose,
+          currentColor: borderColorDraft,
+          onSelect: selectTableCellBorderColor,
           label: t("tableMenu.borderColor") || "Border Color"
         }
       ) });
@@ -35609,22 +36199,22 @@ 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_react54.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_react54.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_react54.AlignRight, { className: "w-4 h-4" }) }),
+      /* @__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_react54.RotateCcw, { className: "w-4 h-4" }) }),
+      /* @__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)(
         ToolbarButton,
         {
           onClick: () => deleteSelectedImage(editor),
           title: t("toolbar.imageDelete"),
           className: "text-destructive hover:text-destructive",
-          children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react54.Trash2, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.Trash2, { className: "w-4 h-4" })
         }
       )
     ] });
@@ -35780,7 +36370,7 @@ 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_react54.ChevronDown, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.ChevronDown, { className: "h-4 w-4" })
               }
             )
           ] }),
@@ -35859,7 +36449,7 @@ var BubbleMenuContent = ({
                 editor.isActive("subscript") ? "bg-primary/10 text-primary" : "bg-muted/40 text-foreground"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react54.Subscript, { className: "h-4 w-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.Subscript, { className: "h-4 w-4" }),
                 t("toolbar.subscript")
               ]
             }
@@ -35874,7 +36464,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_react54.Superscript, { className: "h-4 w-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.Superscript, { className: "h-4 w-4" }),
                 t("toolbar.superscript")
               ]
             }
@@ -35883,21 +36473,21 @@ var BubbleMenuContent = ({
       ] })
     ] });
   }
-  const VerticalAlignActiveIcon = currentCellVerticalAlign === "middle" ? import_lucide_react54.AlignCenterVertical : currentCellVerticalAlign === "bottom" ? import_lucide_react54.AlignEndVertical : import_lucide_react54.AlignStartVertical;
+  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_react54.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_react54.Italic, { className: "w-4 h-4" }) }),
+    /* @__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)(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react54.Underline, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime93.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_react54.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_react54.Code, { 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)(
       ToolbarButton,
@@ -35910,7 +36500,7 @@ var BubbleMenuContent = ({
         },
         active: editor.isActive("link"),
         title: t("toolbar.link"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react54.Link, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime93.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 }) }),
@@ -35956,7 +36546,7 @@ var BubbleMenuContent = ({
           },
           active: Boolean(currentCellFormula),
           title: t("tableMenu.formula") || "Formula",
-          children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react54.Sigma, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.Sigma, { className: "w-4 h-4" })
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
@@ -35972,7 +36562,7 @@ 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_react54.TableCellsMerge, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.TableCellsMerge, { className: "w-4 h-4" })
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
@@ -35992,7 +36582,7 @@ 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_react54.ChevronDown, { className: "w-3 h-3" })
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.ChevronDown, { className: "w-3 h-3" })
               ]
             }
           ),
@@ -36000,7 +36590,7 @@ var BubbleMenuContent = ({
             /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               DropdownMenuItem,
               {
-                icon: import_lucide_react54.AlignStartVertical,
+                icon: import_lucide_react53.AlignStartVertical,
                 label: t("tableMenu.alignVerticalTop") || "Align top",
                 onClick: () => applyTableCellAttribute2(editor, "verticalAlign", "top", { focus: false }),
                 active: currentCellVerticalAlign === "top"
@@ -36009,7 +36599,7 @@ var BubbleMenuContent = ({
             /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               DropdownMenuItem,
               {
-                icon: import_lucide_react54.AlignCenterVertical,
+                icon: import_lucide_react53.AlignCenterVertical,
                 label: t("tableMenu.alignVerticalMiddle") || "Align middle",
                 onClick: () => applyTableCellAttribute2(editor, "verticalAlign", "middle", { focus: false }),
                 active: currentCellVerticalAlign === "middle"
@@ -36018,7 +36608,7 @@ var BubbleMenuContent = ({
             /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               DropdownMenuItem,
               {
-                icon: import_lucide_react54.AlignEndVertical,
+                icon: import_lucide_react53.AlignEndVertical,
                 label: t("tableMenu.alignVerticalBottom") || "Align bottom",
                 onClick: () => applyTableCellAttribute2(editor, "verticalAlign", "bottom", { focus: false }),
                 active: currentCellVerticalAlign === "bottom"
@@ -36043,8 +36633,8 @@ var BubbleMenuContent = ({
               },
               title: t("tableMenu.textDirection"),
               children: [
-                currentCellTextDirection === "vertical" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react54.ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react54.ArrowRight, { className: "w-4 h-4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react54.ChevronDown, { className: "w-3 h-3" })
+                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" })
               ]
             }
           ),
@@ -36052,7 +36642,7 @@ var BubbleMenuContent = ({
             /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               DropdownMenuItem,
               {
-                icon: import_lucide_react54.ArrowRight,
+                icon: import_lucide_react53.ArrowRight,
                 label: t("tableMenu.horizontalText"),
                 onClick: () => applyTableCellAttribute2(editor, "textDirection", null, { focus: false }),
                 active: currentCellTextDirection === "horizontal"
@@ -36061,7 +36651,7 @@ var BubbleMenuContent = ({
             /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               DropdownMenuItem,
               {
-                icon: import_lucide_react54.ArrowDown,
+                icon: import_lucide_react53.ArrowDown,
                 label: t("tableMenu.verticalText"),
                 onClick: () => applyTableCellAttribute2(editor, "textDirection", "vertical", { focus: false }),
                 active: currentCellTextDirection === "vertical"
@@ -36077,7 +36667,7 @@ var BubbleMenuContent = ({
         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_react54.Type, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.Type, { className: "w-4 h-4" })
       }
     )
   ] });
@@ -36095,9 +36685,9 @@ var LinkPreviewContent = ({ editor, onEdit }) => {
   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_react54.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_react54.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_react54.Unlink, { className: "w-4 h-4" }) })
+    /* @__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" }) })
   ] });
 };
 var CustomBubbleMenu = ({
@@ -36108,26 +36698,27 @@ var CustomBubbleMenu = ({
   const SHOW_DELAY_MS = 180;
   const BUBBLE_MENU_OFFSET = 16;
   const BUBBLE_MENU_ESTIMATED_HEIGHT = 44;
-  const [isVisible, setIsVisible] = (0, import_react72.useState)(false);
-  const [linkInputOpen, setLinkInputOpen] = (0, import_react72.useState)(false);
-  const [position, setPosition2] = (0, import_react72.useState)({
+  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)({
     top: 0,
     left: 0,
     placement: "top"
   });
-  const menuRef = (0, import_react72.useRef)(null);
-  const keepOpenRef = (0, import_react72.useRef)(false);
-  const [keepOpen, setKeepOpenState] = (0, import_react72.useState)(false);
-  const showTimeoutRef = (0, import_react72.useRef)(null);
-  const suppressShowUntilRef = (0, import_react72.useRef)(0);
-  const setKeepOpen = (0, import_react72.useCallback)((next) => {
+  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) => {
     keepOpenRef.current = next;
     setKeepOpenState(next);
     if (!next) setLinkInputOpen(false);
     if (next) setIsVisible(true);
   }, []);
-  const closeBubbleMenu = (0, import_react72.useCallback)(() => {
-    suppressShowUntilRef.current = Date.now() + 1e3;
+  const closeBubbleMenu = (0, import_react73.useCallback)((suppressShow = true) => {
+    suppressShowUntilRef.current = suppressShow ? Date.now() + 1e3 : 0;
     keepOpenRef.current = false;
     setKeepOpenState(false);
     setLinkInputOpen(false);
@@ -36137,7 +36728,7 @@ var CustomBubbleMenu = ({
       showTimeoutRef.current = null;
     }
   }, []);
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     const clearShowTimeout = () => {
       if (showTimeoutRef.current) {
         clearTimeout(showTimeoutRef.current);
@@ -36219,6 +36810,41 @@ var CustomBubbleMenu = ({
       editor.off("update", updatePosition);
     };
   }, [editor]);
+  (0, import_react73.useEffect)(() => {
+    if (!isVisible) return;
+    const handlePointerDown = (event) => {
+      const target = event.target;
+      if (target && (menuRef.current?.contains(target) || target.closest("[data-ueditor-keep-open]"))) return;
+      const table = target?.closest("table");
+      if (table && editor.view.dom.contains(table)) return;
+      closeBubbleMenu(false);
+    };
+    const handleKeyDown2 = (event) => {
+      if (event.key === "Escape") closeBubbleMenu();
+    };
+    document.addEventListener("pointerdown", handlePointerDown, true);
+    document.addEventListener("keydown", handleKeyDown2);
+    return () => {
+      document.removeEventListener("pointerdown", handlePointerDown, true);
+      document.removeEventListener("keydown", handleKeyDown2);
+    };
+  }, [closeBubbleMenu, editor, isVisible]);
+  (0, import_react73.useEffect)(() => {
+    const handleTableDoubleClick = (event) => {
+      const target = event.target;
+      const cell = target?.closest("td,th");
+      if (!cell || !editor.view.dom.contains(cell)) return;
+      suppressShowUntilRef.current = 0;
+      keepOpenRef.current = true;
+      setKeepOpenState(true);
+      setLinkInputOpen(false);
+      setCellBorderOpenRequest((request) => request + 1);
+      setIsVisible(true);
+      requestAnimationFrame(() => editor.view.focus());
+    };
+    editor.view.dom.addEventListener("dblclick", handleTableDoubleClick);
+    return () => editor.view.dom.removeEventListener("dblclick", handleTableDoubleClick);
+  }, [editor]);
   if (!isVisible) return null;
   return (0, import_react_dom8.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
@@ -36259,7 +36885,8 @@ var CustomBubbleMenu = ({
             onRequestClose: closeBubbleMenu,
             fontSizes,
             lineHeights,
-            initialShowLinkInput: linkInputOpen
+            initialShowLinkInput: linkInputOpen,
+            cellBorderOpenRequest
           }
         )
       }
@@ -36269,9 +36896,9 @@ var CustomBubbleMenu = ({
 };
 var CustomFloatingMenu = ({ editor }) => {
   const FLOATING_MENU_OFFSET = 16;
-  const [isVisible, setIsVisible] = (0, import_react72.useState)(false);
-  const [position, setPosition2] = (0, import_react72.useState)({ top: 0, left: 0 });
-  (0, import_react72.useEffect)(() => {
+  const [isVisible, setIsVisible] = (0, import_react73.useState)(false);
+  const [position, setPosition2] = (0, import_react73.useState)({ top: 0, left: 0 });
+  (0, import_react73.useEffect)(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { $from, empty } = state.selection;
@@ -36756,7 +37383,7 @@ async function prepareUEditorContentForSave({
 }
 
 // src/components/UEditor/table-controls.tsx
-var import_react74 = __toESM(require("react"), 1);
+var import_react75 = __toESM(require("react"), 1);
 
 // node_modules/prosemirror-model/dist/index.js
 function findDiffStart(a, b, pos) {
@@ -40711,7 +41338,7 @@ function moveTableRow$1(table, indexesOrigin, indexesTarget, direction) {
   rows = moveRowInArrayOfRows(rows, indexesOrigin, indexesTarget, direction);
   return convertArrayOfRowsToTableNode(table, rows);
 }
-function selectedRect3(state) {
+function selectedRect4(state) {
   const sel = state.selection;
   const $pos = selectionCell(state);
   const table = $pos.node(-1);
@@ -40729,7 +41356,7 @@ function deprecated_toggleHeader(type) {
     if (!isInTable(state)) return false;
     if (dispatch) {
       const types = tableNodeTypes2(state.schema);
-      const rect = selectedRect3(state), tr = state.tr;
+      const rect = selectedRect4(state), tr = state.tr;
       const cells = rect.map.cellsInRect(type == "column" ? {
         left: rect.left,
         top: 0,
@@ -40769,7 +41396,7 @@ function toggleHeader(type, options) {
     if (!isInTable(state)) return false;
     if (dispatch) {
       const types = tableNodeTypes2(state.schema);
-      const rect = selectedRect3(state), tr = state.tr;
+      const rect = selectedRect4(state), tr = state.tr;
       const isHeaderRowEnabled = isHeaderEnabledByType("row", rect, types);
       const isHeaderColumnEnabled = isHeaderEnabledByType("column", rect, types);
       const selectionStartsAt = (type === "column" ? isHeaderRowEnabled : type === "row" ? isHeaderColumnEnabled : false) ? 1 : 0;
@@ -40917,7 +41544,7 @@ function atEndOfCell(view, axis, dir) {
 var columnResizingPluginKey2 = new PluginKey5("tableColumnResizing");
 
 // src/components/UEditor/table-controls.tsx
-var import_lucide_react57 = require("lucide-react");
+var import_lucide_react56 = require("lucide-react");
 
 // src/components/UEditor/table-layout-model.ts
 var FALLBACK_TABLE_ROW_HEIGHT = DEFAULT_TABLE_ROW_HEIGHT;
@@ -41427,7 +42054,7 @@ function TableAddRails({
 }
 
 // src/components/UEditor/table-control-menu.tsx
-var import_lucide_react55 = require("lucide-react");
+var import_lucide_react54 = require("lucide-react");
 var import_jsx_runtime97 = require("react/jsx-runtime");
 function TableControlMenu({
   controlsVisible,
@@ -41479,7 +42106,7 @@ function TableControlMenu({
                     transform: shown ? "scale(1)" : "scale(0.82)",
                     pointerEvents: shown ? "auto" : "none"
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react55.MoreHorizontal, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react54.MoreHorizontal, { className: "h-4 w-4" })
                 }
               )
             }
@@ -41491,7 +42118,7 @@ function TableControlMenu({
 }
 
 // src/components/UEditor/table-axis-handles.tsx
-var import_lucide_react56 = require("lucide-react");
+var import_lucide_react55 = require("lucide-react");
 var import_jsx_runtime98 = require("react/jsx-runtime");
 var IDLE_HANDLE_SCALE = "0.78";
 function TableRowHandles({
@@ -41553,7 +42180,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_react56.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_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" })
                   }
                 )
               }
@@ -41624,7 +42251,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_react56.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_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" })
                   }
                 )
               }
@@ -41664,17 +42291,17 @@ function getSelectedCell(editor) {
 }
 function TableControls({ editor, containerRef }) {
   const t = useSmartTranslations("UEditor");
-  const [layout, setLayout] = import_react74.default.useState(null);
-  const [dragPreview, setDragPreview] = import_react74.default.useState(null);
-  const [hoverState, setHoverState] = import_react74.default.useState(DEFAULT_TABLE_HOVER_STATE);
-  const [openMenuKey, setOpenMenuKey] = import_react74.default.useState(null);
-  const layoutRef = import_react74.default.useRef(null);
-  const dragStateRef = import_react74.default.useRef(null);
-  const syncFrameRef = import_react74.default.useRef(null);
-  import_react74.default.useEffect(() => {
+  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(() => {
     layoutRef.current = layout;
   }, [layout]);
-  const syncFromCell = import_react74.default.useCallback((cell) => {
+  const syncFromCell = import_react75.default.useCallback((cell) => {
     const surface = containerRef.current;
     if (!surface || !cell) {
       setLayout(null);
@@ -41682,23 +42309,23 @@ function TableControls({ editor, containerRef }) {
     }
     setLayout(buildTableControlLayout(editor, surface, cell));
   }, [containerRef, editor]);
-  const syncFromSelection = import_react74.default.useCallback(() => {
+  const syncFromSelection = import_react75.default.useCallback(() => {
     syncFromCell(getSelectedCell(editor));
   }, [editor, syncFromCell]);
-  const scheduleSyncFromSelection = import_react74.default.useCallback(() => {
+  const scheduleSyncFromSelection = import_react75.default.useCallback(() => {
     if (syncFrameRef.current !== null) return;
     syncFrameRef.current = window.requestAnimationFrame(() => {
       syncFrameRef.current = null;
       syncFromSelection();
     });
   }, [syncFromSelection]);
-  import_react74.default.useEffect(() => () => {
+  import_react75.default.useEffect(() => () => {
     if (syncFrameRef.current !== null) {
       window.cancelAnimationFrame(syncFrameRef.current);
       syncFrameRef.current = null;
     }
   }, []);
-  const refreshCurrentLayout = import_react74.default.useCallback(() => {
+  const refreshCurrentLayout = import_react75.default.useCallback(() => {
     setLayout((prev) => {
       if (!prev) return prev;
       const surface = containerRef.current;
@@ -41708,12 +42335,12 @@ function TableControls({ editor, containerRef }) {
       return cell ? buildTableControlLayout(editor, surface, cell) : null;
     });
   }, [containerRef, editor]);
-  const clearDrag = import_react74.default.useCallback(() => {
+  const clearDrag = import_react75.default.useCallback(() => {
     dragStateRef.current = null;
     setDragPreview(null);
     document.body.style.cursor = "";
   }, []);
-  const updateHoverState = import_react74.default.useCallback((event) => {
+  const updateHoverState = import_react75.default.useCallback((event) => {
     const activeLayout = layoutRef.current;
     const surface = containerRef.current;
     if (!activeLayout || !surface || dragStateRef.current) {
@@ -41729,7 +42356,7 @@ function TableControls({ editor, containerRef }) {
       return areTableHoverStatesEqual(prev, nextState) ? prev : nextState;
     });
   }, [containerRef]);
-  import_react74.default.useEffect(() => {
+  import_react75.default.useEffect(() => {
     const proseMirror = editor.view.dom;
     const surface = containerRef.current;
     if (!surface) return void 0;
@@ -41780,37 +42407,37 @@ function TableControls({ editor, containerRef }) {
       editor.off("update", refreshCurrentLayout);
     };
   }, [clearDrag, containerRef, editor, refreshCurrentLayout, syncFromCell, syncFromSelection, updateHoverState]);
-  const runAtCellPos = import_react74.default.useCallback((cellPos, command, options) => {
+  const runAtCellPos = import_react75.default.useCallback((cellPos, command, options) => {
     const result = runTableCommandAtCellPos(editor, cellPos, command);
     if (options?.sync !== false) {
       scheduleSyncFromSelection();
     }
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const runAtActiveCell = import_react74.default.useCallback((command, options) => {
+  const runAtActiveCell = import_react75.default.useCallback((command, options) => {
     return runAtCellPos(layoutRef.current?.cellPos ?? null, command, options);
   }, [runAtCellPos]);
-  const duplicateRowAt = import_react74.default.useCallback((rowIndex, cellPos) => {
+  const duplicateRowAt = import_react75.default.useCallback((rowIndex, cellPos) => {
     const result = duplicateTableRowAt(editor, rowIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const clearRowAt = import_react74.default.useCallback((rowIndex, cellPos) => {
+  const clearRowAt = import_react75.default.useCallback((rowIndex, cellPos) => {
     const result = clearTableRowAt(editor, rowIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const duplicateColumnAt = import_react74.default.useCallback((columnIndex, cellPos) => {
+  const duplicateColumnAt = import_react75.default.useCallback((columnIndex, cellPos) => {
     const result = duplicateTableColumnAt(editor, columnIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const clearColumnAt = import_react74.default.useCallback((columnIndex, cellPos) => {
+  const clearColumnAt = import_react75.default.useCallback((columnIndex, cellPos) => {
     const result = clearTableColumnAt(editor, columnIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const expandTableBy = import_react74.default.useCallback((rows, cols) => {
+  const expandTableBy = import_react75.default.useCallback((rows, cols) => {
     const activeCellPos = layoutRef.current?.cellPos ?? editor.state.selection.from;
     const result = expandTableFromCell(editor, activeCellPos, rows, cols);
     scheduleSyncFromSelection();
@@ -41819,19 +42446,19 @@ function TableControls({ editor, containerRef }) {
   const canExpandTable = Boolean(layout);
   const controlsVisible = dragPreview !== null;
   const tableMenuOpen = openMenuKey === "table";
-  const startAddColumnDrag = import_react74.default.useCallback(() => {
+  const startAddColumnDrag = import_react75.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_react74.default.useCallback(() => {
+  const startAddRowDrag = import_react75.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_react74.default.useCallback((rowHandle) => {
+  const startRowDrag = import_react75.default.useCallback((rowHandle) => {
     setOpenMenuKey(null);
     dragStateRef.current = {
       kind: "row",
@@ -41848,7 +42475,7 @@ function TableControls({ editor, containerRef }) {
     });
     document.body.style.cursor = "grabbing";
   }, []);
-  const startColumnDrag = import_react74.default.useCallback((columnHandle) => {
+  const startColumnDrag = import_react75.default.useCallback((columnHandle) => {
     setOpenMenuKey(null);
     dragStateRef.current = {
       kind: "column",
@@ -41865,7 +42492,7 @@ function TableControls({ editor, containerRef }) {
     });
     document.body.style.cursor = "grabbing";
   }, []);
-  import_react74.default.useEffect(() => {
+  import_react75.default.useEffect(() => {
     const handleMouseMove2 = (event) => {
       const dragState = dragStateRef.current;
       const activeLayout = layoutRef.current;
@@ -41954,126 +42581,126 @@ function TableControls({ editor, containerRef }) {
       window.removeEventListener("blur", clearDrag);
     };
   }, [clearDrag, containerRef, editor, expandTableBy, scheduleSyncFromSelection]);
-  const menuItems = import_react74.default.useMemo(() => {
+  const menuItems = import_react75.default.useMemo(() => {
     if (!layout) return [];
     return [
       {
         label: t("tableMenu.alignLeft"),
-        icon: import_lucide_react57.AlignLeft,
+        icon: import_lucide_react56.AlignLeft,
         onClick: () => applyTableAlignment(editor, "left", layout.cellPos)
       },
       {
         label: t("tableMenu.alignCenter"),
-        icon: import_lucide_react57.AlignCenter,
+        icon: import_lucide_react56.AlignCenter,
         onClick: () => applyTableAlignment(editor, "center", layout.cellPos)
       },
       {
         label: t("tableMenu.alignRight"),
-        icon: import_lucide_react57.AlignRight,
+        icon: import_lucide_react56.AlignRight,
         onClick: () => applyTableAlignment(editor, "right", layout.cellPos)
       },
       {
         label: t("tableMenu.addColumnBefore"),
-        icon: import_lucide_react57.ArrowLeft,
+        icon: import_lucide_react56.ArrowLeft,
         onClick: () => runAtActiveCell((chain) => chain.addColumnBefore())
       },
       {
         label: t("tableMenu.addColumnAfter"),
-        icon: import_lucide_react57.ArrowRight,
+        icon: import_lucide_react56.ArrowRight,
         onClick: () => runAtActiveCell((chain) => chain.addColumnAfter())
       },
       {
         label: t("tableMenu.addRowBefore"),
-        icon: import_lucide_react57.ArrowUp,
+        icon: import_lucide_react56.ArrowUp,
         onClick: () => runAtActiveCell((chain) => chain.addRowBefore())
       },
       {
         label: t("tableMenu.addRowAfter"),
-        icon: import_lucide_react57.ArrowDown,
+        icon: import_lucide_react56.ArrowDown,
         onClick: () => runAtActiveCell((chain) => chain.addRowAfter())
       },
       {
         label: t("tableMenu.toggleHeaderRow"),
-        icon: import_lucide_react57.Table,
+        icon: import_lucide_react56.Table,
         onClick: () => runAtActiveCell((chain) => chain.toggleHeaderRow())
       },
       {
         label: t("tableMenu.toggleHeaderColumn"),
-        icon: import_lucide_react57.Table,
+        icon: import_lucide_react56.Table,
         onClick: () => runAtActiveCell((chain) => chain.toggleHeaderColumn())
       },
       {
         label: t("tableMenu.deleteColumn"),
-        icon: import_lucide_react57.Trash2,
+        icon: import_lucide_react56.Trash2,
         onClick: () => runAtActiveCell((chain) => chain.deleteColumn()),
         destructive: true
       },
       {
         label: t("tableMenu.deleteRow"),
-        icon: import_lucide_react57.Trash2,
+        icon: import_lucide_react56.Trash2,
         onClick: () => runAtActiveCell((chain) => chain.deleteRow()),
         destructive: true
       },
       {
         label: t("tableMenu.deleteTable"),
-        icon: import_lucide_react57.Trash2,
+        icon: import_lucide_react56.Trash2,
         onClick: () => runAtActiveCell((chain) => chain.deleteTable()),
         destructive: true
       }
     ];
   }, [editor, layout, runAtActiveCell, t]);
-  const getRowHandleMenuItems = import_react74.default.useCallback((rowHandle) => [
+  const getRowHandleMenuItems = import_react75.default.useCallback((rowHandle) => [
     {
       label: t("tableMenu.addRowBefore"),
-      icon: import_lucide_react57.ArrowUp,
+      icon: import_lucide_react56.ArrowUp,
       onClick: () => runAtCellPos(rowHandle.cellPos, (chain) => chain.addRowBefore())
     },
     {
       label: t("tableMenu.addRowAfter"),
-      icon: import_lucide_react57.ArrowDown,
+      icon: import_lucide_react56.ArrowDown,
       onClick: () => runAtCellPos(rowHandle.cellPos, (chain) => chain.addRowAfter())
     },
     {
       label: t("tableMenu.duplicateRow"),
-      icon: import_lucide_react57.Copy,
+      icon: import_lucide_react56.Copy,
       onClick: () => duplicateRowAt(rowHandle.index, rowHandle.cellPos)
     },
     {
       label: t("tableMenu.clearRowContents"),
-      icon: import_lucide_react57.Table,
+      icon: import_lucide_react56.Table,
       onClick: () => clearRowAt(rowHandle.index, rowHandle.cellPos)
     },
     {
       label: t("tableMenu.deleteRow"),
-      icon: import_lucide_react57.Trash2,
+      icon: import_lucide_react56.Trash2,
       onClick: () => runAtCellPos(rowHandle.cellPos, (chain) => chain.deleteRow()),
       destructive: true
     }
   ], [clearRowAt, duplicateRowAt, runAtCellPos, t]);
-  const getColumnHandleMenuItems = import_react74.default.useCallback((columnHandle) => [
+  const getColumnHandleMenuItems = import_react75.default.useCallback((columnHandle) => [
     {
       label: t("tableMenu.addColumnBefore"),
-      icon: import_lucide_react57.ArrowLeft,
+      icon: import_lucide_react56.ArrowLeft,
       onClick: () => runAtCellPos(columnHandle.cellPos, (chain) => chain.addColumnBefore())
     },
     {
       label: t("tableMenu.addColumnAfter"),
-      icon: import_lucide_react57.ArrowRight,
+      icon: import_lucide_react56.ArrowRight,
       onClick: () => runAtCellPos(columnHandle.cellPos, (chain) => chain.addColumnAfter())
     },
     {
       label: t("tableMenu.duplicateColumn"),
-      icon: import_lucide_react57.Copy,
+      icon: import_lucide_react56.Copy,
       onClick: () => duplicateColumnAt(columnHandle.index, columnHandle.cellPos)
     },
     {
       label: t("tableMenu.clearColumnContents"),
-      icon: import_lucide_react57.Table,
+      icon: import_lucide_react56.Table,
       onClick: () => clearColumnAt(columnHandle.index, columnHandle.cellPos)
     },
     {
       label: t("tableMenu.deleteColumn"),
-      icon: import_lucide_react57.Trash2,
+      icon: import_lucide_react56.Trash2,
       onClick: () => runAtCellPos(columnHandle.cellPos, (chain) => chain.deleteColumn()),
       destructive: true
     }
@@ -42367,10 +42994,10 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
 );
 
 // src/components/UEditor/use-table-interactions.ts
-var import_react76 = __toESM(require("react"), 1);
+var import_react77 = __toESM(require("react"), 1);
 
 // src/components/UEditor/use-table-row-resize.ts
-var import_react75 = __toESM(require("react"), 1);
+var import_react76 = __toESM(require("react"), 1);
 function useTableRowResize({
   editor,
   setHoveredTableCell,
@@ -42379,16 +43006,16 @@ function useTableRowResize({
   clearAllTableResizeHover,
   scheduleTableLayoutSync
 }) {
-  const stateRef = (0, import_react75.useRef)(null);
-  const syncActiveGuide = import_react75.default.useCallback(() => {
+  const stateRef = (0, import_react76.useRef)(null);
+  const syncActiveGuide = import_react76.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_react75.default.useCallback(() => stateRef.current !== null, []);
-  const beginResize = import_react75.default.useCallback((event, table, row, cell) => {
+  const isResizing = import_react76.default.useCallback(() => stateRef.current !== null, []);
+  const beginResize = import_react76.default.useCallback((event, table, row, cell) => {
     if (!editor || !isRowResizeHotspot(cell, event.clientX, event.clientY)) {
       return false;
     }
@@ -42414,7 +43041,7 @@ function useTableRowResize({
     event.stopPropagation();
     return true;
   }, [editor, setHoveredTableCell, showRowGuide]);
-  const handlePointerMove = import_react75.default.useCallback((event) => {
+  const handlePointerMove = import_react76.default.useCallback((event) => {
     const state = stateRef.current;
     if (!state) return;
     const nextHeight = Math.max(
@@ -42431,7 +43058,7 @@ function useTableRowResize({
     document.body.style.cursor = "row-resize";
     showRowGuide(state.tableElement, state.rowElement, state.cellElement, nextHeight);
   }, [showRowGuide]);
-  const handlePointerUp = import_react75.default.useCallback((event) => {
+  const handlePointerUp = import_react76.default.useCallback((event) => {
     if (!editor) return;
     const state = stateRef.current;
     if (!state) return;
@@ -42455,7 +43082,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, editor, scheduleTableLayoutSync]);
-  const cancelResize = import_react75.default.useCallback(() => {
+  const cancelResize = import_react76.default.useCallback(() => {
     if (!stateRef.current) return;
     stateRef.current = null;
     document.body.style.cursor = "";
@@ -42463,7 +43090,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, scheduleTableLayoutSync]);
-  const cleanup = import_react75.default.useCallback(() => {
+  const cleanup = import_react76.default.useCallback(() => {
     stateRef.current = null;
     document.body.style.cursor = "";
   }, []);
@@ -42480,24 +43107,24 @@ function useTableRowResize({
 
 // src/components/UEditor/use-table-interactions.ts
 function useUEditorTableInteractions(editor, editable = true) {
-  const editorContentRef = (0, import_react76.useRef)(null);
-  const tableColumnGuideRef = (0, import_react76.useRef)(null);
-  const tableRowGuideRef = (0, import_react76.useRef)(null);
-  const activeTableCellHighlightRef = (0, import_react76.useRef)(null);
-  const hoveredTableCellRef = (0, import_react76.useRef)(null);
-  const activeTableCellRef = (0, import_react76.useRef)(null);
-  const suppressActiveCellHighlightRef = (0, import_react76.useRef)(false);
-  const tableLayoutSyncFrameRef = (0, import_react76.useRef)(null);
-  const getProseMirrorElement = import_react76.default.useCallback(() => {
+  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(() => {
     return editorContentRef.current?.querySelector(".ProseMirror");
   }, []);
-  const setEditorResizeCursor = import_react76.default.useCallback((cursor) => {
+  const setEditorResizeCursor = import_react77.default.useCallback((cursor) => {
     const proseMirror = getProseMirrorElement();
     if (proseMirror) {
       proseMirror.style.cursor = cursor;
     }
   }, [getProseMirrorElement]);
-  const hideColumnGuide = import_react76.default.useCallback(() => {
+  const hideColumnGuide = import_react77.default.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-cursor");
     getProseMirrorElement()?.classList.remove("resize-cursor");
     const guide = tableColumnGuideRef.current;
@@ -42505,7 +43132,7 @@ function useUEditorTableInteractions(editor, editable = true) {
       guide.style.opacity = "0";
     }
   }, [getProseMirrorElement]);
-  const hideRowGuide = import_react76.default.useCallback(() => {
+  const hideRowGuide = import_react77.default.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-row-cursor");
     getProseMirrorElement()?.classList.remove("resize-row-cursor");
     const guide = tableRowGuideRef.current;
@@ -42513,12 +43140,12 @@ function useUEditorTableInteractions(editor, editable = true) {
       guide.style.opacity = "0";
     }
   }, [getProseMirrorElement]);
-  const clearAllTableResizeHover = import_react76.default.useCallback(() => {
+  const clearAllTableResizeHover = import_react77.default.useCallback(() => {
     setEditorResizeCursor("");
     hideColumnGuide();
     hideRowGuide();
   }, [hideColumnGuide, hideRowGuide, setEditorResizeCursor]);
-  const updateActiveCellHighlight = import_react76.default.useCallback((cell) => {
+  const updateActiveCellHighlight = import_react77.default.useCallback((cell) => {
     const surface = editorContentRef.current;
     const highlight = activeTableCellHighlightRef.current;
     if (!highlight) return;
@@ -42533,7 +43160,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     highlight.style.width = `${metrics.width}px`;
     highlight.style.height = `${metrics.height}px`;
   }, []);
-  const scheduleTableLayoutSync = import_react76.default.useCallback(() => {
+  const scheduleTableLayoutSync = import_react77.default.useCallback(() => {
     if (tableLayoutSyncFrameRef.current !== null) return;
     tableLayoutSyncFrameRef.current = window.requestAnimationFrame(() => {
       tableLayoutSyncFrameRef.current = null;
@@ -42541,7 +43168,7 @@ function useUEditorTableInteractions(editor, editable = true) {
       editorContentRef.current?.dispatchEvent(new CustomEvent(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT));
     });
   }, [updateActiveCellHighlight]);
-  const setActiveTableCell = import_react76.default.useCallback((cell) => {
+  const setActiveTableCell = import_react77.default.useCallback((cell) => {
     if (activeTableCellRef.current === cell) {
       updateActiveCellHighlight(cell);
       return;
@@ -42549,17 +43176,17 @@ function useUEditorTableInteractions(editor, editable = true) {
     activeTableCellRef.current = cell;
     updateActiveCellHighlight(activeTableCellRef.current);
   }, [updateActiveCellHighlight]);
-  const clearActiveTableCell = import_react76.default.useCallback(() => {
+  const clearActiveTableCell = import_react77.default.useCallback(() => {
     activeTableCellRef.current = null;
     updateActiveCellHighlight(null);
   }, [updateActiveCellHighlight]);
-  const setHoveredTableCell = import_react76.default.useCallback((cell) => {
+  const setHoveredTableCell = import_react77.default.useCallback((cell) => {
     hoveredTableCellRef.current = cell;
   }, []);
-  const clearHoveredTableCell = import_react76.default.useCallback(() => {
+  const clearHoveredTableCell = import_react77.default.useCallback(() => {
     hoveredTableCellRef.current = null;
   }, []);
-  const showColumnGuide = import_react76.default.useCallback((table, row, cell) => {
+  const showColumnGuide = import_react77.default.useCallback((table, row, cell) => {
     const surface = editorContentRef.current;
     const guide = tableColumnGuideRef.current;
     if (!surface || !guide) return;
@@ -42573,7 +43200,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     getProseMirrorElement()?.classList.add("resize-cursor");
     setEditorResizeCursor("col-resize");
   }, [getProseMirrorElement, setEditorResizeCursor]);
-  const showRowGuide = import_react76.default.useCallback((table, row, cell, previewHeight) => {
+  const showRowGuide = import_react77.default.useCallback((table, row, cell, previewHeight) => {
     const surface = editorContentRef.current;
     const guide = tableRowGuideRef.current;
     if (!surface || !guide) return;
@@ -42605,7 +43232,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     clearAllTableResizeHover,
     scheduleTableLayoutSync
   });
-  const syncActiveTableCellFromSelection = import_react76.default.useCallback(() => {
+  const syncActiveTableCellFromSelection = import_react77.default.useCallback(() => {
     if (!editor) return;
     if (!editor.isFocused) {
       clearActiveTableCell();
@@ -42613,7 +43240,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     }
     setActiveTableCell(getSelectionTableCell(editor.view));
   }, [clearActiveTableCell, editor, setActiveTableCell]);
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     if (!editor || !editable) return void 0;
     const proseMirror = editor.view.dom;
     const surface = editorContentRef.current;
@@ -42788,12 +43415,12 @@ function useUEditorTableInteractions(editor, editable = true) {
 }
 
 // src/components/UEditor/use-formula-coordinate-overlay.ts
-var import_react77 = require("react");
-var import_tables8 = require("@tiptap/pm/tables");
+var import_react78 = require("react");
+var import_tables9 = require("@tiptap/pm/tables");
 
 // src/components/UEditor/table-formula-range-picker.ts
 var import_state12 = require("@tiptap/pm/state");
-var import_tables7 = require("@tiptap/pm/tables");
+var import_tables8 = require("@tiptap/pm/tables");
 function getCellText2(cellNode) {
   return cellNode.textBetween(0, cellNode.content.size, "\n").trim();
 }
@@ -42811,7 +43438,7 @@ function getFormulaEditingTableContext(view) {
     if (!tableNode || tableNode.type.name !== "table") return null;
     const tableDom = cellDom.closest("table");
     if (!(tableDom instanceof HTMLTableElement)) return null;
-    const tableMap = import_tables7.TableMap.get(tableNode);
+    const tableMap = import_tables8.TableMap.get(tableNode);
     const tableStart = $from.start(tableDepth);
     const formulaCellRect = tableMap.findCell(cellPos - tableStart);
     return {
@@ -42828,7 +43455,7 @@ function getFormulaEditingTableContext(view) {
   return null;
 }
 function collectTableFormulaCells(tableNode) {
-  const tableMap = import_tables7.TableMap.get(tableNode);
+  const tableMap = import_tables8.TableMap.get(tableNode);
   const formulas = [];
   tableNode.forEach((rowNode, rowOffset) => {
     rowNode.forEach((cellNode, cellOffset) => {
@@ -42914,7 +43541,7 @@ function getFormulaTableCellInfo(view, target, tablePos) {
   const domPos = view.posAtDOM(cell, 0);
   const tableInfo = findTableForPos(view, domPos);
   if (!tableInfo || tableInfo.pos !== tablePos) return null;
-  const map = import_tables7.TableMap.get(tableInfo.node);
+  const map = import_tables8.TableMap.get(tableInfo.node);
   const relativeCellPos = getCellRelativePosFromDomPos2(map, tableInfo.start, domPos);
   if (relativeCellPos == null) return null;
   const rect = map.findCell(relativeCellPos);
@@ -43058,8 +43685,8 @@ function createBlockedReferenceHighlight(label) {
   return element;
 }
 function useFormulaCoordinateOverlay(editor, containerRef, labels) {
-  const overlayRef = (0, import_react77.useRef)(null);
-  (0, import_react77.useEffect)(() => {
+  const overlayRef = (0, import_react78.useRef)(null);
+  (0, import_react78.useEffect)(() => {
     if (!editor) return void 0;
     const overlay = overlayRef.current;
     const container = containerRef.current;
@@ -43088,7 +43715,7 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
       const tableRect = context.tableDom.getBoundingClientRect();
       const tableLeft = tableRect.left - containerRect.left + container.scrollLeft;
       const tableTop = tableRect.top - containerRect.top + container.scrollTop;
-      const map = import_tables8.TableMap.get(context.tableNode);
+      const map = import_tables9.TableMap.get(context.tableNode);
       const columnSegments = Array(map.width);
       const rowSegments = Array(map.height);
       const cellInfos = [];
@@ -43266,9 +43893,9 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
 }
 
 // src/components/UEditor/menu-bar.tsx
-var import_react78 = __toESM(require("react"), 1);
-var import_react79 = require("@tiptap/react");
-var import_lucide_react58 = require("lucide-react");
+var import_react79 = __toESM(require("react"), 1);
+var import_react80 = require("@tiptap/react");
+var import_lucide_react57 = require("lucide-react");
 
 // src/components/UEditor/preview-html.ts
 var DEFAULT_TABLE_COLUMN_WIDTH2 = 100;
@@ -43448,7 +44075,7 @@ function renderMenuItems(items) {
       case "sub":
         return /* @__PURE__ */ (0, import_jsx_runtime100.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_react78.default.Fragment, { children: item.render() }, item.key);
+        return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react79.default.Fragment, { children: item.render() }, item.key);
     }
   });
 }
@@ -43486,7 +44113,7 @@ function buildEditMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.undo"),
-      icon: import_lucide_react58.Undo,
+      icon: import_lucide_react57.Undo,
       shortcut: t("menubar.undoShortcut"),
       onClick: () => editor.chain().focus().undo().run(),
       disabled: !editor.can().undo()
@@ -43494,7 +44121,7 @@ function buildEditMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.redo"),
-      icon: import_lucide_react58.Redo,
+      icon: import_lucide_react57.Redo,
       shortcut: t("menubar.redoShortcut"),
       onClick: () => editor.chain().focus().redo().run(),
       disabled: !editor.can().redo()
@@ -43503,7 +44130,7 @@ function buildEditMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.cut"),
-      icon: import_lucide_react58.Scissors,
+      icon: import_lucide_react57.Scissors,
       shortcut: t("menubar.cutShortcut"),
       onClick: () => document.execCommand("cut")
     },
@@ -43551,7 +44178,7 @@ function buildViewMenuItems(t, {
     {
       type: "action",
       label: t("menubar.sourceCode"),
-      icon: import_lucide_react58.FileCode,
+      icon: import_lucide_react57.FileCode,
       onClick: () => onSourceCode ? onSourceCode() : openSourceDialog()
     },
     {
@@ -43563,7 +44190,7 @@ function buildViewMenuItems(t, {
     {
       type: "action",
       label: t("menubar.fullscreen"),
-      icon: import_lucide_react58.Maximize2,
+      icon: import_lucide_react57.Maximize2,
       shortcut: t("menubar.fullscreenShortcut"),
       onClick: () => {
         const el = containerRef.current;
@@ -43582,7 +44209,7 @@ function buildFormatMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.bold"),
-      icon: import_lucide_react58.Bold,
+      icon: import_lucide_react57.Bold,
       shortcut: t("menubar.boldShortcut"),
       active: editor.isActive("bold"),
       onClick: () => editor.chain().focus().toggleBold().run()
@@ -43590,7 +44217,7 @@ function buildFormatMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.italic"),
-      icon: import_lucide_react58.Italic,
+      icon: import_lucide_react57.Italic,
       shortcut: t("menubar.italicShortcut"),
       active: editor.isActive("italic"),
       onClick: () => editor.chain().focus().toggleItalic().run()
@@ -43598,7 +44225,7 @@ function buildFormatMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.underline"),
-      icon: import_lucide_react58.Underline,
+      icon: import_lucide_react57.Underline,
       shortcut: t("menubar.underlineShortcut"),
       active: editor.isActive("underline"),
       onClick: () => editor.chain().focus().toggleUnderline().run()
@@ -43606,28 +44233,28 @@ function buildFormatMenuItems(t, editor) {
     {
       type: "action",
       label: t("menubar.strike"),
-      icon: import_lucide_react58.Strikethrough,
+      icon: import_lucide_react57.Strikethrough,
       active: editor.isActive("strike"),
       onClick: () => editor.chain().focus().toggleStrike().run()
     },
     {
       type: "action",
       label: t("menubar.superscript"),
-      icon: import_lucide_react58.Superscript,
+      icon: import_lucide_react57.Superscript,
       active: editor.isActive("superscript"),
       onClick: () => editor.chain().focus().toggleSuperscript().run()
     },
     {
       type: "action",
       label: t("menubar.subscript"),
-      icon: import_lucide_react58.Subscript,
+      icon: import_lucide_react57.Subscript,
       active: editor.isActive("subscript"),
       onClick: () => editor.chain().focus().toggleSubscript().run()
     },
     {
       type: "action",
       label: t("menubar.code"),
-      icon: import_lucide_react58.Code,
+      icon: import_lucide_react57.Code,
       active: editor.isActive("code"),
       onClick: () => editor.chain().focus().toggleCode().run()
     },
@@ -43645,21 +44272,21 @@ function buildFormatMenuItems(t, editor) {
         {
           type: "action",
           label: t("menubar.heading1"),
-          icon: import_lucide_react58.Heading1,
+          icon: import_lucide_react57.Heading1,
           active: editor.isActive("heading", { level: 1 }),
           onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run()
         },
         {
           type: "action",
           label: t("menubar.heading2"),
-          icon: import_lucide_react58.Heading2,
+          icon: import_lucide_react57.Heading2,
           active: editor.isActive("heading", { level: 2 }),
           onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run()
         },
         {
           type: "action",
           label: t("menubar.heading3"),
-          icon: import_lucide_react58.Heading3,
+          icon: import_lucide_react57.Heading3,
           active: editor.isActive("heading", { level: 3 }),
           onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run()
         },
@@ -43667,21 +44294,21 @@ function buildFormatMenuItems(t, editor) {
         {
           type: "action",
           label: t("menubar.blockquote"),
-          icon: import_lucide_react58.Quote,
+          icon: import_lucide_react57.Quote,
           active: editor.isActive("blockquote"),
           onClick: () => editor.chain().focus().toggleBlockquote().run()
         },
         {
           type: "action",
           label: t("menubar.codeBlock"),
-          icon: import_lucide_react58.FileCode,
+          icon: import_lucide_react57.FileCode,
           active: editor.isActive("codeBlock"),
           onClick: () => editor.chain().focus().toggleCodeBlock().run()
         },
         {
           type: "action",
           label: t("menubar.taskList"),
-          icon: import_lucide_react58.ListTodo,
+          icon: import_lucide_react57.ListTodo,
           active: editor.isActive("taskList"),
           onClick: () => editor.chain().focus().toggleTaskList().run()
         }
@@ -43694,28 +44321,28 @@ function buildFormatMenuItems(t, editor) {
         {
           type: "action",
           label: t("menubar.alignLeft"),
-          icon: import_lucide_react58.AlignLeft,
+          icon: import_lucide_react57.AlignLeft,
           active: editor.isActive({ textAlign: "left" }),
           onClick: () => editor.chain().focus().setTextAlign("left").run()
         },
         {
           type: "action",
           label: t("menubar.alignCenter"),
-          icon: import_lucide_react58.AlignCenter,
+          icon: import_lucide_react57.AlignCenter,
           active: editor.isActive({ textAlign: "center" }),
           onClick: () => editor.chain().focus().setTextAlign("center").run()
         },
         {
           type: "action",
           label: t("menubar.alignRight"),
-          icon: import_lucide_react58.AlignRight,
+          icon: import_lucide_react57.AlignRight,
           active: editor.isActive({ textAlign: "right" }),
           onClick: () => editor.chain().focus().setTextAlign("right").run()
         },
         {
           type: "action",
           label: t("menubar.alignJustify"),
-          icon: import_lucide_react58.AlignJustify,
+          icon: import_lucide_react57.AlignJustify,
           active: editor.isActive({ textAlign: "justify" }),
           onClick: () => editor.chain().focus().setTextAlign("justify").run()
         }
@@ -43734,7 +44361,7 @@ function buildToolsMenuItems(t, { onSourceCode, openSourceDialog }) {
     {
       type: "action",
       label: t("menubar.sourceCode"),
-      icon: import_lucide_react58.FileCode,
+      icon: import_lucide_react57.FileCode,
       onClick: () => onSourceCode ? onSourceCode() : openSourceDialog()
     }
   ];
@@ -43745,7 +44372,7 @@ function buildTableMenuItems(t, editor, onInsertTable) {
     {
       type: "sub",
       label: t("menubar.insertTable"),
-      icon: import_lucide_react58.Table,
+      icon: import_lucide_react57.Table,
       items: [
         {
           type: "custom",
@@ -43771,7 +44398,7 @@ function buildTableMenuItems(t, editor, onInsertTable) {
     {
       type: "action",
       label: t("menubar.deleteTable"),
-      icon: import_lucide_react58.Trash2,
+      icon: import_lucide_react57.Trash2,
       destructive: true,
       disabled: !inTable,
       onClick: () => editor.chain().focus().deleteTable().run()
@@ -43824,7 +44451,7 @@ function buildTableMenuItems(t, editor, onInsertTable) {
     }
   ];
 }
-var MenuBarTrigger = import_react78.default.forwardRef(
+var MenuBarTrigger = import_react79.default.forwardRef(
   ({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     "button",
     {
@@ -43856,18 +44483,18 @@ var MenuBar = ({
   onPreview
 }) => {
   const t = useSmartTranslations("UEditor");
-  (0, import_react79.useEditorState)({
+  (0, import_react80.useEditorState)({
     editor,
     selector: ({ transactionNumber }) => transactionNumber
   });
-  const fileInputRef = (0, import_react78.useRef)(null);
-  const [showImageInput, setShowImageInput] = (0, import_react78.useState)(false);
-  const [showLinkInput, setShowLinkInput] = (0, import_react78.useState)(false);
-  const [isInsertMenuOpen, setIsInsertMenuOpen] = (0, import_react78.useState)(false);
-  const [showSourceDialog, setShowSourceDialog] = (0, import_react78.useState)(false);
-  const [sourceHtml, setSourceHtml] = (0, import_react78.useState)("");
-  const [showPreviewDialog, setShowPreviewDialog] = (0, import_react78.useState)(false);
-  const previewHtml = (0, import_react78.useMemo)(
+  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)(
     () => showPreviewDialog ? prepareUEditorPreviewHtml(editor.getHTML()) : "",
     [editor, showPreviewDialog]
   );
@@ -43929,12 +44556,12 @@ 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_react58.Image, onClick: () => setShowImageInput(true), closeOnSelect: false }),
+        /* @__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)(
           DropdownMenuItem,
           {
             label: t("menubar.imageUpload"),
-            icon: import_lucide_react58.Upload,
+            icon: import_lucide_react57.Upload,
             onClick: () => fileInputRef.current?.click(),
             closeOnSelect: false
           }
@@ -43949,7 +44576,7 @@ var MenuBar = ({
         DropdownMenuItem,
         {
           label: t("menubar.link"),
-          icon: import_lucide_react58.Link,
+          icon: import_lucide_react57.Link,
           shortcut: t("menubar.linkShortcut"),
           onClick: () => setShowLinkInput(true),
           closeOnSelect: false
@@ -43960,7 +44587,7 @@ var MenuBar = ({
     {
       type: "sub",
       label: t("menubar.insertTable"),
-      icon: import_lucide_react58.Table,
+      icon: import_lucide_react57.Table,
       items: [
         {
           type: "custom",
@@ -43980,24 +44607,24 @@ var MenuBar = ({
     {
       type: "sub",
       label: t("menubar.formFields") || "Form Fields",
-      icon: import_lucide_react58.ListTodo,
+      icon: import_lucide_react57.ListTodo,
       items: [
         {
           type: "action",
           label: t("menubar.formCheckbox") || "Form Checkbox",
-          icon: import_lucide_react58.Square,
+          icon: import_lucide_react57.Square,
           onClick: () => editor.chain().focus().setFormCheckbox().run()
         },
         {
           type: "action",
           label: t("slashCommand.roundCheckbox") || "Round Checkbox",
-          icon: import_lucide_react58.CircleCheckBig,
+          icon: import_lucide_react57.CircleCheckBig,
           onClick: () => editor.chain().focus().setFormCheckbox({ variant: "circle" }).run()
         },
         {
           type: "action",
           label: t("menubar.formRadio") || "Form Radio Button",
-          icon: import_lucide_react58.CircleDot,
+          icon: import_lucide_react57.CircleDot,
           onClick: () => editor.chain().focus().setFormRadio().run()
         }
       ]
@@ -44079,7 +44706,7 @@ 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_react58.Eye, { className: "h-4 w-4", "aria-hidden": "true" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react57.Eye, { className: "h-4 w-4", "aria-hidden": "true" })
         }
       )
     ] }),
@@ -44156,20 +44783,20 @@ var MenuBar = ({
 };
 
 // src/components/UEditor/table-formula-bar.tsx
-var import_react80 = require("react");
-var import_react81 = require("@tiptap/react");
-var import_lucide_react59 = require("lucide-react");
+var import_react81 = require("react");
+var import_react82 = require("@tiptap/react");
+var import_lucide_react58 = require("lucide-react");
 var import_jsx_runtime101 = require("react/jsx-runtime");
 function TableFormulaBar({ editor }) {
   const t = useSmartTranslations("UEditor");
-  const inputRef = (0, import_react80.useRef)(null);
-  const [draftState, setDraftState] = (0, import_react80.useState)(null);
-  (0, import_react81.useEditorState)({
+  const inputRef = (0, import_react81.useRef)(null);
+  const [draftState, setDraftState] = (0, import_react81.useState)(null);
+  (0, import_react82.useEditorState)({
     editor,
     selector: ({ transactionNumber }) => transactionNumber
   });
   const selectedCell = getSelectedTableFormulaCell(editor);
-  (0, import_react80.useEffect)(() => {
+  (0, import_react81.useEffect)(() => {
     const focusFormulaInput = () => {
       inputRef.current?.focus();
     };
@@ -44225,7 +44852,7 @@ function TableFormulaBar({ editor }) {
             children: selectedCell.label
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react59.Sigma, { "aria-hidden": "true", className: "h-4 w-4 shrink-0 text-primary" }),
+        /* @__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)(
           "input",
           {
@@ -44253,7 +44880,7 @@ function TableFormulaBar({ editor }) {
             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_react59.AlertCircle, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react58.AlertCircle, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
               t("tableMenu.formulaError")
             ]
           }
@@ -44266,7 +44893,7 @@ 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_react59.Check, { "aria-hidden": "true", className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react58.Check, { "aria-hidden": "true", className: "h-4 w-4" })
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
@@ -44280,7 +44907,7 @@ 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_react59.Hash, { "aria-hidden": "true", className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react58.Hash, { "aria-hidden": "true", className: "h-4 w-4" })
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
@@ -44294,7 +44921,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_react59.Trash2, { "aria-hidden": "true", className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react58.Trash2, { "aria-hidden": "true", className: "h-4 w-4" })
           }
         )
       ]
@@ -44304,7 +44931,7 @@ function TableFormulaBar({ editor }) {
 
 // src/components/UEditor/UEditor.tsx
 var import_jsx_runtime102 = require("react/jsx-runtime");
-var UEditor = import_react82.default.forwardRef(({
+var UEditor = import_react83.default.forwardRef(({
   content = "",
   onChange,
   onHtmlChange,
@@ -44346,14 +44973,14 @@ var UEditor = import_react82.default.forwardRef(({
 }, ref) => {
   const t = useSmartTranslations("UEditor");
   const effectivePlaceholder = placeholder ?? t("placeholder");
-  const inFlightPrepareRef = (0, import_react82.useRef)(null);
-  const lastAppliedContentRef = (0, import_react82.useRef)(content ?? "");
-  const scheduledFormulaRecalculateRef = (0, import_react82.useRef)(false);
-  const editorInstanceRef = (0, import_react82.useRef)(null);
-  const formulaRangePickRef = (0, import_react82.useRef)(null);
-  const formulaRangeSurfaceRef = (0, import_react82.useRef)(null);
-  const [formulaRangeHighlight, setFormulaRangeHighlight] = import_react82.default.useState(null);
-  const scheduleFormulaRecalculate = import_react82.default.useCallback((editor2, options) => {
+  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) => {
     if (editor2.isDestroyed || scheduledFormulaRecalculateRef.current) return;
     if (!options?.force && isEditingTableFormulaText(editor2)) return;
     scheduledFormulaRecalculateRef.current = true;
@@ -44364,7 +44991,7 @@ var UEditor = import_react82.default.forwardRef(({
       }
     });
   }, []);
-  const resolvedUploadFile = (0, import_react82.useMemo)(() => {
+  const resolvedUploadFile = (0, import_react83.useMemo)(() => {
     if (uploadFile) return uploadFile;
     if (uploadFileForSave) {
       return async (file) => {
@@ -44374,7 +45001,7 @@ var UEditor = import_react82.default.forwardRef(({
     }
     return uploadImage;
   }, [uploadFile, uploadFileForSave, uploadImage]);
-  const extensions = (0, import_react82.useMemo)(
+  const extensions = (0, import_react83.useMemo)(
     () => [
       ...buildUEditorExtensions({
         placeholder: effectivePlaceholder,
@@ -44393,11 +45020,11 @@ var UEditor = import_react82.default.forwardRef(({
     ],
     [effectivePlaceholder, t, maxCharacters, uploadImage, resolvedUploadFile, imageInsertMode, maxImageFileSize, allowedImageMimeTypes, fallbackToDataUrl, editable, fetchMetadata, extraExtensions]
   );
-  const syncFormulaRangeHighlight = import_react82.default.useCallback((pickState) => {
+  const syncFormulaRangeHighlight = import_react83.default.useCallback((pickState) => {
     const container = formulaRangeSurfaceRef.current;
     setFormulaRangeHighlight(container && pickState ? getFormulaRangePickHighlight(container, pickState) : null);
   }, []);
-  const editor = (0, import_react83.useEditor)({
+  const editor = (0, import_react84.useEditor)({
     immediatelyRender: false,
     extensions,
     content,
@@ -44503,7 +45130,7 @@ var UEditor = import_react82.default.forwardRef(({
       scheduleFormulaRecalculate(editor2, { force: true });
     }
   });
-  (0, import_react82.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     editorInstanceRef.current = editor;
     return () => {
       if (editorInstanceRef.current === editor) editorInstanceRef.current = null;
@@ -44519,7 +45146,7 @@ var UEditor = import_react82.default.forwardRef(({
     apply: t("tableMenu.apply"),
     cancel: t("imageInput.cancelBtn")
   });
-  (0, import_react82.useImperativeHandle)(
+  (0, import_react83.useImperativeHandle)(
     ref,
     () => ({
       editor,
@@ -44544,7 +45171,7 @@ var UEditor = import_react82.default.forwardRef(({
     }),
     [content, editor, uploadImageForSave, uploadFileForSave, uploadImageConcurrency]
   );
-  (0, import_react82.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     if (!editor) return;
     queueMicrotask(() => {
       if (!editor.isDestroyed) {
@@ -44552,7 +45179,7 @@ var UEditor = import_react82.default.forwardRef(({
       }
     });
   }, [editor]);
-  (0, import_react82.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     if (!editor) return;
     const nextContent = content ?? "";
     if (lastAppliedContentRef.current === nextContent) return;
@@ -44702,7 +45329,7 @@ var UEditor = import_react82.default.forwardRef(({
               ),
               editable && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(TableControls, { editor, containerRef: editorContentRef }),
               /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
-                import_react83.EditorContent,
+                import_react84.EditorContent,
                 {
                   editor,
                   className: "min-h-full"