@underverse-ui/underverse 1.0.13 → 1.0.14

package/dist/index.cjs

@@ -101,6 +101,8 @@ __export(index_exports, {
   MonthYearPicker: () => MonthYearPicker,
   MonthYearPickerBase: () => MonthYearPicker,
   MultiCombobox: () => MultiCombobox,
+  MusicPlayer: () => MusicPlayer,
+  MusicPlayerDefault: () => MusicPlayer_default,
   NotificationBadge: () => NotificationBadge,
   NotificationModal: () => NotificationModal_default,
   NumberInput: () => NumberInput,
@@ -16686,9 +16688,370 @@ function ColorPicker({
   ) });
 }
 
-// ../../components/ui/Grid.tsx
-var import_react22 = __toESM(require("react"), 1);
+// ../../components/ui/MusicPlayer.tsx
+var import_react22 = require("react");
+var import_lucide_react32 = require("lucide-react");
 var import_jsx_runtime53 = require("react/jsx-runtime");
+var AUDIO_FILE = "/music/As 30 Melhores M\xFAsicas Pop 2025  Top Hits em Ingl\xEAs  As M\xFAsicas Pop Mais Escutad.mp3";
+var DEFAULT_PLAYLIST = [
+  { id: 1, title: "Someone You Loved", artist: "Lewis Capaldi", duration: "3:07", audioUrl: AUDIO_FILE, startTime: 0, endTime: 187 },
+  {
+    id: 2,
+    title: "Love Me Like You Do",
+    artist: "Ellie Goulding",
+    duration: "3:30",
+    audioUrl: AUDIO_FILE,
+    startTime: 187,
+    endTime: 397
+  },
+  { id: 3, title: "All Of Me", artist: "John Legend", duration: "5:06", audioUrl: AUDIO_FILE, startTime: 397, endTime: 703 },
+  {
+    id: 4,
+    title: "Always Remember Us This Way",
+    artist: "Lady Gaga",
+    duration: "3:20",
+    audioUrl: AUDIO_FILE,
+    startTime: 703,
+    endTime: 903
+  },
+  { id: 5, title: "Everytime We Touch", artist: "Cascada", duration: "2:52", audioUrl: AUDIO_FILE, startTime: 903, endTime: 1075 },
+  { id: 6, title: "At My Worst", artist: "Pink Sweat$", duration: "2:43", audioUrl: AUDIO_FILE, startTime: 1075, endTime: 1238 },
+  { id: 7, title: "Sweet But Psycho", artist: "Ava Max", duration: "2:19", audioUrl: AUDIO_FILE, startTime: 1238, endTime: 1377 },
+  { id: 8, title: "Love Is Gone", artist: "SLANDER", duration: "2:56", audioUrl: AUDIO_FILE, startTime: 1377, endTime: 1553 },
+  { id: 9, title: "Bad Liar", artist: "Imagine Dragons", duration: "4:16", audioUrl: AUDIO_FILE, startTime: 1553, endTime: 1809 },
+  { id: 10, title: "Dusk Till Dawn", artist: "ZAYN ft. Sia", duration: "3:43", audioUrl: AUDIO_FILE, startTime: 1809, endTime: 2032 },
+  { id: 11, title: "Flowers", artist: "Miley Cyrus", duration: "3:43", audioUrl: AUDIO_FILE, startTime: 2032, endTime: 2255 },
+  {
+    id: 12,
+    title: "You Broke Me First",
+    artist: "Tate McRae",
+    duration: "3:01",
+    audioUrl: AUDIO_FILE,
+    startTime: 2255,
+    endTime: 2436
+  },
+  {
+    id: 13,
+    title: "Symphony",
+    artist: "Clean Bandit ft. Zara Larsson",
+    duration: "2:00",
+    audioUrl: AUDIO_FILE,
+    startTime: 2436,
+    endTime: 2557
+  },
+  {
+    id: 14,
+    title: "Dancing With Your Ghost",
+    artist: "Sasha Alex Sloan",
+    duration: "3:01",
+    audioUrl: AUDIO_FILE,
+    startTime: 2557,
+    endTime: 2738
+  },
+  {
+    id: 15,
+    title: "Let Me Down Slowly",
+    artist: "Alec Benjamin",
+    duration: "3:33",
+    audioUrl: AUDIO_FILE,
+    startTime: 2738,
+    endTime: 2951
+  },
+  { id: 16, title: "Impossible", artist: "James Arthur", duration: "3:26", audioUrl: AUDIO_FILE, startTime: 2951, endTime: 3157 },
+  { id: 17, title: "Perfect", artist: "Ed Sheeran", duration: "3:30", audioUrl: AUDIO_FILE, startTime: 3157, endTime: 3367 },
+  {
+    id: 18,
+    title: "La La La",
+    artist: "Naughty Boy ft. Sam Smith",
+    duration: "2:30",
+    audioUrl: AUDIO_FILE,
+    startTime: 3367,
+    endTime: 3517
+  },
+  {
+    id: 19,
+    title: "Somewhere Only We Know",
+    artist: "Keane",
+    duration: "3:29",
+    audioUrl: AUDIO_FILE,
+    startTime: 3517,
+    endTime: 3726
+  },
+  { id: 20, title: "Diamonds", artist: "Rihanna", duration: "3:05", audioUrl: AUDIO_FILE, startTime: 3726, endTime: 3911 },
+  { id: 21, title: "Infinity", artist: "Jaymes Young", duration: "3:12", audioUrl: AUDIO_FILE, startTime: 3911, endTime: 4103 },
+  { id: 22, title: "Memories", artist: "Maroon 5", duration: "3:17", audioUrl: AUDIO_FILE, startTime: 4103, endTime: 4300 },
+  { id: 23, title: "Closer", artist: "The Chainsmokers", duration: "3:04", audioUrl: AUDIO_FILE, startTime: 4300, endTime: 4484 },
+  { id: 24, title: "Save Your Tears", artist: "The Weeknd", duration: "3:10", audioUrl: AUDIO_FILE, startTime: 4484, endTime: 4674 },
+  { id: 25, title: "Stereo Love", artist: "Edward Maya", duration: "3:10", audioUrl: AUDIO_FILE, startTime: 4674, endTime: 4864 },
+  {
+    id: 26,
+    title: "Shallow",
+    artist: "Lady Gaga & Bradley Cooper",
+    duration: "3:30",
+    audioUrl: AUDIO_FILE,
+    startTime: 4864,
+    endTime: 5074
+  },
+  { id: 27, title: "Toxic", artist: "Britney Spears", duration: "2:34", audioUrl: AUDIO_FILE, startTime: 5074, endTime: 5228 },
+  { id: 28, title: "Some Say", artist: "Nea", duration: "2:57", audioUrl: AUDIO_FILE, startTime: 5228, endTime: 5405 },
+  { id: 29, title: "Love Someone", artist: "Lukas Graham", duration: "3:24", audioUrl: AUDIO_FILE, startTime: 5405, endTime: 5609 },
+  {
+    id: 30,
+    title: "You Are The Reason",
+    artist: "Calum Scott",
+    duration: "3:24",
+    audioUrl: AUDIO_FILE,
+    startTime: 5609,
+    endTime: 5813
+  }
+];
+var MusicPlayer = ({
+  playlist = DEFAULT_PLAYLIST,
+  autoPlay = false,
+  showPlaylist: initialShowPlaylist = true,
+  className = ""
+}) => {
+  const [currentSongIndex, setCurrentSongIndex] = (0, import_react22.useState)(0);
+  const [isPlaying, setIsPlaying] = (0, import_react22.useState)(false);
+  const [currentTime, setCurrentTime] = (0, import_react22.useState)(0);
+  const [duration, setDuration] = (0, import_react22.useState)(0);
+  const [volume, setVolume] = (0, import_react22.useState)(1);
+  const [isMuted, setIsMuted] = (0, import_react22.useState)(false);
+  const [showPlaylist, setShowPlaylist] = (0, import_react22.useState)(initialShowPlaylist);
+  const audioRef = (0, import_react22.useRef)(null);
+  const currentSong = playlist[currentSongIndex];
+  (0, import_react22.useEffect)(() => {
+    if (audioRef.current) {
+      audioRef.current.volume = volume;
+    }
+  }, [volume]);
+  (0, import_react22.useEffect)(() => {
+    if (autoPlay && audioRef.current) {
+      audioRef.current.play().catch(() => {
+        setIsPlaying(false);
+      });
+    }
+  }, [autoPlay]);
+  const togglePlay = () => {
+    if (audioRef.current) {
+      if (isPlaying) {
+        audioRef.current.pause();
+      } else {
+        audioRef.current.play();
+      }
+      setIsPlaying(!isPlaying);
+    }
+  };
+  const playNext = () => {
+    setCurrentSongIndex((prev) => (prev + 1) % playlist.length);
+    setIsPlaying(true);
+  };
+  const playPrevious = () => {
+    setCurrentSongIndex((prev) => (prev - 1 + playlist.length) % playlist.length);
+    setIsPlaying(true);
+  };
+  const handleTimeUpdate = () => {
+    if (audioRef.current) {
+      const time = audioRef.current.currentTime;
+      setCurrentTime(time);
+      if (currentSong.endTime && time >= currentSong.endTime) {
+        playNext();
+      }
+    }
+  };
+  const handleLoadedMetadata = () => {
+    if (audioRef.current) {
+      if (currentSong.startTime !== void 0 && currentSong.endTime !== void 0) {
+        setDuration(currentSong.endTime - currentSong.startTime);
+      } else {
+        setDuration(audioRef.current.duration);
+      }
+    }
+  };
+  const handleSeek = (e) => {
+    const relativeTime = parseFloat(e.target.value);
+    setCurrentTime(relativeTime);
+    if (audioRef.current) {
+      const absoluteTime = (currentSong.startTime || 0) + relativeTime;
+      audioRef.current.currentTime = absoluteTime;
+    }
+  };
+  const handleVolumeChange = (e) => {
+    const newVolume = parseFloat(e.target.value);
+    setVolume(newVolume);
+    setIsMuted(newVolume === 0);
+  };
+  const toggleMute = () => {
+    if (isMuted) {
+      setVolume(1);
+      setIsMuted(false);
+    } else {
+      setVolume(0);
+      setIsMuted(true);
+    }
+  };
+  const formatTime3 = (time) => {
+    if (isNaN(time)) return "0:00";
+    const displayTime = currentSong.startTime !== void 0 ? time - currentSong.startTime : time;
+    const minutes = Math.floor(displayTime / 60);
+    const seconds = Math.floor(displayTime % 60);
+    return `${minutes}:${seconds.toString().padStart(2, "0")}`;
+  };
+  const playSong = (index) => {
+    setCurrentSongIndex(index);
+    setIsPlaying(true);
+  };
+  (0, import_react22.useEffect)(() => {
+    if (audioRef.current) {
+      if (currentSong.startTime !== void 0) {
+        audioRef.current.currentTime = currentSong.startTime;
+      }
+      if (isPlaying) {
+        audioRef.current.play();
+      }
+    }
+  }, [currentSongIndex, currentSong.startTime, isPlaying]);
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: `music-player-container bg-card dark:bg-card border border-border rounded-2xl shadow-2xl overflow-hidden ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("audio", { ref: audioRef, src: currentSong.audioUrl, onTimeUpdate: handleTimeUpdate, onLoadedMetadata: handleLoadedMetadata, onEnded: playNext }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "p-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "text-center mb-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "w-48 h-48 mx-auto mb-4 bg-primary/10 dark:bg-primary/20 border border-primary/30 rounded-2xl shadow-lg flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "text-6xl", children: "\u{1F3B5}" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("h2", { className: "text-2xl font-bold text-foreground mb-1", children: currentSong.title }),
+        currentSong.artist && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-muted-foreground", children: currentSong.artist })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "mb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          "input",
+          {
+            type: "range",
+            min: "0",
+            max: duration || 0,
+            value: currentTime,
+            onChange: handleSeek,
+            className: "w-full h-2 bg-muted rounded-lg appearance-none cursor-pointer slider"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex justify-between text-sm text-muted-foreground mt-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: formatTime3(currentTime) }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: formatTime3(duration) })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center justify-center gap-4 mb-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          "button",
+          {
+            onClick: playPrevious,
+            className: "w-12 h-12 flex items-center justify-center rounded-full bg-secondary hover:bg-secondary/80 transition-colors text-secondary-foreground",
+            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react32.SkipBack, { size: 24 })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          "button",
+          {
+            onClick: togglePlay,
+            className: "w-16 h-16 flex items-center justify-center rounded-full bg-primary hover:bg-primary/90 transition-colors text-primary-foreground shadow-lg",
+            children: isPlaying ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react32.Pause, { size: 32 }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react32.Play, { size: 32, className: "ml-1" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          "button",
+          {
+            onClick: playNext,
+            className: "w-12 h-12 flex items-center justify-center rounded-full bg-secondary hover:bg-secondary/80 transition-colors text-secondary-foreground",
+            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react32.SkipForward, { size: 24 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center gap-3 mb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("button", { onClick: toggleMute, className: "text-foreground hover:text-primary transition-colors", children: isMuted || volume === 0 ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react32.VolumeX, { size: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react32.Volume2, { size: 20 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          "input",
+          {
+            type: "range",
+            min: "0",
+            max: "1",
+            step: "0.01",
+            value: volume,
+            onChange: handleVolumeChange,
+            className: "flex-1 h-2 bg-muted rounded-lg appearance-none cursor-pointer"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+        "button",
+        {
+          onClick: () => setShowPlaylist(!showPlaylist),
+          className: "flex items-center gap-2 px-4 py-2 bg-secondary hover:bg-secondary/80 rounded-lg text-secondary-foreground transition-colors",
+          children: [
+            showPlaylist ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react32.X, { size: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react32.List, { size: 20 }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: showPlaylist ? "Hide Playlist" : "Show Playlist" })
+          ]
+        }
+      ) })
+    ] }),
+    showPlaylist && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "bg-muted/50 backdrop-blur-sm max-h-96 overflow-y-auto border-t border-border", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("h3", { className: "text-lg font-semibold text-foreground mb-3", children: [
+        "Playlist (",
+        playlist.length,
+        " songs)"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "space-y-2", children: playlist.map((song, index) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+        "div",
+        {
+          onClick: () => playSong(index),
+          className: `flex items-center gap-3 p-3 rounded-lg cursor-pointer transition-all ${index === currentSongIndex ? "bg-primary/20 border border-primary shadow-lg" : "bg-secondary/30 hover:bg-secondary/50"}`,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "shrink-0 w-8 h-8 flex items-center justify-center rounded-full bg-primary text-primary-foreground text-sm font-semibold", children: index === currentSongIndex && isPlaying ? "\u25B6" : index + 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-foreground font-medium truncate", children: song.title }),
+              song.artist && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-muted-foreground text-sm truncate", children: song.artist })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "text-muted-foreground text-sm shrink-0", children: song.duration })
+          ]
+        },
+        song.id
+      )) })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      "style",
+      {
+        dangerouslySetInnerHTML: {
+          __html: `
+          .music-player-container input[type="range"]::-webkit-slider-thumb {
+            -webkit-appearance: none;
+            appearance: none;
+            width: 16px;
+            height: 16px;
+            border-radius: 50%;
+            background: hsl(var(--primary));
+            cursor: pointer;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+          }
+
+          .music-player-container input[type="range"]::-moz-range-thumb {
+            width: 16px;
+            height: 16px;
+            border-radius: 50%;
+            background: hsl(var(--primary));
+            cursor: pointer;
+            border: none;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+          }
+
+          .music-player-container input[type="range"]::-webkit-slider-runnable-track {
+            background: linear-gradient(to right, hsl(var(--primary)) var(--progress, 0%), hsl(var(--muted)) var(--progress, 0%));
+          }
+        `
+        }
+      }
+    )
+  ] });
+};
+var MusicPlayer_default = MusicPlayer;
+
+// ../../components/ui/Grid.tsx
+var import_react23 = __toESM(require("react"), 1);
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var BP_MIN = {
   sm: 640,
   md: 768,
@@ -16727,7 +17090,7 @@ function getVariantClasses(variant = "default", outlined) {
   };
   return variants[variant] || "";
 }
-var GridRoot = import_react22.default.forwardRef(
+var GridRoot = import_react23.default.forwardRef(
   ({
     columns,
     rows,
@@ -16752,7 +17115,7 @@ var GridRoot = import_react22.default.forwardRef(
     children,
     ...rest
   }, ref) => {
-    const id = (0, import_react22.useId)().replace(/[:]/g, "");
+    const id = (0, import_react23.useId)().replace(/[:]/g, "");
     const baseClass = `uv-grid-${id}`;
     const baseCols = toTemplateCols(columns, minColumnWidth);
     const baseRows = toTemplateRows(rows);
@@ -16795,7 +17158,7 @@ var GridRoot = import_react22.default.forwardRef(
         css += `}}`;
       });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
       "div",
       {
         ref,
@@ -16803,7 +17166,7 @@ var GridRoot = import_react22.default.forwardRef(
         style,
         ...rest,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("style", { dangerouslySetInnerHTML: { __html: css } }),
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("style", { dangerouslySetInnerHTML: { __html: css } }),
           children
         ]
       }
@@ -16811,7 +17174,7 @@ var GridRoot = import_react22.default.forwardRef(
   }
 );
 GridRoot.displayName = "Grid";
-var GridItem = import_react22.default.forwardRef(
+var GridItem = import_react23.default.forwardRef(
   ({
     colSpan,
     rowSpan,
@@ -16845,8 +17208,8 @@ var GridItem = import_react22.default.forwardRef(
       st.opacity = 0;
       st.animation = `uvGridItemFadeIn 0.5s ease-out forwards`;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
-      animationDelay != null && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
+      animationDelay != null && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         "style",
         {
           dangerouslySetInnerHTML: {
@@ -16854,7 +17217,7 @@ var GridItem = import_react22.default.forwardRef(
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         "div",
         {
           ref,
@@ -16875,19 +17238,19 @@ var Grid = Object.assign(GridRoot, { Item: GridItem });
 var Grid_default = Grid;
 
 // ../../components/ui/LineChart.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 
 // ../../components/ui/ChartTooltip.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_react_dom6 = require("react-dom");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function ChartTooltip({ x, y, visible, label, value, color, secondaryLabel, secondaryValue, items, containerRef }) {
-  const [isMounted, setIsMounted] = (0, import_react23.useState)(false);
-  const [position, setPosition] = (0, import_react23.useState)(null);
-  (0, import_react23.useEffect)(() => {
+  const [isMounted, setIsMounted] = (0, import_react24.useState)(false);
+  const [position, setPosition] = (0, import_react24.useState)(null);
+  (0, import_react24.useEffect)(() => {
     setIsMounted(true);
   }, []);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (visible && containerRef?.current) {
       const rect = containerRef.current.getBoundingClientRect();
       setPosition({
@@ -16897,7 +17260,7 @@ function ChartTooltip({ x, y, visible, label, value, color, secondaryLabel, seco
     }
   }, [visible, x, y, containerRef]);
   if (!visible || !isMounted || !position) return null;
-  const tooltipContent = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+  const tooltipContent = /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     "div",
     {
       style: {
@@ -16909,7 +17272,7 @@ function ChartTooltip({ x, y, visible, label, value, color, secondaryLabel, seco
         animation: "chartTooltipFadeIn 0.15s ease-out"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
           "div",
           {
             className: cn("bg-popover text-popover-foreground border border-border", "rounded-2xl shadow-xl px-3 py-2 text-sm", "backdrop-blur-sm"),
@@ -16919,20 +17282,20 @@ function ChartTooltip({ x, y, visible, label, value, color, secondaryLabel, seco
               boxShadow: "0 10px 25px -3px rgba(0, 0, 0, 0.5), 0 4px 10px -2px rgba(0, 0, 0, 0.3)"
             },
             children: [
-              label && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "text-muted-foreground text-xs mb-1", children: label }),
-              items && items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex flex-col gap-1", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center gap-2", children: [
-                item.color && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "w-2 h-2 rounded-full shrink-0", style: { backgroundColor: item.color } }),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "text-muted-foreground", children: [
+              label && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "text-muted-foreground text-xs mb-1", children: label }),
+              items && items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex flex-col gap-1", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex items-center gap-2", children: [
+                item.color && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "w-2 h-2 rounded-full shrink-0", style: { backgroundColor: item.color } }),
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "text-muted-foreground", children: [
                   item.label,
                   ":"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "font-semibold ml-auto", children: item.value })
-              ] }, i)) }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  color && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "w-2 h-2 rounded-full shrink-0", style: { backgroundColor: color } }),
-                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "font-semibold", children: value })
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "font-semibold ml-auto", children: item.value })
+              ] }, i)) }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  color && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "w-2 h-2 rounded-full shrink-0", style: { backgroundColor: color } }),
+                  /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "font-semibold", children: value })
                 ] }),
-                secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "text-muted-foreground text-xs mt-1", children: [
+                secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "text-muted-foreground text-xs mt-1", children: [
                   secondaryLabel,
                   ": ",
                   secondaryValue
@@ -16941,7 +17304,7 @@ function ChartTooltip({ x, y, visible, label, value, color, secondaryLabel, seco
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("style", { children: `
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("style", { children: `
         @keyframes chartTooltipFadeIn {
           from { opacity: 0; transform: translateX(-5px); }
           to { opacity: 1; transform: translateX(0); }
@@ -16954,7 +17317,7 @@ function ChartTooltip({ x, y, visible, label, value, color, secondaryLabel, seco
 }
 
 // ../../components/ui/LineChart.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function LineChart({
   data,
   width = 400,
@@ -16969,12 +17332,12 @@ function LineChart({
   curved = true,
   className = ""
 }) {
-  const svgRef = (0, import_react24.useRef)(null);
+  const svgRef = (0, import_react25.useRef)(null);
   const padding = { top: 20, right: 20, bottom: 40, left: 40 };
   const chartWidth = width - padding.left - padding.right;
   const chartHeight = height - padding.top - padding.bottom;
-  const [hoveredPoint, setHoveredPoint] = (0, import_react24.useState)(null);
-  const { minValue, maxValue, points, linePath, areaPath } = (0, import_react24.useMemo)(() => {
+  const [hoveredPoint, setHoveredPoint] = (0, import_react25.useState)(null);
+  const { minValue, maxValue, points, linePath, areaPath } = (0, import_react25.useMemo)(() => {
     if (!data.length) return { minValue: 0, maxValue: 0, points: [], linePath: "", areaPath: "" };
     const values = data.map((d) => d.value);
     const min = Math.min(...values);
@@ -17009,7 +17372,7 @@ function LineChart({
     }
     return { minValue: min, maxValue: max, points: pts, linePath: path, areaPath: area };
   }, [data, chartWidth, chartHeight, curved, padding.left, padding.top]);
-  const gridLines = (0, import_react24.useMemo)(() => {
+  const gridLines = (0, import_react25.useMemo)(() => {
     const lines = [];
     const steps = 5;
     for (let i = 0; i <= steps; i++) {
@@ -17019,14 +17382,14 @@ function LineChart({
     }
     return lines;
   }, [minValue, maxValue, chartHeight, padding.top]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("svg", { ref: svgRef, width, height, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
-      showGrid && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("g", { className: "text-muted-foreground/20", children: gridLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("g", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("line", { x1: padding.left, y1: line.y, x2: width - padding.right, y2: line.y, stroke: "currentColor", strokeDasharray: "4 4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("text", { x: padding.left - 8, y: line.y + 4, textAnchor: "end", fontSize: "10", fill: "currentColor", className: "text-muted-foreground", children: line.value.toFixed(0) })
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("svg", { ref: svgRef, width, height, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
+      showGrid && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("g", { className: "text-muted-foreground/20", children: gridLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("g", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("line", { x1: padding.left, y1: line.y, x2: width - padding.right, y2: line.y, stroke: "currentColor", strokeDasharray: "4 4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("text", { x: padding.left - 8, y: line.y + 4, textAnchor: "end", fontSize: "10", fill: "currentColor", className: "text-muted-foreground", children: line.value.toFixed(0) })
       ] }, i)) }),
-      fillColor && areaPath && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: areaPath, fill: fillColor, opacity: 0.2, className: animated ? "animate-[fadeIn_0.6s_ease-out]" : "" }),
-      linePath && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      fillColor && areaPath && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: areaPath, fill: fillColor, opacity: 0.2, className: animated ? "animate-[fadeIn_0.6s_ease-out]" : "" }),
+      linePath && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         "path",
         {
           d: linePath,
@@ -17043,14 +17406,14 @@ function LineChart({
           } : void 0
         }
       ),
-      showDots && points.map((point, i) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+      showDots && points.map((point, i) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
         "g",
         {
           onMouseEnter: () => setHoveredPoint({ x: point.x, y: point.y, label: point.label, value: point.value }),
           onMouseLeave: () => setHoveredPoint(null),
           className: "cursor-pointer",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
               "circle",
               {
                 cx: point.x,
@@ -17061,14 +17424,14 @@ function LineChart({
                 style: animated ? { animationDelay: `${i * 0.05}s`, animationFillMode: "both" } : void 0
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("circle", { cx: point.x, cy: point.y, r: 16, fill: "transparent" }),
-            showValues && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("text", { x: point.x, y: point.y - 12, textAnchor: "middle", fontSize: "10", fontWeight: "500", className: "text-foreground", fill: "currentColor", children: point.value })
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("circle", { cx: point.x, cy: point.y, r: 16, fill: "transparent" }),
+            showValues && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("text", { x: point.x, y: point.y - 12, textAnchor: "middle", fontSize: "10", fontWeight: "500", className: "text-foreground", fill: "currentColor", children: point.value })
           ]
         },
         i
       )),
-      hoveredPoint && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("g", { className: "pointer-events-none", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      hoveredPoint && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("g", { className: "pointer-events-none", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           "line",
           {
             x1: hoveredPoint.x,
@@ -17081,7 +17444,7 @@ function LineChart({
             opacity: 0.5
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           "line",
           {
             x1: padding.left,
@@ -17095,8 +17458,8 @@ function LineChart({
           }
         )
       ] }),
-      showLabels && points.map((point, i) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("text", { x: point.x, y: height - 10, textAnchor: "middle", fontSize: "10", className: "text-muted-foreground", fill: "currentColor", children: point.label }, i)),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("style", { children: `
+      showLabels && points.map((point, i) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("text", { x: point.x, y: height - 10, textAnchor: "middle", fontSize: "10", className: "text-muted-foreground", fill: "currentColor", children: point.label }, i)),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("style", { children: `
           @keyframes drawLine {
             from { stroke-dashoffset: 1000; }
             to { stroke-dashoffset: 0; }
@@ -17111,7 +17474,7 @@ function LineChart({
           }
         ` })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       ChartTooltip,
       {
         x: hoveredPoint?.x ?? 0,
@@ -17127,8 +17490,8 @@ function LineChart({
 }
 
 // ../../components/ui/BarChart.tsx
-var import_react25 = require("react");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_react26 = require("react");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function BarChart({
   data,
   width = 400,
@@ -17143,12 +17506,12 @@ function BarChart({
   barGap = 0.3,
   className = ""
 }) {
-  const svgRef = (0, import_react25.useRef)(null);
+  const svgRef = (0, import_react26.useRef)(null);
   const padding = horizontal ? { top: 20, right: 40, bottom: 20, left: 80 } : { top: 20, right: 20, bottom: 40, left: 40 };
   const chartWidth = width - padding.left - padding.right;
   const chartHeight = height - padding.top - padding.bottom;
-  const [hoveredBar, setHoveredBar] = (0, import_react25.useState)(null);
-  const { maxValue, bars, gridLines } = (0, import_react25.useMemo)(() => {
+  const [hoveredBar, setHoveredBar] = (0, import_react26.useState)(null);
+  const { maxValue, bars, gridLines } = (0, import_react26.useMemo)(() => {
     if (!data.length) return { maxValue: 0, bars: [], gridLines: [] };
     const max = Math.max(...data.map((d) => d.value));
     const barCount = data.length;
@@ -17197,16 +17560,16 @@ function BarChart({
     }
     return { maxValue: max, bars: barsData, gridLines: lines };
   }, [data, chartWidth, chartHeight, horizontal, barGap, padding, width, height]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("svg", { ref: svgRef, width, height, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
-      showGrid && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("g", { className: "text-muted-foreground/20", children: gridLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("g", { children: horizontal ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("line", { x1: line.x, y1: line.y1, x2: line.x, y2: line.y2, stroke: "currentColor", strokeDasharray: "4 4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("text", { x: line.x, y: height - 8, textAnchor: "middle", fontSize: "10", className: "text-muted-foreground", fill: "currentColor", children: line.value.toFixed(0) })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("line", { x1: line.x1, y1: line.y, x2: line.x2, y2: line.y, stroke: "currentColor", strokeDasharray: "4 4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("text", { x: padding.left - 8, y: line.y + 4, textAnchor: "end", fontSize: "10", className: "text-muted-foreground", fill: "currentColor", children: line.value.toFixed(0) })
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("svg", { ref: svgRef, width, height, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
+      showGrid && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("g", { className: "text-muted-foreground/20", children: gridLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("g", { children: horizontal ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("line", { x1: line.x, y1: line.y1, x2: line.x, y2: line.y2, stroke: "currentColor", strokeDasharray: "4 4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("text", { x: line.x, y: height - 8, textAnchor: "middle", fontSize: "10", className: "text-muted-foreground", fill: "currentColor", children: line.value.toFixed(0) })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("line", { x1: line.x1, y1: line.y, x2: line.x2, y2: line.y, stroke: "currentColor", strokeDasharray: "4 4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("text", { x: padding.left - 8, y: line.y + 4, textAnchor: "end", fontSize: "10", className: "text-muted-foreground", fill: "currentColor", children: line.value.toFixed(0) })
       ] }) }, i)) }),
-      bars.map((bar, i) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+      bars.map((bar, i) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
         "g",
         {
           onMouseEnter: () => setHoveredBar({
@@ -17219,7 +17582,7 @@ function BarChart({
           onMouseLeave: () => setHoveredBar(null),
           className: "cursor-pointer",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
               "rect",
               {
                 x: bar.x,
@@ -17235,7 +17598,7 @@ function BarChart({
                   ...horizontal ? { width: 0 } : { height: 0, y: padding.top + chartHeight }
                 } : void 0,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
                     "animate",
                     {
                       attributeName: horizontal ? "width" : "height",
@@ -17246,11 +17609,11 @@ function BarChart({
                       fill: "freeze"
                     }
                   ),
-                  !horizontal && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("animate", { attributeName: "y", from: padding.top + chartHeight, to: bar.y, dur: "0.5s", begin: `${i * 0.1}s`, fill: "freeze" })
+                  !horizontal && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("animate", { attributeName: "y", from: padding.top + chartHeight, to: bar.y, dur: "0.5s", begin: `${i * 0.1}s`, fill: "freeze" })
                 ]
               }
             ),
-            showValues && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            showValues && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
               "text",
               {
                 x: horizontal ? bar.x + bar.width + 8 : bar.x + bar.width / 2,
@@ -17264,7 +17627,7 @@ function BarChart({
                 children: bar.value
               }
             ),
-            showLabels && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+            showLabels && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
               "text",
               {
                 x: horizontal ? padding.left - 8 : bar.x + bar.width / 2,
@@ -17280,7 +17643,7 @@ function BarChart({
         },
         i
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("style", { children: `
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("style", { children: `
           @keyframes growHeight {
             from { height: 0; }
           }
@@ -17293,7 +17656,7 @@ function BarChart({
           }
         ` })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       ChartTooltip,
       {
         x: hoveredBar?.x ?? 0,
@@ -17309,8 +17672,8 @@ function BarChart({
 }
 
 // ../../components/ui/PieChart.tsx
-var import_react26 = require("react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_react27 = require("react");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 function PieChart({
   data,
   size = 200,
@@ -17323,11 +17686,11 @@ function PieChart({
   startAngle = -90,
   className = ""
 }) {
-  const containerRef = (0, import_react26.useRef)(null);
+  const containerRef = (0, import_react27.useRef)(null);
   const center = size / 2;
   const radius = size / 2 - 10;
   const innerRadius = donut ? radius - donutWidth : 0;
-  const { segments, total } = (0, import_react26.useMemo)(() => {
+  const { segments, total } = (0, import_react27.useMemo)(() => {
     if (!data.length) return { segments: [], total: 0 };
     const sum = data.reduce((acc, d) => acc + d.value, 0);
     let currentAngle = startAngle;
@@ -17373,11 +17736,11 @@ function PieChart({
     });
     return { segments: segs, total: sum };
   }, [data, center, radius, innerRadius, donut, startAngle]);
-  const [hoveredSegment, setHoveredSegment] = (0, import_react26.useState)(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { ref: containerRef, className: `relative flex items-center gap-6 ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("svg", { width: size + 40, height: size + 40, className: "overflow-visible", style: { fontFamily: "inherit" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("g", { transform: `translate(20, 20)`, children: [
-        segments.map((seg, i) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  const [hoveredSegment, setHoveredSegment] = (0, import_react27.useState)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { ref: containerRef, className: `relative flex items-center gap-6 ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("svg", { width: size + 40, height: size + 40, className: "overflow-visible", style: { fontFamily: "inherit" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { transform: `translate(20, 20)`, children: [
+        segments.map((seg, i) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
           "g",
           {
             onMouseEnter: () => setHoveredSegment({
@@ -17390,7 +17753,7 @@ function PieChart({
             }),
             onMouseLeave: () => setHoveredSegment(null),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                 "path",
                 {
                   d: seg.path,
@@ -17406,7 +17769,7 @@ function PieChart({
                   }
                 }
               ),
-              showLabels && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              showLabels && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                 "text",
                 {
                   x: seg.labelX,
@@ -17423,12 +17786,12 @@ function PieChart({
           },
           i
         )),
-        donut && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("g", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("text", { x: center, y: center - 5, textAnchor: "middle", fontSize: "12", className: "text-muted-foreground", fill: "currentColor", children: "Total" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("text", { x: center, y: center + 15, textAnchor: "middle", fontSize: "18", fontWeight: "600", className: "text-foreground", fill: "currentColor", children: total })
+        donut && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("text", { x: center, y: center - 5, textAnchor: "middle", fontSize: "12", className: "text-muted-foreground", fill: "currentColor", children: "Total" }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("text", { x: center, y: center + 15, textAnchor: "middle", fontSize: "18", fontWeight: "600", className: "text-foreground", fill: "currentColor", children: total })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("style", { children: `
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("style", { children: `
           @keyframes pieSlice {
             from {
               opacity: 0;
@@ -17445,20 +17808,20 @@ function PieChart({
           }
         ` })
     ] }),
-    showLegend && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex flex-col gap-2", children: segments.map((seg, i) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    showLegend && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex flex-col gap-2", children: segments.map((seg, i) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
       "div",
       {
         className: "flex items-center gap-2 text-sm",
         style: animated ? { opacity: 0, animation: `fadeIn 0.3s ease-out ${i * 0.1 + 0.3}s forwards` } : void 0,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "w-3 h-3 rounded-md shrink-0", style: { backgroundColor: seg.color } }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-muted-foreground", children: seg.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-foreground font-medium ml-auto", children: showPercentage ? `${(seg.percentage * 100).toFixed(0)}%` : seg.value })
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "w-3 h-3 rounded-md shrink-0", style: { backgroundColor: seg.color } }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-muted-foreground", children: seg.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-foreground font-medium ml-auto", children: showPercentage ? `${(seg.percentage * 100).toFixed(0)}%` : seg.value })
         ]
       },
       i
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
       ChartTooltip,
       {
         x: hoveredSegment?.x ?? center,
@@ -17474,8 +17837,8 @@ function PieChart({
 }
 
 // ../../components/ui/AreaChart.tsx
-var import_react27 = require("react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_react28 = require("react");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function getCatmullRomSpline(points) {
   if (points.length < 2) return "";
   if (points.length === 2) {
@@ -17509,12 +17872,12 @@ function AreaChart({
   curved = true,
   className = ""
 }) {
-  const containerRef = (0, import_react27.useRef)(null);
+  const containerRef = (0, import_react28.useRef)(null);
   const padding = { top: 20, right: 20, bottom: 40, left: 50 };
   const chartWidth = width - padding.left - padding.right;
   const chartHeight = height - padding.top - padding.bottom;
-  const [hoveredPoint, setHoveredPoint] = (0, import_react27.useState)(null);
-  const { processedSeries, gridLines, maxValue, labels } = (0, import_react27.useMemo)(() => {
+  const [hoveredPoint, setHoveredPoint] = (0, import_react28.useState)(null);
+  const { processedSeries, gridLines, maxValue, labels } = (0, import_react28.useMemo)(() => {
     if (!series.length || !series[0]?.data?.length) {
       return { processedSeries: [], gridLines: [], maxValue: 0, labels: [] };
     }
@@ -17582,13 +17945,13 @@ function AreaChart({
     }
     return { processedSeries: processed, gridLines: lines, maxValue: max, labels: allLabels };
   }, [series, chartWidth, chartHeight, padding, stacked, curved]);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { ref: containerRef, className: `relative flex flex-col gap-4 ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("svg", { width, height, className: "overflow-visible", style: { fontFamily: "inherit" }, children: [
-      showGrid && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("g", { className: "text-muted-foreground/20", children: gridLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("line", { x1: padding.left, y1: line.y, x2: width - padding.right, y2: line.y, stroke: "currentColor", strokeDasharray: "4 4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("text", { x: padding.left - 8, y: line.y + 4, textAnchor: "end", fontSize: "10", className: "text-muted-foreground", fill: "currentColor", children: line.value.toFixed(0) })
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { ref: containerRef, className: `relative flex flex-col gap-4 ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("svg", { width, height, className: "overflow-visible", style: { fontFamily: "inherit" }, children: [
+      showGrid && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("g", { className: "text-muted-foreground/20", children: gridLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("g", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("line", { x1: padding.left, y1: line.y, x2: width - padding.right, y2: line.y, stroke: "currentColor", strokeDasharray: "4 4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("text", { x: padding.left - 8, y: line.y + 4, textAnchor: "end", fontSize: "10", className: "text-muted-foreground", fill: "currentColor", children: line.value.toFixed(0) })
       ] }, i)) }),
-      [...processedSeries].reverse().map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      [...processedSeries].reverse().map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         "path",
         {
           d: s.areaPath,
@@ -17602,7 +17965,7 @@ function AreaChart({
         },
         `area-${i}`
       )),
-      processedSeries.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      processedSeries.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         "path",
         {
           d: s.linePath,
@@ -17620,7 +17983,7 @@ function AreaChart({
         `line-${i}`
       )),
       showDots && processedSeries.map(
-        (s, seriesIdx) => s.points.map((point, i) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+        (s, seriesIdx) => s.points.map((point, i) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
           "g",
           {
             onMouseEnter: () => {
@@ -17639,7 +18002,7 @@ function AreaChart({
             onMouseLeave: () => setHoveredPoint(null),
             className: "cursor-pointer",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
                 "circle",
                 {
                   cx: point.x,
@@ -17655,17 +18018,17 @@ function AreaChart({
                   } : void 0
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("circle", { cx: point.x, cy: point.y, r: 12, fill: "transparent" })
+              /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("circle", { cx: point.x, cy: point.y, r: 12, fill: "transparent" })
             ]
           },
           `dot-${seriesIdx}-${i}`
         ))
       ),
-      showLabels && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("g", { className: "text-muted-foreground", children: labels.map((label, i) => {
+      showLabels && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("g", { className: "text-muted-foreground", children: labels.map((label, i) => {
         const x = padding.left + i / (labels.length - 1) * chartWidth;
-        return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("text", { x, y: height - 10, textAnchor: "middle", fontSize: "10", fill: "currentColor", children: label }, i);
+        return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("text", { x, y: height - 10, textAnchor: "middle", fontSize: "10", fill: "currentColor", children: label }, i);
       }) }),
-      hoveredPoint && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("g", { className: "pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      hoveredPoint && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("g", { className: "pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         "line",
         {
           x1: hoveredPoint.x,
@@ -17679,7 +18042,7 @@ function AreaChart({
           className: "text-foreground"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("style", { children: `
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("style", { children: `
           @keyframes drawLine {
             to {
               stroke-dashoffset: 0;
@@ -17701,19 +18064,19 @@ function AreaChart({
           }
         ` })
     ] }),
-    showLegend && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex items-center justify-center gap-6", children: series.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+    showLegend && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex items-center justify-center gap-6", children: series.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
       "div",
       {
         className: "flex items-center gap-2 text-sm",
         style: animated ? { opacity: 0, animation: `fadeIn 0.3s ease-out ${i * 0.1 + 0.5}s forwards` } : void 0,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "w-3 h-3 rounded-md", style: { backgroundColor: s.color } }),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-muted-foreground", children: s.name })
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "w-3 h-3 rounded-md", style: { backgroundColor: s.color } }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "text-muted-foreground", children: s.name })
         ]
       },
       i
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       ChartTooltip,
       {
         x: hoveredPoint?.x ?? 0,
@@ -17728,8 +18091,8 @@ function AreaChart({
 }
 
 // ../../components/ui/Sparkline.tsx
-var import_react28 = require("react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_react29 = require("react");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function getCatmullRomSpline2(points) {
   if (points.length < 2) return "";
   if (points.length === 2) {
@@ -17767,7 +18130,7 @@ function Sparkline({
   const padding = 4;
   const chartWidth = width - padding * 2;
   const chartHeight = height - padding * 2;
-  const { points, linePath, areaPath, lineLength, trend } = (0, import_react28.useMemo)(() => {
+  const { points, linePath, areaPath, lineLength, trend } = (0, import_react29.useMemo)(() => {
     const normalizedData = data.map((d) => typeof d === "number" ? d : d.value);
     if (!normalizedData.length) {
       return { points: [], linePath: "", areaPath: "", lineLength: 0, trend: 0 };
@@ -17791,8 +18154,8 @@ function Sparkline({
     return { points: pts, linePath: line, areaPath: area, lineLength: length, trend: trendValue };
   }, [data, chartWidth, chartHeight, padding, curved]);
   const effectiveFillColor = fillColor || color;
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("svg", { width, height, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
-    showFill && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("svg", { width, height, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
+    showFill && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       "path",
       {
         d: areaPath,
@@ -17801,7 +18164,7 @@ function Sparkline({
         style: animated ? { opacity: 0, animation: "fadeIn 0.5s ease-out 0.3s forwards" } : void 0
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       "path",
       {
         d: linePath,
@@ -17817,7 +18180,7 @@ function Sparkline({
         } : void 0
       }
     ),
-    showDots && points.map((point, i) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    showDots && points.map((point, i) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       "circle",
       {
         cx: point.x,
@@ -17831,7 +18194,7 @@ function Sparkline({
       },
       i
     )),
-    showEndDot && !showDots && points.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    showEndDot && !showDots && points.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       "circle",
       {
         cx: points[points.length - 1].x,
@@ -17846,7 +18209,7 @@ function Sparkline({
         } : void 0
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("style", { children: `
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("style", { children: `
         @keyframes drawLine {
           to {
             stroke-dashoffset: 0;
@@ -17871,8 +18234,8 @@ function Sparkline({
 }
 
 // ../../components/ui/RadarChart.tsx
-var import_react29 = require("react");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_react30 = require("react");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function RadarChart({
   series,
   size = 300,
@@ -17883,11 +18246,11 @@ function RadarChart({
   animated = true,
   className = ""
 }) {
-  const containerRef = (0, import_react29.useRef)(null);
+  const containerRef = (0, import_react30.useRef)(null);
   const center = size / 2;
   const radius = size / 2 - 40;
-  const [hoveredPoint, setHoveredPoint] = (0, import_react29.useState)(null);
-  const { axes, processedSeries, levelPaths } = (0, import_react29.useMemo)(() => {
+  const [hoveredPoint, setHoveredPoint] = (0, import_react30.useState)(null);
+  const { axes, processedSeries, levelPaths } = (0, import_react30.useMemo)(() => {
     if (!series.length || !series[0]?.data?.length) {
       return { axes: [], processedSeries: [], levelPaths: [] };
     }
@@ -17937,12 +18300,12 @@ function RadarChart({
     });
     return { axes: axesData, processedSeries: processed, levelPaths: levelsData };
   }, [series, center, radius, levels]);
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { ref: containerRef, className: `relative flex flex-col gap-4 ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("svg", { width: size, height: size, className: "overflow-visible", style: { fontFamily: "inherit" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("g", { className: "text-muted-foreground/20", children: levelPaths.map((level, i) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("path", { d: level.path, fill: "none", stroke: "currentColor", strokeWidth: 1 }, i)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("g", { className: "text-muted-foreground/30", children: axes.map((axis, i) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("line", { x1: center, y1: center, x2: axis.x, y2: axis.y, stroke: "currentColor", strokeWidth: 1 }, i)) }),
-      processedSeries.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("g", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { ref: containerRef, className: `relative flex flex-col gap-4 ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("svg", { width: size, height: size, className: "overflow-visible", style: { fontFamily: "inherit" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("g", { className: "text-muted-foreground/20", children: levelPaths.map((level, i) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: level.path, fill: "none", stroke: "currentColor", strokeWidth: 1 }, i)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("g", { className: "text-muted-foreground/30", children: axes.map((axis, i) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("line", { x1: center, y1: center, x2: axis.x, y2: axis.y, stroke: "currentColor", strokeWidth: 1 }, i)) }),
+      processedSeries.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("g", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           "path",
           {
             d: s.path,
@@ -17960,7 +18323,7 @@ function RadarChart({
             } : void 0
           }
         ),
-        s.points.map((point, j) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+        s.points.map((point, j) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
           "g",
           {
             onMouseEnter: () => {
@@ -17979,7 +18342,7 @@ function RadarChart({
             onMouseLeave: () => setHoveredPoint(null),
             className: "cursor-pointer",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
                 "circle",
                 {
                   cx: point.x,
@@ -17995,12 +18358,12 @@ function RadarChart({
                   } : void 0
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("circle", { cx: point.x, cy: point.y, r: 12, fill: "transparent" })
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("circle", { cx: point.x, cy: point.y, r: 12, fill: "transparent" })
             ]
           },
           j
         )),
-        showValues && s.points.map((point, j) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        showValues && s.points.map((point, j) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           "text",
           {
             x: point.x,
@@ -18016,8 +18379,8 @@ function RadarChart({
           `val-${j}`
         ))
       ] }, i)),
-      showLabels && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("g", { className: "text-muted-foreground", children: axes.map((axis, i) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("text", { x: axis.labelX, y: axis.labelY, textAnchor: "middle", dominantBaseline: "middle", fontSize: "11", fill: "currentColor", children: axis.label }, i)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("style", { children: `
+      showLabels && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("g", { className: "text-muted-foreground", children: axes.map((axis, i) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("text", { x: axis.labelX, y: axis.labelY, textAnchor: "middle", dominantBaseline: "middle", fontSize: "11", fill: "currentColor", children: axis.label }, i)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("style", { children: `
           @keyframes radarPop {
             from {
               opacity: 0;
@@ -18044,19 +18407,19 @@ function RadarChart({
           }
         ` })
     ] }),
-    showLegend && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "flex items-center justify-center gap-6", children: series.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+    showLegend && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "flex items-center justify-center gap-6", children: series.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
       "div",
       {
         className: "flex items-center gap-2 text-sm",
         style: animated ? { opacity: 0, animation: `fadeIn 0.3s ease-out ${i * 0.1 + 0.5}s forwards` } : void 0,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "w-3 h-3 rounded-md", style: { backgroundColor: s.color } }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-muted-foreground", children: s.name })
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "w-3 h-3 rounded-md", style: { backgroundColor: s.color } }),
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-muted-foreground", children: s.name })
         ]
       },
       i
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       ChartTooltip,
       {
         x: hoveredPoint?.x ?? 0,
@@ -18071,8 +18434,8 @@ function RadarChart({
 }
 
 // ../../components/ui/GaugeChart.tsx
-var import_react30 = require("react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_react31 = require("react");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function GaugeChart({
   value,
   min = 0,
@@ -18091,7 +18454,7 @@ function GaugeChart({
 }) {
   const center = size / 2;
   const radius = center - thickness / 2 - 10;
-  const { backgroundPath, valuePath, percentage, needleAngle } = (0, import_react30.useMemo)(() => {
+  const { backgroundPath, valuePath, percentage, needleAngle } = (0, import_react31.useMemo)(() => {
     const normalizedValue = Math.min(Math.max(value, min), max);
     const pct = (normalizedValue - min) / (max - min);
     const totalAngle = endAngle - startAngle;
@@ -18120,8 +18483,8 @@ function GaugeChart({
   const needleAngleRad = needleAngle * Math.PI / 180;
   const needleX = center + needleLength * Math.cos(needleAngleRad);
   const needleY = center + needleLength * Math.sin(needleAngleRad);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("svg", { width: size, height: size * 0.7, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("svg", { width: size, height: size * 0.7, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       "path",
       {
         d: backgroundPath,
@@ -18132,7 +18495,7 @@ function GaugeChart({
         className: !backgroundColor ? "text-muted-foreground/20" : ""
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       "path",
       {
         d: valuePath,
@@ -18147,7 +18510,7 @@ function GaugeChart({
         } : void 0
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
       "g",
       {
         style: animated ? {
@@ -18160,14 +18523,14 @@ function GaugeChart({
           transformOrigin: `${center}px ${center}px`
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("line", { x1: center, y1: center, x2: center + needleLength, y2: center, stroke: color, strokeWidth: 3, strokeLinecap: "round" }),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("circle", { cx: center, cy: center, r: 8, fill: color }),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("circle", { cx: center, cy: center, r: 4, className: "text-background", fill: "currentColor" })
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("line", { x1: center, y1: center, x2: center + needleLength, y2: center, stroke: color, strokeWidth: 3, strokeLinecap: "round" }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("circle", { cx: center, cy: center, r: 8, fill: color }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("circle", { cx: center, cy: center, r: 4, className: "text-background", fill: "currentColor" })
         ]
       }
     ),
-    showMinMax && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("g", { className: "text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    showMinMax && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("g", { className: "text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         "text",
         {
           x: center + (radius + 20) * Math.cos(startAngle * Math.PI / 180),
@@ -18178,7 +18541,7 @@ function GaugeChart({
           children: min
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         "text",
         {
           x: center + (radius + 20) * Math.cos(endAngle * Math.PI / 180),
@@ -18190,8 +18553,8 @@ function GaugeChart({
         }
       )
     ] }),
-    showValue && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("g", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    showValue && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("g", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         "text",
         {
           x: center,
@@ -18205,7 +18568,7 @@ function GaugeChart({
           children: value
         }
       ),
-      label && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      label && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         "text",
         {
           x: center,
@@ -18219,7 +18582,7 @@ function GaugeChart({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("style", { children: `
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("style", { children: `
         @keyframes drawArc {
           to {
             stroke-dashoffset: 0;
@@ -18239,22 +18602,22 @@ function GaugeChart({
 }
 
 // ../../components/ui/ClientOnly.tsx
-var import_react31 = require("react");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_react32 = require("react");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function ClientOnly({ children, fallback = null }) {
-  const [hasMounted, setHasMounted] = (0, import_react31.useState)(false);
-  (0, import_react31.useEffect)(() => {
+  const [hasMounted, setHasMounted] = (0, import_react32.useState)(false);
+  (0, import_react32.useEffect)(() => {
     setHasMounted(true);
   }, []);
   if (!hasMounted) {
-    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, { children: fallback });
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_jsx_runtime63.Fragment, { children: fallback });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_jsx_runtime63.Fragment, { children });
 }
 
 // ../../components/ui/Loading.tsx
-var import_lucide_react32 = require("lucide-react");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_lucide_react33 = require("lucide-react");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var LoadingSpinner = ({
   size = "md",
   className,
@@ -18270,8 +18633,8 @@ var LoadingSpinner = ({
     foreground: "text-foreground",
     muted: "text-muted-foreground"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-    import_lucide_react32.Activity,
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+    import_lucide_react33.Activity,
     {
       className: cn(
         "animate-spin",
@@ -18291,7 +18654,7 @@ var LoadingDots = ({
     foreground: "bg-foreground",
     muted: "bg-muted-foreground"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: cn("flex items-center space-x-1", className), children: [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: cn("flex items-center space-x-1", className), children: [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     "div",
     {
       className: cn(
@@ -18313,7 +18676,7 @@ var LoadingBar = ({
   label
 }) => {
   const pct = progress ? Math.min(Math.max(progress, 0), 100) : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     "div",
     {
       className: cn("w-full bg-muted rounded-full h-2", className),
@@ -18322,7 +18685,7 @@ var LoadingBar = ({
       "aria-valuemax": pct === void 0 ? void 0 : 100,
       "aria-valuenow": pct === void 0 ? void 0 : Math.round(pct),
       "aria-label": label || "Loading",
-      children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         "div",
         {
           className: cn(
@@ -18339,9 +18702,9 @@ var LoadingBar = ({
 };
 
 // ../../components/ui/Table.tsx
-var import_react32 = __toESM(require("react"), 1);
-var import_jsx_runtime64 = require("react/jsx-runtime");
-var Table = import_react32.default.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var import_react33 = __toESM(require("react"), 1);
+var import_jsx_runtime65 = require("react/jsx-runtime");
+var Table = import_react33.default.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
   "div",
   {
     className: cn(
@@ -18351,20 +18714,20 @@ var Table = import_react32.default.forwardRef(({ className, containerClassName,
       "backdrop-blur-sm transition-all duration-300",
       containerClassName
     ),
-    children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props })
+    children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props })
   }
 ));
 Table.displayName = "Table";
-var TableHeader = import_react32.default.forwardRef(({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border", "bg-muted", className), ...props, children: [
+var TableHeader = import_react33.default.forwardRef(({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border", "bg-muted", className), ...props, children: [
   children,
   filterRow
 ] }));
 TableHeader.displayName = "TableHeader";
-var TableBody = import_react32.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+var TableBody = import_react33.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = import_react32.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
+var TableFooter = import_react33.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
 TableFooter.displayName = "TableFooter";
-var TableRow = import_react32.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var TableRow = import_react33.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
   "tr",
   {
     ref,
@@ -18378,7 +18741,7 @@ var TableRow = import_react32.default.forwardRef(({ className, ...props }, ref)
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = import_react32.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var TableHead = import_react33.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
   "th",
   {
     ref,
@@ -18387,17 +18750,17 @@ var TableHead = import_react32.default.forwardRef(({ className, ...props }, ref)
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = import_react32.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props }));
+var TableCell = import_react33.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props }));
 TableCell.displayName = "TableCell";
-var TableCaption = import_react32.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+var TableCaption = import_react33.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
 TableCaption.displayName = "TableCaption";
 
 // ../../components/ui/DataTable/DataTable.tsx
-var import_lucide_react33 = require("lucide-react");
-var import_react36 = __toESM(require("react"), 1);
+var import_lucide_react34 = require("lucide-react");
+var import_react37 = __toESM(require("react"), 1);
 
 // ../../components/ui/DataTable/components/Pagination.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function DataTablePagination({
   totalItems,
   curPage,
@@ -18408,16 +18771,16 @@ function DataTablePagination({
 }) {
   const totalPages = Math.ceil(totalItems / curPageSize);
   if (!(totalItems > 0 && totalPages > 1)) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center justify-between gap-2 px-1 pt-3 text-xs text-muted-foreground", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "tabular-nums", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center justify-between gap-2 px-1 pt-3 text-xs text-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "tabular-nums", children: [
       (curPage - 1) * curPageSize + 1,
       "-",
       Math.min(curPage * curPageSize, totalItems),
       "/",
       totalItems
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center gap-0.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center gap-0.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         Button_default,
         {
           variant: "ghost",
@@ -18425,7 +18788,7 @@ function DataTablePagination({
           className: "h-7 w-7 p-0 rounded-full",
           onClick: () => setCurPage(Math.max(1, curPage - 1)),
           disabled: curPage === 1,
-          children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
         }
       ),
       (() => {
@@ -18442,7 +18805,7 @@ function DataTablePagination({
           pages.push(totalPages);
         }
         return pages.map(
-          (p, i) => p === "..." ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "px-1 text-muted-foreground/60", children: "\u2026" }, `dots-${i}`) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          (p, i) => p === "..." ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "px-1 text-muted-foreground/60", children: "\u2026" }, `dots-${i}`) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
             "button",
             {
               onClick: () => setCurPage(p),
@@ -18456,7 +18819,7 @@ function DataTablePagination({
           )
         );
       })(),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         Button_default,
         {
           variant: "ghost",
@@ -18464,11 +18827,11 @@ function DataTablePagination({
           className: "h-7 w-7 p-0 rounded-full",
           onClick: () => setCurPage(Math.min(totalPages, curPage + 1)),
           disabled: curPage === totalPages,
-          children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
         }
       )
     ] }),
-    pageSizeOptions && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    pageSizeOptions && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
       Combobox,
       {
         options: pageSizeOptions.map(String),
@@ -18582,7 +18945,7 @@ function getLeafColumnsWithFixedInheritance(columns, inheritedFixed) {
 }
 
 // ../../components/ui/DataTable/components/Toolbar.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 function DataTableToolbar({
   caption,
   toolbar,
@@ -18598,14 +18961,14 @@ function DataTableToolbar({
   labels,
   t
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center justify-between gap-4 mb-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "text-sm text-muted-foreground", children: caption }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center gap-2", children: [
-      enableDensityToggle && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center justify-between gap-4 mb-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "text-sm text-muted-foreground", children: caption }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center gap-2", children: [
+      enableDensityToggle && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
         DropdownMenu_default,
         {
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 10h16M4 14h16M4 18h16" }) }),
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 10h16M4 14h16M4 18h16" }) }),
             labels?.density || t("density")
           ] }),
           items: [
@@ -18617,11 +18980,11 @@ function DataTableToolbar({
       ),
       enableColumnVisibilityToggle && (() => {
         const leafCols = getLeafColumns(columns);
-        return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
           DropdownMenu_default,
           {
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -18632,15 +18995,15 @@ function DataTableToolbar({
               ) }),
               labels?.columns || t("columns")
             ] }),
-            children: leafCols.map((c) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+            children: leafCols.map((c) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
               DropdownMenuItem,
               {
                 onClick: () => {
                   setVisibleCols((prev) => prev.includes(c.key) ? prev.filter((k) => k !== c.key) : [...prev, c.key]);
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("input", { type: "checkbox", className: "mr-2 rounded-md border-border", readOnly: true, checked: visibleCols.includes(c.key) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "truncate", children: c.title })
+                  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("input", { type: "checkbox", className: "mr-2 rounded-md border-border", readOnly: true, checked: visibleCols.includes(c.key) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "truncate", children: c.title })
                 ]
               },
               c.key
@@ -18648,11 +19011,11 @@ function DataTableToolbar({
           }
         );
       })(),
-      enableHeaderAlignToggle && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      enableHeaderAlignToggle && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
         DropdownMenu_default,
         {
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h10M4 18h16" }) }),
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h10M4 18h16" }) }),
             labels?.headerAlign || t("headerAlign")
           ] }),
           items: [
@@ -18668,10 +19031,10 @@ function DataTableToolbar({
 }
 
 // ../../components/ui/DataTable/hooks/useDebounced.ts
-var import_react33 = __toESM(require("react"), 1);
+var import_react34 = __toESM(require("react"), 1);
 function useDebounced(value, delay = 300) {
-  const [debounced, setDebounced] = import_react33.default.useState(value);
-  import_react33.default.useEffect(() => {
+  const [debounced, setDebounced] = import_react34.default.useState(value);
+  import_react34.default.useEffect(() => {
     const id = setTimeout(() => setDebounced(value), delay);
     return () => clearTimeout(id);
   }, [value, delay]);
@@ -18679,10 +19042,10 @@ function useDebounced(value, delay = 300) {
 }
 
 // ../../components/ui/DataTable/hooks/usePageSizeStorage.ts
-var import_react34 = __toESM(require("react"), 1);
+var import_react35 = __toESM(require("react"), 1);
 function usePageSizeStorage({ pageSize, storageKey }) {
-  const loadedFromStorage = import_react34.default.useRef(false);
-  const [curPageSize, setCurPageSize] = import_react34.default.useState(() => {
+  const loadedFromStorage = import_react35.default.useRef(false);
+  const [curPageSize, setCurPageSize] = import_react35.default.useState(() => {
     if (typeof window === "undefined" || !storageKey) return pageSize;
     try {
       const saved = localStorage.getItem(`datatable_${storageKey}_pageSize`);
@@ -18697,11 +19060,11 @@ function usePageSizeStorage({ pageSize, storageKey }) {
     }
     return pageSize;
   });
-  const hasMounted = import_react34.default.useRef(false);
-  import_react34.default.useEffect(() => {
+  const hasMounted = import_react35.default.useRef(false);
+  import_react35.default.useEffect(() => {
     hasMounted.current = true;
   }, []);
-  import_react34.default.useEffect(() => {
+  import_react35.default.useEffect(() => {
     if (typeof window === "undefined" || !storageKey) return;
     if (!hasMounted.current) return;
     try {
@@ -18709,7 +19072,7 @@ function usePageSizeStorage({ pageSize, storageKey }) {
     } catch {
     }
   }, [curPageSize, storageKey]);
-  import_react34.default.useEffect(() => {
+  import_react35.default.useEffect(() => {
     if (storageKey && loadedFromStorage.current) return;
     setCurPageSize(pageSize);
   }, [pageSize, storageKey]);
@@ -18717,7 +19080,7 @@ function usePageSizeStorage({ pageSize, storageKey }) {
 }
 
 // ../../components/ui/DataTable/hooks/useStickyColumns.ts
-var import_react35 = __toESM(require("react"), 1);
+var import_react36 = __toESM(require("react"), 1);
 
 // ../../components/ui/DataTable/utils/columns.ts
 function getColumnWidth(col, fallback = 150) {
@@ -18735,9 +19098,9 @@ function getColumnWidth(col, fallback = 150) {
 
 // ../../components/ui/DataTable/hooks/useStickyColumns.ts
 function useStickyColumns(columns, visibleKeys) {
-  const visibleColumns = import_react35.default.useMemo(() => filterVisibleColumns(columns, visibleKeys), [columns, visibleKeys]);
-  const leafColumns = import_react35.default.useMemo(() => getLeafColumnsWithFixedInheritance(visibleColumns), [visibleColumns]);
-  const stickyPositions = import_react35.default.useMemo(() => {
+  const visibleColumns = import_react36.default.useMemo(() => filterVisibleColumns(columns, visibleKeys), [columns, visibleKeys]);
+  const leafColumns = import_react36.default.useMemo(() => getLeafColumnsWithFixedInheritance(visibleColumns), [visibleColumns]);
+  const stickyPositions = import_react36.default.useMemo(() => {
     const positions = {};
     let leftOffset = 0;
     for (const col of leafColumns) {
@@ -18756,7 +19119,7 @@ function useStickyColumns(columns, visibleKeys) {
     }
     return positions;
   }, [leafColumns]);
-  const getStickyColumnStyle = import_react35.default.useCallback(
+  const getStickyColumnStyle = import_react36.default.useCallback(
     (col) => {
       if (!col.fixed) return {};
       const pos = stickyPositions[col.key];
@@ -18767,7 +19130,7 @@ function useStickyColumns(columns, visibleKeys) {
     },
     [stickyPositions]
   );
-  const getStickyHeaderClass = import_react35.default.useCallback((col) => {
+  const getStickyHeaderClass = import_react36.default.useCallback((col) => {
     if (!col.fixed) return "";
     return cn(
       "sticky",
@@ -18776,7 +19139,7 @@ function useStickyColumns(columns, visibleKeys) {
       "z-50 bg-muted!"
     );
   }, []);
-  const getStickyCellClass = import_react35.default.useCallback((col, isStripedRow) => {
+  const getStickyCellClass = import_react36.default.useCallback((col, isStripedRow) => {
     if (!col.fixed) return "";
     return cn(
       "sticky z-10",
@@ -18785,7 +19148,7 @@ function useStickyColumns(columns, visibleKeys) {
       isStripedRow ? "bg-muted/50!" : "bg-card!"
     );
   }, []);
-  const getStickyHeaderCellStyle = import_react35.default.useCallback(
+  const getStickyHeaderCellStyle = import_react36.default.useCallback(
     (headerCell) => {
       const col = headerCell.column;
       if (headerCell.isLeaf) {
@@ -18891,7 +19254,7 @@ function validateColumns(columns) {
 }
 
 // ../../components/ui/DataTable/DataTable.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function DataTable({
   columns,
   data,
@@ -18916,20 +19279,20 @@ function DataTable({
   labels
 }) {
   const t = useTranslations("Common");
-  const [headerAlign, setHeaderAlign] = import_react36.default.useState("left");
-  const [visibleCols, setVisibleCols] = import_react36.default.useState(() => columns.filter((c) => c.visible !== false).map((c) => c.key));
-  const [filters, setFilters] = import_react36.default.useState({});
-  const [sort, setSort] = import_react36.default.useState(null);
-  const [density, setDensity] = import_react36.default.useState("normal");
-  const [curPage, setCurPage] = import_react36.default.useState(page);
+  const [headerAlign, setHeaderAlign] = import_react37.default.useState("left");
+  const [visibleCols, setVisibleCols] = import_react37.default.useState(() => columns.filter((c) => c.visible !== false).map((c) => c.key));
+  const [filters, setFilters] = import_react37.default.useState({});
+  const [sort, setSort] = import_react37.default.useState(null);
+  const [density, setDensity] = import_react37.default.useState("normal");
+  const [curPage, setCurPage] = import_react37.default.useState(page);
   const { curPageSize, setCurPageSize } = usePageSizeStorage({ pageSize, storageKey });
-  import_react36.default.useEffect(() => {
+  import_react37.default.useEffect(() => {
     if (process.env.NODE_ENV === "development") {
       const warnings = validateColumns(columns);
       warnings.forEach((w) => console.warn(`[DataTable] ${w}`));
     }
   }, [columns]);
-  import_react36.default.useEffect(() => {
+  import_react37.default.useEffect(() => {
     const newColKeys = columns.filter((c) => c.visible !== false).map((c) => c.key);
     setVisibleCols((prev) => {
       const uniqueKeys = /* @__PURE__ */ new Set([...prev, ...newColKeys]);
@@ -18937,12 +19300,12 @@ function DataTable({
     });
   }, [columns]);
   const debouncedFilters = useDebounced(filters, 350);
-  import_react36.default.useEffect(() => {
+  import_react37.default.useEffect(() => {
     setCurPage(page);
   }, [page]);
   const isServerMode = Boolean(onQueryChange);
-  const hasEmittedQuery = import_react36.default.useRef(false);
-  import_react36.default.useEffect(() => {
+  const hasEmittedQuery = import_react37.default.useRef(false);
+  import_react37.default.useEffect(() => {
     if (!onQueryChange) return;
     if (!hasEmittedQuery.current) {
       hasEmittedQuery.current = true;
@@ -18952,14 +19315,14 @@ function DataTable({
   }, [debouncedFilters, sort, curPage, curPageSize, onQueryChange]);
   const densityRowClass = density === "compact" ? "h-9" : density === "comfortable" ? "h-14" : "h-12";
   const cellPadding = density === "compact" ? "py-1.5 px-3" : density === "comfortable" ? "py-3 px-4" : "py-2.5 px-4";
-  const visibleColsSet = import_react36.default.useMemo(() => new Set(visibleCols), [visibleCols]);
-  const visibleColumns = import_react36.default.useMemo(() => {
+  const visibleColsSet = import_react37.default.useMemo(() => new Set(visibleCols), [visibleCols]);
+  const visibleColumns = import_react37.default.useMemo(() => {
     return filterVisibleColumns(columns, visibleColsSet);
   }, [columns, visibleColsSet]);
-  const leafColumns = import_react36.default.useMemo(() => {
+  const leafColumns = import_react37.default.useMemo(() => {
     return getLeafColumns(visibleColumns);
   }, [visibleColumns]);
-  const totalColumnsWidth = import_react36.default.useMemo(() => {
+  const totalColumnsWidth = import_react37.default.useMemo(() => {
     return leafColumns.reduce((sum, col) => sum + getColumnWidth(col), 0);
   }, [leafColumns]);
   const { getStickyCellClass, getStickyColumnStyle, getStickyHeaderClass, getStickyHeaderCellStyle } = useStickyColumns(
@@ -18976,7 +19339,7 @@ function DataTable({
     const k = col.key;
     const commonProps = { className: "h-8 w-full text-sm" };
     if (col.filter.type === "text") {
-      return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
         Input_default,
         {
           ...commonProps,
@@ -18991,7 +19354,7 @@ function DataTable({
     }
     if (col.filter.type === "select") {
       const options = col.filter.options || [];
-      return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
         Combobox,
         {
           options: ["", ...options],
@@ -19007,7 +19370,7 @@ function DataTable({
       );
     }
     if (col.filter.type === "date") {
-      return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
         DatePicker,
         {
           placeholder: col.filter.placeholder || `Select ${String(col.title)}`,
@@ -19021,10 +19384,10 @@ function DataTable({
     }
     return null;
   };
-  const headerRows = import_react36.default.useMemo(() => buildHeaderRows(visibleColumns), [visibleColumns]);
+  const headerRows = import_react37.default.useMemo(() => buildHeaderRows(visibleColumns), [visibleColumns]);
   const renderHeaderContent = (col, isLeaf) => {
     if (!isLeaf) {
-      return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
         "div",
         {
           className: cn(
@@ -19033,15 +19396,15 @@ function DataTable({
             col.align === "center" && "justify-center",
             !col.align && "justify-start"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "font-medium text-sm whitespace-nowrap", children: col.title })
+          children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "font-medium text-sm whitespace-nowrap", children: col.title })
         }
       );
     }
     const isRightAlign = col.align === "right" || !col.align && headerAlign === "right";
     const isCenterAlign = col.align === "center" || !col.align && headerAlign === "center";
-    const titleContent = /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "font-medium text-sm whitespace-nowrap", children: col.title }),
-      col.sortable && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    const titleContent = /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "font-medium text-sm whitespace-nowrap", children: col.title }),
+      col.sortable && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
         "button",
         {
           className: cn(
@@ -19058,8 +19421,8 @@ function DataTable({
           },
           "aria-label": "Sort",
           title: `Sort by ${String(col.title)}`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "none", className: "inline-block", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "none", className: "inline-block", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
               "path",
               {
                 d: "M7 8l3-3 3 3",
@@ -19070,7 +19433,7 @@ function DataTable({
                 opacity: sort?.key === col.key && sort.order === "asc" ? 1 : 0.4
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
               "path",
               {
                 d: "M7 12l3 3 3-3",
@@ -19085,11 +19448,11 @@ function DataTable({
         }
       )
     ] });
-    const filterContent = col.filter ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    const filterContent = col.filter ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       Popover,
       {
         placement: "bottom-start",
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           "button",
           {
             className: cn(
@@ -19098,13 +19461,13 @@ function DataTable({
             ),
             "aria-label": "Filter",
             title: `Filter by ${String(col.title)}`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react33.Filter, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react34.Filter, { className: "w-4 h-4" })
           }
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "p-3 w-64 space-y-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "text-sm font-medium", children: col.title }),
-            filters[col.key] !== void 0 && filters[col.key] !== null && filters[col.key] !== "" && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "p-3 w-64 space-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "text-sm font-medium", children: col.title }),
+            filters[col.key] !== void 0 && filters[col.key] !== null && filters[col.key] !== "" && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
               "button",
               {
                 onClick: () => {
@@ -19120,7 +19483,7 @@ function DataTable({
         ] })
       }
     ) : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       "div",
       {
         className: cn(
@@ -19129,23 +19492,23 @@ function DataTable({
           isCenterAlign && "justify-center",
           !isRightAlign && !isCenterAlign && "justify-start"
         ),
-        children: isRightAlign ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
+        children: isRightAlign ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
           filterContent,
           titleContent
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
           titleContent,
           filterContent
         ] })
       }
     );
   };
-  const renderHeader = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_jsx_runtime67.Fragment, { children: headerRows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(TableRow, { children: row.map((headerCell, cellIndex) => {
+  const renderHeader = /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_jsx_runtime68.Fragment, { children: headerRows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TableRow, { children: row.map((headerCell, cellIndex) => {
     const { column: col, colSpan, rowSpan, isLeaf } = headerCell;
     const prevCell = cellIndex > 0 ? row[cellIndex - 1] : null;
     const prevCol = prevCell?.column;
     const isAfterFixedLeft = prevCol?.fixed === "left";
     const showBorderLeft = columnDividers && cellIndex > 0 && !isAfterFixedLeft && !col.fixed;
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       TableHead,
       {
         colSpan,
@@ -19165,7 +19528,7 @@ function DataTable({
       col.key
     );
   }) }, `header-row-${rowIndex}`)) });
-  const processedData = import_react36.default.useMemo(() => {
+  const processedData = import_react37.default.useMemo(() => {
     if (isServerMode) return data;
     let result = [...data];
     if (Object.keys(filters).length > 0) {
@@ -19197,12 +19560,12 @@ function DataTable({
     return result;
   }, [data, isServerMode, filters, sort, columns]);
   const totalItems = isServerMode ? total : processedData.length;
-  const displayedData = isServerMode ? data : import_react36.default.useMemo(() => {
+  const displayedData = isServerMode ? data : import_react37.default.useMemo(() => {
     const start = (curPage - 1) * curPageSize;
     return processedData.slice(start, start + curPageSize);
   }, [processedData, curPage, curPageSize]);
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: cn("space-y-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       DataTableToolbar,
       {
         caption,
@@ -19220,7 +19583,7 @@ function DataTable({
         t
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       "div",
       {
         className: cn("relative rounded-2xl md:rounded-3xl border border-border/50", loading2 && "opacity-60 pointer-events-none"),
@@ -19229,7 +19592,7 @@ function DataTable({
           overflowY: "auto",
           overflowX: "auto"
         } : { overflowX: "auto" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
           Table,
           {
             containerClassName: cn("border-0 md:border-0 rounded-none md:rounded-none shadow-none bg-transparent", "overflow-visible"),
@@ -19239,11 +19602,11 @@ function DataTable({
             ),
             style: { minWidth: totalColumnsWidth > 0 ? `${totalColumnsWidth}px` : void 0 },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(TableHeader, { children: renderHeader }),
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(TableBody, { children: loading2 ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(TableCell, { colSpan: leafColumns.length, className: "text-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center justify-center gap-2 text-muted-foreground", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TableHeader, { children: renderHeader }),
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TableBody, { children: loading2 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TableCell, { colSpan: leafColumns.length, className: "text-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center justify-center gap-2 text-muted-foreground", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                     "path",
                     {
                       className: "opacity-75",
@@ -19252,13 +19615,13 @@ function DataTable({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: "text-sm", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "text-sm", children: [
                   t("loading"),
                   "\u2026"
                 ] })
-              ] }) }) }) : !displayedData || displayedData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(TableCell, { colSpan: leafColumns.length, className: "text-center py-6 text-muted-foreground", children: t("noData") }) }) : displayedData.map((row, idx) => {
+              ] }) }) }) : !displayedData || displayedData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(TableCell, { colSpan: leafColumns.length, className: "text-center py-6 text-muted-foreground", children: t("noData") }) }) : displayedData.map((row, idx) => {
                 const isLastRow = idx === displayedData.length - 1;
-                return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                   TableRow,
                   {
                     className: cn(densityRowClass),
@@ -19272,7 +19635,7 @@ function DataTable({
                       const prevCol = colIdx > 0 ? leafColumns[colIdx - 1] : null;
                       const isAfterFixedLeft = prevCol?.fixed === "left";
                       const showBorderLeft = columnDividers && colIdx > 0 && !isAfterFixedLeft && !col.fixed;
-                      return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                         TableCell,
                         {
                           style: getStickyColumnStyle(col),
@@ -19300,7 +19663,7 @@ function DataTable({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       DataTablePagination,
       {
         totalItems,
@@ -19316,10 +19679,10 @@ function DataTable({
 var DataTable_default = DataTable;
 
 // ../../components/ui/Form.tsx
-var React59 = __toESM(require("react"), 1);
+var React60 = __toESM(require("react"), 1);
 var import_react_hook_form = require("react-hook-form");
-var import_jsx_runtime68 = require("react/jsx-runtime");
-var FormConfigContext = React59.createContext({ size: "md" });
+var import_jsx_runtime69 = require("react/jsx-runtime");
+var FormConfigContext = React60.createContext({ size: "md" });
 var FormWrapper = ({
   children,
   onSubmit,
@@ -19332,24 +19695,24 @@ var FormWrapper = ({
   const methods = (0, import_react_hook_form.useForm)({
     defaultValues: initialValues
   });
-  React59.useEffect(() => {
+  React60.useEffect(() => {
     if (initialValues) {
       methods.reset(initialValues);
     }
   }, [JSON.stringify(initialValues)]);
   const { validationSchema: _, ...formProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_hook_form.FormProvider, { ...methods, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(FormConfigContext.Provider, { value: { size }, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("form", { onSubmit: methods.handleSubmit(onSubmit), className, ...formProps, children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react_hook_form.FormProvider, { ...methods, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormConfigContext.Provider, { value: { size }, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("form", { onSubmit: methods.handleSubmit(onSubmit), className, ...formProps, children }) }) });
 };
 var Form = FormWrapper;
-var FormFieldContext = React59.createContext({});
+var FormFieldContext = React60.createContext({});
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react_hook_form.Controller, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react_hook_form.Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React59.useContext(FormFieldContext);
-  const itemContext = React59.useContext(FormItemContext);
+  const fieldContext = React60.useContext(FormFieldContext);
+  const itemContext = React60.useContext(FormItemContext);
   const { getFieldState, formState } = (0, import_react_hook_form.useFormContext)();
   if (!fieldContext) {
     try {
@@ -19370,27 +19733,27 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React59.createContext({});
-var FormItem = React59.forwardRef(({ className, ...props }, ref) => {
-  const id = React59.useId();
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { ref, className: cn("space-y-2", className), ...props }) });
+var FormItemContext = React60.createContext({});
+var FormItem = React60.forwardRef(({ className, ...props }, ref) => {
+  const id = React60.useId();
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { ref, className: cn("space-y-2", className), ...props }) });
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React59.forwardRef(
+var FormLabel = React60.forwardRef(
   ({ className, children, required, ...props }, ref) => {
     const { error, formItemId } = useFormField();
-    const config = React59.useContext(FormConfigContext);
+    const config = React60.useContext(FormConfigContext);
     const sizeClass = config.size === "sm" ? "text-xs" : config.size === "lg" ? "text-base" : "text-sm";
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Label, { ref, className: cn(sizeClass, error && "text-destructive", className), htmlFor: formItemId, ...props, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Label, { ref, className: cn(sizeClass, error && "text-destructive", className), htmlFor: formItemId, ...props, children: [
       children,
-      required && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "text-destructive ml-1", children: "*" })
+      required && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "text-destructive ml-1", children: "*" })
     ] });
   }
 );
 FormLabel.displayName = "FormLabel";
-var FormControl = React59.forwardRef(({ ...props }, ref) => {
+var FormControl = React60.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "div",
     {
       ref,
@@ -19402,37 +19765,37 @@ var FormControl = React59.forwardRef(({ ...props }, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React59.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React60.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React59.forwardRef(({ className, children, ...props }, ref) => {
+var FormMessage = React60.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message) : children;
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
 });
 FormMessage.displayName = "FormMessage";
-var FormInput = React59.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+var FormInput = React60.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
   FormField,
   {
     name,
-    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(FormItem, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Input_default, { size: props.size ?? size, ...field, ...props }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(FormMessage, {})
+    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(FormItem, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Input_default, { size: props.size ?? size, ...field, ...props }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormMessage, {})
     ] })
   }
 ) }));
 FormInput.displayName = "FormInput";
-var FormCheckbox = React59.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+var FormCheckbox = React60.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
   FormField,
   {
     name,
-    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(FormItem, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(FormItem, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
         Checkbox,
         {
           ref,
@@ -19446,21 +19809,21 @@ var FormCheckbox = React59.forwardRef(({ name, ...props }, ref) => /* @__PURE__
           ...props
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(FormMessage, {})
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormMessage, {})
     ] })
   }
 ) }));
 FormCheckbox.displayName = "FormCheckbox";
-var FormActions = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
+var FormActions = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
 FormActions.displayName = "FormActions";
-var FormSubmitButton = React59.forwardRef(
-  ({ children, loading: loading2, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Button_default, { ref, type: "submit", size: props.size ?? size, disabled: loading2, ...props, children }) })
+var FormSubmitButton = React60.forwardRef(
+  ({ children, loading: loading2, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Button_default, { ref, type: "submit", size: props.size ?? size, disabled: loading2, ...props, children }) })
 );
 FormSubmitButton.displayName = "FormSubmitButton";
 
 // ../../components/ui/NotificationModal.tsx
-var import_lucide_react34 = require("lucide-react");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_lucide_react35 = require("lucide-react");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 function NotificationModal({ isOpen, onClose, notification, titleText, openLinkText, closeText }) {
   const t = useTranslations("Common");
   if (!notification) return null;
@@ -19481,20 +19844,20 @@ function NotificationModal({ isOpen, onClose, notification, titleText, openLinkT
       onClose();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Modal_default, { isOpen, onClose, title: titleText || t("notifications"), size: "md", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center gap-2 pb-2 border-b border-border", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: cn("w-2 h-2 rounded-full", !notification.is_read ? "bg-primary" : "bg-border") }),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "text-xs text-muted-foreground", children: !notification.is_read ? t("newNotification") : t("readStatus") })
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Modal_default, { isOpen, onClose, title: titleText || t("notifications"), size: "md", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-center gap-2 pb-2 border-b border-border", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: cn("w-2 h-2 rounded-full", !notification.is_read ? "bg-primary" : "bg-border") }),
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "text-xs text-muted-foreground", children: !notification.is_read ? t("newNotification") : t("readStatus") })
     ] }),
-    notification.title && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("h3", { className: "text-lg font-semibold text-foreground", children: notification.title }),
-    notification.body && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "text-sm text-muted-foreground whitespace-pre-wrap leading-relaxed", children: notification.body }),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "text-xs text-muted-foreground border-t border-border pt-2", children: formatTime3(notification.created_at) }),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex gap-2 justify-end pt-2", children: [
-      hasLink && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Button_default, { variant: "primary", size: "sm", onClick: handleLinkClick, className: "gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react34.ExternalLink, { className: "w-4 h-4" }),
+    notification.title && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("h3", { className: "text-lg font-semibold text-foreground", children: notification.title }),
+    notification.body && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "text-sm text-muted-foreground whitespace-pre-wrap leading-relaxed", children: notification.body }),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "text-xs text-muted-foreground border-t border-border pt-2", children: formatTime3(notification.created_at) }),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex gap-2 justify-end pt-2", children: [
+      hasLink && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(Button_default, { variant: "primary", size: "sm", onClick: handleLinkClick, className: "gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react35.ExternalLink, { className: "w-4 h-4" }),
         openLinkText || t("openLink")
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Button_default, { variant: "ghost", size: "sm", onClick: onClose, children: closeText || t("close") })
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Button_default, { variant: "ghost", size: "sm", onClick: onClose, children: closeText || t("close") })
     ] })
   ] }) });
 }
@@ -19503,10 +19866,10 @@ var NotificationModal_default = NotificationModal;
 // ../../components/ui/FloatingContacts.tsx
 var import_link2 = __toESM(require("next/link"), 1);
 var import_navigation = require("next/navigation");
-var import_lucide_react35 = require("lucide-react");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_lucide_react36 = require("lucide-react");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 function MessengerIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("svg", { viewBox: "0 0 24 24", width: 24, height: 24, "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("svg", { viewBox: "0 0 24 24", width: 24, height: 24, "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     "path",
     {
       d: "M12 2C6.477 2 2 6.145 2 11.235c0 2.93 1.35 5.542 3.464 7.25v3.515l3.344-1.836c.894.247 1.843.375 2.192.375 5.523 0 10-4.145 10-9.235S17.523 2 12 2zm.994 12.444l-2.563-2.73-5.004 2.73 5.507-5.84 2.626 2.729 4.942-2.729-5.508 5.84z",
@@ -19515,7 +19878,7 @@ function MessengerIcon(props) {
   ) });
 }
 function ZaloIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("svg", { viewBox: "0 0 48 48", width: 20, height: 20, "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("svg", { viewBox: "0 0 48 48", width: 20, height: 20, "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     "path",
     {
       fill: "white",
@@ -19524,7 +19887,7 @@ function ZaloIcon(props) {
   ) });
 }
 function InstagramIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("svg", { viewBox: "0 0 24 24", width: 20, height: 20, "aria-hidden": "true", fill: "white", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("svg", { viewBox: "0 0 24 24", width: 20, height: 20, "aria-hidden": "true", fill: "white", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" }) });
 }
 function FloatingContacts({ className }) {
   const pathname = (0, import_navigation.usePathname)();
@@ -19559,8 +19922,8 @@ function FloatingContacts({ className }) {
       external: true
     }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: cn("fixed bottom-6 right-4 z-100000", "flex flex-col items-end gap-3", className), "aria-label": "Quick contacts", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: cn("fixed bottom-6 right-4 z-100000", "flex flex-col items-end gap-3", className), "aria-label": "Quick contacts", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       import_link2.default,
       {
         href: `tel:${hotline.replace(/\D/g, "")}`,
@@ -19571,10 +19934,10 @@ function FloatingContacts({ className }) {
           "hover:scale-105 active:scale-95 transition-transform",
           "bg-[#22c55e]"
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react35.Phone, { className: "w-6 h-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react36.Phone, { className: "w-6 h-6" })
       }
     ),
-    moreItems.map(({ key, href, label, bg, Icon, external }) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    moreItems.map(({ key, href, label, bg, Icon, external }) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       import_link2.default,
       {
         href,
@@ -19586,7 +19949,7 @@ function FloatingContacts({ className }) {
           "hover:scale-105 active:scale-95 transition-transform",
           bg
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Icon, { className: "w-6 h-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Icon, { className: "w-6 h-6" })
       },
       key
     ))
@@ -19594,17 +19957,17 @@ function FloatingContacts({ className }) {
 }
 
 // ../../components/ui/AccessDenied.tsx
-var import_lucide_react36 = require("lucide-react");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_lucide_react37 = require("lucide-react");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var VARIANT_STYLES = {
   destructive: { bg: "bg-destructive/5", border: "border-destructive/20", text: "text-destructive" },
   warning: { bg: "bg-warning/5", border: "border-warning/20", text: "text-warning" },
   info: { bg: "bg-info/5", border: "border-info/20", text: "text-info" }
 };
 var DEFAULT_ICONS = {
-  destructive: import_lucide_react36.ShieldAlert,
-  warning: import_lucide_react36.Ban,
-  info: import_lucide_react36.Lock
+  destructive: import_lucide_react37.ShieldAlert,
+  warning: import_lucide_react37.Ban,
+  info: import_lucide_react37.Lock
 };
 function AccessDenied({
   title = "Access Restricted",
@@ -19616,36 +19979,36 @@ function AccessDenied({
 }) {
   const styles = VARIANT_STYLES[variant];
   const UsedIcon = Icon || DEFAULT_ICONS[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Card_default, { className: cn("p-8 text-center shadow-sm", styles.bg, styles.border, className), children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: cn("p-3 rounded-lg", styles.bg.replace("/5", "/10")), children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(UsedIcon, { className: cn("w-8 h-8", styles.text) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("h3", { className: cn("font-semibold mb-2", styles.text), children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("p", { className: cn(styles.text.replace("text-", "text-") + "/80", "text-sm"), children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Card_default, { className: cn("p-8 text-center shadow-sm", styles.bg, styles.border, className), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: cn("p-3 rounded-lg", styles.bg.replace("/5", "/10")), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(UsedIcon, { className: cn("w-8 h-8", styles.text) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("h3", { className: cn("font-semibold mb-2", styles.text), children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: cn(styles.text.replace("text-", "text-") + "/80", "text-sm"), children: description })
     ] }),
-    children && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "mt-2 flex flex-wrap gap-2 justify-center", children })
+    children && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "mt-2 flex flex-wrap gap-2 justify-center", children })
   ] }) });
 }
 
 // ../../components/ui/ThemeToggleHeadless.tsx
-var import_lucide_react37 = require("lucide-react");
-var import_react37 = require("react");
+var import_lucide_react38 = require("lucide-react");
+var import_react38 = require("react");
 var import_react_dom7 = require("react-dom");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 function ThemeToggleHeadless({
   theme,
   onChange,
   labels,
   className
 }) {
-  const [isOpen, setIsOpen] = (0, import_react37.useState)(false);
-  const [mounted, setMounted] = (0, import_react37.useState)(false);
-  const triggerRef = (0, import_react37.useRef)(null);
-  const [dropdownPosition, setDropdownPosition] = (0, import_react37.useState)(null);
-  (0, import_react37.useEffect)(() => setMounted(true), []);
+  const [isOpen, setIsOpen] = (0, import_react38.useState)(false);
+  const [mounted, setMounted] = (0, import_react38.useState)(false);
+  const triggerRef = (0, import_react38.useRef)(null);
+  const [dropdownPosition, setDropdownPosition] = (0, import_react38.useState)(null);
+  (0, import_react38.useEffect)(() => setMounted(true), []);
   const themes = [
-    { value: "light", label: labels?.light ?? "Light", icon: import_lucide_react37.Sun },
-    { value: "dark", label: labels?.dark ?? "Dark", icon: import_lucide_react37.Moon },
-    { value: "system", label: labels?.system ?? "System", icon: import_lucide_react37.Monitor }
+    { value: "light", label: labels?.light ?? "Light", icon: import_lucide_react38.Sun },
+    { value: "dark", label: labels?.dark ?? "Dark", icon: import_lucide_react38.Moon },
+    { value: "system", label: labels?.system ?? "System", icon: import_lucide_react38.Monitor }
   ];
   const current = mounted ? themes.find((t) => t.value === theme) || themes[2] : themes[2];
   const CurrentIcon = current.icon;
@@ -19659,8 +20022,8 @@ function ThemeToggleHeadless({
     const top = rect.bottom + scrollTop + 8;
     return { top, left, width };
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: cn("relative", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       Button_default,
       {
         variant: "ghost",
@@ -19678,25 +20041,25 @@ function ThemeToggleHeadless({
         "aria-haspopup": "menu",
         "aria-expanded": isOpen,
         "aria-label": labels?.heading ?? "Theme",
-        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(CurrentIcon, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(CurrentIcon, { className: "h-5 w-5" })
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [
-      typeof window !== "undefined" && (0, import_react_dom7.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "fixed inset-0 z-9998", onClick: () => setIsOpen(false) }), document.body),
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
+      typeof window !== "undefined" && (0, import_react_dom7.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "fixed inset-0 z-9998", onClick: () => setIsOpen(false) }), document.body),
       typeof window !== "undefined" && dropdownPosition && (0, import_react_dom7.createPortal)(
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
           "div",
           {
             className: "z-9999 bg-card border border-border rounded-lg shadow-lg overflow-hidden",
             style: { position: "absolute", top: dropdownPosition.top, left: dropdownPosition.left, width: dropdownPosition.width },
             onMouseDown: (e) => e.stopPropagation(),
             role: "menu",
-            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "p-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "px-3 py-2 text-sm font-medium text-muted-foreground border-b border-border mb-2", children: labels?.heading ?? "Theme" }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "p-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "px-3 py-2 text-sm font-medium text-muted-foreground border-b border-border mb-2", children: labels?.heading ?? "Theme" }),
               themes.map((opt) => {
                 const Icon = opt.icon;
                 const active = theme === opt.value;
-                return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
                   Button_default,
                   {
                     variant: "ghost",
@@ -19712,9 +20075,9 @@ function ThemeToggleHeadless({
                     role: "menuitemradio",
                     "aria-checked": active,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Icon, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "flex-1 text-left", children: opt.label }),
-                      active && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "w-2 h-2 rounded-full bg-primary" })
+                      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Icon, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "flex-1 text-left", children: opt.label }),
+                      active && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "w-2 h-2 rounded-full bg-primary" })
                     ]
                   },
                   opt.value
@@ -19730,10 +20093,10 @@ function ThemeToggleHeadless({
 }
 
 // ../../components/ui/LanguageSwitcherHeadless.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 var import_react_dom8 = require("react-dom");
-var import_lucide_react38 = require("lucide-react");
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_lucide_react39 = require("lucide-react");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 function LanguageSwitcherHeadless({
   locales,
   currentLocale,
@@ -19741,9 +20104,9 @@ function LanguageSwitcherHeadless({
   labels,
   className
 }) {
-  const [isOpen, setIsOpen] = (0, import_react38.useState)(false);
-  const [dropdownPosition, setDropdownPosition] = (0, import_react38.useState)(null);
-  const triggerButtonRef = (0, import_react38.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react39.useState)(false);
+  const [dropdownPosition, setDropdownPosition] = (0, import_react39.useState)(null);
+  const triggerButtonRef = (0, import_react39.useRef)(null);
   const currentLanguage = locales.find((l) => l.code === currentLocale) || locales[0];
   const calculatePosition = () => {
     const rect = triggerButtonRef.current?.getBoundingClientRect();
@@ -19755,8 +20118,8 @@ function LanguageSwitcherHeadless({
     const top = rect.bottom + scrollTop + 8;
     return { top, left, width };
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: cn("relative", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       Button_default,
       {
         variant: "ghost",
@@ -19775,22 +20138,22 @@ function LanguageSwitcherHeadless({
         "aria-expanded": isOpen,
         "aria-label": labels?.heading ?? "Language",
         title: labels?.heading ?? "Language",
-        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react38.Globe, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react39.Globe, { className: "h-5 w-5" })
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
-      typeof window !== "undefined" && (0, import_react_dom8.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "fixed inset-0 z-9998", onClick: () => setIsOpen(false) }), document.body),
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
+      typeof window !== "undefined" && (0, import_react_dom8.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "fixed inset-0 z-9998", onClick: () => setIsOpen(false) }), document.body),
       typeof window !== "undefined" && dropdownPosition && (0, import_react_dom8.createPortal)(
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           "div",
           {
             className: "z-9999 bg-card border border-border rounded-lg shadow-lg overflow-hidden",
             style: { position: "absolute", top: dropdownPosition.top, left: dropdownPosition.left, width: dropdownPosition.width },
             onMouseDown: (e) => e.stopPropagation(),
             role: "menu",
-            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "p-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "px-3 py-2 text-sm font-medium text-muted-foreground border-b border-border mb-2", children: labels?.heading ?? "Language" }),
-              locales.map((language) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "p-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "px-3 py-2 text-sm font-medium text-muted-foreground border-b border-border mb-2", children: labels?.heading ?? "Language" }),
+              locales.map((language) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
                 Button_default,
                 {
                   variant: "ghost",
@@ -19803,9 +20166,9 @@ function LanguageSwitcherHeadless({
                   role: "menuitemradio",
                   "aria-checked": currentLocale === language.code,
                   children: [
-                    language.flag && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "text-lg", children: language.flag }),
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "flex-1 text-left", children: language.name }),
-                    currentLocale === language.code && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "w-2 h-2 rounded-full bg-primary" })
+                    language.flag && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-lg", children: language.flag }),
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "flex-1 text-left", children: language.name }),
+                    currentLocale === language.code && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "w-2 h-2 rounded-full bg-primary" })
                   ]
                 },
                 language.code
@@ -20235,7 +20598,7 @@ var VARIANT_STYLES_ALERT = {
 };
 
 // src/contexts/TranslationContext.tsx
-var React61 = __toESM(require("react"), 1);
+var React62 = __toESM(require("react"), 1);
 
 // locales/en.json
 var en_default = {
@@ -20634,16 +20997,16 @@ var ja_default = {
 };
 
 // src/contexts/TranslationContext.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var defaultTranslations2 = {
   en: en_default,
   vi: vi_default,
   ko: ko_default,
   ja: ja_default
 };
-var TranslationContext2 = React61.createContext(null);
+var TranslationContext2 = React62.createContext(null);
 var TranslationProvider = ({ children, locale = "en", translations }) => {
-  const t = React61.useCallback(
+  const t = React62.useCallback(
     (namespace) => {
       return (key) => {
         const mergedTranslations = {
@@ -20668,10 +21031,10 @@ var TranslationProvider = ({ children, locale = "en", translations }) => {
     },
     [locale, translations]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TranslationContext2.Provider, { value: { locale, t }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(TranslationContext2.Provider, { value: { locale, t }, children });
 };
 var useUnderverseTranslations = (namespace) => {
-  const context = React61.useContext(TranslationContext2);
+  const context = React62.useContext(TranslationContext2);
   if (!context) {
     return (key) => {
       const parts = namespace.split(".");
@@ -20693,13 +21056,13 @@ var useUnderverseTranslations = (namespace) => {
   return context.t(namespace);
 };
 var useUnderverseLocale = () => {
-  const context = React61.useContext(TranslationContext2);
+  const context = React62.useContext(TranslationContext2);
   return context?.locale || "en";
 };
 
 // src/hooks/useSmartTranslations.tsx
-var React62 = __toESM(require("react"), 1);
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var React63 = __toESM(require("react"), 1);
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var nextIntlHooks = null;
 try {
   const nextIntl = require("next-intl");
@@ -20710,12 +21073,12 @@ try {
 } catch {
   nextIntlHooks = null;
 }
-var ForceInternalContext = React62.createContext(false);
+var ForceInternalContext = React63.createContext(false);
 var ForceInternalTranslationsProvider = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ForceInternalContext.Provider, { value: true, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ForceInternalContext.Provider, { value: true, children });
 };
 function useSmartTranslations(namespace) {
-  const forceInternal = React62.useContext(ForceInternalContext);
+  const forceInternal = React63.useContext(ForceInternalContext);
   const internalT = useUnderverseTranslations(namespace);
   if (forceInternal || !nextIntlHooks?.useTranslations) {
     return internalT;
@@ -20728,7 +21091,7 @@ function useSmartTranslations(namespace) {
   }
 }
 function useSmartLocale() {
-  const forceInternal = React62.useContext(ForceInternalContext);
+  const forceInternal = React63.useContext(ForceInternalContext);
   const internalLocale = useUnderverseLocale();
   if (forceInternal || !nextIntlHooks?.useLocale) {
     return internalLocale;
@@ -20742,9 +21105,9 @@ function useSmartLocale() {
 }
 
 // ../../components/ui/UEditor/UEditor.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 var import_next_intl6 = require("next-intl");
-var import_react51 = require("@tiptap/react");
+var import_react52 = require("@tiptap/react");
 
 // ../../components/ui/UEditor/extensions.ts
 var import_extension_document = __toESM(require("@tiptap/extension-document"), 1);
@@ -20784,22 +21147,22 @@ var import_lowlight = require("lowlight");
 // ../../components/ui/UEditor/slash-command.tsx
 var import_core = require("@tiptap/core");
 var import_suggestion = __toESM(require("@tiptap/suggestion"), 1);
-var import_react39 = require("@tiptap/react");
-var import_react40 = require("react");
-var import_lucide_react39 = require("lucide-react");
+var import_react40 = require("@tiptap/react");
+var import_react41 = require("react");
+var import_lucide_react40 = require("lucide-react");
 var import_tippy = __toESM(require("tippy.js"), 1);
-var import_jsx_runtime76 = require("react/jsx-runtime");
-var CommandList = (0, import_react40.forwardRef)((props, ref) => {
-  const [selectedIndex, setSelectedIndex] = (0, import_react40.useState)(0);
-  const listRef = (0, import_react40.useRef)(null);
-  (0, import_react40.useEffect)(() => {
+var import_jsx_runtime77 = require("react/jsx-runtime");
+var CommandList = (0, import_react41.forwardRef)((props, ref) => {
+  const [selectedIndex, setSelectedIndex] = (0, import_react41.useState)(0);
+  const listRef = (0, import_react41.useRef)(null);
+  (0, import_react41.useEffect)(() => {
     setSelectedIndex(0);
   }, [props.items]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     const selectedElement = listRef.current?.querySelector(`[data-index="${selectedIndex}"]`);
     selectedElement?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex, props.items]);
-  (0, import_react40.useImperativeHandle)(ref, () => ({
+  (0, import_react41.useImperativeHandle)(ref, () => ({
     onKeyDown: ({ event }) => {
       if (event.key === "ArrowUp") {
         setSelectedIndex((prev) => (prev + props.items.length - 1) % props.items.length);
@@ -20820,11 +21183,11 @@ var CommandList = (0, import_react40.forwardRef)((props, ref) => {
     }
   }));
   if (props.items.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "w-72 p-4 text-center text-sm text-muted-foreground", children: "No results" });
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "w-72 p-4 text-center text-sm text-muted-foreground", children: "No results" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { ref: listRef, className: "w-72 max-h-80 overflow-y-auto bg-card border border-border rounded-2xl shadow-lg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Basic Blocks" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "p-1", children: props.items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { ref: listRef, className: "w-72 max-h-80 overflow-y-auto bg-card border border-border rounded-2xl shadow-lg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Basic Blocks" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "p-1", children: props.items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
       "button",
       {
         type: "button",
@@ -20835,19 +21198,19 @@ var CommandList = (0, import_react40.forwardRef)((props, ref) => {
           selectedIndex === index ? "bg-accent" : "hover:bg-accent/50"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             "div",
             {
               className: cn(
                 "flex items-center justify-center w-10 h-10 rounded-lg mr-3 transition-colors",
                 selectedIndex === index ? "bg-primary/10" : "bg-muted/50 group-hover:bg-muted"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(item.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
+              children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(item.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "text-left", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: item.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "text-xs text-muted-foreground", children: item.description })
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "text-left", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: item.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "text-xs text-muted-foreground", children: item.description })
           ] })
         ]
       },
@@ -20859,7 +21222,7 @@ CommandList.displayName = "CommandList";
 var getSuggestionItems = ({ query }) => {
   return [
     {
-      icon: import_lucide_react39.Type,
+      icon: import_lucide_react40.Type,
       title: "Text",
       description: "Start writing with plain text",
       command: ({ editor, range }) => {
@@ -20867,7 +21230,7 @@ var getSuggestionItems = ({ query }) => {
       }
     },
     {
-      icon: import_lucide_react39.Heading1,
+      icon: import_lucide_react40.Heading1,
       title: "Heading 1",
       description: "Large section heading",
       command: ({ editor, range }) => {
@@ -20875,7 +21238,7 @@ var getSuggestionItems = ({ query }) => {
       }
     },
     {
-      icon: import_lucide_react39.Heading2,
+      icon: import_lucide_react40.Heading2,
       title: "Heading 2",
       description: "Medium section heading",
       command: ({ editor, range }) => {
@@ -20883,7 +21246,7 @@ var getSuggestionItems = ({ query }) => {
       }
     },
     {
-      icon: import_lucide_react39.Heading3,
+      icon: import_lucide_react40.Heading3,
       title: "Heading 3",
       description: "Small section heading",
       command: ({ editor, range }) => {
@@ -20891,7 +21254,7 @@ var getSuggestionItems = ({ query }) => {
       }
     },
     {
-      icon: import_lucide_react39.List,
+      icon: import_lucide_react40.List,
       title: "Bullet List",
       description: "Create a simple bullet list",
       command: ({ editor, range }) => {
@@ -20899,7 +21262,7 @@ var getSuggestionItems = ({ query }) => {
       }
     },
     {
-      icon: import_lucide_react39.ListOrdered,
+      icon: import_lucide_react40.ListOrdered,
       title: "Numbered List",
       description: "Create a list with numbering",
       command: ({ editor, range }) => {
@@ -20907,7 +21270,7 @@ var getSuggestionItems = ({ query }) => {
       }
     },
     {
-      icon: import_lucide_react39.ListTodo,
+      icon: import_lucide_react40.ListTodo,
       title: "Todo List",
       description: "Track tasks with a todo list",
       command: ({ editor, range }) => {
@@ -20915,7 +21278,7 @@ var getSuggestionItems = ({ query }) => {
       }
     },
     {
-      icon: import_lucide_react39.Quote,
+      icon: import_lucide_react40.Quote,
       title: "Quote",
       description: "Capture a quote",
       command: ({ editor, range }) => {
@@ -20923,7 +21286,7 @@ var getSuggestionItems = ({ query }) => {
       }
     },
     {
-      icon: import_lucide_react39.FileCode,
+      icon: import_lucide_react40.FileCode,
       title: "Code Block",
       description: "Display code with syntax highlighting",
       command: ({ editor, range }) => {
@@ -20931,7 +21294,7 @@ var getSuggestionItems = ({ query }) => {
       }
     },
     {
-      icon: import_lucide_react39.Minus,
+      icon: import_lucide_react40.Minus,
       title: "Divider",
       description: "Visually divide blocks",
       command: ({ editor, range }) => {
@@ -20939,7 +21302,7 @@ var getSuggestionItems = ({ query }) => {
       }
     },
     {
-      icon: import_lucide_react39.Table,
+      icon: import_lucide_react40.Table,
       title: "Table",
       description: "Insert a table",
       command: ({ editor, range }) => {
@@ -20964,7 +21327,7 @@ var SlashCommand = import_core.Extension.create({
           let popup;
           return {
             onStart: (props) => {
-              component = new import_react39.ReactRenderer(CommandList, {
+              component = new import_react40.ReactRenderer(CommandList, {
                 props,
                 editor: props.editor
               });
@@ -21106,10 +21469,10 @@ var ClipboardImages = import_core2.Extension.create({
 // ../../components/ui/UEditor/emoji-suggestion.tsx
 var import_core3 = require("@tiptap/core");
 var import_suggestion2 = __toESM(require("@tiptap/suggestion"), 1);
-var import_react41 = require("@tiptap/react");
+var import_react42 = require("@tiptap/react");
 var import_state2 = require("@tiptap/pm/state");
-var import_react42 = require("react");
-var import_lucide_react40 = require("lucide-react");
+var import_react43 = require("react");
+var import_lucide_react41 = require("lucide-react");
 var import_tippy2 = __toESM(require("tippy.js"), 1);
 
 // ../../components/ui/UEditor/emojis.ts
@@ -21878,13 +22241,13 @@ var EMOJI_LIST = [
 ];
 
 // ../../components/ui/UEditor/emoji-suggestion.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
-var EmojiList = (0, import_react42.forwardRef)((props, ref) => {
-  const [selectedIndex, setSelectedIndex] = (0, import_react42.useState)(0);
-  (0, import_react42.useEffect)(() => {
+var import_jsx_runtime78 = require("react/jsx-runtime");
+var EmojiList = (0, import_react43.forwardRef)((props, ref) => {
+  const [selectedIndex, setSelectedIndex] = (0, import_react43.useState)(0);
+  (0, import_react43.useEffect)(() => {
     setSelectedIndex(0);
   }, [props.items]);
-  (0, import_react42.useImperativeHandle)(ref, () => ({
+  (0, import_react43.useImperativeHandle)(ref, () => ({
     onKeyDown: ({ event }) => {
       if (event.key === "ArrowUp") {
         setSelectedIndex((prev) => (prev + props.items.length - 1) % props.items.length);
@@ -21913,15 +22276,15 @@ var EmojiList = (0, import_react42.forwardRef)((props, ref) => {
     }
   }));
   if (props.items.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "w-80 p-4 text-center text-sm text-muted-foreground bg-card border border-border rounded-2xl shadow-lg", children: "No emoji found" });
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "w-80 p-4 text-center text-sm text-muted-foreground bg-card border border-border rounded-2xl shadow-lg", children: "No emoji found" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "w-80 max-h-80 overflow-y-auto bg-card border border-border rounded-2xl shadow-lg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "px-3 py-2 border-b bg-muted/30", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react40.Smile, { className: "w-4 h-4 text-primary" }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Emoji" })
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "w-80 max-h-80 overflow-y-auto bg-card border border-border rounded-2xl shadow-lg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "px-3 py-2 border-b bg-muted/30", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react41.Smile, { className: "w-4 h-4 text-primary" }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Emoji" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "p-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "grid grid-cols-8 gap-1", children: props.items.slice(0, 64).map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "grid grid-cols-8 gap-1", children: props.items.slice(0, 64).map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         "button",
         {
           type: "button",
@@ -21935,7 +22298,7 @@ var EmojiList = (0, import_react42.forwardRef)((props, ref) => {
         },
         item.name
       )) }),
-      props.items.length > 64 && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "mt-2 text-xs text-center text-muted-foreground", children: [
+      props.items.length > 64 && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "mt-2 text-xs text-center text-muted-foreground", children: [
         "Showing first 64 of ",
         props.items.length,
         " emojis"
@@ -21971,7 +22334,7 @@ var EmojiSuggestion = import_core3.Extension.create({
           let popup;
           return {
             onStart: (props) => {
-              component = new import_react41.ReactRenderer(EmojiList, {
+              component = new import_react42.ReactRenderer(EmojiList, {
                 props,
                 editor: props.editor
               });
@@ -22016,11 +22379,11 @@ var EmojiSuggestion = import_core3.Extension.create({
 });
 
 // ../../components/ui/UEditor/resizable-image.tsx
-var import_react43 = require("react");
+var import_react44 = require("react");
 var import_extension_image = __toESM(require("@tiptap/extension-image"), 1);
 var import_core4 = require("@tiptap/core");
-var import_react44 = require("@tiptap/react");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_react45 = require("@tiptap/react");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var MIN_IMAGE_SIZE_PX = 40;
 var AXIS_LOCK_THRESHOLD_PX = 4;
 function toNullableNumber(value) {
@@ -22036,15 +22399,15 @@ function clamp8(value, min, max) {
 }
 function ResizableImageNodeView(props) {
   const { node, selected, updateAttributes, editor, getPos } = props;
-  const wrapperRef = (0, import_react43.useRef)(null);
-  const imgRef = (0, import_react43.useRef)(null);
-  const [isHovered, setIsHovered] = (0, import_react43.useState)(false);
-  const [isResizing, setIsResizing] = (0, import_react43.useState)(false);
+  const wrapperRef = (0, import_react44.useRef)(null);
+  const imgRef = (0, import_react44.useRef)(null);
+  const [isHovered, setIsHovered] = (0, import_react44.useState)(false);
+  const [isResizing, setIsResizing] = (0, import_react44.useState)(false);
   const widthAttr = toNullableNumber(node.attrs["width"]);
   const heightAttr = toNullableNumber(node.attrs["height"]);
   const textAlign = String(node.attrs["textAlign"] ?? "");
-  const dragStateRef = (0, import_react43.useRef)(null);
-  (0, import_react43.useEffect)(() => {
+  const dragStateRef = (0, import_react44.useRef)(null);
+  (0, import_react44.useEffect)(() => {
     const img = imgRef.current;
     if (!img) return;
     img.style.width = widthAttr ? `${widthAttr}px` : "";
@@ -22138,8 +22501,8 @@ function ResizableImageNodeView(props) {
   const showHandle = selected || isHovered || isResizing;
   const wrapperAlignClass = textAlign === "center" ? "mx-auto" : textAlign === "right" ? "ml-auto" : textAlign === "justify" ? "mx-auto" : "";
   const wrapperWidthClass = "w-fit";
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
-    import_react44.NodeViewWrapper,
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+    import_react45.NodeViewWrapper,
     {
       as: "div",
       ref: wrapperRef,
@@ -22152,7 +22515,7 @@ function ResizableImageNodeView(props) {
       },
       contentEditable: false,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
           "img",
           {
             ref: imgRef,
@@ -22171,7 +22534,7 @@ function ResizableImageNodeView(props) {
             }
           }
         ),
-        showHandle && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        showHandle && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
           "div",
           {
             "aria-hidden": "true",
@@ -22220,7 +22583,7 @@ var ResizableImage = import_extension_image.default.extend({
     return ["img", (0, import_core4.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes2)];
   },
   addNodeView() {
-    return (0, import_react44.ReactNodeViewRenderer)(ResizableImageNodeView);
+    return (0, import_react45.ReactNodeViewRenderer)(ResizableImageNodeView);
   }
 }).configure({
   allowBase64: true,
@@ -22337,18 +22700,18 @@ function buildUEditorExtensions({
 }
 
 // ../../components/ui/UEditor/toolbar.tsx
-var import_react48 = __toESM(require("react"), 1);
+var import_react49 = __toESM(require("react"), 1);
 var import_next_intl3 = require("next-intl");
-var import_lucide_react44 = require("lucide-react");
+var import_lucide_react45 = require("lucide-react");
 
 // ../../components/ui/UEditor/colors.tsx
-var import_react45 = require("react");
+var import_react46 = require("react");
 var import_next_intl = require("next-intl");
-var import_lucide_react41 = require("lucide-react");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_lucide_react42 = require("lucide-react");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var useEditorColors = () => {
   const t = (0, import_next_intl.useTranslations)("UEditor");
-  const textColors = (0, import_react45.useMemo)(
+  const textColors = (0, import_react46.useMemo)(
     () => [
       { name: t("colors.default"), color: "inherit", cssClass: "text-foreground" },
       { name: t("colors.muted"), color: "var(--muted-foreground)", cssClass: "text-muted-foreground" },
@@ -22361,7 +22724,7 @@ var useEditorColors = () => {
     ],
     [t]
   );
-  const highlightColors = (0, import_react45.useMemo)(
+  const highlightColors = (0, import_react46.useMemo)(
     () => [
       { name: t("colors.default"), color: "", cssClass: "" },
       { name: t("colors.muted"), color: "var(--muted)", cssClass: "bg-muted" },
@@ -22382,9 +22745,9 @@ var EditorColorPalette = ({
   currentColor,
   onSelect,
   label
-}) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "p-2", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider px-2", children: label }),
-  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "grid grid-cols-4 gap-1.5 mt-2", children: colors.map((c) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "p-2", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider px-2", children: label }),
+  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "grid grid-cols-4 gap-1.5 mt-2", children: colors.map((c) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
     "button",
     {
       type: "button",
@@ -22397,8 +22760,8 @@ var EditorColorPalette = ({
       style: { backgroundColor: c.color || "transparent" },
       title: c.name,
       children: [
-        c.color === "" && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react41.X, { className: "w-4 h-4 text-muted-foreground" }),
-        c.color === "inherit" && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-xs font-medium", children: "A" })
+        c.color === "" && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react42.X, { className: "w-4 h-4 text-muted-foreground" }),
+        c.color === "inherit" && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-xs font-medium", children: "A" })
       ]
     },
     c.name
@@ -22406,10 +22769,10 @@ var EditorColorPalette = ({
 ] });
 
 // ../../components/ui/UEditor/inputs.tsx
-var import_react46 = require("react");
+var import_react47 = require("react");
 var import_next_intl2 = require("next-intl");
-var import_lucide_react42 = require("lucide-react");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_lucide_react43 = require("lucide-react");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 function normalizeUrl(raw) {
   const url = raw.trim();
   if (!url) return "";
@@ -22423,9 +22786,9 @@ var LinkInput = ({
   initialUrl = ""
 }) => {
   const t = (0, import_next_intl2.useTranslations)("UEditor");
-  const [url, setUrl] = (0, import_react46.useState)(initialUrl);
-  const inputRef = (0, import_react46.useRef)(null);
-  (0, import_react46.useEffect)(() => {
+  const [url, setUrl] = (0, import_react47.useState)(initialUrl);
+  const inputRef = (0, import_react47.useRef)(null);
+  (0, import_react47.useEffect)(() => {
     inputRef.current?.focus();
     inputRef.current?.select();
   }, []);
@@ -22434,8 +22797,8 @@ var LinkInput = ({
     const normalized = normalizeUrl(url);
     if (normalized) onSubmit(normalized);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
       "input",
       {
         ref: inputRef,
@@ -22446,16 +22809,16 @@ var LinkInput = ({
         className: "flex-1 px-3 py-2 text-sm bg-muted/50 border-0 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react42.Check, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react42.X, { className: "w-4 h-4" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react43.Check, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react43.X, { className: "w-4 h-4" }) })
   ] });
 };
 var ImageInput = ({ onSubmit, onCancel }) => {
   const t = (0, import_next_intl2.useTranslations)("UEditor");
-  const [url, setUrl] = (0, import_react46.useState)("");
-  const [alt, setAlt] = (0, import_react46.useState)("");
-  const inputRef = (0, import_react46.useRef)(null);
-  (0, import_react46.useEffect)(() => {
+  const [url, setUrl] = (0, import_react47.useState)("");
+  const [alt, setAlt] = (0, import_react47.useState)("");
+  const inputRef = (0, import_react47.useRef)(null);
+  (0, import_react47.useEffect)(() => {
     inputRef.current?.focus();
   }, []);
   const handleSubmit = (e) => {
@@ -22464,10 +22827,10 @@ var ImageInput = ({ onSubmit, onCancel }) => {
       onSubmit(url, alt);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
         "input",
         {
           ref: inputRef,
@@ -22479,9 +22842,9 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
         "input",
         {
           type: "text",
@@ -22492,8 +22855,8 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
         "button",
         {
           type: "submit",
@@ -22502,31 +22865,31 @@ var ImageInput = ({ onSubmit, onCancel }) => {
           children: t("imageInput.addBtn")
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("button", { type: "button", onClick: onCancel, className: "px-4 py-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: t("imageInput.cancelBtn") })
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("button", { type: "button", onClick: onCancel, className: "px-4 py-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: t("imageInput.cancelBtn") })
     ] })
   ] });
 };
 
 // ../../components/ui/UEditor/emoji-picker.tsx
-var import_react47 = require("react");
-var import_lucide_react43 = require("lucide-react");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_react48 = require("react");
+var import_lucide_react44 = require("lucide-react");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var CATEGORY_ICONS = {
-  "smileys_people": import_lucide_react43.Smile,
-  "animals_nature": import_lucide_react43.Leaf,
-  "food_drink": import_lucide_react43.Utensils,
-  "activity": import_lucide_react43.Dumbbell,
-  "objects": import_lucide_react43.Lightbulb,
-  "symbols": import_lucide_react43.Hash,
-  "flags": import_lucide_react43.Flag
+  "smileys_people": import_lucide_react44.Smile,
+  "animals_nature": import_lucide_react44.Leaf,
+  "food_drink": import_lucide_react44.Utensils,
+  "activity": import_lucide_react44.Dumbbell,
+  "objects": import_lucide_react44.Lightbulb,
+  "symbols": import_lucide_react44.Hash,
+  "flags": import_lucide_react44.Flag
 };
 var EmojiPicker = ({ onSelect, onClose }) => {
-  const [search, setSearch] = (0, import_react47.useState)("");
-  const [activeCategory, setActiveCategory] = (0, import_react47.useState)(EMOJI_LIST[0]?.id || "");
-  const scrollContainerRef = (0, import_react47.useRef)(null);
-  const categoryRefs = (0, import_react47.useRef)({});
-  const isUserScrolling = (0, import_react47.useRef)(false);
-  const filteredCategories = (0, import_react47.useMemo)(() => {
+  const [search, setSearch] = (0, import_react48.useState)("");
+  const [activeCategory, setActiveCategory] = (0, import_react48.useState)(EMOJI_LIST[0]?.id || "");
+  const scrollContainerRef = (0, import_react48.useRef)(null);
+  const categoryRefs = (0, import_react48.useRef)({});
+  const isUserScrolling = (0, import_react48.useRef)(false);
+  const filteredCategories = (0, import_react48.useMemo)(() => {
     if (!search.trim()) return EMOJI_LIST;
     const query = search.toLowerCase();
     return EMOJI_LIST.map((category) => ({
@@ -22540,7 +22903,7 @@ var EmojiPicker = ({ onSelect, onClose }) => {
     onSelect(emoji);
     setSearch("");
   };
-  (0, import_react47.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     if (search) return;
     const container = scrollContainerRef.current;
     if (!container) return;
@@ -22580,13 +22943,13 @@ var EmojiPicker = ({ onSelect, onClose }) => {
       isUserScrolling.current = true;
     }, 500);
   };
-  (0, import_react47.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     isUserScrolling.current = true;
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "w-96 bg-card border border-border rounded-2xl shadow-xl overflow-hidden flex flex-col max-h-128", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "p-3 border-b bg-muted/30 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react43.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" }),
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "w-96 bg-card border border-border rounded-2xl shadow-xl overflow-hidden flex flex-col max-h-128", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "p-3 border-b bg-muted/30 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
         "input",
         {
           type: "text",
@@ -22601,16 +22964,16 @@ var EmojiPicker = ({ onSelect, onClose }) => {
           )
         }
       ),
-      search && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+      search && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
         "button",
         {
           onClick: () => setSearch(""),
           className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
-          children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react43.X, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.X, { className: "w-4 h-4" })
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       "div",
       {
         ref: scrollContainerRef,
@@ -22618,9 +22981,9 @@ var EmojiPicker = ({ onSelect, onClose }) => {
         style: { height: "20rem" },
         children: search ? (
           // Search Results
-          filteredCategories.length > 0 ? filteredCategories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "mb-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-2 sticky top-0 bg-card py-1", children: category.name }),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "grid grid-cols-9 gap-1", children: category.emojis.map((emoji) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+          filteredCategories.length > 0 ? filteredCategories.map((category) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "mb-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-2 sticky top-0 bg-card py-1", children: category.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "grid grid-cols-9 gap-1", children: category.emojis.map((emoji) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
               "button",
               {
                 onClick: () => handleEmojiClick(emoji.emoji),
@@ -22634,22 +22997,22 @@ var EmojiPicker = ({ onSelect, onClose }) => {
               },
               emoji.name
             )) })
-          ] }, category.id)) : /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex flex-col items-center justify-center h-full text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "text-4xl mb-2", children: "\u{1F50D}" }),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "text-sm font-medium text-muted-foreground", children: "Kh\xF4ng t\xECm th\u1EA5y emoji" }),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "text-xs text-muted-foreground mt-1", children: "Th\u1EED t\u1EEB kh\xF3a kh\xE1c" })
+          ] }, category.id)) : /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex flex-col items-center justify-center h-full text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-4xl mb-2", children: "\u{1F50D}" }),
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-sm font-medium text-muted-foreground", children: "Kh\xF4ng t\xECm th\u1EA5y emoji" }),
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-xs text-muted-foreground mt-1", children: "Th\u1EED t\u1EEB kh\xF3a kh\xE1c" })
           ] })
         ) : (
           // All Categories - Messenger Style
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "space-y-4", children: EMOJI_LIST.map((category) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "space-y-4", children: EMOJI_LIST.map((category) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
             "div",
             {
               ref: (el) => {
                 categoryRefs.current[category.id] = el;
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-2 sticky top-0 bg-card py-1 z-10", children: category.name }),
-                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "grid grid-cols-9 gap-1", children: category.emojis.map((emoji) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-2 sticky top-0 bg-card py-1 z-10", children: category.name }),
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "grid grid-cols-9 gap-1", children: category.emojis.map((emoji) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                   "button",
                   {
                     onClick: () => handleEmojiClick(emoji.emoji),
@@ -22670,9 +23033,9 @@ var EmojiPicker = ({ onSelect, onClose }) => {
         )
       }
     ),
-    !search && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex items-center justify-around px-2 py-2 border-t bg-muted/30 shrink-0", children: EMOJI_LIST.map((category) => {
-      const IconComponent = CATEGORY_ICONS[category.id] || import_lucide_react43.Smile;
-      return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    !search && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "flex items-center justify-around px-2 py-2 border-t bg-muted/30 shrink-0", children: EMOJI_LIST.map((category) => {
+      const IconComponent = CATEGORY_ICONS[category.id] || import_lucide_react44.Smile;
+      return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
         "button",
         {
           onClick: () => handleCategoryClick(category.id),
@@ -22681,7 +23044,7 @@ var EmojiPicker = ({ onSelect, onClose }) => {
             activeCategory === category.id ? "text-primary bg-primary/10" : "text-muted-foreground hover:text-foreground hover:bg-accent"
           ),
           title: category.name,
-          children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(IconComponent, { className: "w-5 h-5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(IconComponent, { className: "w-5 h-5" })
         },
         category.id
       );
@@ -22690,7 +23053,7 @@ var EmojiPicker = ({ onSelect, onClose }) => {
 };
 
 // ../../components/ui/UEditor/toolbar.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 function fileToDataUrl2(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();
@@ -22699,8 +23062,8 @@ function fileToDataUrl2(file) {
     reader.readAsDataURL(file);
   });
 }
-var ToolbarButton = import_react48.default.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
-  const button = /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+var ToolbarButton = import_react49.default.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
+  const button = /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
     "button",
     {
       ref,
@@ -22723,12 +23086,12 @@ var ToolbarButton = import_react48.default.forwardRef(({ onClick, onMouseDown, a
     }
   );
   if (title) {
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
   }
   return button;
 });
 ToolbarButton.displayName = "ToolbarButton";
-var ToolbarDivider = () => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" });
+var ToolbarDivider = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" });
 var EditorToolbar = ({
   editor,
   variant,
@@ -22737,10 +23100,10 @@ var EditorToolbar = ({
 }) => {
   const t = (0, import_next_intl3.useTranslations)("UEditor");
   const { textColors, highlightColors } = useEditorColors();
-  const [showImageInput, setShowImageInput] = (0, import_react48.useState)(false);
-  const fileInputRef = (0, import_react48.useRef)(null);
-  const [isUploadingImage, setIsUploadingImage] = (0, import_react48.useState)(false);
-  const [imageUploadError, setImageUploadError] = (0, import_react48.useState)(null);
+  const [showImageInput, setShowImageInput] = (0, import_react49.useState)(false);
+  const fileInputRef = (0, import_react49.useRef)(null);
+  const [isUploadingImage, setIsUploadingImage] = (0, import_react49.useState)(false);
+  const [imageUploadError, setImageUploadError] = (0, import_react49.useState)(null);
   const insertImageFiles = async (files) => {
     if (files.length === 0) return;
     setIsUploadingImage(true);
@@ -22759,63 +23122,63 @@ var EditorToolbar = ({
     setIsUploadingImage(false);
   };
   if (variant === "minimal") {
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex items-center gap-1 p-2 border-b bg-muted/30", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.Bold, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.Italic, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex items-center gap-1 p-2 border-b bg-muted/30", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Bold, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Italic, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleBulletList().run(),
           active: editor.isActive("bulletList"),
           title: t("toolbar.bulletList"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.List, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.List, { className: "w-4 h-4" })
         }
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex flex-wrap items-center gap-1 p-2 border-b bg-linear-to-r from-muted/30 to-transparent", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex flex-wrap items-center gap-1 p-2 border-b bg-linear-to-r from-muted/30 to-transparent", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.textStyle"), className: "px-2 w-auto gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.Type, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Type, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react44.Type,
+              icon: import_lucide_react45.Type,
               label: t("toolbar.normal"),
               onClick: () => editor.chain().focus().setParagraph().run(),
               active: editor.isActive("paragraph")
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react44.Heading1,
+              icon: import_lucide_react45.Heading1,
               label: t("toolbar.heading1"),
               onClick: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
               active: editor.isActive("heading", { level: 1 }),
               shortcut: "Ctrl+Alt+1"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react44.Heading2,
+              icon: import_lucide_react45.Heading2,
               label: t("toolbar.heading2"),
               onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
               active: editor.isActive("heading", { level: 2 }),
               shortcut: "Ctrl+Alt+2"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react44.Heading3,
+              icon: import_lucide_react45.Heading3,
               label: t("toolbar.heading3"),
               onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
               active: editor.isActive("heading", { level: 3 }),
@@ -22825,30 +23188,30 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.Bold, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.Italic, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Bold, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Italic, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.Underline, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Underline, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.Strikethrough, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.Code, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Strikethrough, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Code, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("colors.textColor"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.Palette, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Palette, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.ChevronDown, { className: "w-3 h-3" })
         ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
           EditorColorPalette,
           {
             colors: textColors,
@@ -22865,15 +23228,15 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(ToolbarButton, { onClick: () => {
         }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.Highlighter, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Highlighter, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.ChevronDown, { className: "w-3 h-3" })
         ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
           EditorColorPalette,
           {
             colors: highlightColors,
@@ -22890,13 +23253,13 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarButton, { onClick: () => {
-        }, title: t("toolbar.emoji"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.Smile, { className: "w-4 h-4" }) }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToolbarButton, { onClick: () => {
+        }, title: t("toolbar.emoji"), children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Smile, { className: "w-4 h-4" }) }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
           EmojiPicker,
           {
             onSelect: (emoji) => {
@@ -22906,47 +23269,47 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.alignment"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.AlignLeft, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.AlignLeft, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react44.AlignLeft,
+              icon: import_lucide_react45.AlignLeft,
               label: t("toolbar.alignLeft"),
               onClick: () => editor.chain().focus().setTextAlign("left").run(),
               active: editor.isActive({ textAlign: "left" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react44.AlignCenter,
+              icon: import_lucide_react45.AlignCenter,
               label: t("toolbar.alignCenter"),
               onClick: () => editor.chain().focus().setTextAlign("center").run(),
               active: editor.isActive({ textAlign: "center" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react44.AlignRight,
+              icon: import_lucide_react45.AlignRight,
               label: t("toolbar.alignRight"),
               onClick: () => editor.chain().focus().setTextAlign("right").run(),
               active: editor.isActive({ textAlign: "right" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react44.AlignJustify,
+              icon: import_lucide_react45.AlignJustify,
               label: t("toolbar.justify"),
               onClick: () => editor.chain().focus().setTextAlign("justify").run(),
               active: editor.isActive({ textAlign: "justify" })
@@ -22955,40 +23318,40 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.bulletList"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.List, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.List, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react44.List,
+              icon: import_lucide_react45.List,
               label: t("toolbar.bulletList"),
               onClick: () => editor.chain().focus().toggleBulletList().run(),
               active: editor.isActive("bulletList"),
               shortcut: "Ctrl+Shift+8"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react44.ListOrdered,
+              icon: import_lucide_react45.ListOrdered,
               label: t("toolbar.orderedList"),
               onClick: () => editor.chain().focus().toggleOrderedList().run(),
               active: editor.isActive("orderedList"),
               shortcut: "Ctrl+Shift+7"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react44.ListTodo,
+              icon: import_lucide_react45.ListTodo,
               label: t("toolbar.taskList"),
               onClick: () => editor.chain().focus().toggleTaskList().run(),
               active: editor.isActive("taskList"),
@@ -22998,29 +23361,29 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.quote"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.Quote, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Quote, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react44.Quote,
+              icon: import_lucide_react45.Quote,
               label: t("toolbar.quote"),
               onClick: () => editor.chain().focus().toggleBlockquote().run(),
               active: editor.isActive("blockquote"),
               shortcut: "Ctrl+Shift+B"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react44.FileCode,
+              icon: import_lucide_react45.FileCode,
               label: t("toolbar.codeBlock"),
               onClick: () => editor.chain().focus().toggleCodeBlock().run(),
               active: editor.isActive("codeBlock"),
@@ -23030,15 +23393,15 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.image"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.Image, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Image, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.ChevronDown, { className: "w-3 h-3" })
         ] }),
-        children: showImageInput ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+        children: showImageInput ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
           ImageInput,
           {
             onSubmit: (url, alt) => {
@@ -23047,19 +23410,19 @@ var EditorToolbar = ({
             },
             onCancel: () => setShowImageInput(false)
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(DropdownMenuItem, { icon: import_lucide_react44.Link, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true) }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(DropdownMenuItem, { icon: import_lucide_react45.Link, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true) }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react44.Upload,
+              icon: import_lucide_react45.Upload,
               label: isUploadingImage ? t("imageInput.uploading") : t("imageInput.uploadTab"),
               disabled: isUploadingImage,
               onClick: () => fileInputRef.current?.click()
             }
           ),
-          imageUploadError && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          imageUploadError && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             "input",
             {
               ref: fileInputRef,
@@ -23077,83 +23440,83 @@ var EditorToolbar = ({
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.table"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.Table, { className: "w-4 h-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.ChevronDown, { className: "w-3 h-3" })
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Table, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.ChevronDown, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react44.Table,
+              icon: import_lucide_react45.Table,
               label: t("tableMenu.insert3x3"),
               onClick: () => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react44.ArrowDown,
+              icon: import_lucide_react45.ArrowDown,
               label: t("tableMenu.addColumnBefore"),
               onClick: () => editor.chain().focus().addColumnBefore().run(),
               disabled: !editor.can().addColumnBefore()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react44.ArrowDown,
+              icon: import_lucide_react45.ArrowDown,
               label: t("tableMenu.addColumnAfter"),
               onClick: () => editor.chain().focus().addColumnAfter().run(),
               disabled: !editor.can().addColumnAfter()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react44.ArrowRight,
+              icon: import_lucide_react45.ArrowRight,
               label: t("tableMenu.addRowBefore"),
               onClick: () => editor.chain().focus().addRowBefore().run(),
               disabled: !editor.can().addRowBefore()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react44.ArrowRight,
+              icon: import_lucide_react45.ArrowRight,
               label: t("tableMenu.addRowAfter"),
               onClick: () => editor.chain().focus().addRowAfter().run(),
               disabled: !editor.can().addRowAfter()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react44.Trash2,
+              icon: import_lucide_react45.Trash2,
               label: t("tableMenu.deleteColumn"),
               onClick: () => editor.chain().focus().deleteColumn().run(),
               disabled: !editor.can().deleteColumn()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react44.Trash2,
+              icon: import_lucide_react45.Trash2,
               label: t("tableMenu.deleteRow"),
               onClick: () => editor.chain().focus().deleteRow().run(),
               disabled: !editor.can().deleteRow()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             DropdownMenuItem,
             {
-              icon: import_lucide_react44.Trash2,
+              icon: import_lucide_react45.Trash2,
               label: t("tableMenu.deleteTable"),
               onClick: () => editor.chain().focus().deleteTable().run(),
               disabled: !editor.can().deleteTable()
@@ -23162,105 +23525,105 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSubscript().run(),
         active: editor.isActive("subscript"),
         title: t("toolbar.subscript"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.Subscript, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Subscript, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSuperscript().run(),
         active: editor.isActive("superscript"),
         title: t("toolbar.superscript"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.Superscript, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Superscript, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.Undo, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react44.Redo, { className: "w-4 h-4" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToolbarDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Undo, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Redo, { className: "w-4 h-4" }) })
   ] });
 };
 
 // ../../components/ui/UEditor/menus.tsx
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_react_dom9 = require("react-dom");
 var import_next_intl4 = require("next-intl");
-var import_lucide_react45 = require("lucide-react");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_lucide_react46 = require("lucide-react");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
   const t = (0, import_next_intl4.useTranslations)("UEditor");
-  const [selectedIndex, setSelectedIndex] = (0, import_react49.useState)(0);
-  const menuRef = (0, import_react49.useRef)(null);
-  const allCommands = (0, import_react49.useMemo)(
+  const [selectedIndex, setSelectedIndex] = (0, import_react50.useState)(0);
+  const menuRef = (0, import_react50.useRef)(null);
+  const allCommands = (0, import_react50.useMemo)(
     () => [
       {
-        icon: import_lucide_react45.Type,
+        icon: import_lucide_react46.Type,
         label: t("slashCommand.text"),
         description: t("slashCommand.textDesc"),
         action: () => editor.chain().focus().setParagraph().run()
       },
       {
-        icon: import_lucide_react45.Heading1,
+        icon: import_lucide_react46.Heading1,
         label: t("slashCommand.heading1"),
         description: t("slashCommand.heading1Desc"),
         action: () => editor.chain().focus().toggleHeading({ level: 1 }).run()
       },
       {
-        icon: import_lucide_react45.Heading2,
+        icon: import_lucide_react46.Heading2,
         label: t("slashCommand.heading2"),
         description: t("slashCommand.heading2Desc"),
         action: () => editor.chain().focus().toggleHeading({ level: 2 }).run()
       },
       {
-        icon: import_lucide_react45.Heading3,
+        icon: import_lucide_react46.Heading3,
         label: t("slashCommand.heading3"),
         description: t("slashCommand.heading3Desc"),
         action: () => editor.chain().focus().toggleHeading({ level: 3 }).run()
       },
       {
-        icon: import_lucide_react45.List,
+        icon: import_lucide_react46.List,
         label: t("slashCommand.bulletList"),
         description: t("slashCommand.bulletListDesc"),
         action: () => editor.chain().focus().toggleBulletList().run()
       },
       {
-        icon: import_lucide_react45.ListOrdered,
+        icon: import_lucide_react46.ListOrdered,
         label: t("slashCommand.orderedList"),
         description: t("slashCommand.orderedListDesc"),
         action: () => editor.chain().focus().toggleOrderedList().run()
       },
       {
-        icon: import_lucide_react45.ListTodo,
+        icon: import_lucide_react46.ListTodo,
         label: t("slashCommand.todoList"),
         description: t("slashCommand.todoListDesc"),
         action: () => editor.chain().focus().toggleTaskList().run()
       },
       {
-        icon: import_lucide_react45.Quote,
+        icon: import_lucide_react46.Quote,
         label: t("slashCommand.quote"),
         description: t("slashCommand.quoteDesc"),
         action: () => editor.chain().focus().toggleBlockquote().run()
       },
       {
-        icon: import_lucide_react45.FileCode,
+        icon: import_lucide_react46.FileCode,
         label: t("slashCommand.codeBlock"),
         description: t("slashCommand.codeBlockDesc"),
         action: () => editor.chain().focus().toggleCodeBlock().run()
       },
       {
-        icon: import_lucide_react45.Minus,
+        icon: import_lucide_react46.Minus,
         label: t("slashCommand.divider"),
         description: t("slashCommand.dividerDesc"),
         action: () => editor.chain().focus().setHorizontalRule().run()
       },
       {
-        icon: import_lucide_react45.Table,
+        icon: import_lucide_react46.Table,
         label: t("slashCommand.table"),
         description: t("slashCommand.tableDesc"),
         action: () => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run()
@@ -23268,19 +23631,19 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     ],
     [editor, t]
   );
-  const commands = (0, import_react49.useMemo)(() => {
+  const commands = (0, import_react50.useMemo)(() => {
     if (!filterText) return allCommands;
     const lowerFilter = filterText.toLowerCase();
     return allCommands.filter((cmd) => cmd.label.toLowerCase().includes(lowerFilter) || cmd.description.toLowerCase().includes(lowerFilter));
   }, [allCommands, filterText]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     setSelectedIndex(0);
   }, [filterText]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     const selectedElement = menuRef.current?.querySelector(`[data-index="${selectedIndex}"]`);
     selectedElement?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex]);
-  const selectCommand = (0, import_react49.useCallback)(
+  const selectCommand = (0, import_react50.useCallback)(
     (index) => {
       const command = commands[index];
       if (command) {
@@ -23290,7 +23653,7 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     },
     [commands, onClose]
   );
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     const handleKeyDown = (e) => {
       if (commands.length === 0) return;
       if (e.key === "ArrowDown") {
@@ -23311,11 +23674,11 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [commands, selectedIndex, selectCommand, onClose]);
   if (commands.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "w-72 p-4 text-center text-muted-foreground text-sm", children: t("slashCommand.noResults") });
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "w-72 p-4 text-center text-muted-foreground text-sm", children: t("slashCommand.noResults") });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { ref: menuRef, className: "w-72 max-h-80 overflow-y-auto", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("slashCommand.basicBlocks") }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "p-1", children: commands.map((cmd, index) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { ref: menuRef, className: "w-72 max-h-80 overflow-y-auto", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("slashCommand.basicBlocks") }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "p-1", children: commands.map((cmd, index) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
       "button",
       {
         type: "button",
@@ -23328,19 +23691,19 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
           selectedIndex === index ? "bg-accent" : "hover:bg-accent/50"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
             "div",
             {
               className: cn(
                 "flex items-center justify-center w-10 h-10 rounded-lg mr-3 transition-colors",
                 selectedIndex === index ? "bg-primary/10" : "bg-muted/50 group-hover:bg-muted"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(cmd.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
+              children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(cmd.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "text-left", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: cmd.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "text-xs text-muted-foreground", children: cmd.description })
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "text-left", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: cmd.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "text-xs text-muted-foreground", children: cmd.description })
           ] })
         ]
       },
@@ -23350,19 +23713,19 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
 };
 var FloatingMenuContent = ({ editor }) => {
   const t = (0, import_next_intl4.useTranslations)("UEditor");
-  const [showCommands, setShowCommands] = (0, import_react49.useState)(false);
+  const [showCommands, setShowCommands] = (0, import_react50.useState)(false);
   if (showCommands) {
-    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(SlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(SlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
     "button",
     {
       type: "button",
       onClick: () => setShowCommands(true),
       className: "flex items-center gap-1 px-2 py-1.5 rounded-lg hover:bg-accent transition-all group",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Plus, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react46.Plus, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
       ]
     }
   );
@@ -23373,12 +23736,12 @@ var BubbleMenuContent = ({
 }) => {
   const t = (0, import_next_intl4.useTranslations)("UEditor");
   const { textColors, highlightColors } = useEditorColors();
-  const [showLinkInput, setShowLinkInput] = (0, import_react49.useState)(false);
-  const [showEditorColorPalette, setShowEditorColorPalette] = (0, import_react49.useState)(false);
-  (0, import_react49.useEffect)(() => {
+  const [showLinkInput, setShowLinkInput] = (0, import_react50.useState)(false);
+  const [showEditorColorPalette, setShowEditorColorPalette] = (0, import_react50.useState)(false);
+  (0, import_react50.useEffect)(() => {
     onKeepOpenChange?.(showLinkInput);
   }, [onKeepOpenChange, showLinkInput]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (!showLinkInput) return;
     const close = () => setShowLinkInput(false);
     editor.on("selectionUpdate", close);
@@ -23389,7 +23752,7 @@ var BubbleMenuContent = ({
     };
   }, [editor, showLinkInput]);
   if (showLinkInput) {
-    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       LinkInput,
       {
         initialUrl: editor.getAttributes("link").href || "",
@@ -23406,8 +23769,8 @@ var BubbleMenuContent = ({
     );
   }
   if (showEditorColorPalette) {
-    return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "w-48", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "w-48", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
         EditorColorPalette,
         {
           colors: textColors,
@@ -23422,8 +23785,8 @@ var BubbleMenuContent = ({
           label: t("colors.textColor")
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "border-t my-1" }),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "border-t my-1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
         EditorColorPalette,
         {
           colors: highlightColors,
@@ -23438,7 +23801,7 @@ var BubbleMenuContent = ({
           label: t("colors.highlight")
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "p-2 border-t", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "p-2 border-t", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
         "button",
         {
           type: "button",
@@ -23449,22 +23812,22 @@ var BubbleMenuContent = ({
       ) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex items-center gap-0.5 p-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Bold, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Italic, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex items-center gap-0.5 p-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react46.Bold, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react46.Italic, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Underline, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react46.Underline, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Strikethrough, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Code, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react46.Strikethrough, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react46.Code, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       ToolbarButton,
       {
         onMouseDown: () => {
@@ -23475,41 +23838,41 @@ var BubbleMenuContent = ({
         },
         active: editor.isActive("link"),
         title: t("toolbar.link"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Link, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react46.Link, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ToolbarButton, { onClick: () => setShowEditorColorPalette(true), title: t("colors.textColor"), children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Palette, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ToolbarButton, { onClick: () => setShowEditorColorPalette(true), title: t("colors.textColor"), children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react46.Palette, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSubscript().run(),
         active: editor.isActive("subscript"),
         title: t("toolbar.subscript"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Subscript, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react46.Subscript, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSuperscript().run(),
         active: editor.isActive("superscript"),
         title: t("toolbar.superscript"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react45.Superscript, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react46.Superscript, { className: "w-4 h-4" })
       }
     )
   ] });
 };
 var CustomBubbleMenu = ({ editor }) => {
-  const [isVisible, setIsVisible] = (0, import_react49.useState)(false);
-  const [position, setPosition] = (0, import_react49.useState)({ top: 0, left: 0 });
-  const menuRef = (0, import_react49.useRef)(null);
-  const keepOpenRef = (0, import_react49.useRef)(false);
-  const setKeepOpen = (0, import_react49.useCallback)((next) => {
+  const [isVisible, setIsVisible] = (0, import_react50.useState)(false);
+  const [position, setPosition] = (0, import_react50.useState)({ top: 0, left: 0 });
+  const menuRef = (0, import_react50.useRef)(null);
+  const keepOpenRef = (0, import_react50.useRef)(false);
+  const setKeepOpen = (0, import_react50.useCallback)((next) => {
     keepOpenRef.current = next;
     if (next) setIsVisible(true);
   }, []);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { from, to, empty } = state.selection;
@@ -23538,7 +23901,7 @@ var CustomBubbleMenu = ({ editor }) => {
   }, [editor]);
   if (!isVisible) return null;
   return (0, import_react_dom9.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       "div",
       {
         ref: menuRef,
@@ -23549,7 +23912,7 @@ var CustomBubbleMenu = ({ editor }) => {
           transform: "translate(-50%, -100%)"
         },
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
           BubbleMenuContent,
           {
             editor,
@@ -23562,9 +23925,9 @@ var CustomBubbleMenu = ({ editor }) => {
   );
 };
 var CustomFloatingMenu = ({ editor }) => {
-  const [isVisible, setIsVisible] = (0, import_react49.useState)(false);
-  const [position, setPosition] = (0, import_react49.useState)({ top: 0, left: 0 });
-  (0, import_react49.useEffect)(() => {
+  const [isVisible, setIsVisible] = (0, import_react50.useState)(false);
+  const [position, setPosition] = (0, import_react50.useState)({ top: 0, left: 0 });
+  (0, import_react50.useEffect)(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { $from, empty } = state.selection;
@@ -23591,7 +23954,7 @@ var CustomFloatingMenu = ({ editor }) => {
   }, [editor]);
   if (!isVisible) return null;
   return (0, import_react_dom9.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       "div",
       {
         className: "fixed z-50 rounded-2xl border border-border bg-card text-card-foreground shadow-lg backdrop-blur-sm overflow-hidden animate-in fade-in-0 slide-in-from-bottom-2",
@@ -23601,7 +23964,7 @@ var CustomFloatingMenu = ({ editor }) => {
           transform: "translate(-50%, -100%)"
         },
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(FloatingMenuContent, { editor })
+        children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(FloatingMenuContent, { editor })
       }
     ),
     document.body
@@ -23610,25 +23973,25 @@ var CustomFloatingMenu = ({ editor }) => {
 
 // ../../components/ui/UEditor/CharacterCount.tsx
 var import_next_intl5 = require("next-intl");
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var CharacterCountDisplay = ({ editor, maxCharacters }) => {
   const t = (0, import_next_intl5.useTranslations)("UEditor");
   const storage = editor.storage;
   const characterCount = storage.characterCount?.characters?.() ?? 0;
   const wordCount = storage.characterCount?.words?.() ?? 0;
   const percentage = maxCharacters ? Math.round(characterCount / maxCharacters * 100) : 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex items-center gap-3 px-3 py-2 text-xs text-muted-foreground border-t bg-muted/20", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex items-center gap-3 px-3 py-2 text-xs text-muted-foreground border-t bg-muted/20", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { children: [
       wordCount,
       " ",
       t("words")
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { children: [
       characterCount,
       " ",
       t("characters")
     ] }),
-    maxCharacters && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: cn(percentage > 90 && "text-destructive", percentage > 100 && "font-bold"), children: [
+    maxCharacters && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("span", { className: cn(percentage > 90 && "text-destructive", percentage > 100 && "font-bold"), children: [
       characterCount,
       "/",
       maxCharacters
@@ -23637,7 +24000,7 @@ var CharacterCountDisplay = ({ editor, maxCharacters }) => {
 };
 
 // ../../components/ui/UEditor/UEditor.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var UEditor = ({
   content = "",
   onChange,
@@ -23660,11 +24023,11 @@ var UEditor = ({
 }) => {
   const t = (0, import_next_intl6.useTranslations)("UEditor");
   const effectivePlaceholder = placeholder ?? t("placeholder");
-  const extensions = (0, import_react50.useMemo)(
+  const extensions = (0, import_react51.useMemo)(
     () => buildUEditorExtensions({ placeholder: effectivePlaceholder, maxCharacters, uploadImage, imageInsertMode, editable }),
     [effectivePlaceholder, maxCharacters, uploadImage, imageInsertMode, editable]
   );
-  const editor = (0, import_react51.useEditor)({
+  const editor = (0, import_react52.useEditor)({
     immediatelyRender: false,
     extensions,
     content,
@@ -23769,7 +24132,7 @@ var UEditor = ({
       onJsonChange?.(editor2.getJSON());
     }
   });
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     if (editor && content !== editor.getHTML()) {
       if (editor.isEmpty && content) {
         editor.commands.setContent(content);
@@ -23777,7 +24140,7 @@ var UEditor = ({
     }
   }, [content, editor]);
   if (!editor) {
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       "div",
       {
         className: cn("w-full rounded-lg border bg-background flex items-center justify-center text-muted-foreground", className),
@@ -23786,7 +24149,7 @@ var UEditor = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
     "div",
     {
       className: cn(
@@ -23798,11 +24161,11 @@ var UEditor = ({
         className
       ),
       children: [
-        editable && showToolbar && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(EditorToolbar, { editor, variant, uploadImage, imageInsertMode }),
-        editable && showBubbleMenu && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(CustomBubbleMenu, { editor }),
-        editable && showFloatingMenu && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(CustomFloatingMenu, { editor }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
-          import_react51.EditorContent,
+        editable && showToolbar && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(EditorToolbar, { editor, variant, uploadImage, imageInsertMode }),
+        editable && showBubbleMenu && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(CustomBubbleMenu, { editor }),
+        editable && showFloatingMenu && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(CustomFloatingMenu, { editor }),
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+          import_react52.EditorContent,
           {
             editor,
             className: "flex-1 overflow-y-auto",
@@ -23812,7 +24175,7 @@ var UEditor = ({
             }
           }
         ),
-        showCharacterCount && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(CharacterCountDisplay, { editor, maxCharacters })
+        showCharacterCount && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(CharacterCountDisplay, { editor, maxCharacters })
       ]
     }
   );
@@ -23897,6 +24260,8 @@ function getUnderverseMessages(locale = "en") {
   MonthYearPicker,
   MonthYearPickerBase,
   MultiCombobox,
+  MusicPlayer,
+  MusicPlayerDefault,
   NotificationBadge,
   NotificationModal,
   NumberInput,