@underverse-ui/underverse 0.2.119 → 0.2.120

package/dist/index.js

@@ -12794,10 +12794,526 @@ function ImageUpload({
   ] });
 }
 
+// ../../components/ui/FileUpload.tsx
+import { useState as useState32, useRef as useRef15, useCallback as useCallback13, useMemo as useMemo15 } from "react";
+import {
+  Upload as Upload2,
+  File,
+  FileText,
+  FileImage,
+  FileVideo,
+  FileAudio,
+  FileArchive,
+  FileCode,
+  FileSpreadsheet,
+  Loader2 as Loader26,
+  Check as Check8,
+  AlertCircle as AlertCircle3,
+  Trash2,
+  Eye as Eye2,
+  Download
+} from "lucide-react";
+import { Fragment as Fragment17, jsx as jsx45, jsxs as jsxs40 } from "react/jsx-runtime";
+var formatFileSize = (bytes) => {
+  if (bytes === 0) return "0 Bytes";
+  const k = 1024;
+  const sizes = ["Bytes", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
+};
+var getFileIcon = (mimeType, fileName) => {
+  if (mimeType.startsWith("image/")) return FileImage;
+  if (mimeType.startsWith("video/")) return FileVideo;
+  if (mimeType.startsWith("audio/")) return FileAudio;
+  if (mimeType.includes("zip") || mimeType.includes("rar") || mimeType.includes("7z") || mimeType.includes("tar")) return FileArchive;
+  if (mimeType.includes("pdf") || mimeType.includes("word") || mimeType.includes("document")) return FileText;
+  if (mimeType.includes("sheet") || mimeType.includes("excel") || mimeType.includes("csv")) return FileSpreadsheet;
+  if (mimeType.includes("javascript") || mimeType.includes("json") || mimeType.includes("html") || mimeType.includes("css") || mimeType.includes("xml"))
+    return FileCode;
+  const ext = fileName.split(".").pop()?.toLowerCase();
+  switch (ext) {
+    case "jpg":
+    case "jpeg":
+    case "png":
+    case "gif":
+    case "webp":
+    case "svg":
+    case "bmp":
+      return FileImage;
+    case "mp4":
+    case "avi":
+    case "mov":
+    case "mkv":
+    case "webm":
+      return FileVideo;
+    case "mp3":
+    case "wav":
+    case "ogg":
+    case "flac":
+      return FileAudio;
+    case "zip":
+    case "rar":
+    case "7z":
+    case "tar":
+    case "gz":
+      return FileArchive;
+    case "pdf":
+    case "doc":
+    case "docx":
+    case "txt":
+    case "rtf":
+      return FileText;
+    case "xls":
+    case "xlsx":
+    case "csv":
+      return FileSpreadsheet;
+    case "js":
+    case "ts":
+    case "jsx":
+    case "tsx":
+    case "html":
+    case "css":
+    case "json":
+    case "py":
+    case "java":
+    case "cpp":
+    case "c":
+      return FileCode;
+    default:
+      return File;
+  }
+};
+var getFileTypeColor = (mimeType) => {
+  if (mimeType.startsWith("image/")) return "text-pink-500";
+  if (mimeType.startsWith("video/")) return "text-purple-500";
+  if (mimeType.startsWith("audio/")) return "text-orange-500";
+  if (mimeType.includes("zip") || mimeType.includes("rar")) return "text-amber-500";
+  if (mimeType.includes("pdf")) return "text-red-500";
+  if (mimeType.includes("word") || mimeType.includes("document")) return "text-blue-500";
+  if (mimeType.includes("sheet") || mimeType.includes("excel")) return "text-green-500";
+  if (mimeType.includes("javascript") || mimeType.includes("json")) return "text-yellow-500";
+  return "text-muted-foreground";
+};
+var generateFileId = () => {
+  return `file_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+};
+function FileUpload({
+  onUpload,
+  onRemove,
+  onChange,
+  uploadHandler,
+  maxSize = 50,
+  // Default 50MB
+  maxFiles = 10,
+  accept,
+  multiple = true,
+  disabled = false,
+  className,
+  showFileList = true,
+  variant = "default",
+  size = "md",
+  dragDropText,
+  browseText,
+  supportedFormatsText,
+  showTypeIcons = true,
+  allowPreview = true,
+  initialFiles = []
+}) {
+  const [isDragging, setIsDragging] = useState32(false);
+  const [files, setFiles] = useState32(initialFiles);
+  const fileInputRef = useRef15(null);
+  const { addToast } = useToast();
+  const t = useTranslations("FileUpload");
+  const sizeConfig = useMemo15(
+    () => ({
+      sm: {
+        padding: "p-4",
+        iconSize: "w-8 h-8",
+        uploadIconSize: "w-10 h-10",
+        text: "text-xs",
+        gap: "gap-2",
+        listItemPadding: "p-2",
+        fileIconSize: "w-8 h-8"
+      },
+      md: {
+        padding: "p-6",
+        iconSize: "w-10 h-10",
+        uploadIconSize: "w-12 h-12",
+        text: "text-sm",
+        gap: "gap-3",
+        listItemPadding: "p-3",
+        fileIconSize: "w-10 h-10"
+      },
+      lg: {
+        padding: "p-8",
+        iconSize: "w-12 h-12",
+        uploadIconSize: "w-14 h-14",
+        text: "text-base",
+        gap: "gap-4",
+        listItemPadding: "p-4",
+        fileIconSize: "w-12 h-12"
+      }
+    }),
+    []
+  );
+  const currentSize = sizeConfig[size];
+  const handleDragOver = useCallback13(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      if (!disabled) {
+        setIsDragging(true);
+      }
+    },
+    [disabled]
+  );
+  const handleDragLeave = useCallback13((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDragging(false);
+  }, []);
+  const processFiles = useCallback13(
+    async (fileList) => {
+      if (fileList.length === 0) return;
+      const remainingSlots = maxFiles - files.length;
+      if (remainingSlots <= 0) {
+        addToast({
+          type: "warning",
+          message: t("maxFilesReached") || `Maximum ${maxFiles} files allowed`
+        });
+        return;
+      }
+      const filesToProcess = fileList.slice(0, remainingSlots);
+      const validFiles = [];
+      for (const file of filesToProcess) {
+        if (file.size > maxSize * 1024 * 1024) {
+          addToast({
+            type: "error",
+            message: `"${file.name}" ${t("fileTooLarge") || "exceeds size limit"} (${maxSize}MB)`
+          });
+          continue;
+        }
+        const fileEntry = {
+          id: generateFileId(),
+          file,
+          name: file.name,
+          size: file.size,
+          type: file.type,
+          url: file.type.startsWith("image/") ? URL.createObjectURL(file) : void 0,
+          progress: 0,
+          status: uploadHandler ? "pending" : "success",
+          formattedSize: formatFileSize(file.size)
+        };
+        validFiles.push(fileEntry);
+      }
+      if (validFiles.length === 0) return;
+      const newFiles = [...files, ...validFiles];
+      setFiles(newFiles);
+      onChange?.(newFiles);
+      if (uploadHandler) {
+        for (const fileEntry of validFiles) {
+          setFiles((prev) => prev.map((f) => f.id === fileEntry.id ? { ...f, status: "uploading", progress: 10 } : f));
+          try {
+            const progressInterval = setInterval(() => {
+              setFiles(
+                (prev) => prev.map((f) => f.id === fileEntry.id && f.status === "uploading" ? { ...f, progress: Math.min((f.progress || 0) + 15, 90) } : f)
+              );
+            }, 200);
+            const result = await uploadHandler(fileEntry.file);
+            clearInterval(progressInterval);
+            setFiles(
+              (prev) => prev.map((f) => f.id === fileEntry.id ? { ...f, ...result, status: "success", progress: 100, id: result.id || f.id } : f)
+            );
+            onUpload?.(result);
+            addToast({
+              type: "success",
+              message: `"${fileEntry.name}" ${t("uploadSuccess") || "uploaded successfully"}`
+            });
+          } catch (error) {
+            setFiles((prev) => prev.map((f) => f.id === fileEntry.id ? { ...f, status: "error", error: error.message || "Upload failed" } : f));
+            addToast({
+              type: "error",
+              message: `"${fileEntry.name}" ${t("uploadFailed") || "upload failed"}`
+            });
+          }
+        }
+      } else {
+        for (const fileEntry of validFiles) {
+          onUpload?.(fileEntry);
+        }
+      }
+    },
+    [files, maxFiles, maxSize, uploadHandler, onUpload, onChange, addToast, t]
+  );
+  const handleDrop = useCallback13(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setIsDragging(false);
+      if (disabled) return;
+      const droppedFiles = Array.from(e.dataTransfer.files);
+      processFiles(droppedFiles);
+    },
+    [disabled, processFiles]
+  );
+  const handleFileSelect = useCallback13(
+    (e) => {
+      const selectedFiles = Array.from(e.target.files || []);
+      processFiles(selectedFiles);
+      if (fileInputRef.current) {
+        fileInputRef.current.value = "";
+      }
+    },
+    [processFiles]
+  );
+  const handleRemove = useCallback13(
+    (fileId) => {
+      setFiles((prev) => {
+        const fileToRemove = prev.find((f) => f.id === fileId);
+        if (fileToRemove?.url?.startsWith("blob:")) {
+          URL.revokeObjectURL(fileToRemove.url);
+        }
+        const newFiles = prev.filter((f) => f.id !== fileId);
+        onChange?.(newFiles);
+        return newFiles;
+      });
+      onRemove?.(fileId);
+    },
+    [onChange, onRemove]
+  );
+  const handleBrowseClick = () => {
+    fileInputRef.current?.click();
+  };
+  const handleRetry = useCallback13(
+    (fileEntry) => {
+      if (!uploadHandler || !fileEntry.file) return;
+      processFiles([fileEntry.file]);
+      handleRemove(fileEntry.id);
+    },
+    [uploadHandler, processFiles, handleRemove]
+  );
+  const renderFileItem = (file) => {
+    const IconComponent = showTypeIcons ? getFileIcon(file.type, file.name) : File;
+    const iconColor = getFileTypeColor(file.type);
+    const isImage = file.type.startsWith("image/") && file.url;
+    return /* @__PURE__ */ jsxs40(
+      "div",
+      {
+        className: cn(
+          "group relative flex items-center gap-3 bg-card/50 backdrop-blur-sm border border-border rounded-xl",
+          "transition-all duration-200 hover:bg-card hover:shadow-md hover:border-primary/20",
+          file.status === "error" && "border-destructive/50 bg-destructive/5",
+          file.status === "uploading" && "border-primary/30",
+          currentSize.listItemPadding
+        ),
+        children: [
+          /* @__PURE__ */ jsx45(
+            "div",
+            {
+              className: cn(
+                "shrink-0 rounded-lg overflow-hidden flex items-center justify-center",
+                "bg-linear-to-br from-muted/50 to-muted",
+                currentSize.fileIconSize
+              ),
+              children: isImage && allowPreview ? (
+                // eslint-disable-next-line @next/next/no-img-element
+                /* @__PURE__ */ jsx45("img", { src: file.url, alt: file.name, className: "w-full h-full object-cover" })
+              ) : /* @__PURE__ */ jsx45(IconComponent, { className: cn("w-1/2 h-1/2", iconColor) })
+            }
+          ),
+          /* @__PURE__ */ jsxs40("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsx45("p", { className: cn("font-medium truncate", currentSize.text), title: file.name, children: file.name }),
+            /* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx45("span", { className: cn("text-muted-foreground", size === "lg" ? "text-sm" : "text-xs"), children: file.formattedSize }),
+              file.status === "uploading" && /* @__PURE__ */ jsxs40("span", { className: "flex items-center gap-1 text-primary text-xs", children: [
+                /* @__PURE__ */ jsx45(Loader26, { className: "w-3 h-3 animate-spin" }),
+                file.progress,
+                "%"
+              ] }),
+              file.status === "success" && /* @__PURE__ */ jsx45("span", { className: "flex items-center gap-1 text-success text-xs", children: /* @__PURE__ */ jsx45(Check8, { className: "w-3 h-3" }) }),
+              file.status === "error" && /* @__PURE__ */ jsxs40("span", { className: "flex items-center gap-1 text-destructive text-xs", children: [
+                /* @__PURE__ */ jsx45(AlertCircle3, { className: "w-3 h-3" }),
+                file.error
+              ] })
+            ] }),
+            file.status === "uploading" && /* @__PURE__ */ jsx45("div", { className: "mt-2 h-1 bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ jsx45(
+              "div",
+              {
+                className: "h-full bg-linear-to-r from-primary to-primary/70 rounded-full transition-all duration-300",
+                style: { width: `${file.progress || 0}%` }
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs40("div", { className: "shrink-0 flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity", children: [
+            isImage && allowPreview && /* @__PURE__ */ jsx45(Button_default, { variant: "ghost", size: "icon", className: "w-7 h-7", onClick: () => window.open(file.url, "_blank"), title: "Preview", children: /* @__PURE__ */ jsx45(Eye2, { className: "w-4 h-4" }) }),
+            file.url && file.status === "success" && /* @__PURE__ */ jsx45(
+              Button_default,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "w-7 h-7",
+                onClick: () => {
+                  const link = document.createElement("a");
+                  link.href = file.url;
+                  link.download = file.name;
+                  link.click();
+                },
+                title: "Download",
+                children: /* @__PURE__ */ jsx45(Download, { className: "w-4 h-4" })
+              }
+            ),
+            file.status === "error" && uploadHandler && /* @__PURE__ */ jsx45(Button_default, { variant: "ghost", size: "icon", className: "w-7 h-7 text-primary", onClick: () => handleRetry(file), title: "Retry", children: /* @__PURE__ */ jsx45(Upload2, { className: "w-4 h-4" }) }),
+            /* @__PURE__ */ jsx45(
+              Button_default,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "w-7 h-7 text-destructive hover:text-destructive hover:bg-destructive/10",
+                onClick: () => handleRemove(file.id),
+                disabled: file.status === "uploading",
+                title: "Remove",
+                children: /* @__PURE__ */ jsx45(Trash2, { className: "w-4 h-4" })
+              }
+            )
+          ] })
+        ]
+      },
+      file.id
+    );
+  };
+  const variantStyles6 = {
+    default: cn(
+      "border-2 border-dashed rounded-2xl",
+      currentSize.padding,
+      "text-center transition-all duration-300",
+      isDragging && !disabled ? "border-primary bg-primary/5 scale-[1.01] shadow-lg shadow-primary/10" : "border-border hover:border-primary/50 hover:bg-muted/30",
+      disabled && "opacity-50 cursor-not-allowed"
+    ),
+    compact: cn(
+      "border border-dashed rounded-xl p-4",
+      "flex items-center gap-4 transition-all duration-200",
+      isDragging && !disabled ? "border-primary bg-primary/5" : "border-border hover:border-primary/50",
+      disabled && "opacity-50 cursor-not-allowed"
+    ),
+    minimal: cn(
+      "rounded-lg p-3 transition-all duration-200",
+      isDragging && !disabled ? "bg-primary/10" : "hover:bg-muted/50",
+      disabled && "opacity-50 cursor-not-allowed"
+    )
+  };
+  return /* @__PURE__ */ jsxs40("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ jsxs40(
+      "div",
+      {
+        className: variantStyles6[variant],
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        onDrop: handleDrop,
+        onClick: variant === "minimal" ? handleBrowseClick : void 0,
+        role: variant === "minimal" ? "button" : void 0,
+        tabIndex: variant === "minimal" ? 0 : void 0,
+        children: [
+          variant === "default" && /* @__PURE__ */ jsxs40("div", { className: cn("space-y-4", currentSize.gap), children: [
+            /* @__PURE__ */ jsx45(
+              "div",
+              {
+                className: cn(
+                  "mx-auto rounded-full flex items-center justify-center",
+                  "bg-linear-to-br from-primary/20 to-primary/5",
+                  "ring-4 ring-primary/10",
+                  currentSize.uploadIconSize
+                ),
+                children: /* @__PURE__ */ jsx45(Upload2, { className: cn("text-primary transition-transform duration-300", isDragging && "scale-110", currentSize.iconSize) })
+              }
+            ),
+            /* @__PURE__ */ jsxs40("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx45("p", { className: cn("text-muted-foreground font-medium", currentSize.text), children: dragDropText || t("dragDropText") || "Drag & drop files here" }),
+              /* @__PURE__ */ jsxs40(
+                Button_default,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: size === "lg" ? "md" : "sm",
+                  onClick: handleBrowseClick,
+                  disabled,
+                  className: "relative overflow-hidden group/btn",
+                  children: [
+                    /* @__PURE__ */ jsx45("span", { className: "relative z-10", children: browseText || t("browseFiles") || "Browse files" }),
+                    /* @__PURE__ */ jsx45("div", { className: "absolute inset-0 bg-linear-to-r from-primary/10 to-transparent opacity-0 group-hover/btn:opacity-100 transition-opacity" })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx45("p", { className: cn("text-muted-foreground", size === "lg" ? "text-sm" : "text-xs"), children: supportedFormatsText || t("supportedFormats") || `Max ${maxSize}MB per file \u2022 Up to ${maxFiles} files` })
+          ] }),
+          variant === "compact" && /* @__PURE__ */ jsxs40(Fragment17, { children: [
+            /* @__PURE__ */ jsx45("div", { className: cn("shrink-0 rounded-lg flex items-center justify-center", "bg-primary/10", currentSize.iconSize), children: /* @__PURE__ */ jsx45(Upload2, { className: cn("text-primary", size === "sm" ? "w-4 h-4" : "w-5 h-5") }) }),
+            /* @__PURE__ */ jsxs40("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx45("p", { className: cn("font-medium truncate", currentSize.text), children: dragDropText || t("dragDropText") || "Drop files here or" }),
+              /* @__PURE__ */ jsx45("p", { className: cn("text-muted-foreground", size === "lg" ? "text-sm" : "text-xs"), children: supportedFormatsText || `Max ${maxSize}MB \u2022 ${maxFiles} files` })
+            ] }),
+            /* @__PURE__ */ jsx45(Button_default, { type: "button", variant: "primary", size: size === "lg" ? "md" : "sm", onClick: handleBrowseClick, disabled, children: browseText || t("browseFiles") || "Browse" })
+          ] }),
+          variant === "minimal" && /* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-2 cursor-pointer", children: [
+            /* @__PURE__ */ jsx45(Upload2, { className: cn("text-primary", size === "sm" ? "w-4 h-4" : "w-5 h-5") }),
+            /* @__PURE__ */ jsx45("span", { className: cn("text-primary font-medium", currentSize.text), children: browseText || t("uploadFiles") || "Upload files" })
+          ] }),
+          /* @__PURE__ */ jsx45(
+            "input",
+            {
+              ref: fileInputRef,
+              type: "file",
+              accept,
+              multiple,
+              onChange: handleFileSelect,
+              className: "hidden",
+              disabled
+            }
+          )
+        ]
+      }
+    ),
+    showFileList && files.length > 0 && /* @__PURE__ */ jsxs40("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs40("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs40("h4", { className: cn("font-medium text-foreground", currentSize.text), children: [
+          t("uploadedFiles") || "Uploaded files",
+          " (",
+          files.length,
+          "/",
+          maxFiles,
+          ")"
+        ] }),
+        files.length > 0 && /* @__PURE__ */ jsxs40(
+          Button_default,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "text-muted-foreground hover:text-destructive",
+            onClick: () => {
+              files.forEach((f) => {
+                if (f.url?.startsWith("blob:")) {
+                  URL.revokeObjectURL(f.url);
+                }
+              });
+              setFiles([]);
+              onChange?.([]);
+            },
+            children: [
+              /* @__PURE__ */ jsx45(Trash2, { className: "w-4 h-4 mr-1" }),
+              t("clearAll") || "Clear all"
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx45("div", { className: "space-y-2", children: files.map(renderFileItem) })
+    ] })
+  ] });
+}
+
 // ../../components/ui/Carousel.tsx
 import * as React38 from "react";
 import { ChevronLeft as ChevronLeft5, ChevronRight as ChevronRight7 } from "lucide-react";
-import { Fragment as Fragment17, jsx as jsx45, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx46, jsxs as jsxs41 } from "react/jsx-runtime";
 function Carousel({
   children,
   autoScroll = true,
@@ -12955,7 +13471,7 @@ function Carousel({
     };
   };
   const slideWidth = 100 / slidesToShow;
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41(
     "div",
     {
       ref: carouselRef,
@@ -12970,8 +13486,8 @@ function Carousel({
       "aria-roledescription": "carousel",
       tabIndex: 0,
       children: [
-        showProgress && autoScroll && /* @__PURE__ */ jsx45("div", { className: "absolute top-0 left-0 right-0 h-1 bg-muted z-20", children: /* @__PURE__ */ jsx45("div", { ref: progressElRef, className: "h-full bg-primary", style: { width: "0%" } }) }),
-        /* @__PURE__ */ jsx45(
+        showProgress && autoScroll && /* @__PURE__ */ jsx46("div", { className: "absolute top-0 left-0 right-0 h-1 bg-muted z-20", children: /* @__PURE__ */ jsx46("div", { ref: progressElRef, className: "h-full bg-primary", style: { width: "0%" } }) }),
+        /* @__PURE__ */ jsx46(
           "div",
           {
             className: cn("flex", isHorizontal ? "flex-row" : "flex-col", containerClassName),
@@ -12986,7 +13502,7 @@ function Carousel({
             role: "group",
             "aria-atomic": "false",
             "aria-live": autoScroll ? "off" : "polite",
-            children: React38.Children.map(children, (child, idx) => /* @__PURE__ */ jsx45(
+            children: React38.Children.map(children, (child, idx) => /* @__PURE__ */ jsx46(
               "div",
               {
                 className: cn(
@@ -13009,8 +13525,8 @@ function Carousel({
             ))
           }
         ),
-        showArrows && totalSlides > slidesToShow && /* @__PURE__ */ jsxs40(Fragment17, { children: [
-          /* @__PURE__ */ jsx45(
+        showArrows && totalSlides > slidesToShow && /* @__PURE__ */ jsxs41(Fragment18, { children: [
+          /* @__PURE__ */ jsx46(
             Button_default,
             {
               onClick: scrollPrev,
@@ -13026,7 +13542,7 @@ function Carousel({
               "aria-label": "Previous slide"
             }
           ),
-          /* @__PURE__ */ jsx45(
+          /* @__PURE__ */ jsx46(
             Button_default,
             {
               onClick: scrollNext,
@@ -13043,7 +13559,7 @@ function Carousel({
             }
           )
         ] }),
-        showDots && totalSlides > slidesToShow && /* @__PURE__ */ jsx45(
+        showDots && totalSlides > slidesToShow && /* @__PURE__ */ jsx46(
           "div",
           {
             className: cn(
@@ -13052,7 +13568,7 @@ function Carousel({
             ),
             role: "tablist",
             "aria-label": "Carousel pagination",
-            children: Array.from({ length: maxIndex + 1 }, (_, idx) => /* @__PURE__ */ jsx45(
+            children: Array.from({ length: maxIndex + 1 }, (_, idx) => /* @__PURE__ */ jsx46(
               "button",
               {
                 onClick: () => scrollTo(idx),
@@ -13069,14 +13585,14 @@ function Carousel({
             ))
           }
         ),
-        showThumbnails && totalSlides > slidesToShow && /* @__PURE__ */ jsx45(
+        showThumbnails && totalSlides > slidesToShow && /* @__PURE__ */ jsx46(
           "div",
           {
             className: cn(
               "absolute bottom-0 left-0 right-0 flex gap-2 p-4 bg-linear-to-t from-black/50 to-transparent overflow-x-auto",
               isHorizontal ? "flex-row" : "flex-col"
             ),
-            children: React38.Children.map(children, (child, idx) => /* @__PURE__ */ jsx45(
+            children: React38.Children.map(children, (child, idx) => /* @__PURE__ */ jsx46(
               "button",
               {
                 onClick: () => scrollTo(idx),
@@ -13098,7 +13614,7 @@ function Carousel({
 
 // ../../components/ui/FallingIcons.tsx
 import React39 from "react";
-import { jsx as jsx46, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs42 } from "react/jsx-runtime";
 var DEFAULT_COUNT = 24;
 var DEFAULT_SPEED_RANGE = [6, 14];
 var DEFAULT_SIZE_RANGE = [14, 28];
@@ -13194,18 +13710,18 @@ function FallingIcons({
     };
   }, [glow, glowColor, glowIntensity]);
   const FallbackIcon = React39.useMemo(
-    () => (props) => /* @__PURE__ */ jsx46("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx46("circle", { cx: "12", cy: "12", r: "10" }) }),
+    () => (props) => /* @__PURE__ */ jsx47("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx47("circle", { cx: "12", cy: "12", r: "10" }) }),
     []
   );
-  const TheIcon = imageUrl ? ({ className: imgClassName }) => /* @__PURE__ */ jsx46("img", { src: imageUrl, alt: "", className: cn("w-full h-full object-cover rounded-lg", imgClassName), draggable: false }) : Icon || FallbackIcon;
-  return /* @__PURE__ */ jsxs41(
+  const TheIcon = imageUrl ? ({ className: imgClassName }) => /* @__PURE__ */ jsx47("img", { src: imageUrl, alt: "", className: cn("w-full h-full object-cover rounded-lg", imgClassName), draggable: false }) : Icon || FallbackIcon;
+  return /* @__PURE__ */ jsxs42(
     "div",
     {
       ref: containerRef,
       className: cn(fullScreen ? "fixed inset-0 overflow-hidden pointer-events-none" : "relative w-full h-full overflow-hidden", areaClassName),
       style: { zIndex },
       children: [
-        /* @__PURE__ */ jsx46("style", { children: `
+        /* @__PURE__ */ jsx47("style", { children: `
         @keyframes ${FallName} {
           0% { transform: translate3d(0, -10vh, 0); opacity: 0; }
           10% { opacity: 1; }
@@ -13238,7 +13754,7 @@ function FallingIcons({
           }
         }
       ` }),
-        /* @__PURE__ */ jsx46("div", { className: cn("absolute inset-0 pointer-events-none", className), "aria-hidden": true, children: particles.map((p, i) => {
+        /* @__PURE__ */ jsx47("div", { className: cn("absolute inset-0 pointer-events-none", className), "aria-hidden": true, children: particles.map((p, i) => {
           const swayDuration = p.fallDur * (0.8 + i % 5 * 0.05);
           const spinDuration = Math.max(1, p.spinDur);
           const handlePop = () => {
@@ -13251,12 +13767,12 @@ function FallingIcons({
             });
           };
           const trailParticles = trail ? Array.from({ length: Math.min(5, Math.max(1, trailLength)) }) : [];
-          return /* @__PURE__ */ jsxs41(React39.Fragment, { children: [
+          return /* @__PURE__ */ jsxs42(React39.Fragment, { children: [
             trail && trailParticles.map((_, trailIndex) => {
               const trailDelay = p.delay - (trailIndex + 1) * 0.15;
               const trailOpacity = 1 - (trailIndex + 1) * (1 / (trailParticles.length + 1));
               const trailScale = 1 - (trailIndex + 1) * 0.15;
-              return /* @__PURE__ */ jsx46(
+              return /* @__PURE__ */ jsx47(
                 "span",
                 {
                   className: cn("absolute top-0 will-change-transform pointer-events-none uv-falling-particle", colorClassName),
@@ -13270,7 +13786,7 @@ function FallingIcons({
                     opacity: trailOpacity * 0.4,
                     ["--fall"]: `${fallDist ?? (typeof window !== "undefined" ? window.innerHeight + 200 : 1200)}px`
                   },
-                  children: /* @__PURE__ */ jsx46(
+                  children: /* @__PURE__ */ jsx47(
                     "span",
                     {
                       className: "inline-block uv-sway",
@@ -13282,7 +13798,7 @@ function FallingIcons({
                         animationIterationCount: "infinite",
                         ["--amp"]: `${Math.round(p.driftAmp)}px`
                       },
-                      children: /* @__PURE__ */ jsx46(
+                      children: /* @__PURE__ */ jsx47(
                         "span",
                         {
                           className: "block",
@@ -13291,7 +13807,7 @@ function FallingIcons({
                             height: p.size,
                             ...glowStyles
                           },
-                          children: /* @__PURE__ */ jsx46(TheIcon, { className: cn("w-full h-full text-primary/70", colorClassName) })
+                          children: /* @__PURE__ */ jsx47(TheIcon, { className: cn("w-full h-full text-primary/70", colorClassName) })
                         }
                       )
                     }
@@ -13300,7 +13816,7 @@ function FallingIcons({
                 `${p.key}-trail-${trailIndex}`
               );
             }),
-            /* @__PURE__ */ jsx46(
+            /* @__PURE__ */ jsx47(
               "span",
               {
                 className: cn("absolute top-0 will-change-transform pointer-events-auto uv-falling-particle", colorClassName),
@@ -13326,7 +13842,7 @@ function FallingIcons({
                     return next;
                   });
                 },
-                children: /* @__PURE__ */ jsx46(
+                children: /* @__PURE__ */ jsx47(
                   "span",
                   {
                     className: "inline-block uv-sway",
@@ -13338,7 +13854,7 @@ function FallingIcons({
                       animationIterationCount: "infinite",
                       ["--amp"]: `${Math.round(p.driftAmp)}px`
                     },
-                    children: /* @__PURE__ */ jsx46(
+                    children: /* @__PURE__ */ jsx47(
                       "span",
                       {
                         className: cn(
@@ -13354,7 +13870,7 @@ function FallingIcons({
                           ["--popName"]: PopName,
                           ...glowStyles
                         },
-                        children: /* @__PURE__ */ jsx46(TheIcon, { className: cn("w-full h-full text-primary/70", colorClassName) })
+                        children: /* @__PURE__ */ jsx47(TheIcon, { className: cn("w-full h-full text-primary/70", colorClassName) })
                       }
                     )
                   }
@@ -13371,7 +13887,7 @@ function FallingIcons({
 // ../../components/ui/List.tsx
 import * as React40 from "react";
 import { ChevronRight as ChevronRight8 } from "lucide-react";
-import { Fragment as Fragment18, jsx as jsx47, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx48, jsxs as jsxs43 } from "react/jsx-runtime";
 var SIZE_STYLES2 = {
   xs: { label: "text-xs", desc: "text-[11px]", icon: "h-3.5 w-3.5", avatar: "h-6 w-6" },
   sm: { label: "text-[13px]", desc: "text-[12px]", icon: "h-4 w-4", avatar: "h-8 w-8" },
@@ -13387,11 +13903,11 @@ var BADGE_VARIANTS = {
 };
 var ListItemSkeleton = ({ size }) => {
   const sz = SIZE_STYLES2[size];
-  return /* @__PURE__ */ jsxs42("div", { className: cn("flex items-center gap-3 animate-pulse p-2"), children: [
-    /* @__PURE__ */ jsx47("div", { className: cn("rounded-full bg-muted shrink-0", sz.avatar) }),
-    /* @__PURE__ */ jsxs42("div", { className: "flex-1 space-y-2", children: [
-      /* @__PURE__ */ jsx47("div", { className: "h-4 bg-muted rounded-md w-3/4" }),
-      /* @__PURE__ */ jsx47("div", { className: "h-3 bg-muted rounded-md w-1/2" })
+  return /* @__PURE__ */ jsxs43("div", { className: cn("flex items-center gap-3 animate-pulse p-2"), children: [
+    /* @__PURE__ */ jsx48("div", { className: cn("rounded-full bg-muted shrink-0", sz.avatar) }),
+    /* @__PURE__ */ jsxs43("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ jsx48("div", { className: "h-4 bg-muted rounded-md w-3/4" }),
+      /* @__PURE__ */ jsx48("div", { className: "h-3 bg-muted rounded-md w-1/2" })
     ] })
   ] });
 };
@@ -13427,20 +13943,20 @@ var ListRoot = React40.forwardRef(
       striped: "rounded-2xl md:rounded-3xl border border-border overflow-hidden"
     };
     if (loading2) {
-      return /* @__PURE__ */ jsx47(
+      return /* @__PURE__ */ jsx48(
         Comp,
         {
           ref,
           className: cn("group/list", variantClasses2[variant], inset && "p-1.5 md:p-2", divided && "divide-y divide-border/60", className),
           ...rest,
-          children: Array.from({ length: loadingCount }).map((_, i) => /* @__PURE__ */ jsx47(ListItemSkeleton, { size }, i))
+          children: Array.from({ length: loadingCount }).map((_, i) => /* @__PURE__ */ jsx48(ListItemSkeleton, { size }, i))
         }
       );
     }
     if (!hasChildren && emptyText) {
-      return /* @__PURE__ */ jsx47(Comp, { ref, className: cn("group/list", variantClasses2[variant], inset && "p-1.5 md:p-2", className), ...rest, children: /* @__PURE__ */ jsx47("div", { className: "text-center py-8 text-muted-foreground text-sm", children: emptyText }) });
+      return /* @__PURE__ */ jsx48(Comp, { ref, className: cn("group/list", variantClasses2[variant], inset && "p-1.5 md:p-2", className), ...rest, children: /* @__PURE__ */ jsx48("div", { className: "text-center py-8 text-muted-foreground text-sm", children: emptyText }) });
     }
-    return /* @__PURE__ */ jsx47(
+    return /* @__PURE__ */ jsx48(
       Comp,
       {
         ref,
@@ -13523,42 +14039,42 @@ var ListItem = React40.forwardRef(
         }
       }
     } : {};
-    const inner = /* @__PURE__ */ jsxs42(Fragment18, { children: [
-      /* @__PURE__ */ jsxs42("div", { className: cn("flex items-center gap-3", contentClassName, "group/item relative"), ...headerProps, children: [
-        avatar && /* @__PURE__ */ jsx47("div", { className: cn("shrink-0", sz.avatar), children: typeof avatar === "string" ? /* @__PURE__ */ jsx47("img", { src: avatar, alt: "", className: cn("rounded-full object-cover", sz.avatar) }) : avatar }),
-        Left && !avatar && /* @__PURE__ */ jsx47("span", { className: cn("text-muted-foreground shrink-0", sz.icon), children: /* @__PURE__ */ jsx47(Left, { className: cn(sz.icon) }) }),
-        /* @__PURE__ */ jsxs42("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2", children: [
-            label && /* @__PURE__ */ jsx47("div", { className: cn(sz.label, "text-foreground font-medium truncate"), children: label }),
-            badge && /* @__PURE__ */ jsx47("span", { className: cn("px-2 py-0.5 rounded-full text-[11px] font-medium shrink-0", BADGE_VARIANTS[badgeVariant]), children: badge })
+    const inner = /* @__PURE__ */ jsxs43(Fragment19, { children: [
+      /* @__PURE__ */ jsxs43("div", { className: cn("flex items-center gap-3", contentClassName, "group/item relative"), ...headerProps, children: [
+        avatar && /* @__PURE__ */ jsx48("div", { className: cn("shrink-0", sz.avatar), children: typeof avatar === "string" ? /* @__PURE__ */ jsx48("img", { src: avatar, alt: "", className: cn("rounded-full object-cover", sz.avatar) }) : avatar }),
+        Left && !avatar && /* @__PURE__ */ jsx48("span", { className: cn("text-muted-foreground shrink-0", sz.icon), children: /* @__PURE__ */ jsx48(Left, { className: cn(sz.icon) }) }),
+        /* @__PURE__ */ jsxs43("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-2", children: [
+            label && /* @__PURE__ */ jsx48("div", { className: cn(sz.label, "text-foreground font-medium truncate"), children: label }),
+            badge && /* @__PURE__ */ jsx48("span", { className: cn("px-2 py-0.5 rounded-full text-[11px] font-medium shrink-0", BADGE_VARIANTS[badgeVariant]), children: badge })
           ] }),
-          description && /* @__PURE__ */ jsx47("div", { className: cn(sz.desc, "text-muted-foreground truncate mt-0.5"), children: description }),
-          children && /* @__PURE__ */ jsx47("div", { className: "mt-1", children })
+          description && /* @__PURE__ */ jsx48("div", { className: cn(sz.desc, "text-muted-foreground truncate mt-0.5"), children: description }),
+          children && /* @__PURE__ */ jsx48("div", { className: "mt-1", children })
         ] }),
-        action && /* @__PURE__ */ jsx47("div", { className: "opacity-0 group-hover/item:opacity-100 transition-opacity shrink-0", children: action }),
-        collapsible ? /* @__PURE__ */ jsx47(
+        action && /* @__PURE__ */ jsx48("div", { className: "opacity-0 group-hover/item:opacity-100 transition-opacity shrink-0", children: action }),
+        collapsible ? /* @__PURE__ */ jsx48(
           "span",
           {
             className: cn("text-muted-foreground shrink-0 transition-transform cursor-pointer select-none", sz.icon, isExpanded && "rotate-90"),
-            children: /* @__PURE__ */ jsx47(ChevronRight8, { className: cn(sz.icon) })
+            children: /* @__PURE__ */ jsx48(ChevronRight8, { className: cn(sz.icon) })
           }
-        ) : Right && /* @__PURE__ */ jsx47("span", { className: cn("text-muted-foreground shrink-0", sz.icon), children: /* @__PURE__ */ jsx47(Right, { className: cn(sz.icon) }) })
+        ) : Right && /* @__PURE__ */ jsx48("span", { className: cn("text-muted-foreground shrink-0", sz.icon), children: /* @__PURE__ */ jsx48(Right, { className: cn(sz.icon) }) })
       ] }),
-      collapsible && isExpanded && expandContent && /* @__PURE__ */ jsx47("div", { className: cn("border-t border-border/50 bg-muted/20", contentClassName, "pt-3"), children: expandContent })
+      collapsible && isExpanded && expandContent && /* @__PURE__ */ jsx48("div", { className: cn("border-t border-border/50 bg-muted/20", contentClassName, "pt-3"), children: expandContent })
     ] });
     const baseCls = cn("relative w-full", selected && "bg-primary/10 ring-1 ring-primary/30", disabled && "opacity-60 cursor-not-allowed", className);
     if (href) {
       const A = as === "a" ? "a" : "a";
-      return /* @__PURE__ */ jsx47(A, { ref, href, className: cn(baseCls, "block"), ...rest, children: inner });
+      return /* @__PURE__ */ jsx48(A, { ref, href, className: cn(baseCls, "block"), ...rest, children: inner });
     }
     if (as === "button" && !collapsible) {
-      return /* @__PURE__ */ jsx47("button", { ref, type: "button", className: cn(baseCls, "text-left block w-full"), ...rest, children: inner });
+      return /* @__PURE__ */ jsx48("button", { ref, type: "button", className: cn(baseCls, "text-left block w-full"), ...rest, children: inner });
     }
     if (collapsible) {
-      return /* @__PURE__ */ jsx47("div", { ref, className: cn(baseCls, "text-left block w-full"), ...rest, children: inner });
+      return /* @__PURE__ */ jsx48("div", { ref, className: cn(baseCls, "text-left block w-full"), ...rest, children: inner });
     }
     const Comp = as;
-    return /* @__PURE__ */ jsx47(Comp, { ref, className: baseCls, ...rest, children: inner });
+    return /* @__PURE__ */ jsx48(Comp, { ref, className: baseCls, ...rest, children: inner });
   }
 );
 ListItem.displayName = "List.Item";
@@ -13568,7 +14084,7 @@ var List_default = List;
 // ../../components/ui/Watermark.tsx
 import * as React41 from "react";
 import { createPortal as createPortal5 } from "react-dom";
-import { Fragment as Fragment19, jsx as jsx48, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx49, jsxs as jsxs44 } from "react/jsx-runtime";
 var PRESETS2 = {
   confidential: { text: "CONFIDENTIAL", color: "rgba(220, 38, 38, 0.15)", rotate: -22, fontSize: 16, fontWeight: "bold" },
   draft: { text: "DRAFT", color: "rgba(59, 130, 246, 0.15)", rotate: -22, fontSize: 18, fontWeight: "bold" },
@@ -13823,7 +14339,7 @@ var Watermark = ({
   if (dataURL) overlayStyle.backgroundImage = `url(${dataURL})`;
   const animationClass = animate ? getAnimationClass(animationVariant, visible) : "";
   const blurClass = blur ? `backdrop-blur-[${blurAmount}px]` : "";
-  const overlay = /* @__PURE__ */ jsx48(
+  const overlay = /* @__PURE__ */ jsx49(
     "div",
     {
       role: interactive ? "button" : void 0,
@@ -13847,12 +14363,12 @@ var Watermark = ({
     }
   );
   if (fullPage) {
-    return /* @__PURE__ */ jsxs43(Fragment19, { children: [
+    return /* @__PURE__ */ jsxs44(Fragment20, { children: [
       children,
       typeof window !== "undefined" ? createPortal5(overlay, document.body) : null
     ] });
   }
-  return /* @__PURE__ */ jsxs43("div", { className: cn("relative", className), style, ...rest, children: [
+  return /* @__PURE__ */ jsxs44("div", { className: cn("relative", className), style, ...rest, children: [
     children,
     overlay
   ] });
@@ -13862,7 +14378,7 @@ var Watermark_default = Watermark;
 // ../../components/ui/Timeline.tsx
 import * as React42 from "react";
 import { ChevronDown as ChevronDown5 } from "lucide-react";
-import { jsx as jsx49, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs45 } from "react/jsx-runtime";
 var SIZE_STYLE = {
   sm: {
     dot: "h-2.5 w-2.5",
@@ -13923,22 +14439,22 @@ var Marker = ({ index, last, size, color, status = "default", lineColor, lineSty
   const sz = SIZE_STYLE[size];
   const dotColor = color ? `background:${color}` : void 0;
   const cls = color ? void 0 : STATUS_COLOR[status];
-  return /* @__PURE__ */ jsxs44("div", { className: "flex flex-col items-center", children: [
-    dot ? /* @__PURE__ */ jsx49("div", { className: "flex items-center justify-center", children: dot }) : Icon ? /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsxs45("div", { className: "flex flex-col items-center", children: [
+    dot ? /* @__PURE__ */ jsx50("div", { className: "flex items-center justify-center", children: dot }) : Icon ? /* @__PURE__ */ jsx50(
       "div",
       {
         className: cn("rounded-full ring-2 ring-background flex items-center justify-center", sz.iconDot, cls, active && "ring-primary/40 ring-4"),
         style: dotColor ? { background: color } : void 0,
-        children: /* @__PURE__ */ jsx49(Icon, { className: cn("text-white", sz.icon) })
+        children: /* @__PURE__ */ jsx50(Icon, { className: cn("text-white", sz.icon) })
       }
-    ) : /* @__PURE__ */ jsx49(
+    ) : /* @__PURE__ */ jsx50(
       "div",
       {
         className: cn("rounded-full ring-2 ring-background", sz.dot, cls, active && "ring-primary/40 ring-4 scale-125"),
         style: dotColor ? { background: color } : void 0
       }
     ),
-    !last && showLine && /* @__PURE__ */ jsx49("div", { className: cn("flex-1 border-l-2", LINE_STYLE_MAP[lineStyle]), style: { borderColor: lineColor || "hsl(var(--border))" } })
+    !last && showLine && /* @__PURE__ */ jsx50("div", { className: cn("flex-1 border-l-2", LINE_STYLE_MAP[lineStyle]), style: { borderColor: lineColor || "hsl(var(--border))" } })
   ] });
 };
 var TimelineRoot = React42.forwardRef(
@@ -13958,14 +14474,14 @@ var TimelineRoot = React42.forwardRef(
     children,
     ...rest
   }, ref) => {
-    const content = items ? items.map((it, i) => /* @__PURE__ */ jsx49(TimelineItem, { ...it, className: cn(itemClassName, it.className), "data-index": i, "data-last": i === (items?.length ?? 0) - 1 }, i)) : children;
-    return /* @__PURE__ */ jsx49(TimelineContext.Provider, { value: { align, variant, size, mode, lineColor, lineStyle, itemClassName, animate, dense, showLine }, children: /* @__PURE__ */ jsx49(
+    const content = items ? items.map((it, i) => /* @__PURE__ */ jsx50(TimelineItem, { ...it, className: cn(itemClassName, it.className), "data-index": i, "data-last": i === (items?.length ?? 0) - 1 }, i)) : children;
+    return /* @__PURE__ */ jsx50(TimelineContext.Provider, { value: { align, variant, size, mode, lineColor, lineStyle, itemClassName, animate, dense, showLine }, children: /* @__PURE__ */ jsx50(
       "div",
       {
         ref,
         className: cn("relative", mode === "horizontal" && "flex gap-4 overflow-x-auto", mode === "vertical" && "space-y-0", className),
         ...rest,
-        children: mode === "vertical" ? /* @__PURE__ */ jsx49("div", { className: "space-y-0", children: content }) : content
+        children: mode === "vertical" ? /* @__PURE__ */ jsx50("div", { className: "space-y-0", children: content }) : content
       }
     ) });
   }
@@ -14013,37 +14529,37 @@ var TimelineItem = React42.forwardRef(
       modern: "rounded-xl bg-linear-to-r from-card to-muted/20 border border-border/50 px-5 py-4 backdrop-blur-sm",
       gradient: "rounded-2xl bg-linear-to-br from-primary/10 via-card to-accent/10 border border-primary/20 px-5 py-4 shadow-lg"
     };
-    const contentBox = /* @__PURE__ */ jsxs44("div", { className: cn("min-w-0 flex-1", variantClasses2[ctx.variant]), children: [
-      /* @__PURE__ */ jsxs44("div", { className: "flex items-start justify-between gap-2", children: [
-        /* @__PURE__ */ jsxs44("div", { className: "flex-1 min-w-0", children: [
-          title && /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx49("div", { className: cn("font-semibold text-foreground", sz.title), children: title }),
-            badge && /* @__PURE__ */ jsx49("span", { className: "px-2 py-0.5 rounded-full text-[10px] font-medium bg-primary/10 text-primary", children: badge })
+    const contentBox = /* @__PURE__ */ jsxs45("div", { className: cn("min-w-0 flex-1", variantClasses2[ctx.variant]), children: [
+      /* @__PURE__ */ jsxs45("div", { className: "flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ jsxs45("div", { className: "flex-1 min-w-0", children: [
+          title && /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx50("div", { className: cn("font-semibold text-foreground", sz.title), children: title }),
+            badge && /* @__PURE__ */ jsx50("span", { className: "px-2 py-0.5 rounded-full text-[10px] font-medium bg-primary/10 text-primary", children: badge })
           ] }),
-          description && /* @__PURE__ */ jsx49("div", { className: cn("text-muted-foreground mt-1", sz.desc), children: description }),
-          children && /* @__PURE__ */ jsx49("div", { className: "mt-2", children })
+          description && /* @__PURE__ */ jsx50("div", { className: cn("text-muted-foreground mt-1", sz.desc), children: description }),
+          children && /* @__PURE__ */ jsx50("div", { className: "mt-2", children })
         ] }),
-        collapsible && /* @__PURE__ */ jsx49(
+        collapsible && /* @__PURE__ */ jsx50(
           "button",
           {
             type: "button",
             onClick: toggleExpanded,
             className: cn("text-muted-foreground hover:text-foreground transition-transform p-1", isExpanded && "rotate-180"),
-            children: /* @__PURE__ */ jsx49(ChevronDown5, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx50(ChevronDown5, { className: "h-4 w-4" })
           }
         )
       ] }),
-      time && /* @__PURE__ */ jsx49("div", { className: cn("mt-2 text-muted-foreground flex items-center gap-1", sz.time), children: time }),
-      collapsible && isExpanded && expandContent && /* @__PURE__ */ jsx49("div", { className: "mt-3 pt-3 border-t border-border/50 text-sm", children: expandContent })
+      time && /* @__PURE__ */ jsx50("div", { className: cn("mt-2 text-muted-foreground flex items-center gap-1", sz.time), children: time }),
+      collapsible && isExpanded && expandContent && /* @__PURE__ */ jsx50("div", { className: "mt-3 pt-3 border-t border-border/50 text-sm", children: expandContent })
     ] });
     const markerWidth = Icon || dot ? "w-auto" : "w-6";
-    const leftSide = /* @__PURE__ */ jsxs44(
+    const leftSide = /* @__PURE__ */ jsxs45(
       "div",
       {
         className: cn("flex items-stretch gap-4", padding, ctx.animate && "animate-in slide-in-from-left duration-500"),
         style: { animationDelay: ctx.animate ? `${(idx ?? 0) * 100}ms` : void 0 },
         children: [
-          /* @__PURE__ */ jsx49("div", { className: cn("shrink-0 flex items-stretch", markerWidth), children: /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsx50("div", { className: cn("shrink-0 flex items-stretch", markerWidth), children: /* @__PURE__ */ jsx50(
             Marker,
             {
               index: idx ?? 0,
@@ -14059,18 +14575,18 @@ var TimelineItem = React42.forwardRef(
               showLine: ctx.showLine
             }
           ) }),
-          /* @__PURE__ */ jsx49("div", { className: "flex-1", children: contentBox })
+          /* @__PURE__ */ jsx50("div", { className: "flex-1", children: contentBox })
         ]
       }
     );
-    const rightSide = /* @__PURE__ */ jsxs44(
+    const rightSide = /* @__PURE__ */ jsxs45(
       "div",
       {
         className: cn("flex items-stretch gap-4", padding, ctx.animate && "animate-in slide-in-from-right duration-500"),
         style: { animationDelay: ctx.animate ? `${(idx ?? 0) * 100}ms` : void 0 },
         children: [
-          /* @__PURE__ */ jsx49("div", { className: "flex-1 flex justify-end", children: contentBox }),
-          /* @__PURE__ */ jsx49("div", { className: cn("shrink-0 flex items-stretch", markerWidth), children: /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsx50("div", { className: "flex-1 flex justify-end", children: contentBox }),
+          /* @__PURE__ */ jsx50("div", { className: cn("shrink-0 flex items-stretch", markerWidth), children: /* @__PURE__ */ jsx50(
             Marker,
             {
               index: idx ?? 0,
@@ -14089,13 +14605,13 @@ var TimelineItem = React42.forwardRef(
         ]
       }
     );
-    const horizontalItem = /* @__PURE__ */ jsxs44(
+    const horizontalItem = /* @__PURE__ */ jsxs45(
       "div",
       {
         className: cn("flex flex-col items-center gap-2 min-w-50", ctx.animate && "animate-in fade-in-50 zoom-in-95 duration-500"),
         style: { animationDelay: ctx.animate ? `${(idx ?? 0) * 100}ms` : void 0 },
         children: [
-          /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsx50(
             Marker,
             {
               index: idx ?? 0,
@@ -14111,7 +14627,7 @@ var TimelineItem = React42.forwardRef(
               showLine: false
             }
           ),
-          !isLast && ctx.showLine && /* @__PURE__ */ jsx49(
+          !isLast && ctx.showLine && /* @__PURE__ */ jsx50(
             "div",
             {
               className: cn("h-px w-full border-t-2", LINE_STYLE_MAP[ctx.lineStyle]),
@@ -14123,12 +14639,12 @@ var TimelineItem = React42.forwardRef(
       }
     );
     if (ctx.mode === "horizontal") {
-      return /* @__PURE__ */ jsx49("div", { ref, className: cn("relative", className), ...rest, children: horizontalItem });
+      return /* @__PURE__ */ jsx50("div", { ref, className: cn("relative", className), ...rest, children: horizontalItem });
     }
     let row = leftSide;
     if (ctx.align === "right") row = rightSide;
     if (ctx.align === "alternate") row = (idx ?? 0) % 2 === 0 ? leftSide : rightSide;
-    return /* @__PURE__ */ jsx49("div", { ref, className: cn("relative", className), ...rest, children: row });
+    return /* @__PURE__ */ jsx50("div", { ref, className: cn("relative", className), ...rest, children: row });
   }
 );
 TimelineItem.displayName = "Timeline.Item";
@@ -14137,8 +14653,8 @@ var Timeline_default = Timeline;
 
 // ../../components/ui/ColorPicker.tsx
 import * as React43 from "react";
-import { Pipette, X as X13, Copy, Check as Check8, Palette, History } from "lucide-react";
-import { jsx as jsx50, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Pipette, X as X14, Copy, Check as Check9, Palette, History } from "lucide-react";
+import { jsx as jsx51, jsxs as jsxs46 } from "react/jsx-runtime";
 var clamp6 = (n, min, max) => Math.max(min, Math.min(max, n));
 function hexToRgb(hex) {
   const str = hex.replace(/^#/, "").trim();
@@ -14297,7 +14813,7 @@ var Swatch = ({
     md: "h-6 w-6",
     lg: "h-8 w-8"
   };
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     "button",
     {
       type: "button",
@@ -14417,7 +14933,7 @@ function ColorPicker({
     lg: "h-12 text-base"
   };
   const swatchSize = size === "sm" ? "sm" : size === "lg" ? "lg" : "md";
-  const trigger = /* @__PURE__ */ jsxs45(
+  const trigger = /* @__PURE__ */ jsxs46(
     "button",
     {
       type: "button",
@@ -14431,17 +14947,17 @@ function ColorPicker({
       ),
       "aria-label": "Open color picker",
       children: [
-        /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx51(
             "span",
             {
               className: cn("rounded-md border border-border shadow-sm", size === "sm" ? "h-4 w-4" : size === "lg" ? "h-6 w-6" : "h-5 w-5"),
               style: { backgroundColor: withAlpha ? `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${rgba.a})` : hexForInput }
             }
           ),
-          /* @__PURE__ */ jsx50("span", { className: "font-mono text-muted-foreground", children: text })
+          /* @__PURE__ */ jsx51("span", { className: "font-mono text-muted-foreground", children: text })
         ] }),
-        /* @__PURE__ */ jsx50(Pipette, { className: cn(size === "sm" ? "w-3.5 h-3.5" : size === "lg" ? "w-5 h-5" : "w-4 h-4", "text-muted-foreground") })
+        /* @__PURE__ */ jsx51(Pipette, { className: cn(size === "sm" ? "w-3.5 h-3.5" : size === "lg" ? "w-5 h-5" : "w-4 h-4", "text-muted-foreground") })
       ]
     }
   );
@@ -14451,7 +14967,7 @@ function ColorPicker({
     default: 320,
     full: 360
   };
-  return /* @__PURE__ */ jsx50("div", { className: cn("inline-block w-full", className), ...rest, children: /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51("div", { className: cn("inline-block w-full", className), ...rest, children: /* @__PURE__ */ jsx51(
     Popover,
     {
       trigger,
@@ -14461,9 +14977,9 @@ function ColorPicker({
       matchTriggerWidth: variant === "minimal",
       contentWidth: contentWidthByVariant[variant],
       contentClassName: cn("p-3 rounded-2xl md:rounded-3xl border border-border bg-card shadow-lg", contentClassName),
-      children: /* @__PURE__ */ jsxs45("div", { className: "space-y-3", children: [
-        variant !== "minimal" && /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx50(
+      children: /* @__PURE__ */ jsxs46("div", { className: "space-y-3", children: [
+        variant !== "minimal" && /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx51(
             "input",
             {
               type: "color",
@@ -14472,19 +14988,19 @@ function ColorPicker({
               className: "h-9 w-9 rounded-lg cursor-pointer border border-border"
             }
           ),
-          /* @__PURE__ */ jsxs45(
+          /* @__PURE__ */ jsxs46(
             "button",
             {
               type: "button",
               onClick: tryEyedropper,
               className: cn("h-9 px-3 rounded-lg border border-border text-xs hover:bg-accent/10 transition-colors flex items-center gap-1.5"),
               children: [
-                /* @__PURE__ */ jsx50(Pipette, { className: "w-3.5 h-3.5" }),
+                /* @__PURE__ */ jsx51(Pipette, { className: "w-3.5 h-3.5" }),
                 variant === "full" && "Pick"
               ]
             }
           ),
-          copyable && /* @__PURE__ */ jsxs45(
+          copyable && /* @__PURE__ */ jsxs46(
             "button",
             {
               type: "button",
@@ -14494,26 +15010,26 @@ function ColorPicker({
                 copied && "bg-success/10 border-success/30"
               ),
               children: [
-                copied ? /* @__PURE__ */ jsx50(Check8, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ jsx50(Copy, { className: "w-3.5 h-3.5" }),
+                copied ? /* @__PURE__ */ jsx51(Check9, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ jsx51(Copy, { className: "w-3.5 h-3.5" }),
                 variant === "full" && (copied ? "Copied!" : "Copy")
               ]
             }
           ),
-          clearable && /* @__PURE__ */ jsxs45(
+          clearable && /* @__PURE__ */ jsxs46(
             "button",
             {
               type: "button",
               onClick: clear,
               className: "ml-auto h-9 px-2 rounded-lg border border-border text-xs hover:bg-destructive/10 transition-colors flex items-center gap-1",
               children: [
-                /* @__PURE__ */ jsx50(X13, { className: "w-3.5 h-3.5" }),
+                /* @__PURE__ */ jsx51(X14, { className: "w-3.5 h-3.5" }),
                 variant === "full" && "Clear"
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx50(
+        /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx51(
             Input_default,
             {
               value: text,
@@ -14524,7 +15040,7 @@ function ColorPicker({
               className: "flex-1"
             }
           ),
-          variant === "minimal" && copyable && /* @__PURE__ */ jsx50(
+          variant === "minimal" && copyable && /* @__PURE__ */ jsx51(
             "button",
             {
               type: "button",
@@ -14533,11 +15049,11 @@ function ColorPicker({
                 "h-9 w-9 rounded-lg border border-border hover:bg-accent/10 transition-colors flex items-center justify-center",
                 copied && "bg-success/10 border-success/30"
               ),
-              children: copied ? /* @__PURE__ */ jsx50(Check8, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ jsx50(Copy, { className: "w-3.5 h-3.5" })
+              children: copied ? /* @__PURE__ */ jsx51(Check9, { className: "w-3.5 h-3.5 text-success" }) : /* @__PURE__ */ jsx51(Copy, { className: "w-3.5 h-3.5" })
             }
           )
         ] }),
-        withAlpha && /* @__PURE__ */ jsx50("div", { className: "pt-1", children: /* @__PURE__ */ jsx50(
+        withAlpha && /* @__PURE__ */ jsx51("div", { className: "pt-1", children: /* @__PURE__ */ jsx51(
           Slider,
           {
             min: 0,
@@ -14551,12 +15067,12 @@ function ColorPicker({
             size: "sm"
           }
         ) }),
-        variant !== "minimal" && /* @__PURE__ */ jsxs45("div", { children: [
-          /* @__PURE__ */ jsxs45("div", { className: "text-xs font-medium text-muted-foreground mb-2 flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx50(Palette, { className: "w-3.5 h-3.5" }),
+        variant !== "minimal" && /* @__PURE__ */ jsxs46("div", { children: [
+          /* @__PURE__ */ jsxs46("div", { className: "text-xs font-medium text-muted-foreground mb-2 flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx51(Palette, { className: "w-3.5 h-3.5" }),
             " Presets"
           ] }),
-          /* @__PURE__ */ jsx50("div", { className: "grid grid-cols-8 gap-2", children: swatches.map((c) => /* @__PURE__ */ jsx50(
+          /* @__PURE__ */ jsx51("div", { className: "grid grid-cols-8 gap-2", children: swatches.map((c) => /* @__PURE__ */ jsx51(
             Swatch,
             {
               color: c,
@@ -14572,12 +15088,12 @@ function ColorPicker({
             c
           )) })
         ] }),
-        showRecent && recentColors.length > 0 && /* @__PURE__ */ jsxs45("div", { children: [
-          /* @__PURE__ */ jsxs45("div", { className: "text-xs font-medium text-muted-foreground mb-2 flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx50(History, { className: "w-3.5 h-3.5" }),
+        showRecent && recentColors.length > 0 && /* @__PURE__ */ jsxs46("div", { children: [
+          /* @__PURE__ */ jsxs46("div", { className: "text-xs font-medium text-muted-foreground mb-2 flex items-center gap-1.5", children: [
+            /* @__PURE__ */ jsx51(History, { className: "w-3.5 h-3.5" }),
             " Recent"
           ] }),
-          /* @__PURE__ */ jsx50("div", { className: "flex gap-2 flex-wrap", children: recentColors.map((c, i) => /* @__PURE__ */ jsx50(
+          /* @__PURE__ */ jsx51("div", { className: "flex gap-2 flex-wrap", children: recentColors.map((c, i) => /* @__PURE__ */ jsx51(
             Swatch,
             {
               color: c,
@@ -14593,12 +15109,12 @@ function ColorPicker({
             `${c}-${i}`
           )) })
         ] }),
-        showHarmony && harmony && variant !== "minimal" && /* @__PURE__ */ jsxs45("div", { children: [
-          /* @__PURE__ */ jsx50("div", { className: "text-xs font-medium text-muted-foreground mb-2", children: "Harmony" }),
-          /* @__PURE__ */ jsxs45("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx50("span", { className: "text-xs text-muted-foreground w-24", children: "Complementary" }),
-              /* @__PURE__ */ jsx50(
+        showHarmony && harmony && variant !== "minimal" && /* @__PURE__ */ jsxs46("div", { children: [
+          /* @__PURE__ */ jsx51("div", { className: "text-xs font-medium text-muted-foreground mb-2", children: "Harmony" }),
+          /* @__PURE__ */ jsxs46("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx51("span", { className: "text-xs text-muted-foreground w-24", children: "Complementary" }),
+              /* @__PURE__ */ jsx51(
                 Swatch,
                 {
                   color: harmony.complementary,
@@ -14612,11 +15128,11 @@ function ColorPicker({
                   }
                 }
               ),
-              /* @__PURE__ */ jsx50("span", { className: "text-xs font-mono text-muted-foreground", children: harmony.complementary })
+              /* @__PURE__ */ jsx51("span", { className: "text-xs font-mono text-muted-foreground", children: harmony.complementary })
             ] }),
-            /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx50("span", { className: "text-xs text-muted-foreground w-24", children: "Triadic" }),
-              /* @__PURE__ */ jsx50("div", { className: "flex gap-2", children: harmony.triadic.map((c) => /* @__PURE__ */ jsx50(
+            /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx51("span", { className: "text-xs text-muted-foreground w-24", children: "Triadic" }),
+              /* @__PURE__ */ jsx51("div", { className: "flex gap-2", children: harmony.triadic.map((c) => /* @__PURE__ */ jsx51(
                 Swatch,
                 {
                   color: c,
@@ -14632,9 +15148,9 @@ function ColorPicker({
                 c
               )) })
             ] }),
-            /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx50("span", { className: "text-xs text-muted-foreground w-24", children: "Analogous" }),
-              /* @__PURE__ */ jsx50("div", { className: "flex gap-2", children: harmony.analogous.map((c) => /* @__PURE__ */ jsx50(
+            /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx51("span", { className: "text-xs text-muted-foreground w-24", children: "Analogous" }),
+              /* @__PURE__ */ jsx51("div", { className: "flex gap-2", children: harmony.analogous.map((c) => /* @__PURE__ */ jsx51(
                 Swatch,
                 {
                   color: c,
@@ -14659,7 +15175,7 @@ function ColorPicker({
 
 // ../../components/ui/Grid.tsx
 import React44, { useId as useId7 } from "react";
-import { Fragment as Fragment20, jsx as jsx51, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx52, jsxs as jsxs47 } from "react/jsx-runtime";
 var BP_MIN = {
   sm: 640,
   md: 768,
@@ -14766,7 +15282,7 @@ var GridRoot = React44.forwardRef(
         css += `}}`;
       });
     }
-    return /* @__PURE__ */ jsxs46(
+    return /* @__PURE__ */ jsxs47(
       "div",
       {
         ref,
@@ -14774,7 +15290,7 @@ var GridRoot = React44.forwardRef(
         style,
         ...rest,
         children: [
-          /* @__PURE__ */ jsx51("style", { dangerouslySetInnerHTML: { __html: css } }),
+          /* @__PURE__ */ jsx52("style", { dangerouslySetInnerHTML: { __html: css } }),
           children
         ]
       }
@@ -14816,8 +15332,8 @@ var GridItem = React44.forwardRef(
       st.opacity = 0;
       st.animation = `uvGridItemFadeIn 0.5s ease-out forwards`;
     }
-    return /* @__PURE__ */ jsxs46(Fragment20, { children: [
-      animationDelay != null && /* @__PURE__ */ jsx51(
+    return /* @__PURE__ */ jsxs47(Fragment21, { children: [
+      animationDelay != null && /* @__PURE__ */ jsx52(
         "style",
         {
           dangerouslySetInnerHTML: {
@@ -14825,7 +15341,7 @@ var GridItem = React44.forwardRef(
           }
         }
       ),
-      /* @__PURE__ */ jsx51(
+      /* @__PURE__ */ jsx52(
         "div",
         {
           ref,
@@ -14846,15 +15362,15 @@ var Grid = Object.assign(GridRoot, { Item: GridItem });
 var Grid_default = Grid;
 
 // ../../components/ui/LineChart.tsx
-import { useMemo as useMemo15, useState as useState38, useRef as useRef16 } from "react";
+import { useMemo as useMemo16, useState as useState39, useRef as useRef17 } from "react";
 
 // ../../components/ui/ChartTooltip.tsx
-import { useEffect as useEffect24, useState as useState37 } from "react";
+import { useEffect as useEffect24, useState as useState38 } from "react";
 import { createPortal as createPortal6 } from "react-dom";
-import { Fragment as Fragment21, jsx as jsx52, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx53, jsxs as jsxs48 } from "react/jsx-runtime";
 function ChartTooltip({ x, y, visible, label, value, color, secondaryLabel, secondaryValue, items, containerRef }) {
-  const [isMounted, setIsMounted] = useState37(false);
-  const [position, setPosition] = useState37(null);
+  const [isMounted, setIsMounted] = useState38(false);
+  const [position, setPosition] = useState38(null);
   useEffect24(() => {
     setIsMounted(true);
   }, []);
@@ -14868,7 +15384,7 @@ function ChartTooltip({ x, y, visible, label, value, color, secondaryLabel, seco
     }
   }, [visible, x, y, containerRef]);
   if (!visible || !isMounted || !position) return null;
-  const tooltipContent = /* @__PURE__ */ jsxs47(
+  const tooltipContent = /* @__PURE__ */ jsxs48(
     "div",
     {
       style: {
@@ -14880,7 +15396,7 @@ function ChartTooltip({ x, y, visible, label, value, color, secondaryLabel, seco
         animation: "chartTooltipFadeIn 0.15s ease-out"
       },
       children: [
-        /* @__PURE__ */ jsxs47(
+        /* @__PURE__ */ jsxs48(
           "div",
           {
             className: cn("bg-popover text-popover-foreground border border-border", "rounded-2xl shadow-xl px-3 py-2 text-sm", "backdrop-blur-sm"),
@@ -14890,20 +15406,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__ */ jsx52("div", { className: "text-muted-foreground text-xs mb-1", children: label }),
-              items && items.length > 0 ? /* @__PURE__ */ jsx52("div", { className: "flex flex-col gap-1", children: items.map((item, i) => /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-2", children: [
-                item.color && /* @__PURE__ */ jsx52("div", { className: "w-2 h-2 rounded-full shrink-0", style: { backgroundColor: item.color } }),
-                /* @__PURE__ */ jsxs47("span", { className: "text-muted-foreground", children: [
+              label && /* @__PURE__ */ jsx53("div", { className: "text-muted-foreground text-xs mb-1", children: label }),
+              items && items.length > 0 ? /* @__PURE__ */ jsx53("div", { className: "flex flex-col gap-1", children: items.map((item, i) => /* @__PURE__ */ jsxs48("div", { className: "flex items-center gap-2", children: [
+                item.color && /* @__PURE__ */ jsx53("div", { className: "w-2 h-2 rounded-full shrink-0", style: { backgroundColor: item.color } }),
+                /* @__PURE__ */ jsxs48("span", { className: "text-muted-foreground", children: [
                   item.label,
                   ":"
                 ] }),
-                /* @__PURE__ */ jsx52("span", { className: "font-semibold ml-auto", children: item.value })
-              ] }, i)) }) : /* @__PURE__ */ jsxs47(Fragment21, { children: [
-                /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-2", children: [
-                  color && /* @__PURE__ */ jsx52("div", { className: "w-2 h-2 rounded-full shrink-0", style: { backgroundColor: color } }),
-                  /* @__PURE__ */ jsx52("span", { className: "font-semibold", children: value })
+                /* @__PURE__ */ jsx53("span", { className: "font-semibold ml-auto", children: item.value })
+              ] }, i)) }) : /* @__PURE__ */ jsxs48(Fragment22, { children: [
+                /* @__PURE__ */ jsxs48("div", { className: "flex items-center gap-2", children: [
+                  color && /* @__PURE__ */ jsx53("div", { className: "w-2 h-2 rounded-full shrink-0", style: { backgroundColor: color } }),
+                  /* @__PURE__ */ jsx53("span", { className: "font-semibold", children: value })
                 ] }),
-                secondaryLabel && /* @__PURE__ */ jsxs47("div", { className: "text-muted-foreground text-xs mt-1", children: [
+                secondaryLabel && /* @__PURE__ */ jsxs48("div", { className: "text-muted-foreground text-xs mt-1", children: [
                   secondaryLabel,
                   ": ",
                   secondaryValue
@@ -14912,7 +15428,7 @@ function ChartTooltip({ x, y, visible, label, value, color, secondaryLabel, seco
             ]
           }
         ),
-        /* @__PURE__ */ jsx52("style", { children: `
+        /* @__PURE__ */ jsx53("style", { children: `
         @keyframes chartTooltipFadeIn {
           from { opacity: 0; transform: translateX(-5px); }
           to { opacity: 1; transform: translateX(0); }
@@ -14925,7 +15441,7 @@ function ChartTooltip({ x, y, visible, label, value, color, secondaryLabel, seco
 }
 
 // ../../components/ui/LineChart.tsx
-import { Fragment as Fragment22, jsx as jsx53, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx54, jsxs as jsxs49 } from "react/jsx-runtime";
 function LineChart({
   data,
   width = 400,
@@ -14940,12 +15456,12 @@ function LineChart({
   curved = true,
   className = ""
 }) {
-  const svgRef = useRef16(null);
+  const svgRef = useRef17(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] = useState38(null);
-  const { minValue, maxValue, points, linePath, areaPath } = useMemo15(() => {
+  const [hoveredPoint, setHoveredPoint] = useState39(null);
+  const { minValue, maxValue, points, linePath, areaPath } = useMemo16(() => {
     if (!data.length) return { minValue: 0, maxValue: 0, points: [], linePath: "", areaPath: "" };
     const values = data.map((d) => d.value);
     const min = Math.min(...values);
@@ -14980,7 +15496,7 @@ function LineChart({
     }
     return { minValue: min, maxValue: max, points: pts, linePath: path, areaPath: area };
   }, [data, chartWidth, chartHeight, curved, padding.left, padding.top]);
-  const gridLines = useMemo15(() => {
+  const gridLines = useMemo16(() => {
     const lines = [];
     const steps = 5;
     for (let i = 0; i <= steps; i++) {
@@ -14990,14 +15506,14 @@ function LineChart({
     }
     return lines;
   }, [minValue, maxValue, chartHeight, padding.top]);
-  return /* @__PURE__ */ jsxs48(Fragment22, { children: [
-    /* @__PURE__ */ jsxs48("svg", { ref: svgRef, width, height, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
-      showGrid && /* @__PURE__ */ jsx53("g", { className: "text-muted-foreground/20", children: gridLines.map((line, i) => /* @__PURE__ */ jsxs48("g", { children: [
-        /* @__PURE__ */ jsx53("line", { x1: padding.left, y1: line.y, x2: width - padding.right, y2: line.y, stroke: "currentColor", strokeDasharray: "4 4" }),
-        /* @__PURE__ */ jsx53("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__ */ jsxs49(Fragment23, { children: [
+    /* @__PURE__ */ jsxs49("svg", { ref: svgRef, width, height, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
+      showGrid && /* @__PURE__ */ jsx54("g", { className: "text-muted-foreground/20", children: gridLines.map((line, i) => /* @__PURE__ */ jsxs49("g", { children: [
+        /* @__PURE__ */ jsx54("line", { x1: padding.left, y1: line.y, x2: width - padding.right, y2: line.y, stroke: "currentColor", strokeDasharray: "4 4" }),
+        /* @__PURE__ */ jsx54("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__ */ jsx53("path", { d: areaPath, fill: fillColor, opacity: 0.2, className: animated ? "animate-[fadeIn_0.6s_ease-out]" : "" }),
-      linePath && /* @__PURE__ */ jsx53(
+      fillColor && areaPath && /* @__PURE__ */ jsx54("path", { d: areaPath, fill: fillColor, opacity: 0.2, className: animated ? "animate-[fadeIn_0.6s_ease-out]" : "" }),
+      linePath && /* @__PURE__ */ jsx54(
         "path",
         {
           d: linePath,
@@ -15014,14 +15530,14 @@ function LineChart({
           } : void 0
         }
       ),
-      showDots && points.map((point, i) => /* @__PURE__ */ jsxs48(
+      showDots && points.map((point, i) => /* @__PURE__ */ jsxs49(
         "g",
         {
           onMouseEnter: () => setHoveredPoint({ x: point.x, y: point.y, label: point.label, value: point.value }),
           onMouseLeave: () => setHoveredPoint(null),
           className: "cursor-pointer",
           children: [
-            /* @__PURE__ */ jsx53(
+            /* @__PURE__ */ jsx54(
               "circle",
               {
                 cx: point.x,
@@ -15032,14 +15548,14 @@ function LineChart({
                 style: animated ? { animationDelay: `${i * 0.05}s`, animationFillMode: "both" } : void 0
               }
             ),
-            /* @__PURE__ */ jsx53("circle", { cx: point.x, cy: point.y, r: 16, fill: "transparent" }),
-            showValues && /* @__PURE__ */ jsx53("text", { x: point.x, y: point.y - 12, textAnchor: "middle", fontSize: "10", fontWeight: "500", className: "text-foreground", fill: "currentColor", children: point.value })
+            /* @__PURE__ */ jsx54("circle", { cx: point.x, cy: point.y, r: 16, fill: "transparent" }),
+            showValues && /* @__PURE__ */ jsx54("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__ */ jsxs48("g", { className: "pointer-events-none", children: [
-        /* @__PURE__ */ jsx53(
+      hoveredPoint && /* @__PURE__ */ jsxs49("g", { className: "pointer-events-none", children: [
+        /* @__PURE__ */ jsx54(
           "line",
           {
             x1: hoveredPoint.x,
@@ -15052,7 +15568,7 @@ function LineChart({
             opacity: 0.5
           }
         ),
-        /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx54(
           "line",
           {
             x1: padding.left,
@@ -15066,8 +15582,8 @@ function LineChart({
           }
         )
       ] }),
-      showLabels && points.map((point, i) => /* @__PURE__ */ jsx53("text", { x: point.x, y: height - 10, textAnchor: "middle", fontSize: "10", className: "text-muted-foreground", fill: "currentColor", children: point.label }, i)),
-      /* @__PURE__ */ jsx53("style", { children: `
+      showLabels && points.map((point, i) => /* @__PURE__ */ jsx54("text", { x: point.x, y: height - 10, textAnchor: "middle", fontSize: "10", className: "text-muted-foreground", fill: "currentColor", children: point.label }, i)),
+      /* @__PURE__ */ jsx54("style", { children: `
           @keyframes drawLine {
             from { stroke-dashoffset: 1000; }
             to { stroke-dashoffset: 0; }
@@ -15082,7 +15598,7 @@ function LineChart({
           }
         ` })
     ] }),
-    /* @__PURE__ */ jsx53(
+    /* @__PURE__ */ jsx54(
       ChartTooltip,
       {
         x: hoveredPoint?.x ?? 0,
@@ -15098,8 +15614,8 @@ function LineChart({
 }
 
 // ../../components/ui/BarChart.tsx
-import { useMemo as useMemo16, useState as useState39, useRef as useRef17 } from "react";
-import { Fragment as Fragment23, jsx as jsx54, jsxs as jsxs49 } from "react/jsx-runtime";
+import { useMemo as useMemo17, useState as useState40, useRef as useRef18 } from "react";
+import { Fragment as Fragment24, jsx as jsx55, jsxs as jsxs50 } from "react/jsx-runtime";
 function BarChart({
   data,
   width = 400,
@@ -15114,12 +15630,12 @@ function BarChart({
   barGap = 0.3,
   className = ""
 }) {
-  const svgRef = useRef17(null);
+  const svgRef = useRef18(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] = useState39(null);
-  const { maxValue, bars, gridLines } = useMemo16(() => {
+  const [hoveredBar, setHoveredBar] = useState40(null);
+  const { maxValue, bars, gridLines } = useMemo17(() => {
     if (!data.length) return { maxValue: 0, bars: [], gridLines: [] };
     const max = Math.max(...data.map((d) => d.value));
     const barCount = data.length;
@@ -15168,16 +15684,16 @@ function BarChart({
     }
     return { maxValue: max, bars: barsData, gridLines: lines };
   }, [data, chartWidth, chartHeight, horizontal, barGap, padding, width, height]);
-  return /* @__PURE__ */ jsxs49(Fragment23, { children: [
-    /* @__PURE__ */ jsxs49("svg", { ref: svgRef, width, height, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
-      showGrid && /* @__PURE__ */ jsx54("g", { className: "text-muted-foreground/20", children: gridLines.map((line, i) => /* @__PURE__ */ jsx54("g", { children: horizontal ? /* @__PURE__ */ jsxs49(Fragment23, { children: [
-        /* @__PURE__ */ jsx54("line", { x1: line.x, y1: line.y1, x2: line.x, y2: line.y2, stroke: "currentColor", strokeDasharray: "4 4" }),
-        /* @__PURE__ */ jsx54("text", { x: line.x, y: height - 8, textAnchor: "middle", fontSize: "10", className: "text-muted-foreground", fill: "currentColor", children: line.value.toFixed(0) })
-      ] }) : /* @__PURE__ */ jsxs49(Fragment23, { children: [
-        /* @__PURE__ */ jsx54("line", { x1: line.x1, y1: line.y, x2: line.x2, y2: line.y, stroke: "currentColor", strokeDasharray: "4 4" }),
-        /* @__PURE__ */ jsx54("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__ */ jsxs50(Fragment24, { children: [
+    /* @__PURE__ */ jsxs50("svg", { ref: svgRef, width, height, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
+      showGrid && /* @__PURE__ */ jsx55("g", { className: "text-muted-foreground/20", children: gridLines.map((line, i) => /* @__PURE__ */ jsx55("g", { children: horizontal ? /* @__PURE__ */ jsxs50(Fragment24, { children: [
+        /* @__PURE__ */ jsx55("line", { x1: line.x, y1: line.y1, x2: line.x, y2: line.y2, stroke: "currentColor", strokeDasharray: "4 4" }),
+        /* @__PURE__ */ jsx55("text", { x: line.x, y: height - 8, textAnchor: "middle", fontSize: "10", className: "text-muted-foreground", fill: "currentColor", children: line.value.toFixed(0) })
+      ] }) : /* @__PURE__ */ jsxs50(Fragment24, { children: [
+        /* @__PURE__ */ jsx55("line", { x1: line.x1, y1: line.y, x2: line.x2, y2: line.y, stroke: "currentColor", strokeDasharray: "4 4" }),
+        /* @__PURE__ */ jsx55("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__ */ jsxs49(
+      bars.map((bar, i) => /* @__PURE__ */ jsxs50(
         "g",
         {
           onMouseEnter: () => setHoveredBar({
@@ -15190,7 +15706,7 @@ function BarChart({
           onMouseLeave: () => setHoveredBar(null),
           className: "cursor-pointer",
           children: [
-            /* @__PURE__ */ jsxs49(
+            /* @__PURE__ */ jsxs50(
               "rect",
               {
                 x: bar.x,
@@ -15206,7 +15722,7 @@ function BarChart({
                   ...horizontal ? { width: 0 } : { height: 0, y: padding.top + chartHeight }
                 } : void 0,
                 children: [
-                  /* @__PURE__ */ jsx54(
+                  /* @__PURE__ */ jsx55(
                     "animate",
                     {
                       attributeName: horizontal ? "width" : "height",
@@ -15217,11 +15733,11 @@ function BarChart({
                       fill: "freeze"
                     }
                   ),
-                  !horizontal && /* @__PURE__ */ jsx54("animate", { attributeName: "y", from: padding.top + chartHeight, to: bar.y, dur: "0.5s", begin: `${i * 0.1}s`, fill: "freeze" })
+                  !horizontal && /* @__PURE__ */ jsx55("animate", { attributeName: "y", from: padding.top + chartHeight, to: bar.y, dur: "0.5s", begin: `${i * 0.1}s`, fill: "freeze" })
                 ]
               }
             ),
-            showValues && /* @__PURE__ */ jsx54(
+            showValues && /* @__PURE__ */ jsx55(
               "text",
               {
                 x: horizontal ? bar.x + bar.width + 8 : bar.x + bar.width / 2,
@@ -15235,7 +15751,7 @@ function BarChart({
                 children: bar.value
               }
             ),
-            showLabels && /* @__PURE__ */ jsx54(
+            showLabels && /* @__PURE__ */ jsx55(
               "text",
               {
                 x: horizontal ? padding.left - 8 : bar.x + bar.width / 2,
@@ -15251,7 +15767,7 @@ function BarChart({
         },
         i
       )),
-      /* @__PURE__ */ jsx54("style", { children: `
+      /* @__PURE__ */ jsx55("style", { children: `
           @keyframes growHeight {
             from { height: 0; }
           }
@@ -15264,7 +15780,7 @@ function BarChart({
           }
         ` })
     ] }),
-    /* @__PURE__ */ jsx54(
+    /* @__PURE__ */ jsx55(
       ChartTooltip,
       {
         x: hoveredBar?.x ?? 0,
@@ -15280,8 +15796,8 @@ function BarChart({
 }
 
 // ../../components/ui/PieChart.tsx
-import { useMemo as useMemo17, useState as useState40, useRef as useRef18 } from "react";
-import { jsx as jsx55, jsxs as jsxs50 } from "react/jsx-runtime";
+import { useMemo as useMemo18, useState as useState41, useRef as useRef19 } from "react";
+import { jsx as jsx56, jsxs as jsxs51 } from "react/jsx-runtime";
 function PieChart({
   data,
   size = 200,
@@ -15294,11 +15810,11 @@ function PieChart({
   startAngle = -90,
   className = ""
 }) {
-  const containerRef = useRef18(null);
+  const containerRef = useRef19(null);
   const center = size / 2;
   const radius = size / 2 - 10;
   const innerRadius = donut ? radius - donutWidth : 0;
-  const { segments, total } = useMemo17(() => {
+  const { segments, total } = useMemo18(() => {
     if (!data.length) return { segments: [], total: 0 };
     const sum = data.reduce((acc, d) => acc + d.value, 0);
     let currentAngle = startAngle;
@@ -15344,11 +15860,11 @@ function PieChart({
     });
     return { segments: segs, total: sum };
   }, [data, center, radius, innerRadius, donut, startAngle]);
-  const [hoveredSegment, setHoveredSegment] = useState40(null);
-  return /* @__PURE__ */ jsxs50("div", { ref: containerRef, className: `relative flex items-center gap-6 ${className}`, children: [
-    /* @__PURE__ */ jsxs50("svg", { width: size + 40, height: size + 40, className: "overflow-visible", style: { fontFamily: "inherit" }, children: [
-      /* @__PURE__ */ jsxs50("g", { transform: `translate(20, 20)`, children: [
-        segments.map((seg, i) => /* @__PURE__ */ jsxs50(
+  const [hoveredSegment, setHoveredSegment] = useState41(null);
+  return /* @__PURE__ */ jsxs51("div", { ref: containerRef, className: `relative flex items-center gap-6 ${className}`, children: [
+    /* @__PURE__ */ jsxs51("svg", { width: size + 40, height: size + 40, className: "overflow-visible", style: { fontFamily: "inherit" }, children: [
+      /* @__PURE__ */ jsxs51("g", { transform: `translate(20, 20)`, children: [
+        segments.map((seg, i) => /* @__PURE__ */ jsxs51(
           "g",
           {
             onMouseEnter: () => setHoveredSegment({
@@ -15361,7 +15877,7 @@ function PieChart({
             }),
             onMouseLeave: () => setHoveredSegment(null),
             children: [
-              /* @__PURE__ */ jsx55(
+              /* @__PURE__ */ jsx56(
                 "path",
                 {
                   d: seg.path,
@@ -15377,7 +15893,7 @@ function PieChart({
                   }
                 }
               ),
-              showLabels && /* @__PURE__ */ jsx55(
+              showLabels && /* @__PURE__ */ jsx56(
                 "text",
                 {
                   x: seg.labelX,
@@ -15394,12 +15910,12 @@ function PieChart({
           },
           i
         )),
-        donut && /* @__PURE__ */ jsxs50("g", { children: [
-          /* @__PURE__ */ jsx55("text", { x: center, y: center - 5, textAnchor: "middle", fontSize: "12", className: "text-muted-foreground", fill: "currentColor", children: "Total" }),
-          /* @__PURE__ */ jsx55("text", { x: center, y: center + 15, textAnchor: "middle", fontSize: "18", fontWeight: "600", className: "text-foreground", fill: "currentColor", children: total })
+        donut && /* @__PURE__ */ jsxs51("g", { children: [
+          /* @__PURE__ */ jsx56("text", { x: center, y: center - 5, textAnchor: "middle", fontSize: "12", className: "text-muted-foreground", fill: "currentColor", children: "Total" }),
+          /* @__PURE__ */ jsx56("text", { x: center, y: center + 15, textAnchor: "middle", fontSize: "18", fontWeight: "600", className: "text-foreground", fill: "currentColor", children: total })
         ] })
       ] }),
-      /* @__PURE__ */ jsx55("style", { children: `
+      /* @__PURE__ */ jsx56("style", { children: `
           @keyframes pieSlice {
             from {
               opacity: 0;
@@ -15416,20 +15932,20 @@ function PieChart({
           }
         ` })
     ] }),
-    showLegend && /* @__PURE__ */ jsx55("div", { className: "flex flex-col gap-2", children: segments.map((seg, i) => /* @__PURE__ */ jsxs50(
+    showLegend && /* @__PURE__ */ jsx56("div", { className: "flex flex-col gap-2", children: segments.map((seg, i) => /* @__PURE__ */ jsxs51(
       "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__ */ jsx55("div", { className: "w-3 h-3 rounded-md shrink-0", style: { backgroundColor: seg.color } }),
-          /* @__PURE__ */ jsx55("span", { className: "text-muted-foreground", children: seg.label }),
-          /* @__PURE__ */ jsx55("span", { className: "text-foreground font-medium ml-auto", children: showPercentage ? `${(seg.percentage * 100).toFixed(0)}%` : seg.value })
+          /* @__PURE__ */ jsx56("div", { className: "w-3 h-3 rounded-md shrink-0", style: { backgroundColor: seg.color } }),
+          /* @__PURE__ */ jsx56("span", { className: "text-muted-foreground", children: seg.label }),
+          /* @__PURE__ */ jsx56("span", { className: "text-foreground font-medium ml-auto", children: showPercentage ? `${(seg.percentage * 100).toFixed(0)}%` : seg.value })
         ]
       },
       i
     )) }),
-    /* @__PURE__ */ jsx55(
+    /* @__PURE__ */ jsx56(
       ChartTooltip,
       {
         x: hoveredSegment?.x ?? center,
@@ -15445,8 +15961,8 @@ function PieChart({
 }
 
 // ../../components/ui/AreaChart.tsx
-import { useMemo as useMemo18, useState as useState41, useRef as useRef19 } from "react";
-import { jsx as jsx56, jsxs as jsxs51 } from "react/jsx-runtime";
+import { useMemo as useMemo19, useState as useState42, useRef as useRef20 } from "react";
+import { jsx as jsx57, jsxs as jsxs52 } from "react/jsx-runtime";
 function getCatmullRomSpline(points) {
   if (points.length < 2) return "";
   if (points.length === 2) {
@@ -15480,12 +15996,12 @@ function AreaChart({
   curved = true,
   className = ""
 }) {
-  const containerRef = useRef19(null);
+  const containerRef = useRef20(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] = useState41(null);
-  const { processedSeries, gridLines, maxValue, labels } = useMemo18(() => {
+  const [hoveredPoint, setHoveredPoint] = useState42(null);
+  const { processedSeries, gridLines, maxValue, labels } = useMemo19(() => {
     if (!series.length || !series[0]?.data?.length) {
       return { processedSeries: [], gridLines: [], maxValue: 0, labels: [] };
     }
@@ -15553,13 +16069,13 @@ function AreaChart({
     }
     return { processedSeries: processed, gridLines: lines, maxValue: max, labels: allLabels };
   }, [series, chartWidth, chartHeight, padding, stacked, curved]);
-  return /* @__PURE__ */ jsxs51("div", { ref: containerRef, className: `relative flex flex-col gap-4 ${className}`, children: [
-    /* @__PURE__ */ jsxs51("svg", { width, height, className: "overflow-visible", style: { fontFamily: "inherit" }, children: [
-      showGrid && /* @__PURE__ */ jsx56("g", { className: "text-muted-foreground/20", children: gridLines.map((line, i) => /* @__PURE__ */ jsxs51("g", { children: [
-        /* @__PURE__ */ jsx56("line", { x1: padding.left, y1: line.y, x2: width - padding.right, y2: line.y, stroke: "currentColor", strokeDasharray: "4 4" }),
-        /* @__PURE__ */ jsx56("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__ */ jsxs52("div", { ref: containerRef, className: `relative flex flex-col gap-4 ${className}`, children: [
+    /* @__PURE__ */ jsxs52("svg", { width, height, className: "overflow-visible", style: { fontFamily: "inherit" }, children: [
+      showGrid && /* @__PURE__ */ jsx57("g", { className: "text-muted-foreground/20", children: gridLines.map((line, i) => /* @__PURE__ */ jsxs52("g", { children: [
+        /* @__PURE__ */ jsx57("line", { x1: padding.left, y1: line.y, x2: width - padding.right, y2: line.y, stroke: "currentColor", strokeDasharray: "4 4" }),
+        /* @__PURE__ */ jsx57("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__ */ jsx56(
+      [...processedSeries].reverse().map((s, i) => /* @__PURE__ */ jsx57(
         "path",
         {
           d: s.areaPath,
@@ -15573,7 +16089,7 @@ function AreaChart({
         },
         `area-${i}`
       )),
-      processedSeries.map((s, i) => /* @__PURE__ */ jsx56(
+      processedSeries.map((s, i) => /* @__PURE__ */ jsx57(
         "path",
         {
           d: s.linePath,
@@ -15591,7 +16107,7 @@ function AreaChart({
         `line-${i}`
       )),
       showDots && processedSeries.map(
-        (s, seriesIdx) => s.points.map((point, i) => /* @__PURE__ */ jsxs51(
+        (s, seriesIdx) => s.points.map((point, i) => /* @__PURE__ */ jsxs52(
           "g",
           {
             onMouseEnter: () => {
@@ -15610,7 +16126,7 @@ function AreaChart({
             onMouseLeave: () => setHoveredPoint(null),
             className: "cursor-pointer",
             children: [
-              /* @__PURE__ */ jsx56(
+              /* @__PURE__ */ jsx57(
                 "circle",
                 {
                   cx: point.x,
@@ -15626,17 +16142,17 @@ function AreaChart({
                   } : void 0
                 }
               ),
-              /* @__PURE__ */ jsx56("circle", { cx: point.x, cy: point.y, r: 12, fill: "transparent" })
+              /* @__PURE__ */ jsx57("circle", { cx: point.x, cy: point.y, r: 12, fill: "transparent" })
             ]
           },
           `dot-${seriesIdx}-${i}`
         ))
       ),
-      showLabels && /* @__PURE__ */ jsx56("g", { className: "text-muted-foreground", children: labels.map((label, i) => {
+      showLabels && /* @__PURE__ */ jsx57("g", { className: "text-muted-foreground", children: labels.map((label, i) => {
         const x = padding.left + i / (labels.length - 1) * chartWidth;
-        return /* @__PURE__ */ jsx56("text", { x, y: height - 10, textAnchor: "middle", fontSize: "10", fill: "currentColor", children: label }, i);
+        return /* @__PURE__ */ jsx57("text", { x, y: height - 10, textAnchor: "middle", fontSize: "10", fill: "currentColor", children: label }, i);
       }) }),
-      hoveredPoint && /* @__PURE__ */ jsx56("g", { className: "pointer-events-none", children: /* @__PURE__ */ jsx56(
+      hoveredPoint && /* @__PURE__ */ jsx57("g", { className: "pointer-events-none", children: /* @__PURE__ */ jsx57(
         "line",
         {
           x1: hoveredPoint.x,
@@ -15650,7 +16166,7 @@ function AreaChart({
           className: "text-foreground"
         }
       ) }),
-      /* @__PURE__ */ jsx56("style", { children: `
+      /* @__PURE__ */ jsx57("style", { children: `
           @keyframes drawLine {
             to {
               stroke-dashoffset: 0;
@@ -15672,19 +16188,19 @@ function AreaChart({
           }
         ` })
     ] }),
-    showLegend && /* @__PURE__ */ jsx56("div", { className: "flex items-center justify-center gap-6", children: series.map((s, i) => /* @__PURE__ */ jsxs51(
+    showLegend && /* @__PURE__ */ jsx57("div", { className: "flex items-center justify-center gap-6", children: series.map((s, i) => /* @__PURE__ */ jsxs52(
       "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__ */ jsx56("div", { className: "w-3 h-3 rounded-md", style: { backgroundColor: s.color } }),
-          /* @__PURE__ */ jsx56("span", { className: "text-muted-foreground", children: s.name })
+          /* @__PURE__ */ jsx57("div", { className: "w-3 h-3 rounded-md", style: { backgroundColor: s.color } }),
+          /* @__PURE__ */ jsx57("span", { className: "text-muted-foreground", children: s.name })
         ]
       },
       i
     )) }),
-    /* @__PURE__ */ jsx56(
+    /* @__PURE__ */ jsx57(
       ChartTooltip,
       {
         x: hoveredPoint?.x ?? 0,
@@ -15699,8 +16215,8 @@ function AreaChart({
 }
 
 // ../../components/ui/Sparkline.tsx
-import { useMemo as useMemo19 } from "react";
-import { jsx as jsx57, jsxs as jsxs52 } from "react/jsx-runtime";
+import { useMemo as useMemo20 } from "react";
+import { jsx as jsx58, jsxs as jsxs53 } from "react/jsx-runtime";
 function getCatmullRomSpline2(points) {
   if (points.length < 2) return "";
   if (points.length === 2) {
@@ -15738,7 +16254,7 @@ function Sparkline({
   const padding = 4;
   const chartWidth = width - padding * 2;
   const chartHeight = height - padding * 2;
-  const { points, linePath, areaPath, lineLength, trend } = useMemo19(() => {
+  const { points, linePath, areaPath, lineLength, trend } = useMemo20(() => {
     const normalizedData = data.map((d) => typeof d === "number" ? d : d.value);
     if (!normalizedData.length) {
       return { points: [], linePath: "", areaPath: "", lineLength: 0, trend: 0 };
@@ -15762,8 +16278,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__ */ jsxs52("svg", { width, height, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
-    showFill && /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsxs53("svg", { width, height, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
+    showFill && /* @__PURE__ */ jsx58(
       "path",
       {
         d: areaPath,
@@ -15772,7 +16288,7 @@ function Sparkline({
         style: animated ? { opacity: 0, animation: "fadeIn 0.5s ease-out 0.3s forwards" } : void 0
       }
     ),
-    /* @__PURE__ */ jsx57(
+    /* @__PURE__ */ jsx58(
       "path",
       {
         d: linePath,
@@ -15788,7 +16304,7 @@ function Sparkline({
         } : void 0
       }
     ),
-    showDots && points.map((point, i) => /* @__PURE__ */ jsx57(
+    showDots && points.map((point, i) => /* @__PURE__ */ jsx58(
       "circle",
       {
         cx: point.x,
@@ -15802,7 +16318,7 @@ function Sparkline({
       },
       i
     )),
-    showEndDot && !showDots && points.length > 0 && /* @__PURE__ */ jsx57(
+    showEndDot && !showDots && points.length > 0 && /* @__PURE__ */ jsx58(
       "circle",
       {
         cx: points[points.length - 1].x,
@@ -15817,7 +16333,7 @@ function Sparkline({
         } : void 0
       }
     ),
-    /* @__PURE__ */ jsx57("style", { children: `
+    /* @__PURE__ */ jsx58("style", { children: `
         @keyframes drawLine {
           to {
             stroke-dashoffset: 0;
@@ -15842,8 +16358,8 @@ function Sparkline({
 }
 
 // ../../components/ui/RadarChart.tsx
-import { useMemo as useMemo20, useState as useState42, useRef as useRef20 } from "react";
-import { jsx as jsx58, jsxs as jsxs53 } from "react/jsx-runtime";
+import { useMemo as useMemo21, useState as useState43, useRef as useRef21 } from "react";
+import { jsx as jsx59, jsxs as jsxs54 } from "react/jsx-runtime";
 function RadarChart({
   series,
   size = 300,
@@ -15854,11 +16370,11 @@ function RadarChart({
   animated = true,
   className = ""
 }) {
-  const containerRef = useRef20(null);
+  const containerRef = useRef21(null);
   const center = size / 2;
   const radius = size / 2 - 40;
-  const [hoveredPoint, setHoveredPoint] = useState42(null);
-  const { axes, processedSeries, levelPaths } = useMemo20(() => {
+  const [hoveredPoint, setHoveredPoint] = useState43(null);
+  const { axes, processedSeries, levelPaths } = useMemo21(() => {
     if (!series.length || !series[0]?.data?.length) {
       return { axes: [], processedSeries: [], levelPaths: [] };
     }
@@ -15908,12 +16424,12 @@ function RadarChart({
     });
     return { axes: axesData, processedSeries: processed, levelPaths: levelsData };
   }, [series, center, radius, levels]);
-  return /* @__PURE__ */ jsxs53("div", { ref: containerRef, className: `relative flex flex-col gap-4 ${className}`, children: [
-    /* @__PURE__ */ jsxs53("svg", { width: size, height: size, className: "overflow-visible", style: { fontFamily: "inherit" }, children: [
-      /* @__PURE__ */ jsx58("g", { className: "text-muted-foreground/20", children: levelPaths.map((level, i) => /* @__PURE__ */ jsx58("path", { d: level.path, fill: "none", stroke: "currentColor", strokeWidth: 1 }, i)) }),
-      /* @__PURE__ */ jsx58("g", { className: "text-muted-foreground/30", children: axes.map((axis, i) => /* @__PURE__ */ jsx58("line", { x1: center, y1: center, x2: axis.x, y2: axis.y, stroke: "currentColor", strokeWidth: 1 }, i)) }),
-      processedSeries.map((s, i) => /* @__PURE__ */ jsxs53("g", { children: [
-        /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsxs54("div", { ref: containerRef, className: `relative flex flex-col gap-4 ${className}`, children: [
+    /* @__PURE__ */ jsxs54("svg", { width: size, height: size, className: "overflow-visible", style: { fontFamily: "inherit" }, children: [
+      /* @__PURE__ */ jsx59("g", { className: "text-muted-foreground/20", children: levelPaths.map((level, i) => /* @__PURE__ */ jsx59("path", { d: level.path, fill: "none", stroke: "currentColor", strokeWidth: 1 }, i)) }),
+      /* @__PURE__ */ jsx59("g", { className: "text-muted-foreground/30", children: axes.map((axis, i) => /* @__PURE__ */ jsx59("line", { x1: center, y1: center, x2: axis.x, y2: axis.y, stroke: "currentColor", strokeWidth: 1 }, i)) }),
+      processedSeries.map((s, i) => /* @__PURE__ */ jsxs54("g", { children: [
+        /* @__PURE__ */ jsx59(
           "path",
           {
             d: s.path,
@@ -15931,7 +16447,7 @@ function RadarChart({
             } : void 0
           }
         ),
-        s.points.map((point, j) => /* @__PURE__ */ jsxs53(
+        s.points.map((point, j) => /* @__PURE__ */ jsxs54(
           "g",
           {
             onMouseEnter: () => {
@@ -15950,7 +16466,7 @@ function RadarChart({
             onMouseLeave: () => setHoveredPoint(null),
             className: "cursor-pointer",
             children: [
-              /* @__PURE__ */ jsx58(
+              /* @__PURE__ */ jsx59(
                 "circle",
                 {
                   cx: point.x,
@@ -15966,12 +16482,12 @@ function RadarChart({
                   } : void 0
                 }
               ),
-              /* @__PURE__ */ jsx58("circle", { cx: point.x, cy: point.y, r: 12, fill: "transparent" })
+              /* @__PURE__ */ jsx59("circle", { cx: point.x, cy: point.y, r: 12, fill: "transparent" })
             ]
           },
           j
         )),
-        showValues && s.points.map((point, j) => /* @__PURE__ */ jsx58(
+        showValues && s.points.map((point, j) => /* @__PURE__ */ jsx59(
           "text",
           {
             x: point.x,
@@ -15987,8 +16503,8 @@ function RadarChart({
           `val-${j}`
         ))
       ] }, i)),
-      showLabels && /* @__PURE__ */ jsx58("g", { className: "text-muted-foreground", children: axes.map((axis, i) => /* @__PURE__ */ jsx58("text", { x: axis.labelX, y: axis.labelY, textAnchor: "middle", dominantBaseline: "middle", fontSize: "11", fill: "currentColor", children: axis.label }, i)) }),
-      /* @__PURE__ */ jsx58("style", { children: `
+      showLabels && /* @__PURE__ */ jsx59("g", { className: "text-muted-foreground", children: axes.map((axis, i) => /* @__PURE__ */ jsx59("text", { x: axis.labelX, y: axis.labelY, textAnchor: "middle", dominantBaseline: "middle", fontSize: "11", fill: "currentColor", children: axis.label }, i)) }),
+      /* @__PURE__ */ jsx59("style", { children: `
           @keyframes radarPop {
             from {
               opacity: 0;
@@ -16015,19 +16531,19 @@ function RadarChart({
           }
         ` })
     ] }),
-    showLegend && /* @__PURE__ */ jsx58("div", { className: "flex items-center justify-center gap-6", children: series.map((s, i) => /* @__PURE__ */ jsxs53(
+    showLegend && /* @__PURE__ */ jsx59("div", { className: "flex items-center justify-center gap-6", children: series.map((s, i) => /* @__PURE__ */ jsxs54(
       "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__ */ jsx58("div", { className: "w-3 h-3 rounded-md", style: { backgroundColor: s.color } }),
-          /* @__PURE__ */ jsx58("span", { className: "text-muted-foreground", children: s.name })
+          /* @__PURE__ */ jsx59("div", { className: "w-3 h-3 rounded-md", style: { backgroundColor: s.color } }),
+          /* @__PURE__ */ jsx59("span", { className: "text-muted-foreground", children: s.name })
         ]
       },
       i
     )) }),
-    /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsx59(
       ChartTooltip,
       {
         x: hoveredPoint?.x ?? 0,
@@ -16042,8 +16558,8 @@ function RadarChart({
 }
 
 // ../../components/ui/GaugeChart.tsx
-import { useMemo as useMemo21 } from "react";
-import { jsx as jsx59, jsxs as jsxs54 } from "react/jsx-runtime";
+import { useMemo as useMemo22 } from "react";
+import { jsx as jsx60, jsxs as jsxs55 } from "react/jsx-runtime";
 function GaugeChart({
   value,
   min = 0,
@@ -16062,7 +16578,7 @@ function GaugeChart({
 }) {
   const center = size / 2;
   const radius = center - thickness / 2 - 10;
-  const { backgroundPath, valuePath, percentage, needleAngle } = useMemo21(() => {
+  const { backgroundPath, valuePath, percentage, needleAngle } = useMemo22(() => {
     const normalizedValue = Math.min(Math.max(value, min), max);
     const pct = (normalizedValue - min) / (max - min);
     const totalAngle = endAngle - startAngle;
@@ -16091,8 +16607,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__ */ jsxs54("svg", { width: size, height: size * 0.7, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
-    /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsxs55("svg", { width: size, height: size * 0.7, className: `overflow-visible ${className}`, style: { fontFamily: "inherit" }, children: [
+    /* @__PURE__ */ jsx60(
       "path",
       {
         d: backgroundPath,
@@ -16103,7 +16619,7 @@ function GaugeChart({
         className: !backgroundColor ? "text-muted-foreground/20" : ""
       }
     ),
-    /* @__PURE__ */ jsx59(
+    /* @__PURE__ */ jsx60(
       "path",
       {
         d: valuePath,
@@ -16118,7 +16634,7 @@ function GaugeChart({
         } : void 0
       }
     ),
-    /* @__PURE__ */ jsxs54(
+    /* @__PURE__ */ jsxs55(
       "g",
       {
         style: animated ? {
@@ -16131,14 +16647,14 @@ function GaugeChart({
           transformOrigin: `${center}px ${center}px`
         },
         children: [
-          /* @__PURE__ */ jsx59("line", { x1: center, y1: center, x2: center + needleLength, y2: center, stroke: color, strokeWidth: 3, strokeLinecap: "round" }),
-          /* @__PURE__ */ jsx59("circle", { cx: center, cy: center, r: 8, fill: color }),
-          /* @__PURE__ */ jsx59("circle", { cx: center, cy: center, r: 4, className: "text-background", fill: "currentColor" })
+          /* @__PURE__ */ jsx60("line", { x1: center, y1: center, x2: center + needleLength, y2: center, stroke: color, strokeWidth: 3, strokeLinecap: "round" }),
+          /* @__PURE__ */ jsx60("circle", { cx: center, cy: center, r: 8, fill: color }),
+          /* @__PURE__ */ jsx60("circle", { cx: center, cy: center, r: 4, className: "text-background", fill: "currentColor" })
         ]
       }
     ),
-    showMinMax && /* @__PURE__ */ jsxs54("g", { className: "text-muted-foreground", children: [
-      /* @__PURE__ */ jsx59(
+    showMinMax && /* @__PURE__ */ jsxs55("g", { className: "text-muted-foreground", children: [
+      /* @__PURE__ */ jsx60(
         "text",
         {
           x: center + (radius + 20) * Math.cos(startAngle * Math.PI / 180),
@@ -16149,7 +16665,7 @@ function GaugeChart({
           children: min
         }
       ),
-      /* @__PURE__ */ jsx59(
+      /* @__PURE__ */ jsx60(
         "text",
         {
           x: center + (radius + 20) * Math.cos(endAngle * Math.PI / 180),
@@ -16161,8 +16677,8 @@ function GaugeChart({
         }
       )
     ] }),
-    showValue && /* @__PURE__ */ jsxs54("g", { children: [
-      /* @__PURE__ */ jsx59(
+    showValue && /* @__PURE__ */ jsxs55("g", { children: [
+      /* @__PURE__ */ jsx60(
         "text",
         {
           x: center,
@@ -16176,7 +16692,7 @@ function GaugeChart({
           children: value
         }
       ),
-      label && /* @__PURE__ */ jsx59(
+      label && /* @__PURE__ */ jsx60(
         "text",
         {
           x: center,
@@ -16190,7 +16706,7 @@ function GaugeChart({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx59("style", { children: `
+    /* @__PURE__ */ jsx60("style", { children: `
         @keyframes drawArc {
           to {
             stroke-dashoffset: 0;
@@ -16210,22 +16726,22 @@ function GaugeChart({
 }
 
 // ../../components/ui/ClientOnly.tsx
-import { useEffect as useEffect25, useState as useState43 } from "react";
-import { Fragment as Fragment24, jsx as jsx60 } from "react/jsx-runtime";
+import { useEffect as useEffect25, useState as useState44 } from "react";
+import { Fragment as Fragment25, jsx as jsx61 } from "react/jsx-runtime";
 function ClientOnly({ children, fallback = null }) {
-  const [hasMounted, setHasMounted] = useState43(false);
+  const [hasMounted, setHasMounted] = useState44(false);
   useEffect25(() => {
     setHasMounted(true);
   }, []);
   if (!hasMounted) {
-    return /* @__PURE__ */ jsx60(Fragment24, { children: fallback });
+    return /* @__PURE__ */ jsx61(Fragment25, { children: fallback });
   }
-  return /* @__PURE__ */ jsx60(Fragment24, { children });
+  return /* @__PURE__ */ jsx61(Fragment25, { children });
 }
 
 // ../../components/ui/Loading.tsx
 import { Activity as Activity3 } from "lucide-react";
-import { jsx as jsx61, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs56 } from "react/jsx-runtime";
 var LoadingSpinner = ({
   size = "md",
   className,
@@ -16241,7 +16757,7 @@ var LoadingSpinner = ({
     foreground: "text-foreground",
     muted: "text-muted-foreground"
   };
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     Activity3,
     {
       className: cn(
@@ -16262,7 +16778,7 @@ var LoadingDots = ({
     foreground: "bg-foreground",
     muted: "bg-muted-foreground"
   };
-  return /* @__PURE__ */ jsx61("div", { className: cn("flex items-center space-x-1", className), children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62("div", { className: cn("flex items-center space-x-1", className), children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx62(
     "div",
     {
       className: cn(
@@ -16284,7 +16800,7 @@ var LoadingBar = ({
   label
 }) => {
   const pct = progress ? Math.min(Math.max(progress, 0), 100) : void 0;
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     "div",
     {
       className: cn("w-full bg-muted rounded-full h-2", className),
@@ -16293,7 +16809,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__ */ jsx61(
+      children: /* @__PURE__ */ jsx62(
         "div",
         {
           className: cn(
@@ -16311,8 +16827,8 @@ var LoadingBar = ({
 
 // ../../components/ui/Table.tsx
 import React53 from "react";
-import { jsx as jsx62, jsxs as jsxs56 } from "react/jsx-runtime";
-var Table = React53.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx62(
+import { jsx as jsx63, jsxs as jsxs57 } from "react/jsx-runtime";
+var Table = React53.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx63(
   "div",
   {
     className: cn(
@@ -16322,20 +16838,20 @@ var Table = React53.forwardRef(({ className, containerClassName, ...props }, ref
       "backdrop-blur-sm transition-all duration-300",
       containerClassName
     ),
-    children: /* @__PURE__ */ jsx62("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props })
+    children: /* @__PURE__ */ jsx63("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props })
   }
 ));
 Table.displayName = "Table";
-var TableHeader = React53.forwardRef(({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ jsxs56("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border", "bg-muted", className), ...props, children: [
+var TableHeader = React53.forwardRef(({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ jsxs57("thead", { ref, className: cn("[&_tr]:border-b [&_tr]:border-border", "bg-muted", className), ...props, children: [
   children,
   filterRow
 ] }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx62("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+var TableBody = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx62("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
+var TableFooter = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
 TableFooter.displayName = "TableFooter";
-var TableRow = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx62(
+var TableRow = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63(
   "tr",
   {
     ref,
@@ -16349,7 +16865,7 @@ var TableRow = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx62(
+var TableHead = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63(
   "th",
   {
     ref,
@@ -16358,9 +16874,9 @@ var TableHead = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx62("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props }));
+var TableCell = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props }));
 TableCell.displayName = "TableCell";
-var TableCaption = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx62("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
+var TableCaption = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
 TableCaption.displayName = "TableCaption";
 
 // ../../components/ui/DataTable/DataTable.tsx
@@ -16368,7 +16884,7 @@ import { Filter as FilterIcon } from "lucide-react";
 import React57 from "react";
 
 // ../../components/ui/DataTable/components/Pagination.tsx
-import { jsx as jsx63, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs58 } from "react/jsx-runtime";
 function DataTablePagination({
   totalItems,
   curPage,
@@ -16379,16 +16895,16 @@ function DataTablePagination({
 }) {
   const totalPages = Math.ceil(totalItems / curPageSize);
   if (!(totalItems > 0 && totalPages > 1)) return null;
-  return /* @__PURE__ */ jsxs57("div", { className: "flex items-center justify-between gap-2 px-1 pt-3 text-xs text-muted-foreground", children: [
-    /* @__PURE__ */ jsxs57("div", { className: "tabular-nums", children: [
+  return /* @__PURE__ */ jsxs58("div", { className: "flex items-center justify-between gap-2 px-1 pt-3 text-xs text-muted-foreground", children: [
+    /* @__PURE__ */ jsxs58("div", { className: "tabular-nums", children: [
       (curPage - 1) * curPageSize + 1,
       "-",
       Math.min(curPage * curPageSize, totalItems),
       "/",
       totalItems
     ] }),
-    /* @__PURE__ */ jsxs57("div", { className: "flex items-center gap-0.5", children: [
-      /* @__PURE__ */ jsx63(
+    /* @__PURE__ */ jsxs58("div", { className: "flex items-center gap-0.5", children: [
+      /* @__PURE__ */ jsx64(
         Button_default,
         {
           variant: "ghost",
@@ -16396,7 +16912,7 @@ function DataTablePagination({
           className: "h-7 w-7 p-0 rounded-full",
           onClick: () => setCurPage(Math.max(1, curPage - 1)),
           disabled: curPage === 1,
-          children: /* @__PURE__ */ jsx63("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx63("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
+          children: /* @__PURE__ */ jsx64("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx64("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) })
         }
       ),
       (() => {
@@ -16413,7 +16929,7 @@ function DataTablePagination({
           pages.push(totalPages);
         }
         return pages.map(
-          (p, i) => p === "..." ? /* @__PURE__ */ jsx63("span", { className: "px-1 text-muted-foreground/60", children: "\u2026" }, `dots-${i}`) : /* @__PURE__ */ jsx63(
+          (p, i) => p === "..." ? /* @__PURE__ */ jsx64("span", { className: "px-1 text-muted-foreground/60", children: "\u2026" }, `dots-${i}`) : /* @__PURE__ */ jsx64(
             "button",
             {
               onClick: () => setCurPage(p),
@@ -16427,7 +16943,7 @@ function DataTablePagination({
           )
         );
       })(),
-      /* @__PURE__ */ jsx63(
+      /* @__PURE__ */ jsx64(
         Button_default,
         {
           variant: "ghost",
@@ -16435,11 +16951,11 @@ function DataTablePagination({
           className: "h-7 w-7 p-0 rounded-full",
           onClick: () => setCurPage(Math.min(totalPages, curPage + 1)),
           disabled: curPage === totalPages,
-          children: /* @__PURE__ */ jsx63("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx63("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
+          children: /* @__PURE__ */ jsx64("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx64("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })
         }
       )
     ] }),
-    pageSizeOptions && /* @__PURE__ */ jsx63(
+    pageSizeOptions && /* @__PURE__ */ jsx64(
       Combobox,
       {
         options: pageSizeOptions.map(String),
@@ -16553,7 +17069,7 @@ function getLeafColumnsWithFixedInheritance(columns, inheritedFixed) {
 }
 
 // ../../components/ui/DataTable/components/Toolbar.tsx
-import { jsx as jsx64, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs59 } from "react/jsx-runtime";
 function DataTableToolbar({
   caption,
   toolbar,
@@ -16569,14 +17085,14 @@ function DataTableToolbar({
   labels,
   t
 }) {
-  return /* @__PURE__ */ jsxs58("div", { className: "flex items-center justify-between gap-4 mb-1", children: [
-    /* @__PURE__ */ jsx64("div", { className: "text-sm text-muted-foreground", children: caption }),
-    /* @__PURE__ */ jsxs58("div", { className: "flex items-center gap-2", children: [
-      enableDensityToggle && /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsxs59("div", { className: "flex items-center justify-between gap-4 mb-1", children: [
+    /* @__PURE__ */ jsx65("div", { className: "text-sm text-muted-foreground", children: caption }),
+    /* @__PURE__ */ jsxs59("div", { className: "flex items-center gap-2", children: [
+      enableDensityToggle && /* @__PURE__ */ jsx65(
         DropdownMenu_default,
         {
-          trigger: /* @__PURE__ */ jsxs58(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
-            /* @__PURE__ */ jsx64("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx64("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 10h16M4 14h16M4 18h16" }) }),
+          trigger: /* @__PURE__ */ jsxs59(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
+            /* @__PURE__ */ jsx65("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx65("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 10h16M4 14h16M4 18h16" }) }),
             labels?.density || t("density")
           ] }),
           items: [
@@ -16588,11 +17104,11 @@ function DataTableToolbar({
       ),
       enableColumnVisibilityToggle && (() => {
         const leafCols = getLeafColumns(columns);
-        return /* @__PURE__ */ jsx64(
+        return /* @__PURE__ */ jsx65(
           DropdownMenu_default,
           {
-            trigger: /* @__PURE__ */ jsxs58(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
-              /* @__PURE__ */ jsx64("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx64(
+            trigger: /* @__PURE__ */ jsxs59(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
+              /* @__PURE__ */ jsx65("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx65(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -16603,15 +17119,15 @@ function DataTableToolbar({
               ) }),
               labels?.columns || t("columns")
             ] }),
-            children: leafCols.map((c) => /* @__PURE__ */ jsxs58(
+            children: leafCols.map((c) => /* @__PURE__ */ jsxs59(
               DropdownMenuItem,
               {
                 onClick: () => {
                   setVisibleCols((prev) => prev.includes(c.key) ? prev.filter((k) => k !== c.key) : [...prev, c.key]);
                 },
                 children: [
-                  /* @__PURE__ */ jsx64("input", { type: "checkbox", className: "mr-2 rounded-md border-border", readOnly: true, checked: visibleCols.includes(c.key) }),
-                  /* @__PURE__ */ jsx64("span", { className: "truncate", children: c.title })
+                  /* @__PURE__ */ jsx65("input", { type: "checkbox", className: "mr-2 rounded-md border-border", readOnly: true, checked: visibleCols.includes(c.key) }),
+                  /* @__PURE__ */ jsx65("span", { className: "truncate", children: c.title })
                 ]
               },
               c.key
@@ -16619,11 +17135,11 @@ function DataTableToolbar({
           }
         );
       })(),
-      enableHeaderAlignToggle && /* @__PURE__ */ jsx64(
+      enableHeaderAlignToggle && /* @__PURE__ */ jsx65(
         DropdownMenu_default,
         {
-          trigger: /* @__PURE__ */ jsxs58(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
-            /* @__PURE__ */ jsx64("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx64("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h10M4 18h16" }) }),
+          trigger: /* @__PURE__ */ jsxs59(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
+            /* @__PURE__ */ jsx65("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx65("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h10M4 18h16" }) }),
             labels?.headerAlign || t("headerAlign")
           ] }),
           items: [
@@ -16862,7 +17378,7 @@ function validateColumns(columns) {
 }
 
 // ../../components/ui/DataTable/DataTable.tsx
-import { Fragment as Fragment25, jsx as jsx65, jsxs as jsxs59 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx66, jsxs as jsxs60 } from "react/jsx-runtime";
 function DataTable({
   columns,
   data,
@@ -16947,7 +17463,7 @@ function DataTable({
     const k = col.key;
     const commonProps = { className: "h-8 w-full text-sm" };
     if (col.filter.type === "text") {
-      return /* @__PURE__ */ jsx65(
+      return /* @__PURE__ */ jsx66(
         Input_default,
         {
           ...commonProps,
@@ -16962,7 +17478,7 @@ function DataTable({
     }
     if (col.filter.type === "select") {
       const options = col.filter.options || [];
-      return /* @__PURE__ */ jsx65(
+      return /* @__PURE__ */ jsx66(
         Combobox,
         {
           options: ["", ...options],
@@ -16978,7 +17494,7 @@ function DataTable({
       );
     }
     if (col.filter.type === "date") {
-      return /* @__PURE__ */ jsx65(
+      return /* @__PURE__ */ jsx66(
         DatePicker,
         {
           placeholder: col.filter.placeholder || `Select ${String(col.title)}`,
@@ -16995,7 +17511,7 @@ function DataTable({
   const headerRows = React57.useMemo(() => buildHeaderRows(visibleColumns), [visibleColumns]);
   const renderHeaderContent = (col, isLeaf) => {
     if (!isLeaf) {
-      return /* @__PURE__ */ jsx65(
+      return /* @__PURE__ */ jsx66(
         "div",
         {
           className: cn(
@@ -17004,15 +17520,15 @@ function DataTable({
             col.align === "center" && "justify-center",
             !col.align && "justify-start"
           ),
-          children: /* @__PURE__ */ jsx65("span", { className: "font-medium text-sm whitespace-nowrap", children: col.title })
+          children: /* @__PURE__ */ jsx66("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__ */ jsxs59("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ jsx65("span", { className: "font-medium text-sm whitespace-nowrap", children: col.title }),
-      col.sortable && /* @__PURE__ */ jsx65(
+    const titleContent = /* @__PURE__ */ jsxs60("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx66("span", { className: "font-medium text-sm whitespace-nowrap", children: col.title }),
+      col.sortable && /* @__PURE__ */ jsx66(
         "button",
         {
           className: cn(
@@ -17029,8 +17545,8 @@ function DataTable({
           },
           "aria-label": "Sort",
           title: `Sort by ${String(col.title)}`,
-          children: /* @__PURE__ */ jsxs59("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "none", className: "inline-block", children: [
-            /* @__PURE__ */ jsx65(
+          children: /* @__PURE__ */ jsxs60("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "none", className: "inline-block", children: [
+            /* @__PURE__ */ jsx66(
               "path",
               {
                 d: "M7 8l3-3 3 3",
@@ -17041,7 +17557,7 @@ function DataTable({
                 opacity: sort?.key === col.key && sort.order === "asc" ? 1 : 0.4
               }
             ),
-            /* @__PURE__ */ jsx65(
+            /* @__PURE__ */ jsx66(
               "path",
               {
                 d: "M7 12l3 3 3-3",
@@ -17056,11 +17572,11 @@ function DataTable({
         }
       )
     ] });
-    const filterContent = col.filter ? /* @__PURE__ */ jsx65(
+    const filterContent = col.filter ? /* @__PURE__ */ jsx66(
       Popover,
       {
         placement: "bottom-start",
-        trigger: /* @__PURE__ */ jsx65(
+        trigger: /* @__PURE__ */ jsx66(
           "button",
           {
             className: cn(
@@ -17069,13 +17585,13 @@ function DataTable({
             ),
             "aria-label": "Filter",
             title: `Filter by ${String(col.title)}`,
-            children: /* @__PURE__ */ jsx65(FilterIcon, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsx66(FilterIcon, { className: "w-4 h-4" })
           }
         ),
-        children: /* @__PURE__ */ jsxs59("div", { className: "p-3 w-64 space-y-3", children: [
-          /* @__PURE__ */ jsxs59("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsx65("div", { className: "text-sm font-medium", children: col.title }),
-            filters[col.key] !== void 0 && filters[col.key] !== null && filters[col.key] !== "" && /* @__PURE__ */ jsx65(
+        children: /* @__PURE__ */ jsxs60("div", { className: "p-3 w-64 space-y-3", children: [
+          /* @__PURE__ */ jsxs60("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx66("div", { className: "text-sm font-medium", children: col.title }),
+            filters[col.key] !== void 0 && filters[col.key] !== null && filters[col.key] !== "" && /* @__PURE__ */ jsx66(
               "button",
               {
                 onClick: () => {
@@ -17091,7 +17607,7 @@ function DataTable({
         ] })
       }
     ) : null;
-    return /* @__PURE__ */ jsx65(
+    return /* @__PURE__ */ jsx66(
       "div",
       {
         className: cn(
@@ -17100,23 +17616,23 @@ function DataTable({
           isCenterAlign && "justify-center",
           !isRightAlign && !isCenterAlign && "justify-start"
         ),
-        children: isRightAlign ? /* @__PURE__ */ jsxs59(Fragment25, { children: [
+        children: isRightAlign ? /* @__PURE__ */ jsxs60(Fragment26, { children: [
           filterContent,
           titleContent
-        ] }) : /* @__PURE__ */ jsxs59(Fragment25, { children: [
+        ] }) : /* @__PURE__ */ jsxs60(Fragment26, { children: [
           titleContent,
           filterContent
         ] })
       }
     );
   };
-  const renderHeader = /* @__PURE__ */ jsx65(Fragment25, { children: headerRows.map((row, rowIndex) => /* @__PURE__ */ jsx65(TableRow, { children: row.map((headerCell, cellIndex) => {
+  const renderHeader = /* @__PURE__ */ jsx66(Fragment26, { children: headerRows.map((row, rowIndex) => /* @__PURE__ */ jsx66(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__ */ jsx65(
+    return /* @__PURE__ */ jsx66(
       TableHead,
       {
         colSpan,
@@ -17172,8 +17688,8 @@ function DataTable({
     const start = (curPage - 1) * curPageSize;
     return processedData.slice(start, start + curPageSize);
   }, [processedData, curPage, curPageSize]);
-  return /* @__PURE__ */ jsxs59("div", { className: cn("space-y-2", className), children: [
-    /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsxs60("div", { className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ jsx66(
       DataTableToolbar,
       {
         caption,
@@ -17191,7 +17707,7 @@ function DataTable({
         t
       }
     ),
-    /* @__PURE__ */ jsx65(
+    /* @__PURE__ */ jsx66(
       "div",
       {
         className: cn("relative rounded-2xl md:rounded-3xl border border-border/50", loading2 && "opacity-60 pointer-events-none"),
@@ -17200,7 +17716,7 @@ function DataTable({
           overflowY: "auto",
           overflowX: "auto"
         } : { overflowX: "auto" },
-        children: /* @__PURE__ */ jsxs59(
+        children: /* @__PURE__ */ jsxs60(
           Table,
           {
             containerClassName: cn("border-0 md:border-0 rounded-none md:rounded-none shadow-none bg-transparent", "overflow-visible"),
@@ -17210,11 +17726,11 @@ function DataTable({
             ),
             style: { minWidth: totalColumnsWidth > 0 ? `${totalColumnsWidth}px` : void 0 },
             children: [
-              /* @__PURE__ */ jsx65(TableHeader, { children: renderHeader }),
-              /* @__PURE__ */ jsx65(TableBody, { children: loading2 ? /* @__PURE__ */ jsx65(TableRow, { children: /* @__PURE__ */ jsx65(TableCell, { colSpan: leafColumns.length, className: "text-center py-8", children: /* @__PURE__ */ jsxs59("div", { className: "flex items-center justify-center gap-2 text-muted-foreground", children: [
-                /* @__PURE__ */ jsxs59("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
-                  /* @__PURE__ */ jsx65("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-                  /* @__PURE__ */ jsx65(
+              /* @__PURE__ */ jsx66(TableHeader, { children: renderHeader }),
+              /* @__PURE__ */ jsx66(TableBody, { children: loading2 ? /* @__PURE__ */ jsx66(TableRow, { children: /* @__PURE__ */ jsx66(TableCell, { colSpan: leafColumns.length, className: "text-center py-8", children: /* @__PURE__ */ jsxs60("div", { className: "flex items-center justify-center gap-2 text-muted-foreground", children: [
+                /* @__PURE__ */ jsxs60("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
+                  /* @__PURE__ */ jsx66("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+                  /* @__PURE__ */ jsx66(
                     "path",
                     {
                       className: "opacity-75",
@@ -17223,13 +17739,13 @@ function DataTable({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs59("span", { className: "text-sm", children: [
+                /* @__PURE__ */ jsxs60("span", { className: "text-sm", children: [
                   t("loading"),
                   "\u2026"
                 ] })
-              ] }) }) }) : !displayedData || displayedData.length === 0 ? /* @__PURE__ */ jsx65(TableRow, { children: /* @__PURE__ */ jsx65(TableCell, { colSpan: leafColumns.length, className: "text-center py-6 text-muted-foreground", children: t("noData") }) }) : displayedData.map((row, idx) => {
+              ] }) }) }) : !displayedData || displayedData.length === 0 ? /* @__PURE__ */ jsx66(TableRow, { children: /* @__PURE__ */ jsx66(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__ */ jsx65(
+                return /* @__PURE__ */ jsx66(
                   TableRow,
                   {
                     className: cn(densityRowClass),
@@ -17243,7 +17759,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__ */ jsx65(
+                      return /* @__PURE__ */ jsx66(
                         TableCell,
                         {
                           style: getStickyColumnStyle(col),
@@ -17271,7 +17787,7 @@ function DataTable({
         )
       }
     ),
-    /* @__PURE__ */ jsx65(
+    /* @__PURE__ */ jsx66(
       DataTablePagination,
       {
         totalItems,
@@ -17289,7 +17805,7 @@ var DataTable_default = DataTable;
 // ../../components/ui/Form.tsx
 import * as React58 from "react";
 import { Controller, FormProvider, useFormContext, useForm } from "react-hook-form";
-import { jsx as jsx66, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs61 } from "react/jsx-runtime";
 var FormConfigContext = React58.createContext({ size: "md" });
 var FormWrapper = ({
   children,
@@ -17309,14 +17825,14 @@ var FormWrapper = ({
     }
   }, [JSON.stringify(initialValues)]);
   const { validationSchema: _, ...formProps } = props;
-  return /* @__PURE__ */ jsx66(FormProvider, { ...methods, children: /* @__PURE__ */ jsx66(FormConfigContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx66("form", { onSubmit: methods.handleSubmit(onSubmit), className, ...formProps, children }) }) });
+  return /* @__PURE__ */ jsx67(FormProvider, { ...methods, children: /* @__PURE__ */ jsx67(FormConfigContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx67("form", { onSubmit: methods.handleSubmit(onSubmit), className, ...formProps, children }) }) });
 };
 var Form = FormWrapper;
 var FormFieldContext = React58.createContext({});
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ jsx66(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx66(Controller, { ...props }) });
+  return /* @__PURE__ */ jsx67(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx67(Controller, { ...props }) });
 };
 var useFormField = () => {
   const fieldContext = React58.useContext(FormFieldContext);
@@ -17344,7 +17860,7 @@ var useFormField = () => {
 var FormItemContext = React58.createContext({});
 var FormItem = React58.forwardRef(({ className, ...props }, ref) => {
   const id = React58.useId();
-  return /* @__PURE__ */ jsx66(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx66("div", { ref, className: cn("space-y-2", className), ...props }) });
+  return /* @__PURE__ */ jsx67(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx67("div", { ref, className: cn("space-y-2", className), ...props }) });
 });
 FormItem.displayName = "FormItem";
 var FormLabel = React58.forwardRef(
@@ -17352,16 +17868,16 @@ var FormLabel = React58.forwardRef(
     const { error, formItemId } = useFormField();
     const config = React58.useContext(FormConfigContext);
     const sizeClass = config.size === "sm" ? "text-xs" : config.size === "lg" ? "text-base" : "text-sm";
-    return /* @__PURE__ */ jsxs60(Label, { ref, className: cn(sizeClass, error && "text-destructive", className), htmlFor: formItemId, ...props, children: [
+    return /* @__PURE__ */ jsxs61(Label, { ref, className: cn(sizeClass, error && "text-destructive", className), htmlFor: formItemId, ...props, children: [
       children,
-      required && /* @__PURE__ */ jsx66("span", { className: "text-destructive ml-1", children: "*" })
+      required && /* @__PURE__ */ jsx67("span", { className: "text-destructive ml-1", children: "*" })
     ] });
   }
 );
 FormLabel.displayName = "FormLabel";
 var FormControl = React58.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx67(
     "div",
     {
       ref,
@@ -17375,7 +17891,7 @@ var FormControl = React58.forwardRef(({ ...props }, ref) => {
 FormControl.displayName = "FormControl";
 var FormDescription = React58.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx66("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx67("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
 });
 FormDescription.displayName = "FormDescription";
 var FormMessage = React58.forwardRef(({ className, children, ...props }, ref) => {
@@ -17384,26 +17900,26 @@ var FormMessage = React58.forwardRef(({ className, children, ...props }, ref) =>
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ jsx66("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
+  return /* @__PURE__ */ jsx67("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
 });
 FormMessage.displayName = "FormMessage";
-var FormInput = React58.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx66(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx66(
+var FormInput = React58.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx67(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx67(
   FormField,
   {
     name,
-    render: ({ field }) => /* @__PURE__ */ jsxs60(FormItem, { children: [
-      /* @__PURE__ */ jsx66(FormControl, { children: /* @__PURE__ */ jsx66(Input_default, { size: props.size ?? size, ...field, ...props }) }),
-      /* @__PURE__ */ jsx66(FormMessage, {})
+    render: ({ field }) => /* @__PURE__ */ jsxs61(FormItem, { children: [
+      /* @__PURE__ */ jsx67(FormControl, { children: /* @__PURE__ */ jsx67(Input_default, { size: props.size ?? size, ...field, ...props }) }),
+      /* @__PURE__ */ jsx67(FormMessage, {})
     ] })
   }
 ) }));
 FormInput.displayName = "FormInput";
-var FormCheckbox = React58.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx66(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx66(
+var FormCheckbox = React58.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ jsx67(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx67(
   FormField,
   {
     name,
-    render: ({ field }) => /* @__PURE__ */ jsxs60(FormItem, { children: [
-      /* @__PURE__ */ jsx66(FormControl, { children: /* @__PURE__ */ jsx66(
+    render: ({ field }) => /* @__PURE__ */ jsxs61(FormItem, { children: [
+      /* @__PURE__ */ jsx67(FormControl, { children: /* @__PURE__ */ jsx67(
         Checkbox,
         {
           ref,
@@ -17417,21 +17933,21 @@ var FormCheckbox = React58.forwardRef(({ name, ...props }, ref) => /* @__PURE__
           ...props
         }
       ) }),
-      /* @__PURE__ */ jsx66(FormMessage, {})
+      /* @__PURE__ */ jsx67(FormMessage, {})
     ] })
   }
 ) }));
 FormCheckbox.displayName = "FormCheckbox";
-var FormActions = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx66("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
+var FormActions = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
 FormActions.displayName = "FormActions";
 var FormSubmitButton = React58.forwardRef(
-  ({ children, loading: loading2, ...props }, ref) => /* @__PURE__ */ jsx66(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx66(Button_default, { ref, type: "submit", size: props.size ?? size, disabled: loading2, ...props, children }) })
+  ({ children, loading: loading2, ...props }, ref) => /* @__PURE__ */ jsx67(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ jsx67(Button_default, { ref, type: "submit", size: props.size ?? size, disabled: loading2, ...props, children }) })
 );
 FormSubmitButton.displayName = "FormSubmitButton";
 
 // ../../components/ui/NotificationModal.tsx
 import { ExternalLink } from "lucide-react";
-import { jsx as jsx67, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs62 } from "react/jsx-runtime";
 function NotificationModal({ isOpen, onClose, notification, titleText, openLinkText, closeText }) {
   const t = useTranslations("Common");
   if (!notification) return null;
@@ -17452,20 +17968,20 @@ function NotificationModal({ isOpen, onClose, notification, titleText, openLinkT
       onClose();
     }
   };
-  return /* @__PURE__ */ jsx67(Modal_default, { isOpen, onClose, title: titleText || t("notifications"), size: "md", children: /* @__PURE__ */ jsxs61("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs61("div", { className: "flex items-center gap-2 pb-2 border-b border-border", children: [
-      /* @__PURE__ */ jsx67("div", { className: cn("w-2 h-2 rounded-full", !notification.is_read ? "bg-primary" : "bg-border") }),
-      /* @__PURE__ */ jsx67("span", { className: "text-xs text-muted-foreground", children: !notification.is_read ? t("newNotification") : t("readStatus") })
+  return /* @__PURE__ */ jsx68(Modal_default, { isOpen, onClose, title: titleText || t("notifications"), size: "md", children: /* @__PURE__ */ jsxs62("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs62("div", { className: "flex items-center gap-2 pb-2 border-b border-border", children: [
+      /* @__PURE__ */ jsx68("div", { className: cn("w-2 h-2 rounded-full", !notification.is_read ? "bg-primary" : "bg-border") }),
+      /* @__PURE__ */ jsx68("span", { className: "text-xs text-muted-foreground", children: !notification.is_read ? t("newNotification") : t("readStatus") })
     ] }),
-    notification.title && /* @__PURE__ */ jsx67("h3", { className: "text-lg font-semibold text-foreground", children: notification.title }),
-    notification.body && /* @__PURE__ */ jsx67("div", { className: "text-sm text-muted-foreground whitespace-pre-wrap leading-relaxed", children: notification.body }),
-    /* @__PURE__ */ jsx67("div", { className: "text-xs text-muted-foreground border-t border-border pt-2", children: formatTime3(notification.created_at) }),
-    /* @__PURE__ */ jsxs61("div", { className: "flex gap-2 justify-end pt-2", children: [
-      hasLink && /* @__PURE__ */ jsxs61(Button_default, { variant: "primary", size: "sm", onClick: handleLinkClick, className: "gap-2", children: [
-        /* @__PURE__ */ jsx67(ExternalLink, { className: "w-4 h-4" }),
+    notification.title && /* @__PURE__ */ jsx68("h3", { className: "text-lg font-semibold text-foreground", children: notification.title }),
+    notification.body && /* @__PURE__ */ jsx68("div", { className: "text-sm text-muted-foreground whitespace-pre-wrap leading-relaxed", children: notification.body }),
+    /* @__PURE__ */ jsx68("div", { className: "text-xs text-muted-foreground border-t border-border pt-2", children: formatTime3(notification.created_at) }),
+    /* @__PURE__ */ jsxs62("div", { className: "flex gap-2 justify-end pt-2", children: [
+      hasLink && /* @__PURE__ */ jsxs62(Button_default, { variant: "primary", size: "sm", onClick: handleLinkClick, className: "gap-2", children: [
+        /* @__PURE__ */ jsx68(ExternalLink, { className: "w-4 h-4" }),
         openLinkText || t("openLink")
       ] }),
-      /* @__PURE__ */ jsx67(Button_default, { variant: "ghost", size: "sm", onClick: onClose, children: closeText || t("close") })
+      /* @__PURE__ */ jsx68(Button_default, { variant: "ghost", size: "sm", onClick: onClose, children: closeText || t("close") })
     ] })
   ] }) });
 }
@@ -17475,9 +17991,9 @@ var NotificationModal_default = NotificationModal;
 import Link2 from "next/link";
 import { usePathname } from "next/navigation";
 import { Phone } from "lucide-react";
-import { jsx as jsx68, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs63 } from "react/jsx-runtime";
 function MessengerIcon(props) {
-  return /* @__PURE__ */ jsx68("svg", { viewBox: "0 0 24 24", width: 24, height: 24, "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx69("svg", { viewBox: "0 0 24 24", width: 24, height: 24, "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx69(
     "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",
@@ -17486,7 +18002,7 @@ function MessengerIcon(props) {
   ) });
 }
 function ZaloIcon(props) {
-  return /* @__PURE__ */ jsx68("svg", { viewBox: "0 0 48 48", width: 20, height: 20, "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx69("svg", { viewBox: "0 0 48 48", width: 20, height: 20, "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx69(
     "path",
     {
       fill: "white",
@@ -17495,7 +18011,7 @@ function ZaloIcon(props) {
   ) });
 }
 function InstagramIcon(props) {
-  return /* @__PURE__ */ jsx68("svg", { viewBox: "0 0 24 24", width: 20, height: 20, "aria-hidden": "true", fill: "white", ...props, children: /* @__PURE__ */ jsx68("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__ */ jsx69("svg", { viewBox: "0 0 24 24", width: 20, height: 20, "aria-hidden": "true", fill: "white", ...props, children: /* @__PURE__ */ jsx69("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 = usePathname();
@@ -17530,8 +18046,8 @@ function FloatingContacts({ className }) {
       external: true
     }
   ];
-  return /* @__PURE__ */ jsxs62("div", { className: cn("fixed bottom-6 right-4 z-100000", "flex flex-col items-end gap-3", className), "aria-label": "Quick contacts", children: [
-    /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsxs63("div", { className: cn("fixed bottom-6 right-4 z-100000", "flex flex-col items-end gap-3", className), "aria-label": "Quick contacts", children: [
+    /* @__PURE__ */ jsx69(
       Link2,
       {
         href: `tel:${hotline.replace(/\D/g, "")}`,
@@ -17542,10 +18058,10 @@ function FloatingContacts({ className }) {
           "hover:scale-105 active:scale-95 transition-transform",
           "bg-[#22c55e]"
         ),
-        children: /* @__PURE__ */ jsx68(Phone, { className: "w-6 h-6" })
+        children: /* @__PURE__ */ jsx69(Phone, { className: "w-6 h-6" })
       }
     ),
-    moreItems.map(({ key, href, label, bg, Icon, external }) => /* @__PURE__ */ jsx68(
+    moreItems.map(({ key, href, label, bg, Icon, external }) => /* @__PURE__ */ jsx69(
       Link2,
       {
         href,
@@ -17557,7 +18073,7 @@ function FloatingContacts({ className }) {
           "hover:scale-105 active:scale-95 transition-transform",
           bg
         ),
-        children: /* @__PURE__ */ jsx68(Icon, { className: "w-6 h-6" })
+        children: /* @__PURE__ */ jsx69(Icon, { className: "w-6 h-6" })
       },
       key
     ))
@@ -17566,7 +18082,7 @@ function FloatingContacts({ className }) {
 
 // ../../components/ui/AccessDenied.tsx
 import { Ban, Lock, ShieldAlert } from "lucide-react";
-import { jsx as jsx69, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs64 } from "react/jsx-runtime";
 var VARIANT_STYLES = {
   destructive: { bg: "bg-destructive/5", border: "border-destructive/20", text: "text-destructive" },
   warning: { bg: "bg-warning/5", border: "border-warning/20", text: "text-warning" },
@@ -17587,31 +18103,31 @@ function AccessDenied({
 }) {
   const styles = VARIANT_STYLES[variant];
   const UsedIcon = Icon || DEFAULT_ICONS[variant];
-  return /* @__PURE__ */ jsx69(Card_default, { className: cn("p-8 text-center shadow-sm", styles.bg, styles.border, className), children: /* @__PURE__ */ jsxs63("div", { className: "flex flex-col items-center gap-4", children: [
-    /* @__PURE__ */ jsx69("div", { className: cn("p-3 rounded-lg", styles.bg.replace("/5", "/10")), children: /* @__PURE__ */ jsx69(UsedIcon, { className: cn("w-8 h-8", styles.text) }) }),
-    /* @__PURE__ */ jsxs63("div", { children: [
-      /* @__PURE__ */ jsx69("h3", { className: cn("font-semibold mb-2", styles.text), children: title }),
-      /* @__PURE__ */ jsx69("p", { className: cn(styles.text.replace("text-", "text-") + "/80", "text-sm"), children: description })
+  return /* @__PURE__ */ jsx70(Card_default, { className: cn("p-8 text-center shadow-sm", styles.bg, styles.border, className), children: /* @__PURE__ */ jsxs64("div", { className: "flex flex-col items-center gap-4", children: [
+    /* @__PURE__ */ jsx70("div", { className: cn("p-3 rounded-lg", styles.bg.replace("/5", "/10")), children: /* @__PURE__ */ jsx70(UsedIcon, { className: cn("w-8 h-8", styles.text) }) }),
+    /* @__PURE__ */ jsxs64("div", { children: [
+      /* @__PURE__ */ jsx70("h3", { className: cn("font-semibold mb-2", styles.text), children: title }),
+      /* @__PURE__ */ jsx70("p", { className: cn(styles.text.replace("text-", "text-") + "/80", "text-sm"), children: description })
     ] }),
-    children && /* @__PURE__ */ jsx69("div", { className: "mt-2 flex flex-wrap gap-2 justify-center", children })
+    children && /* @__PURE__ */ jsx70("div", { className: "mt-2 flex flex-wrap gap-2 justify-center", children })
   ] }) });
 }
 
 // ../../components/ui/ThemeToggleHeadless.tsx
 import { Moon as Moon2, Sun as Sun2, Monitor } from "lucide-react";
-import { useEffect as useEffect27, useRef as useRef21, useState as useState44 } from "react";
+import { useEffect as useEffect27, useRef as useRef22, useState as useState45 } from "react";
 import { createPortal as createPortal7 } from "react-dom";
-import { Fragment as Fragment26, jsx as jsx70, jsxs as jsxs64 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx71, jsxs as jsxs65 } from "react/jsx-runtime";
 function ThemeToggleHeadless({
   theme,
   onChange,
   labels,
   className
 }) {
-  const [isOpen, setIsOpen] = useState44(false);
-  const [mounted, setMounted] = useState44(false);
-  const triggerRef = useRef21(null);
-  const [dropdownPosition, setDropdownPosition] = useState44(null);
+  const [isOpen, setIsOpen] = useState45(false);
+  const [mounted, setMounted] = useState45(false);
+  const triggerRef = useRef22(null);
+  const [dropdownPosition, setDropdownPosition] = useState45(null);
   useEffect27(() => setMounted(true), []);
   const themes = [
     { value: "light", label: labels?.light ?? "Light", icon: Sun2 },
@@ -17630,8 +18146,8 @@ function ThemeToggleHeadless({
     const top = rect.bottom + scrollTop + 8;
     return { top, left, width };
   };
-  return /* @__PURE__ */ jsxs64("div", { className: cn("relative", className), children: [
-    /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsxs65("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsx71(
       Button_default,
       {
         variant: "ghost",
@@ -17649,25 +18165,25 @@ function ThemeToggleHeadless({
         "aria-haspopup": "menu",
         "aria-expanded": isOpen,
         "aria-label": labels?.heading ?? "Theme",
-        children: /* @__PURE__ */ jsx70(CurrentIcon, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ jsx71(CurrentIcon, { className: "h-5 w-5" })
       }
     ),
-    isOpen && /* @__PURE__ */ jsxs64(Fragment26, { children: [
-      typeof window !== "undefined" && createPortal7(/* @__PURE__ */ jsx70("div", { className: "fixed inset-0 z-9998", onClick: () => setIsOpen(false) }), document.body),
+    isOpen && /* @__PURE__ */ jsxs65(Fragment27, { children: [
+      typeof window !== "undefined" && createPortal7(/* @__PURE__ */ jsx71("div", { className: "fixed inset-0 z-9998", onClick: () => setIsOpen(false) }), document.body),
       typeof window !== "undefined" && dropdownPosition && createPortal7(
-        /* @__PURE__ */ jsx70(
+        /* @__PURE__ */ jsx71(
           "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__ */ jsxs64("div", { className: "p-2", children: [
-              /* @__PURE__ */ jsx70("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__ */ jsxs65("div", { className: "p-2", children: [
+              /* @__PURE__ */ jsx71("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__ */ jsxs64(
+                return /* @__PURE__ */ jsxs65(
                   Button_default,
                   {
                     variant: "ghost",
@@ -17683,9 +18199,9 @@ function ThemeToggleHeadless({
                     role: "menuitemradio",
                     "aria-checked": active,
                     children: [
-                      /* @__PURE__ */ jsx70(Icon, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ jsx70("span", { className: "flex-1 text-left", children: opt.label }),
-                      active && /* @__PURE__ */ jsx70("div", { className: "w-2 h-2 rounded-full bg-primary" })
+                      /* @__PURE__ */ jsx71(Icon, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ jsx71("span", { className: "flex-1 text-left", children: opt.label }),
+                      active && /* @__PURE__ */ jsx71("div", { className: "w-2 h-2 rounded-full bg-primary" })
                     ]
                   },
                   opt.value
@@ -17701,10 +18217,10 @@ function ThemeToggleHeadless({
 }
 
 // ../../components/ui/LanguageSwitcherHeadless.tsx
-import { useRef as useRef22, useState as useState45 } from "react";
+import { useRef as useRef23, useState as useState46 } from "react";
 import { createPortal as createPortal8 } from "react-dom";
 import { Globe } from "lucide-react";
-import { Fragment as Fragment27, jsx as jsx71, jsxs as jsxs65 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx72, jsxs as jsxs66 } from "react/jsx-runtime";
 function LanguageSwitcherHeadless({
   locales,
   currentLocale,
@@ -17712,9 +18228,9 @@ function LanguageSwitcherHeadless({
   labels,
   className
 }) {
-  const [isOpen, setIsOpen] = useState45(false);
-  const [dropdownPosition, setDropdownPosition] = useState45(null);
-  const triggerButtonRef = useRef22(null);
+  const [isOpen, setIsOpen] = useState46(false);
+  const [dropdownPosition, setDropdownPosition] = useState46(null);
+  const triggerButtonRef = useRef23(null);
   const currentLanguage = locales.find((l) => l.code === currentLocale) || locales[0];
   const calculatePosition = () => {
     const rect = triggerButtonRef.current?.getBoundingClientRect();
@@ -17726,8 +18242,8 @@ function LanguageSwitcherHeadless({
     const top = rect.bottom + scrollTop + 8;
     return { top, left, width };
   };
-  return /* @__PURE__ */ jsxs65("div", { className: cn("relative", className), children: [
-    /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsxs66("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ jsx72(
       Button_default,
       {
         variant: "ghost",
@@ -17746,22 +18262,22 @@ function LanguageSwitcherHeadless({
         "aria-expanded": isOpen,
         "aria-label": labels?.heading ?? "Language",
         title: labels?.heading ?? "Language",
-        children: /* @__PURE__ */ jsx71(Globe, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ jsx72(Globe, { className: "h-5 w-5" })
       }
     ),
-    isOpen && /* @__PURE__ */ jsxs65(Fragment27, { children: [
-      typeof window !== "undefined" && createPortal8(/* @__PURE__ */ jsx71("div", { className: "fixed inset-0 z-9998", onClick: () => setIsOpen(false) }), document.body),
+    isOpen && /* @__PURE__ */ jsxs66(Fragment28, { children: [
+      typeof window !== "undefined" && createPortal8(/* @__PURE__ */ jsx72("div", { className: "fixed inset-0 z-9998", onClick: () => setIsOpen(false) }), document.body),
       typeof window !== "undefined" && dropdownPosition && createPortal8(
-        /* @__PURE__ */ jsx71(
+        /* @__PURE__ */ jsx72(
           "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__ */ jsxs65("div", { className: "p-2", children: [
-              /* @__PURE__ */ jsx71("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__ */ jsxs65(
+            children: /* @__PURE__ */ jsxs66("div", { className: "p-2", children: [
+              /* @__PURE__ */ jsx72("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__ */ jsxs66(
                 Button_default,
                 {
                   variant: "ghost",
@@ -17774,9 +18290,9 @@ function LanguageSwitcherHeadless({
                   role: "menuitemradio",
                   "aria-checked": currentLocale === language.code,
                   children: [
-                    language.flag && /* @__PURE__ */ jsx71("span", { className: "text-lg", children: language.flag }),
-                    /* @__PURE__ */ jsx71("span", { className: "flex-1 text-left", children: language.name }),
-                    currentLocale === language.code && /* @__PURE__ */ jsx71("div", { className: "w-2 h-2 rounded-full bg-primary" })
+                    language.flag && /* @__PURE__ */ jsx72("span", { className: "text-lg", children: language.flag }),
+                    /* @__PURE__ */ jsx72("span", { className: "flex-1 text-left", children: language.name }),
+                    currentLocale === language.code && /* @__PURE__ */ jsx72("div", { className: "w-2 h-2 rounded-full bg-primary" })
                   ]
                 },
                 language.code
@@ -18292,6 +18808,18 @@ var en_default = {
       browseFiles: "Browse files",
       supportedFormats: "Supported formats: images"
     }
+  },
+  FileUpload: {
+    dragDropText: "Drag & drop files here",
+    browseFiles: "Browse files",
+    uploadFiles: "Upload files",
+    supportedFormats: "All file types supported",
+    uploadedFiles: "Uploaded files",
+    clearAll: "Clear all",
+    fileTooLarge: "exceeds size limit",
+    maxFilesReached: "Maximum file limit reached",
+    uploadSuccess: "uploaded successfully",
+    uploadFailed: "upload failed"
   }
 };
 
@@ -18379,6 +18907,18 @@ var vi_default = {
       browseFiles: "Ch\u1ECDn t\u1EC7p",
       supportedFormats: "H\u1ED7 tr\u1EE3 c\xE1c \u0111\u1ECBnh d\u1EA1ng \u1EA3nh"
     }
+  },
+  FileUpload: {
+    dragDropText: "K\xE9o & th\u1EA3 t\u1EC7p v\xE0o \u0111\xE2y",
+    browseFiles: "Ch\u1ECDn t\u1EC7p",
+    uploadFiles: "T\u1EA3i t\u1EC7p l\xEAn",
+    supportedFormats: "H\u1ED7 tr\u1EE3 m\u1ECDi \u0111\u1ECBnh d\u1EA1ng t\u1EC7p",
+    uploadedFiles: "T\u1EC7p \u0111\xE3 t\u1EA3i l\xEAn",
+    clearAll: "X\xF3a t\u1EA5t c\u1EA3",
+    fileTooLarge: "v\u01B0\u1EE3t qu\xE1 gi\u1EDBi h\u1EA1n k\xEDch th\u01B0\u1EDBc",
+    maxFilesReached: "\u0110\xE3 \u0111\u1EA1t gi\u1EDBi h\u1EA1n s\u1ED1 t\u1EC7p",
+    uploadSuccess: "\u0111\xE3 t\u1EA3i l\xEAn th\xE0nh c\xF4ng",
+    uploadFailed: "t\u1EA3i l\xEAn th\u1EA5t b\u1EA1i"
   }
 };
 
@@ -18466,6 +19006,18 @@ var ko_default = {
       browseFiles: "\uD30C\uC77C \uCC3E\uC544\uBCF4\uAE30",
       supportedFormats: "\uC9C0\uC6D0 \uD615\uC2DD: \uC774\uBBF8\uC9C0"
     }
+  },
+  FileUpload: {
+    dragDropText: "\uC5EC\uAE30\uC5D0 \uD30C\uC77C\uC744 \uB4DC\uB798\uADF8 \uC564 \uB4DC\uB86D\uD558\uC138\uC694",
+    browseFiles: "\uD30C\uC77C \uC120\uD0DD",
+    uploadFiles: "\uD30C\uC77C \uC5C5\uB85C\uB4DC",
+    supportedFormats: "\uBAA8\uB4E0 \uD30C\uC77C \uD615\uC2DD \uC9C0\uC6D0",
+    uploadedFiles: "\uC5C5\uB85C\uB4DC\uB41C \uD30C\uC77C",
+    clearAll: "\uBAA8\uB450 \uC9C0\uC6B0\uAE30",
+    fileTooLarge: "\uD06C\uAE30 \uC81C\uD55C \uCD08\uACFC",
+    maxFilesReached: "\uCD5C\uB300 \uD30C\uC77C \uC218 \uB3C4\uB2EC",
+    uploadSuccess: "\uC5C5\uB85C\uB4DC \uC131\uACF5",
+    uploadFailed: "\uC5C5\uB85C\uB4DC \uC2E4\uD328"
   }
 };
 
@@ -18553,11 +19105,23 @@ var ja_default = {
       browseFiles: "\u30D5\u30A1\u30A4\u30EB\u3092\u53C2\u7167",
       supportedFormats: "\u5BFE\u5FDC\u5F62\u5F0F\uFF1A\u753B\u50CF"
     }
+  },
+  FileUpload: {
+    dragDropText: "\u3053\u3053\u306B\u30D5\u30A1\u30A4\u30EB\u3092\u30C9\u30E9\u30C3\u30B0\uFF06\u30C9\u30ED\u30C3\u30D7",
+    browseFiles: "\u30D5\u30A1\u30A4\u30EB\u3092\u9078\u629E",
+    uploadFiles: "\u30D5\u30A1\u30A4\u30EB\u3092\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9",
+    supportedFormats: "\u3059\u3079\u3066\u306E\u30D5\u30A1\u30A4\u30EB\u5F62\u5F0F\u306B\u5BFE\u5FDC",
+    uploadedFiles: "\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u3055\u308C\u305F\u30D5\u30A1\u30A4\u30EB",
+    clearAll: "\u3059\u3079\u3066\u30AF\u30EA\u30A2",
+    fileTooLarge: "\u30B5\u30A4\u30BA\u5236\u9650\u3092\u8D85\u3048\u3066\u3044\u307E\u3059",
+    maxFilesReached: "\u6700\u5927\u30D5\u30A1\u30A4\u30EB\u6570\u306B\u9054\u3057\u307E\u3057\u305F",
+    uploadSuccess: "\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u6210\u529F",
+    uploadFailed: "\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u5931\u6557"
   }
 };
 
 // src/contexts/TranslationContext.tsx
-import { jsx as jsx72 } from "react/jsx-runtime";
+import { jsx as jsx73 } from "react/jsx-runtime";
 var defaultTranslations2 = {
   en: en_default,
   vi: vi_default,
@@ -18591,7 +19155,7 @@ var TranslationProvider = ({ children, locale = "en", translations }) => {
     },
     [locale, translations]
   );
-  return /* @__PURE__ */ jsx72(TranslationContext2.Provider, { value: { locale, t }, children });
+  return /* @__PURE__ */ jsx73(TranslationContext2.Provider, { value: { locale, t }, children });
 };
 var useUnderverseTranslations = (namespace) => {
   const context = React60.useContext(TranslationContext2);
@@ -18622,7 +19186,7 @@ var useUnderverseLocale = () => {
 
 // src/hooks/useSmartTranslations.tsx
 import * as React61 from "react";
-import { jsx as jsx73 } from "react/jsx-runtime";
+import { jsx as jsx74 } from "react/jsx-runtime";
 var nextIntlHooks = null;
 try {
   const nextIntl = __require("next-intl");
@@ -18635,7 +19199,7 @@ try {
 }
 var ForceInternalContext = React61.createContext(false);
 var ForceInternalTranslationsProvider = ({ children }) => {
-  return /* @__PURE__ */ jsx73(ForceInternalContext.Provider, { value: true, children });
+  return /* @__PURE__ */ jsx74(ForceInternalContext.Provider, { value: true, children });
 };
 function useSmartTranslations(namespace) {
   const forceInternal = React61.useContext(ForceInternalContext);
@@ -18665,7 +19229,7 @@ function useSmartLocale() {
 }
 
 // ../../components/ui/UEditor/UEditor.tsx
-import { useEffect as useEffect32, useMemo as useMemo24 } from "react";
+import { useEffect as useEffect32, useMemo as useMemo25 } from "react";
 import { useTranslations as useTranslations7 } from "next-intl";
 import { useEditor, EditorContent } from "@tiptap/react";
 
@@ -18708,9 +19272,9 @@ import { common, createLowlight } from "lowlight";
 import { Extension } from "@tiptap/core";
 import Suggestion from "@tiptap/suggestion";
 import { ReactRenderer } from "@tiptap/react";
-import { forwardRef as forwardRef13, useEffect as useEffect28, useImperativeHandle, useRef as useRef23, useState as useState46 } from "react";
+import { forwardRef as forwardRef13, useEffect as useEffect28, useImperativeHandle, useRef as useRef24, useState as useState47 } from "react";
 import {
-  FileCode,
+  FileCode as FileCode2,
   Heading1,
   Heading2,
   Heading3,
@@ -18723,10 +19287,10 @@ import {
   Type
 } from "lucide-react";
 import tippy from "tippy.js";
-import { jsx as jsx74, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs67 } from "react/jsx-runtime";
 var CommandList = forwardRef13((props, ref) => {
-  const [selectedIndex, setSelectedIndex] = useState46(0);
-  const listRef = useRef23(null);
+  const [selectedIndex, setSelectedIndex] = useState47(0);
+  const listRef = useRef24(null);
   useEffect28(() => {
     setSelectedIndex(0);
   }, [props.items]);
@@ -18755,11 +19319,11 @@ var CommandList = forwardRef13((props, ref) => {
     }
   }));
   if (props.items.length === 0) {
-    return /* @__PURE__ */ jsx74("div", { className: "w-72 p-4 text-center text-sm text-muted-foreground", children: "No results" });
+    return /* @__PURE__ */ jsx75("div", { className: "w-72 p-4 text-center text-sm text-muted-foreground", children: "No results" });
   }
-  return /* @__PURE__ */ jsxs66("div", { ref: listRef, className: "w-72 max-h-80 overflow-y-auto bg-card border border-border rounded-2xl shadow-lg", children: [
-    /* @__PURE__ */ jsx74("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsx74("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Basic Blocks" }) }),
-    /* @__PURE__ */ jsx74("div", { className: "p-1", children: props.items.map((item, index) => /* @__PURE__ */ jsxs66(
+  return /* @__PURE__ */ jsxs67("div", { ref: listRef, className: "w-72 max-h-80 overflow-y-auto bg-card border border-border rounded-2xl shadow-lg", children: [
+    /* @__PURE__ */ jsx75("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsx75("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Basic Blocks" }) }),
+    /* @__PURE__ */ jsx75("div", { className: "p-1", children: props.items.map((item, index) => /* @__PURE__ */ jsxs67(
       "button",
       {
         type: "button",
@@ -18770,19 +19334,19 @@ var CommandList = forwardRef13((props, ref) => {
           selectedIndex === index ? "bg-accent" : "hover:bg-accent/50"
         ),
         children: [
-          /* @__PURE__ */ jsx74(
+          /* @__PURE__ */ jsx75(
             "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__ */ jsx74(item.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
+              children: /* @__PURE__ */ jsx75(item.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
             }
           ),
-          /* @__PURE__ */ jsxs66("div", { className: "text-left", children: [
-            /* @__PURE__ */ jsx74("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: item.title }),
-            /* @__PURE__ */ jsx74("div", { className: "text-xs text-muted-foreground", children: item.description })
+          /* @__PURE__ */ jsxs67("div", { className: "text-left", children: [
+            /* @__PURE__ */ jsx75("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: item.title }),
+            /* @__PURE__ */ jsx75("div", { className: "text-xs text-muted-foreground", children: item.description })
           ] })
         ]
       },
@@ -18858,7 +19422,7 @@ var getSuggestionItems = ({ query }) => {
       }
     },
     {
-      icon: FileCode,
+      icon: FileCode2,
       title: "Code Block",
       description: "Display code with syntax highlighting",
       command: ({ editor, range }) => {
@@ -19039,11 +19603,11 @@ var ClipboardImages = Extension2.create({
 });
 
 // ../../components/ui/UEditor/resizable-image.tsx
-import { useEffect as useEffect29, useRef as useRef24, useState as useState47 } from "react";
+import { useEffect as useEffect29, useRef as useRef25, useState as useState48 } from "react";
 import Image3 from "@tiptap/extension-image";
 import { mergeAttributes } from "@tiptap/core";
 import { NodeViewWrapper, ReactNodeViewRenderer } from "@tiptap/react";
-import { jsx as jsx75, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs68 } from "react/jsx-runtime";
 var MIN_IMAGE_SIZE_PX = 40;
 var AXIS_LOCK_THRESHOLD_PX = 4;
 function toNullableNumber(value) {
@@ -19059,14 +19623,14 @@ function clamp7(value, min, max) {
 }
 function ResizableImageNodeView(props) {
   const { node, selected, updateAttributes, editor, getPos } = props;
-  const wrapperRef = useRef24(null);
-  const imgRef = useRef24(null);
-  const [isHovered, setIsHovered] = useState47(false);
-  const [isResizing, setIsResizing] = useState47(false);
+  const wrapperRef = useRef25(null);
+  const imgRef = useRef25(null);
+  const [isHovered, setIsHovered] = useState48(false);
+  const [isResizing, setIsResizing] = useState48(false);
   const widthAttr = toNullableNumber(node.attrs["width"]);
   const heightAttr = toNullableNumber(node.attrs["height"]);
   const textAlign = String(node.attrs["textAlign"] ?? "");
-  const dragStateRef = useRef24(null);
+  const dragStateRef = useRef25(null);
   useEffect29(() => {
     const img = imgRef.current;
     if (!img) return;
@@ -19161,7 +19725,7 @@ 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__ */ jsxs67(
+  return /* @__PURE__ */ jsxs68(
     NodeViewWrapper,
     {
       as: "div",
@@ -19175,7 +19739,7 @@ function ResizableImageNodeView(props) {
       },
       contentEditable: false,
       children: [
-        /* @__PURE__ */ jsx75(
+        /* @__PURE__ */ jsx76(
           "img",
           {
             ref: imgRef,
@@ -19194,7 +19758,7 @@ function ResizableImageNodeView(props) {
             }
           }
         ),
-        showHandle && /* @__PURE__ */ jsx75(
+        showHandle && /* @__PURE__ */ jsx76(
           "div",
           {
             "aria-hidden": "true",
@@ -19359,7 +19923,7 @@ function buildUEditorExtensions({
 }
 
 // ../../components/ui/UEditor/toolbar.tsx
-import React66, { useRef as useRef26, useState as useState49 } from "react";
+import React66, { useRef as useRef27, useState as useState50 } from "react";
 import { useTranslations as useTranslations4 } from "next-intl";
 import {
   AlignCenter,
@@ -19371,7 +19935,7 @@ import {
   Bold as BoldIcon,
   ChevronDown as ChevronDown6,
   Code as CodeIcon,
-  FileCode as FileCode2,
+  FileCode as FileCode3,
   Heading1 as Heading1Icon,
   Heading2 as Heading2Icon,
   Heading3 as Heading3Icon,
@@ -19389,21 +19953,21 @@ import {
   Subscript as SubscriptIcon,
   Superscript as SuperscriptIcon,
   Table as TableIcon,
-  Trash2,
+  Trash2 as Trash22,
   Type as Type2,
   Underline as UnderlineIcon,
   Undo as UndoIcon,
-  Upload as Upload2
+  Upload as Upload3
 } from "lucide-react";
 
 // ../../components/ui/UEditor/colors.tsx
-import { useMemo as useMemo22 } from "react";
+import { useMemo as useMemo23 } from "react";
 import { useTranslations as useTranslations2 } from "next-intl";
-import { X as X14 } from "lucide-react";
-import { jsx as jsx76, jsxs as jsxs68 } from "react/jsx-runtime";
+import { X as X15 } from "lucide-react";
+import { jsx as jsx77, jsxs as jsxs69 } from "react/jsx-runtime";
 var useEditorColors = () => {
   const t = useTranslations2("UEditor");
-  const textColors = useMemo22(
+  const textColors = useMemo23(
     () => [
       { name: t("colors.default"), color: "inherit", cssClass: "text-foreground" },
       { name: t("colors.muted"), color: "var(--muted-foreground)", cssClass: "text-muted-foreground" },
@@ -19416,7 +19980,7 @@ var useEditorColors = () => {
     ],
     [t]
   );
-  const highlightColors = useMemo22(
+  const highlightColors = useMemo23(
     () => [
       { name: t("colors.default"), color: "", cssClass: "" },
       { name: t("colors.muted"), color: "var(--muted)", cssClass: "bg-muted" },
@@ -19437,9 +20001,9 @@ var EditorColorPalette = ({
   currentColor,
   onSelect,
   label
-}) => /* @__PURE__ */ jsxs68("div", { className: "p-2", children: [
-  /* @__PURE__ */ jsx76("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider px-2", children: label }),
-  /* @__PURE__ */ jsx76("div", { className: "grid grid-cols-4 gap-1.5 mt-2", children: colors.map((c) => /* @__PURE__ */ jsxs68(
+}) => /* @__PURE__ */ jsxs69("div", { className: "p-2", children: [
+  /* @__PURE__ */ jsx77("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider px-2", children: label }),
+  /* @__PURE__ */ jsx77("div", { className: "grid grid-cols-4 gap-1.5 mt-2", children: colors.map((c) => /* @__PURE__ */ jsxs69(
     "button",
     {
       type: "button",
@@ -19452,8 +20016,8 @@ var EditorColorPalette = ({
       style: { backgroundColor: c.color || "transparent" },
       title: c.name,
       children: [
-        c.color === "" && /* @__PURE__ */ jsx76(X14, { className: "w-4 h-4 text-muted-foreground" }),
-        c.color === "inherit" && /* @__PURE__ */ jsx76("span", { className: "text-xs font-medium", children: "A" })
+        c.color === "" && /* @__PURE__ */ jsx77(X15, { className: "w-4 h-4 text-muted-foreground" }),
+        c.color === "inherit" && /* @__PURE__ */ jsx77("span", { className: "text-xs font-medium", children: "A" })
       ]
     },
     c.name
@@ -19461,10 +20025,10 @@ var EditorColorPalette = ({
 ] });
 
 // ../../components/ui/UEditor/inputs.tsx
-import { useEffect as useEffect30, useRef as useRef25, useState as useState48 } from "react";
+import { useEffect as useEffect30, useRef as useRef26, useState as useState49 } from "react";
 import { useTranslations as useTranslations3 } from "next-intl";
-import { Check as Check9, X as X15 } from "lucide-react";
-import { jsx as jsx77, jsxs as jsxs69 } from "react/jsx-runtime";
+import { Check as Check10, X as X16 } from "lucide-react";
+import { jsx as jsx78, jsxs as jsxs70 } from "react/jsx-runtime";
 function normalizeUrl(raw) {
   const url = raw.trim();
   if (!url) return "";
@@ -19478,8 +20042,8 @@ var LinkInput = ({
   initialUrl = ""
 }) => {
   const t = useTranslations3("UEditor");
-  const [url, setUrl] = useState48(initialUrl);
-  const inputRef = useRef25(null);
+  const [url, setUrl] = useState49(initialUrl);
+  const inputRef = useRef26(null);
   useEffect30(() => {
     inputRef.current?.focus();
     inputRef.current?.select();
@@ -19489,8 +20053,8 @@ var LinkInput = ({
     const normalized = normalizeUrl(url);
     if (normalized) onSubmit(normalized);
   };
-  return /* @__PURE__ */ jsxs69("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-2", children: [
-    /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsxs70("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 p-2", children: [
+    /* @__PURE__ */ jsx78(
       "input",
       {
         ref: inputRef,
@@ -19501,15 +20065,15 @@ 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__ */ jsx77("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ jsx77(Check9, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx77("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ jsx77(X15, { className: "w-4 h-4" }) })
+    /* @__PURE__ */ jsx78("button", { type: "submit", className: "p-2 rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors", children: /* @__PURE__ */ jsx78(Check10, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx78("button", { type: "button", onClick: onCancel, className: "p-2 rounded-lg hover:bg-muted transition-colors text-muted-foreground", children: /* @__PURE__ */ jsx78(X16, { className: "w-4 h-4" }) })
   ] });
 };
 var ImageInput = ({ onSubmit, onCancel }) => {
   const t = useTranslations3("UEditor");
-  const [url, setUrl] = useState48("");
-  const [alt, setAlt] = useState48("");
-  const inputRef = useRef25(null);
+  const [url, setUrl] = useState49("");
+  const [alt, setAlt] = useState49("");
+  const inputRef = useRef26(null);
   useEffect30(() => {
     inputRef.current?.focus();
   }, []);
@@ -19519,10 +20083,10 @@ var ImageInput = ({ onSubmit, onCancel }) => {
       onSubmit(url, alt);
     }
   };
-  return /* @__PURE__ */ jsxs69("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
-    /* @__PURE__ */ jsxs69("div", { children: [
-      /* @__PURE__ */ jsx77("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
-      /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsxs70("form", { onSubmit: handleSubmit, className: "p-3 space-y-3", children: [
+    /* @__PURE__ */ jsxs70("div", { children: [
+      /* @__PURE__ */ jsx78("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.urlLabel") }),
+      /* @__PURE__ */ jsx78(
         "input",
         {
           ref: inputRef,
@@ -19534,9 +20098,9 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs69("div", { children: [
-      /* @__PURE__ */ jsx77("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
-      /* @__PURE__ */ jsx77(
+    /* @__PURE__ */ jsxs70("div", { children: [
+      /* @__PURE__ */ jsx78("label", { className: "text-xs font-medium text-muted-foreground", children: t("imageInput.altLabel") }),
+      /* @__PURE__ */ jsx78(
         "input",
         {
           type: "text",
@@ -19547,8 +20111,8 @@ var ImageInput = ({ onSubmit, onCancel }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs69("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx77(
+    /* @__PURE__ */ jsxs70("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx78(
         "button",
         {
           type: "submit",
@@ -19557,13 +20121,13 @@ var ImageInput = ({ onSubmit, onCancel }) => {
           children: t("imageInput.addBtn")
         }
       ),
-      /* @__PURE__ */ jsx77("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__ */ jsx78("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/toolbar.tsx
-import { Fragment as Fragment28, jsx as jsx78, jsxs as jsxs70 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx79, jsxs as jsxs71 } from "react/jsx-runtime";
 function fileToDataUrl2(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();
@@ -19573,7 +20137,7 @@ function fileToDataUrl2(file) {
   });
 }
 var ToolbarButton = React66.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
-  const button = /* @__PURE__ */ jsx78(
+  const button = /* @__PURE__ */ jsx79(
     "button",
     {
       ref,
@@ -19596,12 +20160,12 @@ var ToolbarButton = React66.forwardRef(({ onClick, onMouseDown, active, disabled
     }
   );
   if (title) {
-    return /* @__PURE__ */ jsx78(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
+    return /* @__PURE__ */ jsx79(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
   }
   return button;
 });
 ToolbarButton.displayName = "ToolbarButton";
-var ToolbarDivider = () => /* @__PURE__ */ jsx78("div", { className: "w-px h-6 bg-border/50 mx-1" });
+var ToolbarDivider = () => /* @__PURE__ */ jsx79("div", { className: "w-px h-6 bg-border/50 mx-1" });
 var EditorToolbar = ({
   editor,
   variant,
@@ -19610,10 +20174,10 @@ var EditorToolbar = ({
 }) => {
   const t = useTranslations4("UEditor");
   const { textColors, highlightColors } = useEditorColors();
-  const [showImageInput, setShowImageInput] = useState49(false);
-  const fileInputRef = useRef26(null);
-  const [isUploadingImage, setIsUploadingImage] = useState49(false);
-  const [imageUploadError, setImageUploadError] = useState49(null);
+  const [showImageInput, setShowImageInput] = useState50(false);
+  const fileInputRef = useRef27(null);
+  const [isUploadingImage, setIsUploadingImage] = useState50(false);
+  const [imageUploadError, setImageUploadError] = useState50(null);
   const insertImageFiles = async (files) => {
     if (files.length === 0) return;
     setIsUploadingImage(true);
@@ -19632,31 +20196,31 @@ var EditorToolbar = ({
     setIsUploadingImage(false);
   };
   if (variant === "minimal") {
-    return /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-1 p-2 border-b bg-muted/30", children: [
-      /* @__PURE__ */ jsx78(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx78(BoldIcon, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx78(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx78(ItalicIcon, { className: "w-4 h-4" }) }),
-      /* @__PURE__ */ jsx78(
+    return /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-1 p-2 border-b bg-muted/30", children: [
+      /* @__PURE__ */ jsx79(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx79(BoldIcon, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx79(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx79(ItalicIcon, { className: "w-4 h-4" }) }),
+      /* @__PURE__ */ jsx79(
         ToolbarButton,
         {
           onClick: () => editor.chain().focus().toggleBulletList().run(),
           active: editor.isActive("bulletList"),
           title: t("toolbar.bulletList"),
-          children: /* @__PURE__ */ jsx78(ListIcon, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx79(ListIcon, { className: "w-4 h-4" })
         }
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs70("div", { className: "flex flex-wrap items-center gap-1 p-2 border-b bg-linear-to-r from-muted/30 to-transparent", children: [
-    /* @__PURE__ */ jsxs70(
+  return /* @__PURE__ */ jsxs71("div", { className: "flex flex-wrap items-center gap-1 p-2 border-b bg-linear-to-r from-muted/30 to-transparent", children: [
+    /* @__PURE__ */ jsxs71(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs70(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.textStyle"), className: "px-2 w-auto gap-1", children: [
-          /* @__PURE__ */ jsx78(Type2, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx78(ChevronDown6, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx79(Type2, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx79(ChevronDown6, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79(
             DropdownMenuItem,
             {
               icon: Type2,
@@ -19665,7 +20229,7 @@ var EditorToolbar = ({
               active: editor.isActive("paragraph")
             }
           ),
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79(
             DropdownMenuItem,
             {
               icon: Heading1Icon,
@@ -19675,7 +20239,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Alt+1"
             }
           ),
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79(
             DropdownMenuItem,
             {
               icon: Heading2Icon,
@@ -19685,7 +20249,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Alt+2"
             }
           ),
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79(
             DropdownMenuItem,
             {
               icon: Heading3Icon,
@@ -19698,30 +20262,30 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx78(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx78(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx78(BoldIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx78(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx78(ItalicIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsx79(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx79(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx79(BoldIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx79(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx79(ItalicIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx79(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ jsx78(UnderlineIcon, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx79(UnderlineIcon, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx78(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx78(StrikethroughIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx78(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx78(CodeIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx78(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsx79(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx79(StrikethroughIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx79(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx79(CodeIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx79(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx79(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs70(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
         }, title: t("colors.textColor"), children: [
-          /* @__PURE__ */ jsx78(Palette2, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx78(ChevronDown6, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx79(Palette2, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx79(ChevronDown6, { className: "w-3 h-3" })
         ] }),
-        children: /* @__PURE__ */ jsx78(
+        children: /* @__PURE__ */ jsx79(
           EditorColorPalette,
           {
             colors: textColors,
@@ -19738,15 +20302,15 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsx79(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs70(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
         }, active: editor.isActive("highlight"), title: t("colors.highlight"), children: [
-          /* @__PURE__ */ jsx78(Highlighter, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx78(ChevronDown6, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx79(Highlighter, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx79(ChevronDown6, { className: "w-3 h-3" })
         ] }),
-        children: /* @__PURE__ */ jsx78(
+        children: /* @__PURE__ */ jsx79(
           EditorColorPalette,
           {
             colors: highlightColors,
@@ -19763,17 +20327,17 @@ var EditorToolbar = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx78(ToolbarDivider, {}),
-    /* @__PURE__ */ jsxs70(
+    /* @__PURE__ */ jsx79(ToolbarDivider, {}),
+    /* @__PURE__ */ jsxs71(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs70(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.alignment"), children: [
-          /* @__PURE__ */ jsx78(AlignLeft, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx78(ChevronDown6, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx79(AlignLeft, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx79(ChevronDown6, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79(
             DropdownMenuItem,
             {
               icon: AlignLeft,
@@ -19782,7 +20346,7 @@ var EditorToolbar = ({
               active: editor.isActive({ textAlign: "left" })
             }
           ),
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79(
             DropdownMenuItem,
             {
               icon: AlignCenter,
@@ -19791,7 +20355,7 @@ var EditorToolbar = ({
               active: editor.isActive({ textAlign: "center" })
             }
           ),
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79(
             DropdownMenuItem,
             {
               icon: AlignRight,
@@ -19800,7 +20364,7 @@ var EditorToolbar = ({
               active: editor.isActive({ textAlign: "right" })
             }
           ),
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79(
             DropdownMenuItem,
             {
               icon: AlignJustify,
@@ -19812,17 +20376,17 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx78(ToolbarDivider, {}),
-    /* @__PURE__ */ jsxs70(
+    /* @__PURE__ */ jsx79(ToolbarDivider, {}),
+    /* @__PURE__ */ jsxs71(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs70(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.bulletList"), children: [
-          /* @__PURE__ */ jsx78(ListIcon, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx78(ChevronDown6, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx79(ListIcon, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx79(ChevronDown6, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79(
             DropdownMenuItem,
             {
               icon: ListIcon,
@@ -19832,7 +20396,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+8"
             }
           ),
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79(
             DropdownMenuItem,
             {
               icon: ListOrderedIcon,
@@ -19842,7 +20406,7 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+7"
             }
           ),
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79(
             DropdownMenuItem,
             {
               icon: ListTodo2,
@@ -19855,16 +20419,16 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs70(
+    /* @__PURE__ */ jsxs71(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs70(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.quote"), children: [
-          /* @__PURE__ */ jsx78(QuoteIcon, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx78(ChevronDown6, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx79(QuoteIcon, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx79(ChevronDown6, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79(
             DropdownMenuItem,
             {
               icon: QuoteIcon,
@@ -19874,10 +20438,10 @@ var EditorToolbar = ({
               shortcut: "Ctrl+Shift+B"
             }
           ),
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79(
             DropdownMenuItem,
             {
-              icon: FileCode2,
+              icon: FileCode3,
               label: t("toolbar.codeBlock"),
               onClick: () => editor.chain().focus().toggleCodeBlock().run(),
               active: editor.isActive("codeBlock"),
@@ -19887,15 +20451,15 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsx79(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs70(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.image"), children: [
-          /* @__PURE__ */ jsx78(ImageIcon2, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx78(ChevronDown6, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx79(ImageIcon2, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx79(ChevronDown6, { className: "w-3 h-3" })
         ] }),
-        children: showImageInput ? /* @__PURE__ */ jsx78(
+        children: showImageInput ? /* @__PURE__ */ jsx79(
           ImageInput,
           {
             onSubmit: (url, alt) => {
@@ -19904,19 +20468,19 @@ var EditorToolbar = ({
             },
             onCancel: () => setShowImageInput(false)
           }
-        ) : /* @__PURE__ */ jsxs70(Fragment28, { children: [
-          /* @__PURE__ */ jsx78(DropdownMenuItem, { icon: LinkIcon, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true) }),
-          /* @__PURE__ */ jsx78(
+        ) : /* @__PURE__ */ jsxs71(Fragment29, { children: [
+          /* @__PURE__ */ jsx79(DropdownMenuItem, { icon: LinkIcon, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true) }),
+          /* @__PURE__ */ jsx79(
             DropdownMenuItem,
             {
-              icon: Upload2,
+              icon: Upload3,
               label: isUploadingImage ? t("imageInput.uploading") : t("imageInput.uploadTab"),
               disabled: isUploadingImage,
               onClick: () => fileInputRef.current?.click()
             }
           ),
-          imageUploadError && /* @__PURE__ */ jsx78(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
-          /* @__PURE__ */ jsx78(
+          imageUploadError && /* @__PURE__ */ jsx79(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
+          /* @__PURE__ */ jsx79(
             "input",
             {
               ref: fileInputRef,
@@ -19934,16 +20498,16 @@ var EditorToolbar = ({
         ] })
       }
     ),
-    /* @__PURE__ */ jsxs70(
+    /* @__PURE__ */ jsxs71(
       DropdownMenu,
       {
-        trigger: /* @__PURE__ */ jsxs70(ToolbarButton, { onClick: () => {
+        trigger: /* @__PURE__ */ jsxs71(ToolbarButton, { onClick: () => {
         }, title: t("toolbar.table"), children: [
-          /* @__PURE__ */ jsx78(TableIcon, { className: "w-4 h-4" }),
-          /* @__PURE__ */ jsx78(ChevronDown6, { className: "w-3 h-3" })
+          /* @__PURE__ */ jsx79(TableIcon, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx79(ChevronDown6, { className: "w-3 h-3" })
         ] }),
         children: [
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79(
             DropdownMenuItem,
             {
               icon: TableIcon,
@@ -19951,8 +20515,8 @@ var EditorToolbar = ({
               onClick: () => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run()
             }
           ),
-          /* @__PURE__ */ jsx78("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ jsx79(
             DropdownMenuItem,
             {
               icon: ArrowDown,
@@ -19961,7 +20525,7 @@ var EditorToolbar = ({
               disabled: !editor.can().addColumnBefore()
             }
           ),
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79(
             DropdownMenuItem,
             {
               icon: ArrowDown,
@@ -19970,7 +20534,7 @@ var EditorToolbar = ({
               disabled: !editor.can().addColumnAfter()
             }
           ),
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79(
             DropdownMenuItem,
             {
               icon: ArrowRight,
@@ -19979,7 +20543,7 @@ var EditorToolbar = ({
               disabled: !editor.can().addRowBefore()
             }
           ),
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79(
             DropdownMenuItem,
             {
               icon: ArrowRight,
@@ -19988,29 +20552,29 @@ var EditorToolbar = ({
               disabled: !editor.can().addRowAfter()
             }
           ),
-          /* @__PURE__ */ jsx78("div", { className: "my-1 border-t" }),
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79("div", { className: "my-1 border-t" }),
+          /* @__PURE__ */ jsx79(
             DropdownMenuItem,
             {
-              icon: Trash2,
+              icon: Trash22,
               label: t("tableMenu.deleteColumn"),
               onClick: () => editor.chain().focus().deleteColumn().run(),
               disabled: !editor.can().deleteColumn()
             }
           ),
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79(
             DropdownMenuItem,
             {
-              icon: Trash2,
+              icon: Trash22,
               label: t("tableMenu.deleteRow"),
               onClick: () => editor.chain().focus().deleteRow().run(),
               disabled: !editor.can().deleteRow()
             }
           ),
-          /* @__PURE__ */ jsx78(
+          /* @__PURE__ */ jsx79(
             DropdownMenuItem,
             {
-              icon: Trash2,
+              icon: Trash22,
               label: t("tableMenu.deleteTable"),
               onClick: () => editor.chain().focus().deleteTable().run(),
               disabled: !editor.can().deleteTable()
@@ -20019,39 +20583,39 @@ var EditorToolbar = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx78(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsx79(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx79(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSubscript().run(),
         active: editor.isActive("subscript"),
         title: t("toolbar.subscript"),
-        children: /* @__PURE__ */ jsx78(SubscriptIcon, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx79(SubscriptIcon, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx78(
+    /* @__PURE__ */ jsx79(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSuperscript().run(),
         active: editor.isActive("superscript"),
         title: t("toolbar.superscript"),
-        children: /* @__PURE__ */ jsx78(SuperscriptIcon, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx79(SuperscriptIcon, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx78(ToolbarDivider, {}),
-    /* @__PURE__ */ jsx78(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx78(UndoIcon, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx78(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx78(RedoIcon, { className: "w-4 h-4" }) })
+    /* @__PURE__ */ jsx79(ToolbarDivider, {}),
+    /* @__PURE__ */ jsx79(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx79(UndoIcon, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx79(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx79(RedoIcon, { className: "w-4 h-4" }) })
   ] });
 };
 
 // ../../components/ui/UEditor/menus.tsx
-import { useCallback as useCallback15, useEffect as useEffect31, useMemo as useMemo23, useRef as useRef27, useState as useState50 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect31, useMemo as useMemo24, useRef as useRef28, useState as useState51 } from "react";
 import { createPortal as createPortal9 } from "react-dom";
 import { useTranslations as useTranslations5 } from "next-intl";
 import {
   Bold as BoldIcon2,
   Code as CodeIcon2,
-  FileCode as FileCode3,
+  FileCode as FileCode4,
   Heading1 as Heading1Icon2,
   Heading2 as Heading2Icon2,
   Heading3 as Heading3Icon2,
@@ -20071,12 +20635,12 @@ import {
   Underline as UnderlineIcon2,
   Strikethrough as StrikethroughIcon2
 } from "lucide-react";
-import { jsx as jsx79, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs72 } from "react/jsx-runtime";
 var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
   const t = useTranslations5("UEditor");
-  const [selectedIndex, setSelectedIndex] = useState50(0);
-  const menuRef = useRef27(null);
-  const allCommands = useMemo23(
+  const [selectedIndex, setSelectedIndex] = useState51(0);
+  const menuRef = useRef28(null);
+  const allCommands = useMemo24(
     () => [
       {
         icon: Type3,
@@ -20127,7 +20691,7 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
         action: () => editor.chain().focus().toggleBlockquote().run()
       },
       {
-        icon: FileCode3,
+        icon: FileCode4,
         label: t("slashCommand.codeBlock"),
         description: t("slashCommand.codeBlockDesc"),
         action: () => editor.chain().focus().toggleCodeBlock().run()
@@ -20147,7 +20711,7 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     ],
     [editor, t]
   );
-  const commands = useMemo23(() => {
+  const commands = useMemo24(() => {
     if (!filterText) return allCommands;
     const lowerFilter = filterText.toLowerCase();
     return allCommands.filter((cmd) => cmd.label.toLowerCase().includes(lowerFilter) || cmd.description.toLowerCase().includes(lowerFilter));
@@ -20159,7 +20723,7 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     const selectedElement = menuRef.current?.querySelector(`[data-index="${selectedIndex}"]`);
     selectedElement?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex]);
-  const selectCommand = useCallback15(
+  const selectCommand = useCallback16(
     (index) => {
       const command = commands[index];
       if (command) {
@@ -20190,11 +20754,11 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [commands, selectedIndex, selectCommand, onClose]);
   if (commands.length === 0) {
-    return /* @__PURE__ */ jsx79("div", { className: "w-72 p-4 text-center text-muted-foreground text-sm", children: t("slashCommand.noResults") });
+    return /* @__PURE__ */ jsx80("div", { className: "w-72 p-4 text-center text-muted-foreground text-sm", children: t("slashCommand.noResults") });
   }
-  return /* @__PURE__ */ jsxs71("div", { ref: menuRef, className: "w-72 max-h-80 overflow-y-auto", children: [
-    /* @__PURE__ */ jsx79("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsx79("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("slashCommand.basicBlocks") }) }),
-    /* @__PURE__ */ jsx79("div", { className: "p-1", children: commands.map((cmd, index) => /* @__PURE__ */ jsxs71(
+  return /* @__PURE__ */ jsxs72("div", { ref: menuRef, className: "w-72 max-h-80 overflow-y-auto", children: [
+    /* @__PURE__ */ jsx80("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsx80("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("slashCommand.basicBlocks") }) }),
+    /* @__PURE__ */ jsx80("div", { className: "p-1", children: commands.map((cmd, index) => /* @__PURE__ */ jsxs72(
       "button",
       {
         type: "button",
@@ -20207,19 +20771,19 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
           selectedIndex === index ? "bg-accent" : "hover:bg-accent/50"
         ),
         children: [
-          /* @__PURE__ */ jsx79(
+          /* @__PURE__ */ jsx80(
             "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__ */ jsx79(cmd.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
+              children: /* @__PURE__ */ jsx80(cmd.icon, { className: cn("w-5 h-5", selectedIndex === index ? "text-primary" : "text-muted-foreground") })
             }
           ),
-          /* @__PURE__ */ jsxs71("div", { className: "text-left", children: [
-            /* @__PURE__ */ jsx79("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: cmd.label }),
-            /* @__PURE__ */ jsx79("div", { className: "text-xs text-muted-foreground", children: cmd.description })
+          /* @__PURE__ */ jsxs72("div", { className: "text-left", children: [
+            /* @__PURE__ */ jsx80("div", { className: cn("text-sm font-medium", selectedIndex === index && "text-primary"), children: cmd.label }),
+            /* @__PURE__ */ jsx80("div", { className: "text-xs text-muted-foreground", children: cmd.description })
           ] })
         ]
       },
@@ -20229,19 +20793,19 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
 };
 var FloatingMenuContent = ({ editor }) => {
   const t = useTranslations5("UEditor");
-  const [showCommands, setShowCommands] = useState50(false);
+  const [showCommands, setShowCommands] = useState51(false);
   if (showCommands) {
-    return /* @__PURE__ */ jsx79(SlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
+    return /* @__PURE__ */ jsx80(SlashCommandMenu, { editor, onClose: () => setShowCommands(false) });
   }
-  return /* @__PURE__ */ jsxs71(
+  return /* @__PURE__ */ jsxs72(
     "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__ */ jsx79(Plus3, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
-        /* @__PURE__ */ jsx79("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
+        /* @__PURE__ */ jsx80(Plus3, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" }),
+        /* @__PURE__ */ jsx80("span", { className: "text-sm text-muted-foreground group-hover:text-foreground", children: t("floatingMenu.addBlock") })
       ]
     }
   );
@@ -20252,8 +20816,8 @@ var BubbleMenuContent = ({
 }) => {
   const t = useTranslations5("UEditor");
   const { textColors, highlightColors } = useEditorColors();
-  const [showLinkInput, setShowLinkInput] = useState50(false);
-  const [showEditorColorPalette, setShowEditorColorPalette] = useState50(false);
+  const [showLinkInput, setShowLinkInput] = useState51(false);
+  const [showEditorColorPalette, setShowEditorColorPalette] = useState51(false);
   useEffect31(() => {
     onKeepOpenChange?.(showLinkInput);
   }, [onKeepOpenChange, showLinkInput]);
@@ -20268,7 +20832,7 @@ var BubbleMenuContent = ({
     };
   }, [editor, showLinkInput]);
   if (showLinkInput) {
-    return /* @__PURE__ */ jsx79(
+    return /* @__PURE__ */ jsx80(
       LinkInput,
       {
         initialUrl: editor.getAttributes("link").href || "",
@@ -20285,8 +20849,8 @@ var BubbleMenuContent = ({
     );
   }
   if (showEditorColorPalette) {
-    return /* @__PURE__ */ jsxs71("div", { className: "w-48", children: [
-      /* @__PURE__ */ jsx79(
+    return /* @__PURE__ */ jsxs72("div", { className: "w-48", children: [
+      /* @__PURE__ */ jsx80(
         EditorColorPalette,
         {
           colors: textColors,
@@ -20301,8 +20865,8 @@ var BubbleMenuContent = ({
           label: t("colors.textColor")
         }
       ),
-      /* @__PURE__ */ jsx79("div", { className: "border-t my-1" }),
-      /* @__PURE__ */ jsx79(
+      /* @__PURE__ */ jsx80("div", { className: "border-t my-1" }),
+      /* @__PURE__ */ jsx80(
         EditorColorPalette,
         {
           colors: highlightColors,
@@ -20317,7 +20881,7 @@ var BubbleMenuContent = ({
           label: t("colors.highlight")
         }
       ),
-      /* @__PURE__ */ jsx79("div", { className: "p-2 border-t", children: /* @__PURE__ */ jsx79(
+      /* @__PURE__ */ jsx80("div", { className: "p-2 border-t", children: /* @__PURE__ */ jsx80(
         "button",
         {
           type: "button",
@@ -20328,22 +20892,22 @@ var BubbleMenuContent = ({
       ) })
     ] });
   }
-  return /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-0.5 p-1", children: [
-    /* @__PURE__ */ jsx79(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx79(BoldIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx79(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx79(ItalicIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsxs72("div", { className: "flex items-center gap-0.5 p-1", children: [
+    /* @__PURE__ */ jsx80(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx80(BoldIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx80(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx80(ItalicIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx80(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleUnderline().run(),
         active: editor.isActive("underline"),
         title: t("toolbar.underline"),
-        children: /* @__PURE__ */ jsx79(UnderlineIcon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx80(UnderlineIcon2, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx79(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx79(StrikethroughIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx79(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx79(CodeIcon2, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx79("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsx80(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx80(StrikethroughIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx80(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx80(CodeIcon2, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx80("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ jsx80(
       ToolbarButton,
       {
         onMouseDown: () => {
@@ -20354,37 +20918,37 @@ var BubbleMenuContent = ({
         },
         active: editor.isActive("link"),
         title: t("toolbar.link"),
-        children: /* @__PURE__ */ jsx79(LinkIcon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx80(LinkIcon2, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx79(ToolbarButton, { onClick: () => setShowEditorColorPalette(true), title: t("colors.textColor"), children: /* @__PURE__ */ jsx79(Palette3, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ jsx79("div", { className: "w-px h-6 bg-border/50 mx-1" }),
-    /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsx80(ToolbarButton, { onClick: () => setShowEditorColorPalette(true), title: t("colors.textColor"), children: /* @__PURE__ */ jsx80(Palette3, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ jsx80("div", { className: "w-px h-6 bg-border/50 mx-1" }),
+    /* @__PURE__ */ jsx80(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSubscript().run(),
         active: editor.isActive("subscript"),
         title: t("toolbar.subscript"),
-        children: /* @__PURE__ */ jsx79(SubscriptIcon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx80(SubscriptIcon2, { className: "w-4 h-4" })
       }
     ),
-    /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsx80(
       ToolbarButton,
       {
         onClick: () => editor.chain().focus().toggleSuperscript().run(),
         active: editor.isActive("superscript"),
         title: t("toolbar.superscript"),
-        children: /* @__PURE__ */ jsx79(SuperscriptIcon2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx80(SuperscriptIcon2, { className: "w-4 h-4" })
       }
     )
   ] });
 };
 var CustomBubbleMenu = ({ editor }) => {
-  const [isVisible, setIsVisible] = useState50(false);
-  const [position, setPosition] = useState50({ top: 0, left: 0 });
-  const menuRef = useRef27(null);
-  const keepOpenRef = useRef27(false);
-  const setKeepOpen = useCallback15((next) => {
+  const [isVisible, setIsVisible] = useState51(false);
+  const [position, setPosition] = useState51({ top: 0, left: 0 });
+  const menuRef = useRef28(null);
+  const keepOpenRef = useRef28(false);
+  const setKeepOpen = useCallback16((next) => {
     keepOpenRef.current = next;
     if (next) setIsVisible(true);
   }, []);
@@ -20417,7 +20981,7 @@ var CustomBubbleMenu = ({ editor }) => {
   }, [editor]);
   if (!isVisible) return null;
   return createPortal9(
-    /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsx80(
       "div",
       {
         ref: menuRef,
@@ -20428,7 +20992,7 @@ var CustomBubbleMenu = ({ editor }) => {
           transform: "translate(-50%, -100%)"
         },
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx79(
+        children: /* @__PURE__ */ jsx80(
           BubbleMenuContent,
           {
             editor,
@@ -20441,8 +21005,8 @@ var CustomBubbleMenu = ({ editor }) => {
   );
 };
 var CustomFloatingMenu = ({ editor }) => {
-  const [isVisible, setIsVisible] = useState50(false);
-  const [position, setPosition] = useState50({ top: 0, left: 0 });
+  const [isVisible, setIsVisible] = useState51(false);
+  const [position, setPosition] = useState51({ top: 0, left: 0 });
   useEffect31(() => {
     const updatePosition = () => {
       const { state, view } = editor;
@@ -20470,7 +21034,7 @@ var CustomFloatingMenu = ({ editor }) => {
   }, [editor]);
   if (!isVisible) return null;
   return createPortal9(
-    /* @__PURE__ */ jsx79(
+    /* @__PURE__ */ jsx80(
       "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",
@@ -20480,7 +21044,7 @@ var CustomFloatingMenu = ({ editor }) => {
           transform: "translate(-50%, -100%)"
         },
         onMouseDown: (e) => e.preventDefault(),
-        children: /* @__PURE__ */ jsx79(FloatingMenuContent, { editor })
+        children: /* @__PURE__ */ jsx80(FloatingMenuContent, { editor })
       }
     ),
     document.body
@@ -20489,25 +21053,25 @@ var CustomFloatingMenu = ({ editor }) => {
 
 // ../../components/ui/UEditor/CharacterCount.tsx
 import { useTranslations as useTranslations6 } from "next-intl";
-import { jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsxs as jsxs73 } from "react/jsx-runtime";
 var CharacterCountDisplay = ({ editor, maxCharacters }) => {
   const t = useTranslations6("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__ */ jsxs72("div", { className: "flex items-center gap-3 px-3 py-2 text-xs text-muted-foreground border-t bg-muted/20", children: [
-    /* @__PURE__ */ jsxs72("span", { children: [
+  return /* @__PURE__ */ jsxs73("div", { className: "flex items-center gap-3 px-3 py-2 text-xs text-muted-foreground border-t bg-muted/20", children: [
+    /* @__PURE__ */ jsxs73("span", { children: [
       wordCount,
       " ",
       t("words")
     ] }),
-    /* @__PURE__ */ jsxs72("span", { children: [
+    /* @__PURE__ */ jsxs73("span", { children: [
       characterCount,
       " ",
       t("characters")
     ] }),
-    maxCharacters && /* @__PURE__ */ jsxs72("span", { className: cn(percentage > 90 && "text-destructive", percentage > 100 && "font-bold"), children: [
+    maxCharacters && /* @__PURE__ */ jsxs73("span", { className: cn(percentage > 90 && "text-destructive", percentage > 100 && "font-bold"), children: [
       characterCount,
       "/",
       maxCharacters
@@ -20516,7 +21080,7 @@ var CharacterCountDisplay = ({ editor, maxCharacters }) => {
 };
 
 // ../../components/ui/UEditor/UEditor.tsx
-import { jsx as jsx80, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs74 } from "react/jsx-runtime";
 var UEditor = ({
   content = "",
   onChange,
@@ -20539,7 +21103,7 @@ var UEditor = ({
 }) => {
   const t = useTranslations7("UEditor");
   const effectivePlaceholder = placeholder ?? t("placeholder");
-  const extensions = useMemo24(
+  const extensions = useMemo25(
     () => buildUEditorExtensions({ placeholder: effectivePlaceholder, maxCharacters, uploadImage, imageInsertMode, editable }),
     [effectivePlaceholder, maxCharacters, uploadImage, imageInsertMode, editable]
   );
@@ -20656,7 +21220,7 @@ var UEditor = ({
     }
   }, [content, editor]);
   if (!editor) {
-    return /* @__PURE__ */ jsx80(
+    return /* @__PURE__ */ jsx81(
       "div",
       {
         className: cn("w-full rounded-lg border bg-background flex items-center justify-center text-muted-foreground", className),
@@ -20665,7 +21229,7 @@ var UEditor = ({
       }
     );
   }
-  return /* @__PURE__ */ jsxs73(
+  return /* @__PURE__ */ jsxs74(
     "div",
     {
       className: cn(
@@ -20677,10 +21241,10 @@ var UEditor = ({
         className
       ),
       children: [
-        editable && showToolbar && /* @__PURE__ */ jsx80(EditorToolbar, { editor, variant, uploadImage, imageInsertMode }),
-        editable && showBubbleMenu && /* @__PURE__ */ jsx80(CustomBubbleMenu, { editor }),
-        editable && showFloatingMenu && /* @__PURE__ */ jsx80(CustomFloatingMenu, { editor }),
-        /* @__PURE__ */ jsx80(
+        editable && showToolbar && /* @__PURE__ */ jsx81(EditorToolbar, { editor, variant, uploadImage, imageInsertMode }),
+        editable && showBubbleMenu && /* @__PURE__ */ jsx81(CustomBubbleMenu, { editor }),
+        editable && showFloatingMenu && /* @__PURE__ */ jsx81(CustomFloatingMenu, { editor }),
+        /* @__PURE__ */ jsx81(
           EditorContent,
           {
             editor,
@@ -20691,7 +21255,7 @@ var UEditor = ({
             }
           }
         ),
-        showCharacterCount && /* @__PURE__ */ jsx80(CharacterCountDisplay, { editor, maxCharacters })
+        showCharacterCount && /* @__PURE__ */ jsx81(CharacterCountDisplay, { editor, maxCharacters })
       ]
     }
   );
@@ -20737,6 +21301,7 @@ export {
   DropdownMenuItem,
   DropdownMenuSeparator,
   FallingIcons,
+  FileUpload,
   FloatingContacts,
   ForceInternalTranslationsProvider,
   Form,