@underverse-ui/underverse 1.0.193 → 1.0.194

package/dist/index.js

@@ -14302,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",
@@ -27266,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",
@@ -27285,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({
@@ -27317,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 },
@@ -27409,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";
@@ -27420,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();
@@ -27508,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}`;
@@ -27533,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)) {
@@ -27558,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
@@ -27718,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";
 
@@ -27799,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}`;
@@ -28099,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";
@@ -28149,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;
@@ -28748,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,
@@ -28833,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 {
@@ -29062,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]);
@@ -30033,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 {
@@ -30186,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 = [
@@ -30241,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, () => ({
@@ -30441,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";
@@ -30630,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 }));
   };
@@ -30676,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) {
@@ -30686,7 +30952,7 @@ function ResizableImageNodeView(props) {
       document.body.style.cursor = "";
     };
   }, []);
-  useEffect35(() => {
+  useEffect36(() => {
     const img = imgRef.current;
     if (!img) return;
     const displayStyle = getImageDisplayStyle(widthAttr, heightAttr);
@@ -31645,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";
@@ -31670,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);
@@ -32193,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,
@@ -32241,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 }) => {
@@ -32414,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: [
@@ -32616,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) {
@@ -32628,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();
   }, []);
@@ -32672,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) => {
@@ -33141,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",
     {
@@ -33178,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: [
@@ -33236,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);
@@ -33265,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";
@@ -34243,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";
@@ -35352,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();
@@ -35383,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) });
   }
