@underverse-ui/underverse 1.0.192 → 1.0.194

package/dist/index.js

@@ -910,6 +910,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",
@@ -1343,6 +1356,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",
@@ -1776,6 +1802,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",
@@ -2209,6 +2248,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",
@@ -14250,7 +14302,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",
@@ -27214,17 +27266,35 @@ function NotificationModal({ isOpen, onClose, notification, titleText, openLinkT
 var NotificationModal_default = NotificationModal;
 
 // src/components/AccessDenied.tsx
-import { Ban, Lock, ShieldAlert } from "lucide-react";
+import { useState as useState42, useEffect as useEffect32, useId as useId15, useRef as useRef26 } from "react";
 import { jsx as jsx75, jsxs as jsxs61 } from "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: ShieldAlert,
-  warning: Ban,
-  info: 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",
@@ -27233,30 +27303,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__ */ jsx75(
+  const design = VARIANT_DESIGNS[variant];
+  const colorVar = VARIANT_COLOR_VARS[variant];
+  const reactId = useId15();
+  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 = useRef26(null);
+  const [mousePos, setMousePos] = useState42({ x: 0, y: 0 });
+  const [eyeCoords, setEyeCoords] = useState42({ cx: 130, cy: 65 });
+  const [isHovered, setIsHovered] = useState42(false);
+  const handleMouseMove2 = (e) => {
+    const rect = e.currentTarget.getBoundingClientRect();
+    setMousePos({
+      x: e.clientX - rect.left,
+      y: e.clientY - rect.top
+    });
+  };
+  useEffect32(() => {
+    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__ */ jsxs61(
     Card_default,
     {
-      className: cn("p-8 text-center shadow-sm", styles.bg, styles.border, className),
-      innerClassName: !overflowHidden ? "overflow-visible" : void 0,
-      children: /* @__PURE__ */ jsxs61("div", { className: "flex flex-col items-center gap-4", children: [
-        /* @__PURE__ */ jsx75("div", { className: cn("p-3 rounded-lg", styles.bg.replace("/5", "/10")), children: /* @__PURE__ */ jsx75(UsedIcon, { className: cn("w-8 h-8", styles.text) }) }),
-        /* @__PURE__ */ jsxs61("div", { children: [
-          /* @__PURE__ */ jsx75("h3", { className: cn("font-semibold mb-2", styles.text), children: title }),
-          /* @__PURE__ */ jsx75("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__ */ jsx75("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__ */ jsxs61("div", { className: "absolute inset-0 pointer-events-none overflow-hidden rounded-2xl md:rounded-3xl", children: [
+          /* @__PURE__ */ jsx75(
+            "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__ */ jsx75(
+            "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__ */ jsx75("div", { className: "mt-2 flex flex-wrap gap-2 justify-center", children })
-      ] })
+        isHovered && /* @__PURE__ */ jsx75(
+          "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__ */ jsx75(
+          "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__ */ jsxs61("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__ */ jsx75("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__ */ jsx75(
+            "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__ */ jsxs61("div", { className: "relative z-10 flex flex-col items-center gap-6", children: [
+          Icon ? /* @__PURE__ */ jsxs61("div", { className: "relative flex items-center justify-center animate-ad-float", children: [
+            /* @__PURE__ */ jsx75(
+              "div",
+              {
+                className: cn(
+                  "absolute w-20 h-20 rounded-full opacity-60 animate-pulse duration-2000 ring-8",
+                  design.pulseRing
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx75(
+              "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__ */ jsx75(Icon, { className: cn("w-10 h-10 transition-transform duration-500 group-hover/ad:scale-110", design.textColor) })
+              }
+            )
+          ] }) : (
+            /* Interactive Robot Face Illustration */
+            /* @__PURE__ */ jsx75("div", { className: "relative w-full max-w-65 h-30 select-none animate-ad-float", children: /* @__PURE__ */ jsxs61(
+              "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__ */ jsx75("title", { children: "403 Error" }),
+                  /* @__PURE__ */ jsxs61("defs", { children: [
+                    /* @__PURE__ */ jsx75("clipPath", { id: clipId, children: /* @__PURE__ */ jsx75("circle", { id: eyeId, cx: "130", cy: "65", r: "20" }) }),
+                    /* @__PURE__ */ jsx75("text", { id: textId, className: "font-sans font-black tracking-tighter", y: "106", style: { fontSize: code.length > 3 ? "80px" : "120px" }, children: code })
+                  ] }),
+                  /* @__PURE__ */ jsx75(
+                    "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__ */ jsx75("use", { href: `#${textId}`, x: "-0.5px", y: "-1px", fill: "currentColor", className: "opacity-15 dark:opacity-10 text-muted-foreground" }),
+                  /* @__PURE__ */ jsx75("use", { href: `#${textId}`, fill: "currentColor", className: "opacity-10 dark:opacity-5 text-muted-foreground" }),
+                  /* @__PURE__ */ jsxs61("g", { id: "robot", children: [
+                    /* @__PURE__ */ jsxs61("g", { id: "eye-wrap", children: [
+                      /* @__PURE__ */ jsx75("use", { href: `#${eyeId}`, fill: "currentColor", className: "opacity-20 dark:opacity-15 text-muted-foreground" }),
+                      /* @__PURE__ */ jsx75(
+                        "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__ */ jsx75("ellipse", { fill: "currentColor", className: "opacity-30 dark:opacity-20 text-muted-foreground", cx: "130", cy: "40", rx: "18", ry: "12" })
+                    ] }),
+                    /* @__PURE__ */ jsx75("circle", { className: "opacity-40 dark:opacity-30 text-muted-foreground", fill: "currentColor", cx: "105", cy: "32", r: "2.5", id: tornilloId }),
+                    /* @__PURE__ */ jsx75("use", { href: `#${tornilloId}`, x: "50" }),
+                    /* @__PURE__ */ jsx75("use", { href: `#${tornilloId}`, x: "50", y: "60" }),
+                    /* @__PURE__ */ jsx75("use", { href: `#${tornilloId}`, y: "60" })
+                  ] })
+                ]
+              }
+            ) })
+          ),
+          /* @__PURE__ */ jsxs61("div", { className: "space-y-2.5 max-w-sm mx-auto", children: [
+            /* @__PURE__ */ jsx75("h3", { className: "text-xl md:text-2xl font-bold tracking-tight text-foreground transition-colors duration-300", children: title }),
+            /* @__PURE__ */ jsx75("p", { className: "text-sm md:text-base text-muted-foreground/80 leading-relaxed font-normal", children: description })
+          ] }),
+          children && /* @__PURE__ */ jsx75("div", { className: "mt-2 flex flex-wrap gap-3 justify-center items-center relative z-20", children })
+        ] })
+      ]
     }
   );
 }
 
 // src/components/ThemeToggleHeadless.tsx
 import { Moon as Moon2, Sun as Sun2, Monitor } from "lucide-react";
-import { useRef as useRef26, useState as useState42 } from "react";
+import { useRef as useRef27, useState as useState43 } from "react";
 import { createPortal as createPortal6 } from "react-dom";
 import { Fragment as Fragment27, jsx as jsx76, jsxs as jsxs62 } from "react/jsx-runtime";
 function ThemeToggleHeadless({
@@ -27265,10 +27583,10 @@ function ThemeToggleHeadless({
   labels,
   className
 }) {
-  const [isOpen, setIsOpen] = useState42(false);
+  const [isOpen, setIsOpen] = useState43(false);
   const isHydrated = useHydrated();
-  const triggerRef = useRef26(null);
-  const [dropdownPosition, setDropdownPosition] = useState42(null);
+  const triggerRef = useRef27(null);
+  const [dropdownPosition, setDropdownPosition] = useState43(null);
   const themes = [
     { value: "light", label: labels?.light ?? "Light", icon: Sun2 },
     { value: "dark", label: labels?.dark ?? "Dark", icon: Moon2 },
@@ -27357,7 +27675,7 @@ function ThemeToggleHeadless({
 }
 
 // src/components/LanguageSwitcherHeadless.tsx
-import { useRef as useRef27, useState as useState43 } from "react";
+import { useRef as useRef28, useState as useState44 } from "react";
 import { createPortal as createPortal7 } from "react-dom";
 import { Globe } from "lucide-react";
 import { Fragment as Fragment28, jsx as jsx77, jsxs as jsxs63 } from "react/jsx-runtime";
@@ -27368,9 +27686,9 @@ function LanguageSwitcherHeadless({
   labels,
   className
 }) {
-  const [isOpen, setIsOpen] = useState43(false);
-  const [dropdownPosition, setDropdownPosition] = useState43(null);
-  const triggerButtonRef = useRef27(null);
+  const [isOpen, setIsOpen] = useState44(false);
+  const [dropdownPosition, setDropdownPosition] = useState44(null);
+  const triggerButtonRef = useRef28(null);
   const currentLanguage = locales.find((l) => l.code === currentLocale) || locales[0];
   const calculatePosition = () => {
     const rect = triggerButtonRef.current?.getBoundingClientRect();
@@ -27456,7 +27774,7 @@ var VARIANT_STYLES_ALERT = {
 };
 
 // src/contexts/translation-adapter.tsx
-import * as React72 from "react";
+import * as React73 from "react";
 import { jsx as jsx78 } from "react/jsx-runtime";
 function isUnresolvedTranslation2(value, namespace, key) {
   return value === key || value === `${namespace}.${key}`;
@@ -27481,7 +27799,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)) {
@@ -27506,7 +27824,7 @@ function useLocale2() {
 }
 
 // src/components/UEditor/UEditor.tsx
-import React89, { useEffect as useEffect41, useImperativeHandle as useImperativeHandle4, useMemo as useMemo27, useRef as useRef40 } from "react";
+import React90, { useEffect as useEffect42, useImperativeHandle as useImperativeHandle4, useMemo as useMemo27, useRef as useRef41 } from "react";
 import { useEditor, EditorContent } from "@tiptap/react";
 
 // src/components/UEditor/extensions.ts
@@ -27666,7 +27984,7 @@ import { Node as Node3, mergeAttributes as mergeAttributes2 } from "@tiptap/core
 import { ReactNodeViewRenderer as ReactNodeViewRenderer2 } from "@tiptap/react";
 
 // src/components/UEditor/BookmarkView.tsx
-import React73, { useEffect as useEffect32, useState as useState44 } from "react";
+import React74, { useEffect as useEffect33, useState as useState45 } from "react";
 import { NodeViewWrapper as NodeViewWrapper2 } from "@tiptap/react";
 import { AlertCircle as AlertCircle4, ExternalLink as ExternalLink2, Globe as Globe2, RefreshCw } from "lucide-react";
 
@@ -27747,17 +28065,17 @@ import { jsx as jsx81, jsxs as jsxs65 } from "react/jsx-runtime";
 var BookmarkView = ({ node, updateAttributes, selected, editor }) => {
   const t = useSmartTranslations("UEditor");
   const { url, title, description, image, publisher } = node.attrs;
-  const [loading2, setLoading] = useState44(false);
-  const [error, setError] = useState44(false);
-  const [retryToken, setRetryToken] = useState44(0);
-  const lastFetchKeyRef = React73.useRef("");
-  const fetchRequestIdRef = React73.useRef(0);
+  const [loading2, setLoading] = useState45(false);
+  const [error, setError] = useState45(false);
+  const [retryToken, setRetryToken] = useState45(0);
+  const lastFetchKeyRef = React74.useRef("");
+  const fetchRequestIdRef = React74.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");
-  useEffect32(() => {
+  useEffect33(() => {
     if (title && retryToken === 0) return;
     if (!safeUrl) return;
     const fetchKey = `${safeUrl}\0${retryToken}`;
@@ -28047,7 +28365,7 @@ import { Node as Node4, mergeAttributes as mergeAttributes3 } from "@tiptap/core
 import { ReactNodeViewRenderer as ReactNodeViewRenderer3 } from "@tiptap/react";
 
 // src/components/UEditor/FileCardView.tsx
-import { useEffect as useEffect33, useState as useState45, useRef as useRef28 } from "react";
+import { useEffect as useEffect34, useState as useState46, useRef as useRef29 } from "react";
 import { NodeViewWrapper as NodeViewWrapper3 } from "@tiptap/react";
 import { Download as Download2, File as LucideFile, FileText as FileText2, Image as Image3, Music, RefreshCw as RefreshCw2, Video } from "lucide-react";
 import { jsx as jsx82, jsxs as jsxs66 } from "react/jsx-runtime";
@@ -28097,15 +28415,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] = useState45(null);
-  const [retryToken, setRetryToken] = useState45(0);
-  const uploadAttemptedRef = useRef28(false);
-  const lastUploadSrcRef = useRef28("");
-  const uploadRequestIdRef = useRef28(0);
+  const [uploadError, setUploadError] = useState46(null);
+  const [retryToken, setRetryToken] = useState46(0);
+  const uploadAttemptedRef = useRef29(false);
+  const lastUploadSrcRef = useRef29("");
+  const uploadRequestIdRef = useRef29(0);
   const safeSrc = sanitizeUEditorUrl(String(src ?? ""), "file");
   const extension = editor?.extensionManager?.extensions?.find((item) => item.name === "fileCard");
   const uploadFn = extension?.options?.upload;
-  useEffect33(() => {
+  useEffect34(() => {
     if (lastUploadSrcRef.current !== safeSrc) {
       lastUploadSrcRef.current = safeSrc;
       uploadAttemptedRef.current = false;
@@ -28696,7 +29014,7 @@ import { common, createLowlight } from "lowlight";
 import { Extension } from "@tiptap/core";
 import Suggestion from "@tiptap/suggestion";
 import { ReactRenderer } from "@tiptap/react";
-import React75, { forwardRef as forwardRef14, useEffect as useEffect34, useImperativeHandle, useRef as useRef29 } from "react";
+import React76, { forwardRef as forwardRef14, useEffect as useEffect35, useImperativeHandle, useRef as useRef30 } from "react";
 import {
   FileCode as FileCode2,
   Heading1,
@@ -28781,9 +29099,9 @@ var DEFAULT_MESSAGES = {
   formRadioDesc: "Insert an interactive radio button field"
 };
 function useResettingIndex2(resetToken) {
-  const [state, setState] = React75.useState({ resetToken, index: 0 });
+  const [state, setState] = React76.useState({ resetToken, index: 0 });
   const selectedIndex = Object.is(state.resetToken, resetToken) ? state.index : 0;
-  const setSelectedIndex = React75.useCallback((nextIndex) => {
+  const setSelectedIndex = React76.useCallback((nextIndex) => {
     setState((prev) => {
       const prevIndex = Object.is(prev.resetToken, resetToken) ? prev.index : 0;
       return {
@@ -29010,8 +29328,8 @@ function buildSlashCommandItems({
 }
 var SlashCommandList = forwardRef14((props, ref) => {
   const [selectedIndex, setSelectedIndex] = useResettingIndex2(props.items);
-  const listRef = useRef29(null);
-  useEffect34(() => {
+  const listRef = useRef30(null);
+  useEffect35(() => {
     const selectedElement = listRef.current?.querySelector(`[data-index="${selectedIndex}"]`);
     selectedElement?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex, props.items]);
@@ -29981,13 +30299,13 @@ import { Extension as Extension3 } from "@tiptap/core";
 import Suggestion2 from "@tiptap/suggestion";
 import { ReactRenderer as ReactRenderer2 } from "@tiptap/react";
 import { PluginKey as PluginKey2 } from "@tiptap/pm/state";
-import React76, { forwardRef as forwardRef15, useImperativeHandle as useImperativeHandle2 } from "react";
+import React77, { forwardRef as forwardRef15, useImperativeHandle as useImperativeHandle2 } from "react";
 import { Smile as Smile2 } from "lucide-react";
 import { jsx as jsx86, jsxs as jsxs69 } from "react/jsx-runtime";
 function useResettingIndex3(resetToken) {
-  const [state, setState] = React76.useState({ resetToken, index: 0 });
+  const [state, setState] = React77.useState({ resetToken, index: 0 });
   const selectedIndex = Object.is(state.resetToken, resetToken) ? state.index : 0;
-  const setSelectedIndex = React76.useCallback((nextIndex) => {
+  const setSelectedIndex = React77.useCallback((nextIndex) => {
     setState((prev) => {
       const prevIndex = Object.is(prev.resetToken, resetToken) ? prev.index : 0;
       return {
@@ -30134,7 +30452,7 @@ import { Extension as Extension4 } from "@tiptap/core";
 import Suggestion3 from "@tiptap/suggestion";
 import { ReactRenderer as ReactRenderer3 } from "@tiptap/react";
 import { PluginKey as PluginKey3 } from "@tiptap/pm/state";
-import React77, { forwardRef as forwardRef16, useImperativeHandle as useImperativeHandle3 } from "react";
+import React78, { forwardRef as forwardRef16, useImperativeHandle as useImperativeHandle3 } from "react";
 import { Sigma } from "lucide-react";
 import { jsx as jsx87, jsxs as jsxs70 } from "react/jsx-runtime";
 var FORMULA_FUNCTIONS = [
@@ -30189,8 +30507,8 @@ function isFormulaFunctionSuggestionQuery(query) {
 }
 var FormulaSuggestionList = forwardRef16((props, ref) => {
   const t = useSmartTranslations("UEditor");
-  const [selectedIndex, setSelectedIndex] = React77.useState(0);
-  React77.useEffect(() => {
+  const [selectedIndex, setSelectedIndex] = React78.useState(0);
+  React78.useEffect(() => {
     setSelectedIndex(0);
   }, [props.items]);
   useImperativeHandle3(ref, () => ({
@@ -30389,7 +30707,7 @@ var UEditorPlaceholder = Extension5.create({
 });
 
 // src/components/UEditor/resizable-image.tsx
-import { useEffect as useEffect35, useRef as useRef30, useState as useState46 } from "react";
+import { useEffect as useEffect36, useRef as useRef31, useState as useState47 } from "react";
 import Image4 from "@tiptap/extension-image";
 import { mergeAttributes as mergeAttributes6 } from "@tiptap/core";
 import { NodeViewWrapper as NodeViewWrapper6, ReactNodeViewRenderer as ReactNodeViewRenderer6 } from "@tiptap/react";
@@ -30578,16 +30896,16 @@ function sizeFromHeight(height, aspect, maxWidth) {
 }
 function ResizableImageNodeView(props) {
   const { node, selected, updateAttributes, editor, getPos } = props;
-  const wrapperRef = useRef30(null);
-  const imgRef = useRef30(null);
-  const resizePreviewRef = useRef30(null);
-  const [isHovered, setIsHovered] = useState46(false);
-  const [isResizing, setIsResizing] = useState46(false);
+  const wrapperRef = useRef31(null);
+  const imgRef = useRef31(null);
+  const resizePreviewRef = useRef31(null);
+  const [isHovered, setIsHovered] = useState47(false);
+  const [isResizing, setIsResizing] = useState47(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 = useRef30(null);
+  const dragStateRef = useRef31(null);
   const dispatchTableLayoutChange2 = () => {
     editor.view.dom.dispatchEvent(new CustomEvent(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT, { bubbles: true }));
   };
@@ -30624,7 +30942,7 @@ function ResizableImageNodeView(props) {
     if (!drag || drag.frameId !== null) return;
     drag.frameId = window.requestAnimationFrame(applyPendingResizeFrame);
   };
-  useEffect35(() => {
+  useEffect36(() => {
     return () => {
       const drag = dragStateRef.current;
       if (drag && drag.frameId !== null) {
@@ -30634,7 +30952,7 @@ function ResizableImageNodeView(props) {
       document.body.style.cursor = "";
     };
   }, []);
-  useEffect35(() => {
+  useEffect36(() => {
     const img = imgRef.current;
     if (!img) return;
     const displayStyle = getImageDisplayStyle(widthAttr, heightAttr);
@@ -31593,7 +31911,7 @@ var UEditorTable = Table3.extend({
 var table_align_default = UEditorTable;
 
 // src/components/UEditor/CodeBlockView.tsx
-import React79, { useState as useState47 } from "react";
+import React80, { useState as useState48 } from "react";
 import { NodeViewWrapper as NodeViewWrapper7, NodeViewContent as NodeViewContent2 } from "@tiptap/react";
 import { Check as Check11, Copy as Copy2, ChevronDown as ChevronDown7 } from "lucide-react";
 import { Fragment as Fragment29, jsx as jsx89, jsxs as jsxs72 } from "react/jsx-runtime";
@@ -31618,12 +31936,12 @@ var CodeBlockView = ({
   updateAttributes,
   extension
 }) => {
-  const [copied, setCopied] = useState47(false);
-  const [isDropdownOpen, setIsDropdownOpen] = useState47(false);
-  const timeoutRef = React79.useRef(null);
+  const [copied, setCopied] = useState48(false);
+  const [isDropdownOpen, setIsDropdownOpen] = useState48(false);
+  const timeoutRef = React80.useRef(null);
   const currentLangValue = node.attrs.language || "text";
   const currentLangLabel = LANGUAGES.find((lang) => lang.value === currentLangValue)?.label || "Plain Text";
-  React79.useEffect(() => {
+  React80.useEffect(() => {
     return () => {
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
@@ -31816,7 +32134,7 @@ var CustomTableCell = TableCell2.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" } : {}
       }
     };
@@ -31835,7 +32153,7 @@ var CustomTableCell = TableCell2.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",
@@ -31942,7 +32260,7 @@ var CustomTableHeader = TableHeader2.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" } : {}
       }
     };
@@ -31961,7 +32279,7 @@ var CustomTableHeader = TableHeader2.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",
@@ -32141,7 +32459,7 @@ function buildUEditorExtensions({
 }
 
 // src/components/UEditor/toolbar.tsx
-import React82, { useRef as useRef33, useState as useState49 } from "react";
+import React83, { useRef as useRef34, useState as useState50 } from "react";
 import { useEditorState } from "@tiptap/react";
 import {
   AlignCenter,
@@ -32189,7 +32507,7 @@ import {
 import { setCellAttr } from "@tiptap/pm/tables";
 
 // src/components/UEditor/colors.tsx
-import { useMemo as useMemo24, useRef as useRef31 } from "react";
+import { useMemo as useMemo24, useRef as useRef32 } from "react";
 import { Check as Check12, Highlighter, Palette as Palette2, Paintbrush, Grid as Grid2 } from "lucide-react";
 import { jsx as jsx90, jsxs as jsxs73 } from "react/jsx-runtime";
 var TextColorIcon = ({ color }) => {
@@ -32362,7 +32680,7 @@ var EditorColorPalette = ({
   label
 }) => {
   const t = useSmartTranslations("UEditor");
-  const colorInputRef = useRef31(null);
+  const colorInputRef = useRef32(null);
   const automaticColor = colors[0]?.color ?? "";
   const paletteColors = colors.slice(1);
   return /* @__PURE__ */ jsxs73("div", { className: "w-56 p-2", children: [
@@ -32564,7 +32882,7 @@ function deleteSelectedImage(editor) {
 }
 
 // src/components/UEditor/inputs.tsx
-import { useEffect as useEffect36, useId as useId15, useRef as useRef32, useState as useState48 } from "react";
+import { useEffect as useEffect37, useId as useId16, useRef as useRef33, useState as useState49 } from "react";
 import { Check as Check13, X as X19 } from "lucide-react";
 import { jsx as jsx91, jsxs as jsxs74 } from "react/jsx-runtime";
 function normalizeUrl(raw) {
@@ -32576,11 +32894,11 @@ var LinkInput = ({
   initialUrl = ""
 }) => {
   const t = useSmartTranslations("UEditor");
-  const [url, setUrl] = useState48(initialUrl);
-  const [error, setError] = useState48("");
-  const inputRef = useRef32(null);
-  const errorId = useId15();
-  useEffect36(() => {
+  const [url, setUrl] = useState49(initialUrl);
+  const [error, setError] = useState49("");
+  const inputRef = useRef33(null);
+  const errorId = useId16();
+  useEffect37(() => {
     inputRef.current?.focus();
     inputRef.current?.select();
   }, []);
@@ -32620,10 +32938,10 @@ var LinkInput = ({
 };
 var ImageInput = ({ onSubmit, onCancel }) => {
   const t = useSmartTranslations("UEditor");
-  const [url, setUrl] = useState48("");
-  const [alt, setAlt] = useState48("");
-  const inputRef = useRef32(null);
-  useEffect36(() => {
+  const [url, setUrl] = useState49("");
+  const [alt, setAlt] = useState49("");
+  const inputRef = useRef33(null);
+  useEffect37(() => {
     inputRef.current?.focus();
   }, []);
   const handleSubmit = (e) => {
@@ -33089,7 +33407,7 @@ function fileToDataUrl2(file) {
 function formatTableInsertLabel(template, rows, cols) {
   return template.replace("{rows}", String(rows)).replace("{cols}", String(cols));
 }
-var ToolbarButton = React82.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
+var ToolbarButton = React83.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
   const button = /* @__PURE__ */ jsx92(
     "button",
     {
@@ -33126,7 +33444,7 @@ var TableInsertGrid = ({
   previewTemplate,
   onInsert
 }) => {
-  const [selection, setSelection] = React82.useState({ rows: 3, cols: 3 });
+  const [selection, setSelection] = React83.useState({ rows: 3, cols: 3 });
   const maxRows = 8;
   const maxCols = 8;
   return /* @__PURE__ */ jsxs75("div", { className: "mb-2 rounded-xl border border-border/60 bg-muted/20 p-2", children: [
@@ -33184,13 +33502,13 @@ var EditorToolbar = ({
     selector: ({ transactionNumber }) => transactionNumber
   });
   const { textColors, highlightColors } = useEditorColors();
-  const [showImageInput, setShowImageInput] = useState49(false);
-  const [showLinkInput, setShowLinkInput] = useState49(false);
-  const [isTableMenuOpen, setIsTableMenuOpen] = useState49(false);
-  const [preservedTableAnchorPos, setPreservedTableAnchorPos] = useState49(null);
-  const fileInputRef = useRef33(null);
-  const [isUploadingImage, setIsUploadingImage] = useState49(false);
-  const [imageUploadError, setImageUploadError] = useState49(null);
+  const [showImageInput, setShowImageInput] = useState50(false);
+  const [showLinkInput, setShowLinkInput] = useState50(false);
+  const [isTableMenuOpen, setIsTableMenuOpen] = useState50(false);
+  const [preservedTableAnchorPos, setPreservedTableAnchorPos] = useState50(null);
+  const fileInputRef = useRef34(null);
+  const [isUploadingImage, setIsUploadingImage] = useState50(false);
+  const [imageUploadError, setImageUploadError] = useState50(null);
   const isImageSelected = editor.isActive("image");
   const imageAttrs = editor.getAttributes("image");
   const tableAnchorPos = getTableAnchorPos(editor);
@@ -33213,10 +33531,10 @@ var EditorToolbar = ({
   const currentHighlightColor = normalizeStyleValue(editor.getAttributes("highlight").color) || "";
   const currentLineHeight = normalizeStyleValue(textStyleAttrs.lineHeight);
   const currentLetterSpacing = normalizeStyleValue(textStyleAttrs.letterSpacing);
-  const availableFontFamilies = React82.useMemo(() => fontFamilies ?? getDefaultFontFamilies(t), [fontFamilies, t]);
-  const availableFontSizes = React82.useMemo(() => fontSizes ?? getDefaultFontSizes(), [fontSizes]);
-  const availableLineHeights = React82.useMemo(() => lineHeights ?? getDefaultLineHeights(), [lineHeights]);
-  const availableLetterSpacings = React82.useMemo(() => letterSpacings ?? getDefaultLetterSpacings(), [letterSpacings]);
+  const availableFontFamilies = React83.useMemo(() => fontFamilies ?? getDefaultFontFamilies(t), [fontFamilies, t]);
+  const availableFontSizes = React83.useMemo(() => fontSizes ?? getDefaultFontSizes(), [fontSizes]);
+  const availableLineHeights = React83.useMemo(() => lineHeights ?? getDefaultLineHeights(), [lineHeights]);
+  const availableLetterSpacings = React83.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";
@@ -34191,7 +34509,7 @@ var EditorToolbar = ({
 };
 
 // src/components/UEditor/menus.tsx
-import { useCallback as useCallback23, useEffect as useEffect37, useMemo as useMemo25, useRef as useRef34, useState as useState50 } from "react";
+import { useCallback as useCallback23, useEffect as useEffect38, useMemo as useMemo25, useRef as useRef35, useState as useState51 } from "react";
 import { useEditorState as useEditorState2 } from "@tiptap/react";
 import { isInTable as isSelectionInTable, setCellAttr as setCellAttr3 } from "@tiptap/pm/tables";
 import { createPortal as createPortal8 } from "react-dom";
@@ -34214,6 +34532,7 @@ import {
   Underline as UnderlineIcon2,
   Strikethrough as StrikethroughIcon2,
   Edit2,
+  Eraser,
   Unlink,
   ExternalLink as ExternalLink3,
   Sigma as Sigma2,
@@ -34224,9 +34543,137 @@ import {
   ArrowRight as ArrowRight2
 } from "lucide-react";
 
+// src/components/UEditor/table-border-commands.ts
+import { selectedRect as selectedRect2 } from "@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 = selectedRect2(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
 import { TextSelection as TextSelection4 } from "@tiptap/pm/state";
-import { selectedRect as selectedRect2, setCellAttr as setCellAttr2, TableMap as TableMap3 } from "@tiptap/pm/tables";
+import { selectedRect as selectedRect3, setCellAttr as setCellAttr2, TableMap as TableMap3 } from "@tiptap/pm/tables";
 
 // src/components/UEditor/table-formula.ts
 var CELL_ADDRESS_RE = /^([A-Z]+)([1-9]\d*)$/i;
@@ -35115,7 +35562,7 @@ function recalculateTableNode(tableNode, options) {
   return tableNode.type.create(tableNode.attrs, rows);
 }
 function recalculateSelectedTable(editor) {
-  const rect = selectedRect2(editor.state);
+  const rect = selectedRect3(editor.state);
   const tableNode = rect.table;
   const nextTable = recalculateTableNode(tableNode);
   if (!nextTable) return false;
@@ -35171,8 +35618,8 @@ var FloatingSlashCommandMenu = ({ editor, onClose }) => {
   const t = useSmartTranslations("UEditor");
   const messages = useMemo25(() => buildSlashCommandMessages(t), [t]);
   const items = useMemo25(() => buildSlashCommandItems({ query: "", messages }), [messages]);
-  const listRef = useRef34(null);
-  useEffect37(() => {
+  const listRef = useRef35(null);
+  useEffect38(() => {
     const handleKeyDown2 = (event) => {
       if (event.key === "Escape") {
         event.preventDefault();
@@ -35202,7 +35649,7 @@ var FloatingSlashCommandMenu = ({ editor, onClose }) => {
 };
 var FloatingMenuContent = ({ editor }) => {
   const t = useSmartTranslations("UEditor");
-  const [showCommands, setShowCommands] = useState50(false);
+  const [showCommands, setShowCommands] = useState51(false);
   if (showCommands) {
     return /* @__PURE__ */ jsx93(FloatingSlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
   }
@@ -35259,6 +35706,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__ */ jsxs76("svg", { "aria-hidden": "true", viewBox: "0 0 20 20", className: "h-5 w-5 fill-none stroke-current", children: [
+    /* @__PURE__ */ jsx93(
+      "path",
+      {
+        d: "M2 2H18V18H2Z M2 10H18 M10 2V18",
+        className: "text-foreground opacity-70",
+        stroke: "currentColor",
+        strokeDasharray: "2 1.5",
+        strokeWidth: "1.25"
+      }
+    ),
+    showTop && /* @__PURE__ */ jsx93("path", { d: "M2 2H18", strokeWidth: "2" }),
+    showRight && /* @__PURE__ */ jsx93("path", { d: "M18 2V18", strokeWidth: "2" }),
+    showBottom && /* @__PURE__ */ jsx93("path", { d: "M2 18H18", strokeWidth: "2" }),
+    showLeft && /* @__PURE__ */ jsx93("path", { d: "M2 2V18", strokeWidth: "2" }),
+    showHorizontal && /* @__PURE__ */ jsx93("path", { d: "M2 10H18", strokeWidth: "2" }),
+    showVertical && /* @__PURE__ */ jsx93("path", { d: "M10 2V18", strokeWidth: "2" })
+  ] });
+}
 var BubbleMenuContent = ({
   editor,
   onKeepOpenChange,
@@ -35266,7 +35739,8 @@ var BubbleMenuContent = ({
   onRequestClose,
   fontSizes,
   lineHeights,
-  initialShowLinkInput = false
+  initialShowLinkInput = false,
+  cellBorderOpenRequest = 0
 }) => {
   const t = useSmartTranslations("UEditor");
   useEditorState2({
@@ -35274,16 +35748,21 @@ var BubbleMenuContent = ({
     selector: ({ transactionNumber }) => transactionNumber
   });
   const { textColors, highlightColors } = useEditorColors();
-  const [showLinkInput, setShowLinkInput] = useState50(initialShowLinkInput);
-  const [activeColorPalette, setActiveColorPalette] = useState50(null);
-  useEffect37(() => {
+  const [showLinkInput, setShowLinkInput] = useState51(initialShowLinkInput);
+  const [activeColorPalette, setActiveColorPalette] = useState51(null);
+  useEffect38(() => {
     setShowLinkInput(initialShowLinkInput);
   }, [initialShowLinkInput]);
-  const [showTypographyPanel, setShowTypographyPanel] = useState50(false);
-  const [showFormulaPanel, setShowFormulaPanel] = useState50(false);
-  const [formulaDraft, setFormulaDraft] = useState50("");
-  const [showFontSizeOptions, setShowFontSizeOptions] = useState50(false);
-  const [fontSizeDraft, setFontSizeDraft] = useState50("");
+  useEffect38(() => {
+    if (!cellBorderOpenRequest) return;
+    setActiveColorPalette("cell-border");
+    onKeepOpenChange?.(true);
+  }, [cellBorderOpenRequest, onKeepOpenChange]);
+  const [showTypographyPanel, setShowTypographyPanel] = useState51(false);
+  const [showFormulaPanel, setShowFormulaPanel] = useState51(false);
+  const [formulaDraft, setFormulaDraft] = useState51("");
+  const [showFontSizeOptions, setShowFontSizeOptions] = useState51(false);
+  const [fontSizeDraft, setFontSizeDraft] = useState51("");
   const isImageSelected = editor.isActive("image");
   const imageAttrs = editor.getAttributes("image");
   const imageLayout = imageAttrs.imageLayout === "left" || imageAttrs.imageLayout === "right" ? imageAttrs.imageLayout : "block";
@@ -35296,6 +35775,14 @@ 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] = useState51(
+    ["solid", "dashed", "dotted", "double"].includes(currentCellBorderStyle) ? currentCellBorderStyle : "solid"
+  );
+  const [borderWidthDraft, setBorderWidthDraft] = useState51(currentCellBorderWidth);
+  const [borderColorDraft, setBorderColorDraft] = useState51(currentCellBorderColor);
+  const [borderEditMode, setBorderEditMode] = useState51("draw");
+  const [activeBorderPosition, setActiveBorderPosition] = useState51("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 = isSelectionInTable(editor.state);
@@ -35320,10 +35807,10 @@ var BubbleMenuContent = ({
     ],
     [highlightColors, t]
   );
-  useEffect37(() => {
+  useEffect38(() => {
     setFontSizeDraft(currentFontSize.replace(/px$/i, ""));
   }, [currentFontSize]);
-  useEffect37(() => {
+  useEffect38(() => {
     setFormulaDraft(currentCellFormula);
   }, [currentCellFormula]);
   const applyFontSizeDraft = () => {
@@ -35338,11 +35825,11 @@ var BubbleMenuContent = ({
     editor.chain().focus().setFontSize(`${clamped}px`).run();
     setFontSizeDraft(String(clamped));
   };
-  useEffect37(() => {
+  useEffect38(() => {
     onKeepOpenChange?.(showLinkInput);
     onLinkInputOpenChange?.(showLinkInput);
   }, [onKeepOpenChange, onLinkInputOpenChange, showLinkInput]);
-  useEffect37(() => {
+  useEffect38(() => {
     onKeepOpenChange?.(Boolean(activeColorPalette));
   }, [activeColorPalette, onKeepOpenChange]);
   const closeTransientPanels = useCallback23(() => {
@@ -35352,21 +35839,60 @@ var BubbleMenuContent = ({
     onLinkInputOpenChange?.(false);
     onRequestClose?.();
   }, [onKeepOpenChange, onLinkInputOpenChange, onRequestClose]);
-  const applyTableCellAttributeAndClose = useCallback23((name, value) => {
-    applyTableCellAttribute2(editor, name, value, { focus: false });
-    closeTransientPanels();
-  }, [closeTransientPanels, editor]);
-  const clearTableCellBorderAndClose = useCallback23(() => {
-    applyTableCellAttribute2(editor, "borderColor", null, { focus: false });
-    applyTableCellAttribute2(editor, "borderStyle", null, { focus: false });
-    applyTableCellAttribute2(editor, "borderWidth", null, { focus: false });
-    closeTransientPanels();
-  }, [closeTransientPanels, editor]);
-  const applyTableCellBorderColorAndClose = useCallback23((color) => {
-    const value = color || null;
-    applyTableCellAttribute2(editor, "borderColor", value, { focus: false });
-    closeTransientPanels();
-  }, [closeTransientPanels, editor]);
+  const selectTableCellBorderColor = useCallback23((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 = useCallback23((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 = useCallback23((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 = useCallback23((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 = useCallback23(() => {
+    setActiveBorderPosition("all");
+    setBorderEditMode("erase");
+    applyTableCellBorders(editor, "all", {
+      color: borderColorDraft,
+      style: "none",
+      width: borderWidthDraft
+    }, { focus: false });
+    onKeepOpenChange?.(true);
+  }, [borderColorDraft, borderWidthDraft, editor, onKeepOpenChange]);
   const closeColorPalette = useCallback23(() => {
     setActiveColorPalette(null);
     onKeepOpenChange?.(false);
@@ -35389,7 +35915,7 @@ var BubbleMenuContent = ({
     }
     closeColorPalette();
   }, [activeColorPalette, closeColorPalette, editor]);
-  useEffect37(() => {
+  useEffect38(() => {
     if (!showLinkInput) return;
     const close2 = () => setShowLinkInput(false);
     editor.on("selectionUpdate", close2);
@@ -35420,27 +35946,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__ */ jsxs76("div", { className: "flex flex-col gap-2 p-2 w-56 text-sm", "data-ueditor-keep-open": true, children: [
+      return /* @__PURE__ */ jsxs76("div", { className: "flex w-72 flex-col gap-2 p-2 text-sm", "data-ueditor-keep-open": true, children: [
         /* @__PURE__ */ jsx93("div", { className: "font-semibold text-xs text-muted-foreground uppercase tracking-wider mb-1", children: t("tableMenu.cellBorder") || "Cell Borders" }),
+        /* @__PURE__ */ jsxs76("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxs76("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx93("label", { className: "mb-1 block text-xs text-muted-foreground", children: t("tableMenu.borderPosition") || "Border placement" }),
+            /* @__PURE__ */ jsxs76("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__ */ jsx93(
+                  "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__ */ jsx93(BorderPositionPreviewIcon, { position })
+                  },
+                  position
+                );
+              }),
+              /* @__PURE__ */ jsx93(
+                "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__ */ jsx93(BorderStylePreviewIcon, { style: "none" })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs76("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__ */ jsx93(
+              "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__ */ jsx93(Edit2, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx93(
+              "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__ */ jsx93(Eraser, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ] }),
         /* @__PURE__ */ jsxs76("div", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ jsx93("label", { className: "text-xs text-muted-foreground", children: t("tableMenu.borderStyle") || "Border Style" }),
-          /* @__PURE__ */ jsx93("div", { className: "grid grid-cols-3 gap-1", role: "group", "aria-label": t("tableMenu.borderStyle") || "Border Style", children: [
+          /* @__PURE__ */ jsx93("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__ */ jsxs76(
             "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__ */ jsx93(BorderStylePreviewIcon, { style }),
@@ -35456,12 +36059,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
             },
@@ -35481,33 +36083,22 @@ var BubbleMenuContent = ({
                 {
                   className: "w-4 h-4 rounded-full border border-border",
                   style: {
-                    backgroundColor: currentBorderColor
+                    backgroundColor: borderColorDraft
                   }
                 }
               )
             ]
           }
-        ),
-        /* @__PURE__ */ jsx93("div", { className: "flex items-center justify-between gap-2 mt-2 pt-2 border-t border-border", children: /* @__PURE__ */ jsx93(
-          "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__ */ jsx93("div", { className: "w-56", "data-ueditor-keep-open": true, children: /* @__PURE__ */ jsx93(
         EditorColorPalette,
         {
           colors: borderColors,
-          currentColor: currentBorderColor,
-          onSelect: applyTableCellBorderColorAndClose,
+          currentColor: borderColorDraft,
+          onSelect: selectTableCellBorderColor,
           label: t("tableMenu.borderColor") || "Border Color"
         }
       ) });
@@ -36023,26 +36614,27 @@ var CustomBubbleMenu = ({
   const SHOW_DELAY_MS = 180;
   const BUBBLE_MENU_OFFSET = 16;
   const BUBBLE_MENU_ESTIMATED_HEIGHT = 44;
-  const [isVisible, setIsVisible] = useState50(false);
-  const [linkInputOpen, setLinkInputOpen] = useState50(false);
-  const [position, setPosition2] = useState50({
+  const [isVisible, setIsVisible] = useState51(false);
+  const [linkInputOpen, setLinkInputOpen] = useState51(false);
+  const [cellBorderOpenRequest, setCellBorderOpenRequest] = useState51(0);
+  const [position, setPosition2] = useState51({
     top: 0,
     left: 0,
     placement: "top"
   });
-  const menuRef = useRef34(null);
-  const keepOpenRef = useRef34(false);
-  const [keepOpen, setKeepOpenState] = useState50(false);
-  const showTimeoutRef = useRef34(null);
-  const suppressShowUntilRef = useRef34(0);
+  const menuRef = useRef35(null);
+  const keepOpenRef = useRef35(false);
+  const [keepOpen, setKeepOpenState] = useState51(false);
+  const showTimeoutRef = useRef35(null);
+  const suppressShowUntilRef = useRef35(0);
   const setKeepOpen = useCallback23((next) => {
     keepOpenRef.current = next;
     setKeepOpenState(next);
     if (!next) setLinkInputOpen(false);
     if (next) setIsVisible(true);
   }, []);
-  const closeBubbleMenu = useCallback23(() => {
-    suppressShowUntilRef.current = Date.now() + 1e3;
+  const closeBubbleMenu = useCallback23((suppressShow = true) => {
+    suppressShowUntilRef.current = suppressShow ? Date.now() + 1e3 : 0;
     keepOpenRef.current = false;
     setKeepOpenState(false);
     setLinkInputOpen(false);
@@ -36052,7 +36644,7 @@ var CustomBubbleMenu = ({
       showTimeoutRef.current = null;
     }
   }, []);
-  useEffect37(() => {
+  useEffect38(() => {
     const clearShowTimeout = () => {
       if (showTimeoutRef.current) {
         clearTimeout(showTimeoutRef.current);
@@ -36134,6 +36726,41 @@ var CustomBubbleMenu = ({
       editor.off("update", updatePosition);
     };
   }, [editor]);
+  useEffect38(() => {
+    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]);
+  useEffect38(() => {
+    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 createPortal8(
     /* @__PURE__ */ jsx93(
@@ -36174,7 +36801,8 @@ var CustomBubbleMenu = ({
             onRequestClose: closeBubbleMenu,
             fontSizes,
             lineHeights,
-            initialShowLinkInput: linkInputOpen
+            initialShowLinkInput: linkInputOpen,
+            cellBorderOpenRequest
           }
         )
       }
@@ -36184,9 +36812,9 @@ var CustomBubbleMenu = ({
 };
 var CustomFloatingMenu = ({ editor }) => {
   const FLOATING_MENU_OFFSET = 16;
-  const [isVisible, setIsVisible] = useState50(false);
-  const [position, setPosition2] = useState50({ top: 0, left: 0 });
-  useEffect37(() => {
+  const [isVisible, setIsVisible] = useState51(false);
+  const [position, setPosition2] = useState51({ top: 0, left: 0 });
+  useEffect38(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { $from, empty } = state.selection;
@@ -36671,7 +37299,7 @@ async function prepareUEditorContentForSave({
 }
 
 // src/components/UEditor/table-controls.tsx
-import React84 from "react";
+import React85 from "react";
 
 // node_modules/prosemirror-model/dist/index.js
 function findDiffStart(a, b, pos) {
@@ -40626,7 +41254,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);
@@ -40644,7 +41272,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,
@@ -40684,7 +41312,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;
@@ -41590,17 +42218,17 @@ function getSelectedCell(editor) {
 }
 function TableControls({ editor, containerRef }) {
   const t = useSmartTranslations("UEditor");
-  const [layout, setLayout] = React84.useState(null);
-  const [dragPreview, setDragPreview] = React84.useState(null);
-  const [hoverState, setHoverState] = React84.useState(DEFAULT_TABLE_HOVER_STATE);
-  const [openMenuKey, setOpenMenuKey] = React84.useState(null);
-  const layoutRef = React84.useRef(null);
-  const dragStateRef = React84.useRef(null);
-  const syncFrameRef = React84.useRef(null);
-  React84.useEffect(() => {
+  const [layout, setLayout] = React85.useState(null);
+  const [dragPreview, setDragPreview] = React85.useState(null);
+  const [hoverState, setHoverState] = React85.useState(DEFAULT_TABLE_HOVER_STATE);
+  const [openMenuKey, setOpenMenuKey] = React85.useState(null);
+  const layoutRef = React85.useRef(null);
+  const dragStateRef = React85.useRef(null);
+  const syncFrameRef = React85.useRef(null);
+  React85.useEffect(() => {
     layoutRef.current = layout;
   }, [layout]);
-  const syncFromCell = React84.useCallback((cell) => {
+  const syncFromCell = React85.useCallback((cell) => {
     const surface = containerRef.current;
     if (!surface || !cell) {
       setLayout(null);
@@ -41608,23 +42236,23 @@ function TableControls({ editor, containerRef }) {
     }
     setLayout(buildTableControlLayout(editor, surface, cell));
   }, [containerRef, editor]);
-  const syncFromSelection = React84.useCallback(() => {
+  const syncFromSelection = React85.useCallback(() => {
     syncFromCell(getSelectedCell(editor));
   }, [editor, syncFromCell]);
-  const scheduleSyncFromSelection = React84.useCallback(() => {
+  const scheduleSyncFromSelection = React85.useCallback(() => {
     if (syncFrameRef.current !== null) return;
     syncFrameRef.current = window.requestAnimationFrame(() => {
       syncFrameRef.current = null;
       syncFromSelection();
     });
   }, [syncFromSelection]);
-  React84.useEffect(() => () => {
+  React85.useEffect(() => () => {
     if (syncFrameRef.current !== null) {
       window.cancelAnimationFrame(syncFrameRef.current);
       syncFrameRef.current = null;
     }
   }, []);
-  const refreshCurrentLayout = React84.useCallback(() => {
+  const refreshCurrentLayout = React85.useCallback(() => {
     setLayout((prev) => {
       if (!prev) return prev;
       const surface = containerRef.current;
@@ -41634,12 +42262,12 @@ function TableControls({ editor, containerRef }) {
       return cell ? buildTableControlLayout(editor, surface, cell) : null;
     });
   }, [containerRef, editor]);
-  const clearDrag = React84.useCallback(() => {
+  const clearDrag = React85.useCallback(() => {
     dragStateRef.current = null;
     setDragPreview(null);
     document.body.style.cursor = "";
   }, []);
-  const updateHoverState = React84.useCallback((event) => {
+  const updateHoverState = React85.useCallback((event) => {
     const activeLayout = layoutRef.current;
     const surface = containerRef.current;
     if (!activeLayout || !surface || dragStateRef.current) {
@@ -41655,7 +42283,7 @@ function TableControls({ editor, containerRef }) {
       return areTableHoverStatesEqual(prev, nextState) ? prev : nextState;
     });
   }, [containerRef]);
-  React84.useEffect(() => {
+  React85.useEffect(() => {
     const proseMirror = editor.view.dom;
     const surface = containerRef.current;
     if (!surface) return void 0;
@@ -41706,37 +42334,37 @@ function TableControls({ editor, containerRef }) {
       editor.off("update", refreshCurrentLayout);
     };
   }, [clearDrag, containerRef, editor, refreshCurrentLayout, syncFromCell, syncFromSelection, updateHoverState]);
-  const runAtCellPos = React84.useCallback((cellPos, command, options) => {
+  const runAtCellPos = React85.useCallback((cellPos, command, options) => {
     const result = runTableCommandAtCellPos(editor, cellPos, command);
     if (options?.sync !== false) {
       scheduleSyncFromSelection();
     }
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const runAtActiveCell = React84.useCallback((command, options) => {
+  const runAtActiveCell = React85.useCallback((command, options) => {
     return runAtCellPos(layoutRef.current?.cellPos ?? null, command, options);
   }, [runAtCellPos]);
-  const duplicateRowAt = React84.useCallback((rowIndex, cellPos) => {
+  const duplicateRowAt = React85.useCallback((rowIndex, cellPos) => {
     const result = duplicateTableRowAt(editor, rowIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const clearRowAt = React84.useCallback((rowIndex, cellPos) => {
+  const clearRowAt = React85.useCallback((rowIndex, cellPos) => {
     const result = clearTableRowAt(editor, rowIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const duplicateColumnAt = React84.useCallback((columnIndex, cellPos) => {
+  const duplicateColumnAt = React85.useCallback((columnIndex, cellPos) => {
     const result = duplicateTableColumnAt(editor, columnIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const clearColumnAt = React84.useCallback((columnIndex, cellPos) => {
+  const clearColumnAt = React85.useCallback((columnIndex, cellPos) => {
     const result = clearTableColumnAt(editor, columnIndex, cellPos);
     scheduleSyncFromSelection();
     return result;
   }, [editor, scheduleSyncFromSelection]);
-  const expandTableBy = React84.useCallback((rows, cols) => {
+  const expandTableBy = React85.useCallback((rows, cols) => {
     const activeCellPos = layoutRef.current?.cellPos ?? editor.state.selection.from;
     const result = expandTableFromCell(editor, activeCellPos, rows, cols);
     scheduleSyncFromSelection();
@@ -41745,19 +42373,19 @@ function TableControls({ editor, containerRef }) {
   const canExpandTable = Boolean(layout);
   const controlsVisible = dragPreview !== null;
   const tableMenuOpen = openMenuKey === "table";
-  const startAddColumnDrag = React84.useCallback(() => {
+  const startAddColumnDrag = React85.useCallback(() => {
     setOpenMenuKey(null);
     dragStateRef.current = { kind: "add-column", previewCols: 1 };
     setDragPreview({ kind: "add-column", previewCols: 1 });
     document.body.style.cursor = "ew-resize";
   }, []);
-  const startAddRowDrag = React84.useCallback(() => {
+  const startAddRowDrag = React85.useCallback(() => {
     setOpenMenuKey(null);
     dragStateRef.current = { kind: "add-row", previewRows: 1 };
     setDragPreview({ kind: "add-row", previewRows: 1 });
     document.body.style.cursor = "ns-resize";
   }, []);
-  const startRowDrag = React84.useCallback((rowHandle) => {
+  const startRowDrag = React85.useCallback((rowHandle) => {
     setOpenMenuKey(null);
     dragStateRef.current = {
       kind: "row",
@@ -41774,7 +42402,7 @@ function TableControls({ editor, containerRef }) {
     });
     document.body.style.cursor = "grabbing";
   }, []);
-  const startColumnDrag = React84.useCallback((columnHandle) => {
+  const startColumnDrag = React85.useCallback((columnHandle) => {
     setOpenMenuKey(null);
     dragStateRef.current = {
       kind: "column",
@@ -41791,7 +42419,7 @@ function TableControls({ editor, containerRef }) {
     });
     document.body.style.cursor = "grabbing";
   }, []);
-  React84.useEffect(() => {
+  React85.useEffect(() => {
     const handleMouseMove2 = (event) => {
       const dragState = dragStateRef.current;
       const activeLayout = layoutRef.current;
@@ -41880,7 +42508,7 @@ function TableControls({ editor, containerRef }) {
       window.removeEventListener("blur", clearDrag);
     };
   }, [clearDrag, containerRef, editor, expandTableBy, scheduleSyncFromSelection]);
-  const menuItems = React84.useMemo(() => {
+  const menuItems = React85.useMemo(() => {
     if (!layout) return [];
     return [
       {
@@ -41948,7 +42576,7 @@ function TableControls({ editor, containerRef }) {
       }
     ];
   }, [editor, layout, runAtActiveCell, t]);
-  const getRowHandleMenuItems = React84.useCallback((rowHandle) => [
+  const getRowHandleMenuItems = React85.useCallback((rowHandle) => [
     {
       label: t("tableMenu.addRowBefore"),
       icon: ArrowUp2,
@@ -41976,7 +42604,7 @@ function TableControls({ editor, containerRef }) {
       destructive: true
     }
   ], [clearRowAt, duplicateRowAt, runAtCellPos, t]);
-  const getColumnHandleMenuItems = React84.useCallback((columnHandle) => [
+  const getColumnHandleMenuItems = React85.useCallback((columnHandle) => [
     {
       label: t("tableMenu.addColumnBefore"),
       icon: ArrowLeft2,
@@ -42293,10 +42921,10 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
 );
 
 // src/components/UEditor/use-table-interactions.ts
-import React86, { useEffect as useEffect38, useRef as useRef36 } from "react";
+import React87, { useEffect as useEffect39, useRef as useRef37 } from "react";
 
 // src/components/UEditor/use-table-row-resize.ts
-import React85, { useRef as useRef35 } from "react";
+import React86, { useRef as useRef36 } from "react";
 function useTableRowResize({
   editor,
   setHoveredTableCell,
@@ -42305,16 +42933,16 @@ function useTableRowResize({
   clearAllTableResizeHover,
   scheduleTableLayoutSync
 }) {
-  const stateRef = useRef35(null);
-  const syncActiveGuide = React85.useCallback(() => {
+  const stateRef = useRef36(null);
+  const syncActiveGuide = React86.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 = React85.useCallback(() => stateRef.current !== null, []);
-  const beginResize = React85.useCallback((event, table, row, cell) => {
+  const isResizing = React86.useCallback(() => stateRef.current !== null, []);
+  const beginResize = React86.useCallback((event, table, row, cell) => {
     if (!editor || !isRowResizeHotspot(cell, event.clientX, event.clientY)) {
       return false;
     }
@@ -42340,7 +42968,7 @@ function useTableRowResize({
     event.stopPropagation();
     return true;
   }, [editor, setHoveredTableCell, showRowGuide]);
-  const handlePointerMove = React85.useCallback((event) => {
+  const handlePointerMove = React86.useCallback((event) => {
     const state = stateRef.current;
     if (!state) return;
     const nextHeight = Math.max(
@@ -42357,7 +42985,7 @@ function useTableRowResize({
     document.body.style.cursor = "row-resize";
     showRowGuide(state.tableElement, state.rowElement, state.cellElement, nextHeight);
   }, [showRowGuide]);
-  const handlePointerUp = React85.useCallback((event) => {
+  const handlePointerUp = React86.useCallback((event) => {
     if (!editor) return;
     const state = stateRef.current;
     if (!state) return;
@@ -42381,7 +43009,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, editor, scheduleTableLayoutSync]);
-  const cancelResize = React85.useCallback(() => {
+  const cancelResize = React86.useCallback(() => {
     if (!stateRef.current) return;
     stateRef.current = null;
     document.body.style.cursor = "";
@@ -42389,7 +43017,7 @@ function useTableRowResize({
     clearAllTableResizeHover();
     scheduleTableLayoutSync();
   }, [clearAllTableResizeHover, clearHoveredTableCell, scheduleTableLayoutSync]);
-  const cleanup = React85.useCallback(() => {
+  const cleanup = React86.useCallback(() => {
     stateRef.current = null;
     document.body.style.cursor = "";
   }, []);
@@ -42406,24 +43034,24 @@ function useTableRowResize({
 
 // src/components/UEditor/use-table-interactions.ts
 function useUEditorTableInteractions(editor, editable = true) {
-  const editorContentRef = useRef36(null);
-  const tableColumnGuideRef = useRef36(null);
-  const tableRowGuideRef = useRef36(null);
-  const activeTableCellHighlightRef = useRef36(null);
-  const hoveredTableCellRef = useRef36(null);
-  const activeTableCellRef = useRef36(null);
-  const suppressActiveCellHighlightRef = useRef36(false);
-  const tableLayoutSyncFrameRef = useRef36(null);
-  const getProseMirrorElement = React86.useCallback(() => {
+  const editorContentRef = useRef37(null);
+  const tableColumnGuideRef = useRef37(null);
+  const tableRowGuideRef = useRef37(null);
+  const activeTableCellHighlightRef = useRef37(null);
+  const hoveredTableCellRef = useRef37(null);
+  const activeTableCellRef = useRef37(null);
+  const suppressActiveCellHighlightRef = useRef37(false);
+  const tableLayoutSyncFrameRef = useRef37(null);
+  const getProseMirrorElement = React87.useCallback(() => {
     return editorContentRef.current?.querySelector(".ProseMirror");
   }, []);
-  const setEditorResizeCursor = React86.useCallback((cursor) => {
+  const setEditorResizeCursor = React87.useCallback((cursor) => {
     const proseMirror = getProseMirrorElement();
     if (proseMirror) {
       proseMirror.style.cursor = cursor;
     }
   }, [getProseMirrorElement]);
-  const hideColumnGuide = React86.useCallback(() => {
+  const hideColumnGuide = React87.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-cursor");
     getProseMirrorElement()?.classList.remove("resize-cursor");
     const guide = tableColumnGuideRef.current;
@@ -42431,7 +43059,7 @@ function useUEditorTableInteractions(editor, editable = true) {
       guide.style.opacity = "0";
     }
   }, [getProseMirrorElement]);
-  const hideRowGuide = React86.useCallback(() => {
+  const hideRowGuide = React87.useCallback(() => {
     editorContentRef.current?.classList.remove("resize-row-cursor");
     getProseMirrorElement()?.classList.remove("resize-row-cursor");
     const guide = tableRowGuideRef.current;
@@ -42439,12 +43067,12 @@ function useUEditorTableInteractions(editor, editable = true) {
       guide.style.opacity = "0";
     }
   }, [getProseMirrorElement]);
-  const clearAllTableResizeHover = React86.useCallback(() => {
+  const clearAllTableResizeHover = React87.useCallback(() => {
     setEditorResizeCursor("");
     hideColumnGuide();
     hideRowGuide();
   }, [hideColumnGuide, hideRowGuide, setEditorResizeCursor]);
-  const updateActiveCellHighlight = React86.useCallback((cell) => {
+  const updateActiveCellHighlight = React87.useCallback((cell) => {
     const surface = editorContentRef.current;
     const highlight = activeTableCellHighlightRef.current;
     if (!highlight) return;
@@ -42459,7 +43087,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     highlight.style.width = `${metrics.width}px`;
     highlight.style.height = `${metrics.height}px`;
   }, []);
-  const scheduleTableLayoutSync = React86.useCallback(() => {
+  const scheduleTableLayoutSync = React87.useCallback(() => {
     if (tableLayoutSyncFrameRef.current !== null) return;
     tableLayoutSyncFrameRef.current = window.requestAnimationFrame(() => {
       tableLayoutSyncFrameRef.current = null;
@@ -42467,7 +43095,7 @@ function useUEditorTableInteractions(editor, editable = true) {
       editorContentRef.current?.dispatchEvent(new CustomEvent(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT));
     });
   }, [updateActiveCellHighlight]);
-  const setActiveTableCell = React86.useCallback((cell) => {
+  const setActiveTableCell = React87.useCallback((cell) => {
     if (activeTableCellRef.current === cell) {
       updateActiveCellHighlight(cell);
       return;
@@ -42475,17 +43103,17 @@ function useUEditorTableInteractions(editor, editable = true) {
     activeTableCellRef.current = cell;
     updateActiveCellHighlight(activeTableCellRef.current);
   }, [updateActiveCellHighlight]);
-  const clearActiveTableCell = React86.useCallback(() => {
+  const clearActiveTableCell = React87.useCallback(() => {
     activeTableCellRef.current = null;
     updateActiveCellHighlight(null);
   }, [updateActiveCellHighlight]);
-  const setHoveredTableCell = React86.useCallback((cell) => {
+  const setHoveredTableCell = React87.useCallback((cell) => {
     hoveredTableCellRef.current = cell;
   }, []);
-  const clearHoveredTableCell = React86.useCallback(() => {
+  const clearHoveredTableCell = React87.useCallback(() => {
     hoveredTableCellRef.current = null;
   }, []);
-  const showColumnGuide = React86.useCallback((table, row, cell) => {
+  const showColumnGuide = React87.useCallback((table, row, cell) => {
     const surface = editorContentRef.current;
     const guide = tableColumnGuideRef.current;
     if (!surface || !guide) return;
@@ -42499,7 +43127,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     getProseMirrorElement()?.classList.add("resize-cursor");
     setEditorResizeCursor("col-resize");
   }, [getProseMirrorElement, setEditorResizeCursor]);
-  const showRowGuide = React86.useCallback((table, row, cell, previewHeight) => {
+  const showRowGuide = React87.useCallback((table, row, cell, previewHeight) => {
     const surface = editorContentRef.current;
     const guide = tableRowGuideRef.current;
     if (!surface || !guide) return;
@@ -42531,7 +43159,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     clearAllTableResizeHover,
     scheduleTableLayoutSync
   });
-  const syncActiveTableCellFromSelection = React86.useCallback(() => {
+  const syncActiveTableCellFromSelection = React87.useCallback(() => {
     if (!editor) return;
     if (!editor.isFocused) {
       clearActiveTableCell();
@@ -42539,7 +43167,7 @@ function useUEditorTableInteractions(editor, editable = true) {
     }
     setActiveTableCell(getSelectionTableCell(editor.view));
   }, [clearActiveTableCell, editor, setActiveTableCell]);
-  useEffect38(() => {
+  useEffect39(() => {
     if (!editor || !editable) return void 0;
     const proseMirror = editor.view.dom;
     const surface = editorContentRef.current;
@@ -42714,7 +43342,7 @@ function useUEditorTableInteractions(editor, editable = true) {
 }
 
 // src/components/UEditor/use-formula-coordinate-overlay.ts
-import { useEffect as useEffect39, useRef as useRef37 } from "react";
+import { useEffect as useEffect40, useRef as useRef38 } from "react";
 import { TableMap as TableMap6 } from "@tiptap/pm/tables";
 
 // src/components/UEditor/table-formula-range-picker.ts
@@ -42984,8 +43612,8 @@ function createBlockedReferenceHighlight(label) {
   return element;
 }
 function useFormulaCoordinateOverlay(editor, containerRef, labels) {
-  const overlayRef = useRef37(null);
-  useEffect39(() => {
+  const overlayRef = useRef38(null);
+  useEffect40(() => {
     if (!editor) return void 0;
     const overlay = overlayRef.current;
     const container = containerRef.current;
@@ -43192,7 +43820,7 @@ function useFormulaCoordinateOverlay(editor, containerRef, labels) {
 }
 
 // src/components/UEditor/menu-bar.tsx
-import React87, { useMemo as useMemo26, useRef as useRef38, useState as useState51 } from "react";
+import React88, { useMemo as useMemo26, useRef as useRef39, useState as useState52 } from "react";
 import { useEditorState as useEditorState3 } from "@tiptap/react";
 import {
   AlignCenter as AlignCenter4,
@@ -43405,7 +44033,7 @@ function renderMenuItems(items) {
       case "sub":
         return /* @__PURE__ */ jsx99(DropdownMenuSub, { label: item.label, icon: item.icon, disabled: item.disabled, children: renderMenuItems(item.items) }, i);
       case "custom":
-        return /* @__PURE__ */ jsx99(React87.Fragment, { children: item.render() }, item.key);
+        return /* @__PURE__ */ jsx99(React88.Fragment, { children: item.render() }, item.key);
     }
   });
 }
@@ -43781,7 +44409,7 @@ function buildTableMenuItems(t, editor, onInsertTable) {
     }
   ];
 }
-var MenuBarTrigger = React87.forwardRef(
+var MenuBarTrigger = React88.forwardRef(
   ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx99(
     "button",
     {
@@ -43817,13 +44445,13 @@ var MenuBar = ({
     editor,
     selector: ({ transactionNumber }) => transactionNumber
   });
-  const fileInputRef = useRef38(null);
-  const [showImageInput, setShowImageInput] = useState51(false);
-  const [showLinkInput, setShowLinkInput] = useState51(false);
-  const [isInsertMenuOpen, setIsInsertMenuOpen] = useState51(false);
-  const [showSourceDialog, setShowSourceDialog] = useState51(false);
-  const [sourceHtml, setSourceHtml] = useState51("");
-  const [showPreviewDialog, setShowPreviewDialog] = useState51(false);
+  const fileInputRef = useRef39(null);
+  const [showImageInput, setShowImageInput] = useState52(false);
+  const [showLinkInput, setShowLinkInput] = useState52(false);
+  const [isInsertMenuOpen, setIsInsertMenuOpen] = useState52(false);
+  const [showSourceDialog, setShowSourceDialog] = useState52(false);
+  const [sourceHtml, setSourceHtml] = useState52("");
+  const [showPreviewDialog, setShowPreviewDialog] = useState52(false);
   const previewHtml = useMemo26(
     () => showPreviewDialog ? prepareUEditorPreviewHtml(editor.getHTML()) : "",
     [editor, showPreviewDialog]
@@ -44113,20 +44741,20 @@ var MenuBar = ({
 };
 
 // src/components/UEditor/table-formula-bar.tsx
-import { useEffect as useEffect40, useRef as useRef39, useState as useState52 } from "react";
+import { useEffect as useEffect41, useRef as useRef40, useState as useState53 } from "react";
 import { useEditorState as useEditorState4 } from "@tiptap/react";
 import { AlertCircle as AlertCircle5, Check as Check14, Hash as Hash2, Sigma as Sigma3, Trash2 as Trash26 } from "lucide-react";
 import { jsx as jsx100, jsxs as jsxs82 } from "react/jsx-runtime";
 function TableFormulaBar({ editor }) {
   const t = useSmartTranslations("UEditor");
-  const inputRef = useRef39(null);
-  const [draftState, setDraftState] = useState52(null);
+  const inputRef = useRef40(null);
+  const [draftState, setDraftState] = useState53(null);
   useEditorState4({
     editor,
     selector: ({ transactionNumber }) => transactionNumber
   });
   const selectedCell = getSelectedTableFormulaCell(editor);
-  useEffect40(() => {
+  useEffect41(() => {
     const focusFormulaInput = () => {
       inputRef.current?.focus();
     };
@@ -44261,7 +44889,7 @@ function TableFormulaBar({ editor }) {
 
 // src/components/UEditor/UEditor.tsx
 import { jsx as jsx101, jsxs as jsxs83 } from "react/jsx-runtime";
-var UEditor = React89.forwardRef(({
+var UEditor = React90.forwardRef(({
   content = "",
   onChange,
   onHtmlChange,
@@ -44303,14 +44931,14 @@ var UEditor = React89.forwardRef(({
 }, ref) => {
   const t = useSmartTranslations("UEditor");
   const effectivePlaceholder = placeholder ?? t("placeholder");
-  const inFlightPrepareRef = useRef40(null);
-  const lastAppliedContentRef = useRef40(content ?? "");
-  const scheduledFormulaRecalculateRef = useRef40(false);
-  const editorInstanceRef = useRef40(null);
-  const formulaRangePickRef = useRef40(null);
-  const formulaRangeSurfaceRef = useRef40(null);
-  const [formulaRangeHighlight, setFormulaRangeHighlight] = React89.useState(null);
-  const scheduleFormulaRecalculate = React89.useCallback((editor2, options) => {
+  const inFlightPrepareRef = useRef41(null);
+  const lastAppliedContentRef = useRef41(content ?? "");
+  const scheduledFormulaRecalculateRef = useRef41(false);
+  const editorInstanceRef = useRef41(null);
+  const formulaRangePickRef = useRef41(null);
+  const formulaRangeSurfaceRef = useRef41(null);
+  const [formulaRangeHighlight, setFormulaRangeHighlight] = React90.useState(null);
+  const scheduleFormulaRecalculate = React90.useCallback((editor2, options) => {
     if (editor2.isDestroyed || scheduledFormulaRecalculateRef.current) return;
     if (!options?.force && isEditingTableFormulaText(editor2)) return;
     scheduledFormulaRecalculateRef.current = true;
@@ -44350,7 +44978,7 @@ var UEditor = React89.forwardRef(({
     ],
     [effectivePlaceholder, t, maxCharacters, uploadImage, resolvedUploadFile, imageInsertMode, maxImageFileSize, allowedImageMimeTypes, fallbackToDataUrl, editable, fetchMetadata, extraExtensions]
   );
-  const syncFormulaRangeHighlight = React89.useCallback((pickState) => {
+  const syncFormulaRangeHighlight = React90.useCallback((pickState) => {
     const container = formulaRangeSurfaceRef.current;
     setFormulaRangeHighlight(container && pickState ? getFormulaRangePickHighlight(container, pickState) : null);
   }, []);
@@ -44460,7 +45088,7 @@ var UEditor = React89.forwardRef(({
       scheduleFormulaRecalculate(editor2, { force: true });
     }
   });
-  useEffect41(() => {
+  useEffect42(() => {
     editorInstanceRef.current = editor;
     return () => {
       if (editorInstanceRef.current === editor) editorInstanceRef.current = null;
@@ -44501,7 +45129,7 @@ var UEditor = React89.forwardRef(({
     }),
     [content, editor, uploadImageForSave, uploadFileForSave, uploadImageConcurrency]
   );
-  useEffect41(() => {
+  useEffect42(() => {
     if (!editor) return;
     queueMicrotask(() => {
       if (!editor.isDestroyed) {
@@ -44509,7 +45137,7 @@ var UEditor = React89.forwardRef(({
       }
     });
   }, [editor]);
-  useEffect41(() => {
+  useEffect42(() => {
     if (!editor) return;
     const nextContent = content ?? "";
     if (lastAppliedContentRef.current === nextContent) return;