@@ -35482,21 +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]);
-  useEffect37(() => {
+  useEffect38(() => {
     if (!cellBorderOpenRequest) return;
     setActiveColorPalette("cell-border");
     onKeepOpenChange?.(true);
   }, [cellBorderOpenRequest, onKeepOpenChange]);
-  const [showTypographyPanel, setShowTypographyPanel] = useState50(false);
-  const [showFormulaPanel, setShowFormulaPanel] = useState50(false);
-  const [formulaDraft, setFormulaDraft] = useState50("");
-  const [showFontSizeOptions, setShowFontSizeOptions] = useState50(false);
-  const [fontSizeDraft, setFontSizeDraft] = useState50("");
+  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";
@@ -35510,13 +35776,13 @@ var BubbleMenuContent = ({
   const currentCellBorderStyle = editor.getAttributes("tableCell").borderStyle || editor.getAttributes("tableHeader").borderStyle || "solid";
   const currentCellBorderWidth = editor.getAttributes("tableCell").borderWidth || editor.getAttributes("tableHeader").borderWidth || "1px";
   const currentCellBorderColor = normalizeStyleValue(editor.getAttributes("tableCell").borderColor || editor.getAttributes("tableHeader").borderColor) || "#000000";
-  const [borderStyleDraft, setBorderStyleDraft] = useState50(
+  const [borderStyleDraft, setBorderStyleDraft] = useState51(
     ["solid", "dashed", "dotted", "double"].includes(currentCellBorderStyle) ? currentCellBorderStyle : "solid"
   );
-  const [borderWidthDraft, setBorderWidthDraft] = useState50(currentCellBorderWidth);
-  const [borderColorDraft, setBorderColorDraft] = useState50(currentCellBorderColor);
-  const [borderEditMode, setBorderEditMode] = useState50("draw");
-  const [activeBorderPosition, setActiveBorderPosition] = useState50("all");
+  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);
@@ -35541,10 +35807,10 @@ var BubbleMenuContent = ({
     ],
     [highlightColors, t]
   );
-  useEffect37(() => {
+  useEffect38(() => {
     setFontSizeDraft(currentFontSize.replace(/px$/i, ""));
   }, [currentFontSize]);
-  useEffect37(() => {
+  useEffect38(() => {
     setFormulaDraft(currentCellFormula);
   }, [currentCellFormula]);
   const applyFontSizeDraft = () => {
@@ -35559,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(() => {
@@ -35649,7 +35915,7 @@ var BubbleMenuContent = ({
     }
     closeColorPalette();
   }, [activeColorPalette, closeColorPalette, editor]);
-  useEffect37(() => {
+  useEffect38(() => {
     if (!showLinkInput) return;
     const close2 = () => setShowLinkInput(false);
     editor.on("selectionUpdate", close2);
@@ -36348,19 +36614,19 @@ 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 [cellBorderOpenRequest, setCellBorderOpenRequest] = useState50(0);
-  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);
@@ -36378,7 +36644,7 @@ var CustomBubbleMenu = ({
       showTimeoutRef.current = null;
     }
   }, []);
-  useEffect37(() => {
+  useEffect38(() => {
     const clearShowTimeout = () => {
       if (showTimeoutRef.current) {
         clearTimeout(showTimeoutRef.current);
@@ -36460,7 +36726,7 @@ var CustomBubbleMenu = ({
       editor.off("update", updatePosition);
     };
   }, [editor]);
-  useEffect37(() => {
+  useEffect38(() => {
     if (!isVisible) return;
     const handlePointerDown = (event) => {
       const target = event.target;
@@ -36479,7 +36745,7 @@ var CustomBubbleMenu = ({
       document.removeEventListener("keydown", handleKeyDown2);
     };
   }, [closeBubbleMenu, editor, isVisible]);
-  useEffect37(() => {
+  useEffect38(() => {
     const handleTableDoubleClick = (event) => {
       const target = event.target;
       const cell = target?.closest("td,th");
@@ -36546,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;
@@ -37033,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) {
@@ -41952,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);
@@ -41970,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;
@@ -41996,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) {
@@ -42017,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;
@@ -42068,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();
@@ -42107,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",
@@ -42136,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",
@@ -42153,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;
@@ -42242,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 [
       {
@@ -42310,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,
@@ -42338,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,
@@ -42655,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,
@@ -42667,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;
     }
@@ -42702,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(
@@ -42719,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;
@@ -42743,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 = "";
@@ -42751,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 = "";
   }, []);
@@ -42768,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;
@@ -42793,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;
@@ -42801,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;
@@ -42821,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;
@@ -42829,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;
@@ -42837,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;
@@ -42861,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;
@@ -42893,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();
@@ -42901,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;
@@ -43076,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
@@ -43346,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;
@@ -43554,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,
@@ -43767,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);
     }
   });
 }
@@ -44143,7 +44409,7 @@ function buildTableMenuItems(t, editor, onInsertTable) {
     }
   ];
 }
-var MenuBarTrigger = React87.forwardRef(
+var MenuBarTrigger = React88.forwardRef(
   ({ children, className, ...props }, ref) => /* @__PURE__ */ jsx99(
     "button",
     {
@@ -44179,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]
@@ -44475,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();
     };
@@ -44623,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,
@@ -44665,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;
@@ -44712,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);
   }, []);
@@ -44822,7 +45088,7 @@ var UEditor = React89.forwardRef(({
       scheduleFormulaRecalculate(editor2, { force: true });
     }
   });
-  useEffect41(() => {
+  useEffect42(() => {
     editorInstanceRef.current = editor;
     return () => {
       if (editorInstanceRef.current === editor) editorInstanceRef.current = null;
@@ -44863,7 +45129,7 @@ var UEditor = React89.forwardRef(({
     }),
     [content, editor, uploadImageForSave, uploadFileForSave, uploadImageConcurrency]
   );
-  useEffect41(() => {
+  useEffect42(() => {
     if (!editor) return;
     queueMicrotask(() => {
       if (!editor.isDestroyed) {
@@ -44871,7 +45137,7 @@ var UEditor = React89.forwardRef(({
       }
     });
   }, [editor]);
-  useEffect41(() => {
+  useEffect42(() => {
     if (!editor) return;
     const nextContent = content ?? "";
     if (lastAppliedContentRef.current === nextContent) return;