@amogads/ui 1.1.3 → 1.1.5

package/dist/index.mjs

@@ -4564,6 +4564,22 @@ function SidebarProvider({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
+  React7.useEffect(() => {
+    const handleCustomToggle = (e) => {
+      const customEvent = e;
+      if (customEvent.detail && typeof customEvent.detail.open === "boolean") {
+        if (isMobile) {
+          setOpenMobile(customEvent.detail.open);
+        } else {
+          setOpen(customEvent.detail.open);
+        }
+      } else {
+        toggleSidebar();
+      }
+    };
+    window.addEventListener("amoga:toggle-sidebar", handleCustomToggle);
+    return () => window.removeEventListener("amoga:toggle-sidebar", handleCustomToggle);
+  }, [isMobile, setOpenMobile, setOpen, toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
   const contextValue = React7.useMemo(
     () => ({
@@ -11073,280 +11089,1905 @@ function AiChatHeader({
   );
 }
 
-// src/design-system/templates/list-template.tsx
-import { jsx as jsx94, jsxs as jsxs56 } from "react/jsx-runtime";
-function ListTemplate({
-  title,
-  description,
-  badge,
-  breadcrumbs,
-  actions,
-  searchPlaceholder,
-  searchValue,
-  onSearchChange,
-  filters,
-  activeFilters,
-  onClearAllFilters,
-  filterActions,
-  children,
-  footer,
-  className,
-  ...props
-}) {
-  const hasFilterBar = Boolean(onSearchChange) || Boolean(filters) || activeFilters && activeFilters.length > 0 || Boolean(filterActions);
-  return /* @__PURE__ */ jsxs56("div", { className: cn("flex flex-col gap-6 p-4 sm:p-6 md:p-8", className), ...props, children: [
-    /* @__PURE__ */ jsx94(
-      PageHeader,
-      {
-        title,
-        description,
-        badge,
-        breadcrumbs,
-        actions
-      }
-    ),
-    hasFilterBar && /* @__PURE__ */ jsx94(
-      FilterBar,
-      {
-        searchPlaceholder,
-        searchValue,
-        onSearchChange,
-        filters,
-        activeFilters,
-        onClearAll: onClearAllFilters,
-        actions: filterActions
-      }
-    ),
-    /* @__PURE__ */ jsx94("div", { className: "flex-1", children }),
-    footer && /* @__PURE__ */ jsx94("div", { className: "pt-2", children: footer })
-  ] });
+// src/design-system/components/files/file-card-item.tsx
+import React19 from "react";
+import {
+  Eye as Eye3,
+  Download as Download2,
+  FileText as FileText3,
+  Image as ImageIcon,
+  Film,
+  FileSpreadsheet,
+  FileCode,
+  FileArchive,
+  MoreHorizontal as MoreHorizontal4,
+  Copy as Copy3,
+  Trash2 as Trash26,
+  Pencil as Pencil3,
+  Share2 as Share22
+} from "lucide-react";
+import { formatDistanceToNow } from "date-fns";
+import { Fragment as Fragment3, jsx as jsx94, jsxs as jsxs56 } from "react/jsx-runtime";
+function getFileCategoryTheme(category) {
+  switch (category) {
+    case "Pdf":
+      return {
+        bg: "bg-red-500/10 dark:bg-red-950/40",
+        text: "text-red-600 dark:text-red-400",
+        border: "border-red-200/40 dark:border-red-900/40",
+        gradient: "from-red-500/20 to-orange-500/10"
+      };
+    case "Doc":
+      return {
+        bg: "bg-blue-500/10 dark:bg-blue-950/40",
+        text: "text-blue-600 dark:text-blue-400",
+        border: "border-blue-200/40 dark:border-blue-900/40",
+        gradient: "from-blue-500/20 to-indigo-500/10"
+      };
+    case "Xls":
+    case "Csv":
+      return {
+        bg: "bg-emerald-500/10 dark:bg-emerald-950/40",
+        text: "text-emerald-600 dark:text-emerald-400",
+        border: "border-emerald-200/40 dark:border-emerald-900/40",
+        gradient: "from-emerald-500/20 to-teal-500/10"
+      };
+    case "Images":
+      return {
+        bg: "bg-amber-500/10 dark:bg-amber-950/40",
+        text: "text-amber-600 dark:text-amber-400",
+        border: "border-amber-200/40 dark:border-amber-900/40",
+        gradient: "from-amber-500/20 to-yellow-500/10"
+      };
+    case "Videos":
+      return {
+        bg: "bg-purple-500/10 dark:bg-purple-950/40",
+        text: "text-purple-600 dark:text-purple-400",
+        border: "border-purple-200/40 dark:border-purple-900/40",
+        gradient: "from-purple-500/20 to-pink-500/10"
+      };
+    case "Zip":
+      return {
+        bg: "bg-orange-500/10 dark:bg-orange-950/40",
+        text: "text-orange-600 dark:text-orange-400",
+        border: "border-orange-200/40 dark:border-orange-900/40",
+        gradient: "from-orange-500/20 to-amber-500/10"
+      };
+    default:
+      return {
+        bg: "bg-indigo-500/10 dark:bg-indigo-950/40",
+        text: "text-indigo-600 dark:text-indigo-400",
+        border: "border-indigo-200/40 dark:border-indigo-900/40",
+        gradient: "from-indigo-500/20 to-purple-500/10"
+      };
+  }
 }
-
-// src/design-system/templates/detail-template.tsx
-import { ArrowLeft as ArrowLeft3 } from "lucide-react";
-import { jsx as jsx95, jsxs as jsxs57 } from "react/jsx-runtime";
-function DetailTemplate({
-  title,
-  description,
-  badge,
-  breadcrumbs,
-  actions,
-  onBack,
-  backLabel = "Back",
-  highlights,
-  sidebar,
-  children,
-  className,
-  ...props
+function formatBytes(bytes) {
+  if (!bytes || bytes === 0) return "0 B";
+  const k = 1024;
+  const sizes = ["B", "KB", "MB", "GB", "TB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i]}`;
+}
+function FileCardItem({
+  file,
+  isSelected = false,
+  viewMode = "grid",
+  onSelect,
+  onPreview,
+  onDownload,
+  onCopyLink,
+  onRename,
+  onDelete,
+  onShare,
+  className
 }) {
-  return /* @__PURE__ */ jsxs57("div", { className: cn("flex flex-col gap-6 p-4 sm:p-6 md:p-8", className), ...props, children: [
-    /* @__PURE__ */ jsxs57("div", { className: "flex flex-col gap-2", children: [
-      onBack && /* @__PURE__ */ jsxs57(
-        Button,
-        {
-          variant: "ghost",
-          size: "sm",
-          onClick: onBack,
-          className: "w-fit gap-1.5 px-0 text-xs text-muted-foreground hover:bg-transparent hover:text-foreground",
-          children: [
-            /* @__PURE__ */ jsx95(ArrowLeft3, { className: "h-3.5 w-3.5" }),
-            backLabel
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx95(
-        PageHeader,
-        {
-          title,
-          description,
-          badge,
-          breadcrumbs,
-          actions
-        }
-      )
-    ] }),
-    highlights && /* @__PURE__ */ jsx95("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: highlights }),
-    /* @__PURE__ */ jsxs57(
-      "div",
+  const theme = getFileCategoryTheme(file.category);
+  const isImage = file.category === "Images" || /\.(jpg|jpeg|png|webp|svg|gif)$/i.test(file.fileName);
+  const isVideo = file.category === "Videos" || /\.(mp4|webm|mov|mkv)$/i.test(file.fileName);
+  const isPdf = file.category === "Pdf" || /\.pdf$/i.test(file.fileName);
+  const isSheet = file.category === "Xls" || file.category === "Csv" || /\.(xls|xlsx|csv)$/i.test(file.fileName);
+  const isZip = file.category === "Zip" || /\.(zip|rar|7z|tar|gz)$/i.test(file.fileName);
+  const updatedTimeDisplay = React19.useMemo(() => {
+    if (!file.updatedAt) return "Recently";
+    try {
+      const d = new Date(file.updatedAt);
+      return formatDistanceToNow(d, { addSuffix: true });
+    } catch {
+      return "Recently";
+    }
+  }, [file.updatedAt]);
+  if (viewMode === "table") {
+    return /* @__PURE__ */ jsxs56(
+      "tr",
       {
+        onClick: () => onSelect?.(file),
         className: cn(
-          "grid gap-6",
-          sidebar ? "grid-cols-1 lg:grid-cols-3" : "grid-cols-1"
+          "group border-b border-border/50 transition-colors hover:bg-muted/40 cursor-pointer",
+          isSelected && "bg-primary/5",
+          className
         ),
         children: [
-          /* @__PURE__ */ jsx95("div", { className: cn(sidebar ? "lg:col-span-2 space-y-6" : "space-y-6"), children }),
-          sidebar && /* @__PURE__ */ jsx95("aside", { className: "space-y-6 lg:col-span-1", children: sidebar })
-        ]
-      }
-    )
-  ] });
-}
-
-// src/design-system/templates/form-template.tsx
-import { ArrowLeft as ArrowLeft4 } from "lucide-react";
-import { jsx as jsx96, jsxs as jsxs58 } from "react/jsx-runtime";
-function FormTemplate({
-  title,
-  description,
-  badge,
-  breadcrumbs,
-  onBack,
-  backLabel = "Back",
-  submitLabel = "Save changes",
-  cancelLabel = "Cancel",
-  onCancel,
-  isSubmitting = false,
-  stickyFooter = false,
-  secondaryActions,
-  children,
-  className,
-  onSubmit,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs58("div", { className: "flex flex-col gap-6 p-4 sm:p-6 md:p-8", children: [
-    /* @__PURE__ */ jsxs58("div", { className: "flex flex-col gap-2", children: [
-      onBack && /* @__PURE__ */ jsxs58(
-        Button,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "sm",
-          onClick: onBack,
-          className: "w-fit gap-1.5 px-0 text-xs text-muted-foreground hover:bg-transparent hover:text-foreground",
-          children: [
-            /* @__PURE__ */ jsx96(ArrowLeft4, { className: "h-3.5 w-3.5" }),
-            backLabel
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx96(
-        PageHeader,
-        {
-          title,
-          description,
-          badge,
-          breadcrumbs
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs58("form", { onSubmit, className: cn("space-y-8", className), ...props, children: [
-      /* @__PURE__ */ jsx96("div", { className: "space-y-6", children }),
-      /* @__PURE__ */ jsxs58(
-        "div",
-        {
-          className: cn(
-            "flex flex-wrap items-center justify-between gap-4 pt-6",
-            stickyFooter && "sticky bottom-0 -mx-4 -mb-4 bg-background/95 p-4 backdrop-blur border-t sm:-mx-6 sm:-mb-6 sm:p-6 md:-mx-8 md:-mb-8 md:p-8"
-          ),
-          children: [
-            /* @__PURE__ */ jsx96("div", { children: secondaryActions }),
-            /* @__PURE__ */ jsxs58("div", { className: "flex items-center gap-3", children: [
-              onCancel && /* @__PURE__ */ jsx96(
-                Button,
-                {
-                  type: "button",
-                  variant: "outline",
-                  disabled: isSubmitting,
-                  onClick: onCancel,
-                  children: cancelLabel
-                }
-              ),
-              /* @__PURE__ */ jsx96(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Saving..." : submitLabel })
+          /* @__PURE__ */ jsx94("td", { className: "py-3 px-4", children: /* @__PURE__ */ jsxs56("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx94(
+              "div",
+              {
+                className: cn(
+                  "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border shadow-2xs",
+                  theme.bg,
+                  theme.border
+                ),
+                children: isImage ? /* @__PURE__ */ jsx94(ImageIcon, { className: cn("h-4 w-4", theme.text) }) : isVideo ? /* @__PURE__ */ jsx94(Film, { className: cn("h-4 w-4", theme.text) }) : isPdf ? /* @__PURE__ */ jsx94(FileText3, { className: cn("h-4 w-4", theme.text) }) : isSheet ? /* @__PURE__ */ jsx94(FileSpreadsheet, { className: cn("h-4 w-4", theme.text) }) : isZip ? /* @__PURE__ */ jsx94(FileArchive, { className: cn("h-4 w-4", theme.text) }) : /* @__PURE__ */ jsx94(FileCode, { className: cn("h-4 w-4", theme.text) })
+              }
+            ),
+            /* @__PURE__ */ jsxs56("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx94("p", { className: "font-semibold text-xs text-foreground truncate max-w-[240px] sm:max-w-xs", children: file.fileName }),
+              /* @__PURE__ */ jsx94("p", { className: "text-[11px] text-muted-foreground", children: file.folderPath || file.section || "General" })
             ] })
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/design-system/templates/wizard-template.tsx
-import { Check as Check7, ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight7 } from "lucide-react";
-import { jsx as jsx97, jsxs as jsxs59 } from "react/jsx-runtime";
-function WizardTemplate({
-  title,
-  description,
-  steps,
-  currentStepIndex,
-  onStepChange,
-  onNext,
-  onPrevious,
-  onSubmit,
-  nextLabel = "Next",
-  previousLabel = "Previous",
-  submitLabel = "Complete",
-  isSubmitting = false,
-  canProceed = true,
-  children,
-  className,
-  ...props
-}) {
-  const isLastStep = currentStepIndex === steps.length - 1;
-  const isFirstStep = currentStepIndex === 0;
-  return /* @__PURE__ */ jsxs59("div", { className: cn("flex flex-col gap-6 p-4 sm:p-6 md:p-8", className), ...props, children: [
-    /* @__PURE__ */ jsx97(PageHeader, { title, description }),
-    /* @__PURE__ */ jsx97("nav", { "aria-label": "Wizard Progress", className: "py-2", children: /* @__PURE__ */ jsx97("ol", { className: "flex items-center justify-between gap-2 overflow-x-auto pb-2", children: steps.map((step, idx) => {
-      const isCompleted = idx < currentStepIndex;
-      const isCurrent = idx === currentStepIndex;
-      const isClickable = onStepChange && idx < currentStepIndex;
-      return /* @__PURE__ */ jsxs59(
-        "li",
-        {
-          className: "flex flex-1 items-center gap-2.5 min-w-[120px]",
-          children: [
-            /* @__PURE__ */ jsxs59(
+          ] }) }),
+          /* @__PURE__ */ jsx94("td", { className: "py-3 px-4 text-xs", children: /* @__PURE__ */ jsx94(
+            Badge,
+            {
+              variant: "outline",
+              className: cn("text-[10px] px-2 py-0.5 font-bold", theme.bg, theme.text, theme.border),
+              children: file.category
+            }
+          ) }),
+          /* @__PURE__ */ jsx94("td", { className: "py-3 px-4 text-xs text-muted-foreground font-mono", children: formatBytes(file.fileSize) }),
+          /* @__PURE__ */ jsx94("td", { className: "py-3 px-4 text-xs text-muted-foreground hidden sm:table-cell", children: updatedTimeDisplay }),
+          /* @__PURE__ */ jsx94("td", { className: "py-3 px-4 text-right", children: /* @__PURE__ */ jsxs56("div", { className: "flex items-center justify-end gap-1", children: [
+            /* @__PURE__ */ jsx94(
               "button",
               {
                 type: "button",
-                disabled: !isClickable,
-                onClick: isClickable ? () => onStepChange(idx) : void 0,
-                className: cn(
-                  "flex items-center gap-2 text-left transition-colors",
-                  isClickable && "cursor-pointer hover:opacity-80"
-                ),
-                children: [
-                  /* @__PURE__ */ jsx97(
-                    "span",
-                    {
-                      className: cn(
-                        "flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-xs font-semibold",
-                        isCompleted && "bg-primary text-primary-foreground",
-                        isCurrent && "border-2 border-primary bg-primary/10 text-primary font-bold",
-                        !isCompleted && !isCurrent && "border border-border bg-muted text-muted-foreground"
-                      ),
-                      children: isCompleted ? /* @__PURE__ */ jsx97(Check7, { className: "h-4 w-4" }) : idx + 1
-                    }
-                  ),
-                  /* @__PURE__ */ jsx97("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsx97(
-                    "div",
-                    {
-                      className: cn(
-                        "text-xs font-medium",
-                        isCurrent ? "text-foreground font-semibold" : "text-muted-foreground"
-                      ),
-                      children: step.title
-                    }
-                  ) })
-                ]
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onPreview?.(file);
+                },
+                className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
+                title: "Preview",
+                children: /* @__PURE__ */ jsx94(Eye3, { className: "h-4 w-4" })
               }
             ),
-            idx < steps.length - 1 && /* @__PURE__ */ jsx97(
-              "div",
+            /* @__PURE__ */ jsx94(
+              "button",
               {
-                className: cn(
-                  "h-0.5 flex-1 rounded-full",
-                  idx < currentStepIndex ? "bg-primary" : "bg-border"
-                )
+                type: "button",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onDownload?.(file);
+                },
+                className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
+                title: "Download",
+                children: /* @__PURE__ */ jsx94(Download2, { className: "h-4 w-4" })
               }
-            )
-          ]
-        },
+            ),
+            /* @__PURE__ */ jsxs56(DropdownMenu, { children: [
+              /* @__PURE__ */ jsx94(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx94(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => e.stopPropagation(),
+                  className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
+                  title: "More actions",
+                  children: /* @__PURE__ */ jsx94(MoreHorizontal4, { className: "h-4 w-4" })
+                }
+              ) }),
+              /* @__PURE__ */ jsxs56(DropdownMenuContent, { align: "end", className: "w-40 rounded-xl p-1 shadow-lg", children: [
+                /* @__PURE__ */ jsxs56(
+                  DropdownMenuItem,
+                  {
+                    onClick: () => onPreview?.(file),
+                    className: "cursor-pointer text-xs flex items-center gap-2 py-1.5",
+                    children: [
+                      /* @__PURE__ */ jsx94(Eye3, { className: "h-3.5 w-3.5 text-blue-500" }),
+                      /* @__PURE__ */ jsx94("span", { children: "Preview" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs56(
+                  DropdownMenuItem,
+                  {
+                    onClick: () => onDownload?.(file),
+                    className: "cursor-pointer text-xs flex items-center gap-2 py-1.5",
+                    children: [
+                      /* @__PURE__ */ jsx94(Download2, { className: "h-3.5 w-3.5 text-emerald-500" }),
+                      /* @__PURE__ */ jsx94("span", { children: "Download" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs56(
+                  DropdownMenuItem,
+                  {
+                    onClick: () => onCopyLink?.(file),
+                    className: "cursor-pointer text-xs flex items-center gap-2 py-1.5",
+                    children: [
+                      /* @__PURE__ */ jsx94(Copy3, { className: "h-3.5 w-3.5 text-amber-500" }),
+                      /* @__PURE__ */ jsx94("span", { children: "Copy Link" })
+                    ]
+                  }
+                ),
+                onShare && /* @__PURE__ */ jsxs56(
+                  DropdownMenuItem,
+                  {
+                    onClick: () => onShare(file),
+                    className: "cursor-pointer text-xs flex items-center gap-2 py-1.5",
+                    children: [
+                      /* @__PURE__ */ jsx94(Share22, { className: "h-3.5 w-3.5 text-indigo-500" }),
+                      /* @__PURE__ */ jsx94("span", { children: "Share" })
+                    ]
+                  }
+                ),
+                onRename && /* @__PURE__ */ jsxs56(
+                  DropdownMenuItem,
+                  {
+                    onClick: () => onRename(file),
+                    className: "cursor-pointer text-xs flex items-center gap-2 py-1.5",
+                    children: [
+                      /* @__PURE__ */ jsx94(Pencil3, { className: "h-3.5 w-3.5 text-purple-500" }),
+                      /* @__PURE__ */ jsx94("span", { children: "Rename" })
+                    ]
+                  }
+                ),
+                onDelete && /* @__PURE__ */ jsxs56(Fragment3, { children: [
+                  /* @__PURE__ */ jsx94(DropdownMenuSeparator, {}),
+                  /* @__PURE__ */ jsxs56(
+                    DropdownMenuItem,
+                    {
+                      onClick: () => onDelete(file),
+                      className: "cursor-pointer text-xs flex items-center gap-2 py-1.5 text-rose-500 hover:text-rose-600 hover:bg-rose-50 dark:hover:bg-rose-950/30 rounded-md",
+                      children: [
+                        /* @__PURE__ */ jsx94(Trash26, { className: "h-3.5 w-3.5 text-rose-500" }),
+                        /* @__PURE__ */ jsx94("span", { children: "Delete" })
+                      ]
+                    }
+                  )
+                ] })
+              ] })
+            ] })
+          ] }) })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs56(
+    "div",
+    {
+      onClick: () => onSelect?.(file),
+      className: cn(
+        "group relative flex flex-col justify-between overflow-hidden rounded-2xl border border-border/80 bg-card p-3.5 shadow-2xs transition-all duration-200 hover:shadow-md hover:border-indigo-300 dark:hover:border-indigo-700/60 cursor-pointer select-none",
+        isSelected && "border-indigo-500 ring-2 ring-indigo-500/20 bg-indigo-500/5",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs56("div", { className: "relative mb-3 flex items-center justify-center overflow-hidden rounded-xl bg-muted/20 border border-border/40 min-h-[105px]", children: [
+          isImage && file.fileUrl ? /* @__PURE__ */ jsx94(
+            "img",
+            {
+              src: file.fileUrl,
+              alt: file.fileName,
+              className: "h-28 w-full object-cover transition-transform duration-300 group-hover:scale-105",
+              loading: "lazy"
+            }
+          ) : /* @__PURE__ */ jsx94(
+            "div",
+            {
+              className: cn(
+                "flex h-16 w-16 items-center justify-center rounded-2xl border shadow-inner transition-transform duration-200 group-hover:scale-110",
+                theme.bg,
+                theme.border
+              ),
+              children: isPdf ? /* @__PURE__ */ jsx94(FileText3, { className: cn("h-8 w-8", theme.text) }) : isVideo ? /* @__PURE__ */ jsx94(Film, { className: cn("h-8 w-8", theme.text) }) : isSheet ? /* @__PURE__ */ jsx94(FileSpreadsheet, { className: cn("h-8 w-8", theme.text) }) : isZip ? /* @__PURE__ */ jsx94(FileArchive, { className: cn("h-8 w-8", theme.text) }) : /* @__PURE__ */ jsx94(FileCode, { className: cn("h-8 w-8", theme.text) })
+            }
+          ),
+          /* @__PURE__ */ jsx94(
+            Badge,
+            {
+              variant: "outline",
+              className: cn(
+                "absolute top-2 right-2 backdrop-blur-md text-[10px] font-bold px-1.5 py-0.5 shadow-2xs",
+                theme.bg,
+                theme.text,
+                theme.border
+              ),
+              children: file.category
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs56("div", { className: "flex flex-col gap-1 min-w-0", children: [
+          /* @__PURE__ */ jsx94("h4", { className: "font-bold text-xs text-foreground truncate tracking-tight", title: file.fileName, children: file.fileName }),
+          /* @__PURE__ */ jsxs56("div", { className: "flex items-center justify-between text-[11px] text-muted-foreground", children: [
+            /* @__PURE__ */ jsx94("span", { className: "font-mono", children: formatBytes(file.fileSize) }),
+            /* @__PURE__ */ jsx94("span", { className: "truncate", children: updatedTimeDisplay })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs56("div", { className: "mt-3 pt-2.5 flex items-center justify-between border-t border-border/50 text-muted-foreground", children: [
+          /* @__PURE__ */ jsx94("span", { className: "text-[10px] text-muted-foreground/70 font-medium truncate max-w-[120px]", children: file.folderPath || file.section || "General" }),
+          /* @__PURE__ */ jsxs56("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx94(
+              "button",
+              {
+                type: "button",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onPreview?.(file);
+                },
+                className: "p-1 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
+                title: "Preview file",
+                children: /* @__PURE__ */ jsx94(Eye3, { className: "h-3.5 w-3.5" })
+              }
+            ),
+            /* @__PURE__ */ jsx94(
+              "button",
+              {
+                type: "button",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onDownload?.(file);
+                },
+                className: "p-1 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
+                title: "Download file",
+                children: /* @__PURE__ */ jsx94(Download2, { className: "h-3.5 w-3.5" })
+              }
+            ),
+            /* @__PURE__ */ jsxs56(DropdownMenu, { children: [
+              /* @__PURE__ */ jsx94(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx94(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => e.stopPropagation(),
+                  className: "p-1 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
+                  title: "More",
+                  children: /* @__PURE__ */ jsx94(MoreHorizontal4, { className: "h-3.5 w-3.5" })
+                }
+              ) }),
+              /* @__PURE__ */ jsxs56(DropdownMenuContent, { align: "end", className: "w-38 rounded-xl p-1 shadow-lg", children: [
+                /* @__PURE__ */ jsxs56(
+                  DropdownMenuItem,
+                  {
+                    onClick: () => onPreview?.(file),
+                    className: "cursor-pointer text-xs flex items-center gap-2 py-1.5",
+                    children: [
+                      /* @__PURE__ */ jsx94(Eye3, { className: "h-3.5 w-3.5 text-blue-500" }),
+                      /* @__PURE__ */ jsx94("span", { children: "Preview" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs56(
+                  DropdownMenuItem,
+                  {
+                    onClick: () => onDownload?.(file),
+                    className: "cursor-pointer text-xs flex items-center gap-2 py-1.5",
+                    children: [
+                      /* @__PURE__ */ jsx94(Download2, { className: "h-3.5 w-3.5 text-emerald-500" }),
+                      /* @__PURE__ */ jsx94("span", { children: "Download" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs56(
+                  DropdownMenuItem,
+                  {
+                    onClick: () => onCopyLink?.(file),
+                    className: "cursor-pointer text-xs flex items-center gap-2 py-1.5",
+                    children: [
+                      /* @__PURE__ */ jsx94(Copy3, { className: "h-3.5 w-3.5 text-amber-500" }),
+                      /* @__PURE__ */ jsx94("span", { children: "Copy Link" })
+                    ]
+                  }
+                ),
+                onDelete && /* @__PURE__ */ jsxs56(Fragment3, { children: [
+                  /* @__PURE__ */ jsx94(DropdownMenuSeparator, {}),
+                  /* @__PURE__ */ jsxs56(
+                    DropdownMenuItem,
+                    {
+                      onClick: () => onDelete(file),
+                      className: "cursor-pointer text-xs flex items-center gap-2 py-1.5 text-rose-500 hover:text-rose-600 hover:bg-rose-50 dark:hover:bg-rose-950/30 rounded-md",
+                      children: [
+                        /* @__PURE__ */ jsx94(Trash26, { className: "h-3.5 w-3.5 text-rose-500" }),
+                        /* @__PURE__ */ jsx94("span", { children: "Delete" })
+                      ]
+                    }
+                  )
+                ] })
+              ] })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/design-system/components/files/folder-tree-item.tsx
+import { FolderOpen, ChevronDown as ChevronDown3, ChevronRight as ChevronRight7, Folder } from "lucide-react";
+import { jsx as jsx95, jsxs as jsxs57 } from "react/jsx-runtime";
+function FolderTreeItem({
+  folder,
+  isFolderActive,
+  isExpanded,
+  onToggleExpand,
+  onSelectFolder,
+  className
+}) {
+  const isLevel0 = folder.level === 0;
+  const isLevel1 = folder.level === 1;
+  const isLevel2 = folder.level === 2;
+  const hasChildren = isLevel0 || isLevel1;
+  return /* @__PURE__ */ jsxs57(
+    "div",
+    {
+      id: `folder-card-${folder.id}`,
+      onClick: () => {
+        if (hasChildren) {
+          onToggleExpand(folder.id);
+        } else {
+          onSelectFolder(folder);
+        }
+      },
+      className: cn(
+        "group relative flex cursor-pointer items-center justify-between gap-2 rounded-xl py-1.5 px-2 transition-all duration-200 select-none border",
+        isLevel0 && "font-bold bg-muted/20 border-border/50 my-1",
+        isLevel1 && "ml-3 border-border/40 my-0.5",
+        isLevel2 && "ml-6 border-transparent hover:bg-muted/40 my-0.5",
+        isFolderActive ? "border-indigo-300 bg-indigo-500/15 text-indigo-600 dark:border-indigo-800 dark:bg-indigo-950/40 dark:text-indigo-400 font-bold shadow-2xs" : "bg-card hover:bg-indigo-500/5 hover:border-indigo-200/40",
+        className
+      ),
+      children: [
+        isFolderActive && /* @__PURE__ */ jsx95("div", { className: "absolute top-1 bottom-1 left-0 w-1 rounded-l-full bg-indigo-600" }),
+        /* @__PURE__ */ jsxs57("div", { className: "flex items-center gap-1.5 min-w-0 flex-1", children: [
+          hasChildren && /* @__PURE__ */ jsx95(
+            "button",
+            {
+              type: "button",
+              onClick: (e) => onToggleExpand(folder.id, e),
+              className: "flex h-4 w-4 shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground cursor-pointer",
+              children: isExpanded ? /* @__PURE__ */ jsx95(ChevronDown3, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx95(ChevronRight7, { className: "h-3 w-3" })
+            }
+          ),
+          /* @__PURE__ */ jsx95(
+            "div",
+            {
+              className: cn(
+                "flex shrink-0 items-center justify-center rounded-lg text-indigo-600 dark:text-indigo-400 transition-colors",
+                isLevel0 ? "h-6 w-6 border border-indigo-200/40 bg-indigo-500/10" : isLevel1 ? "h-5.5 w-5.5 border border-indigo-200/30 bg-indigo-500/5" : "h-5 w-5"
+              ),
+              children: isExpanded ? /* @__PURE__ */ jsx95(
+                FolderOpen,
+                {
+                  className: isLevel0 ? "h-3.5 w-3.5" : isLevel1 ? "h-3 w-3" : "h-3 w-3 text-indigo-500"
+                }
+              ) : /* @__PURE__ */ jsx95(
+                Folder,
+                {
+                  className: isLevel0 ? "h-3.5 w-3.5" : isLevel1 ? "h-3 w-3" : "h-3 w-3 text-indigo-500"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx95(
+            "span",
+            {
+              className: cn(
+                "truncate text-foreground",
+                isLevel0 ? "text-xs font-bold" : isLevel1 ? "text-[11px] font-semibold" : "text-[11px] font-medium",
+                isFolderActive && "text-indigo-600 dark:text-indigo-400"
+              ),
+              children: folder.name
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx95(
+          Badge,
+          {
+            variant: isFolderActive ? "default" : "secondary",
+            className: cn(
+              "text-[10px] px-1.5 py-0 h-4 min-w-4 flex items-center justify-center font-mono",
+              isFolderActive ? "bg-indigo-600 text-white" : "bg-muted text-muted-foreground group-hover:bg-indigo-500/10 group-hover:text-indigo-600"
+            ),
+            children: folder.fileCount
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/design-system/components/files/storage-stat-card.tsx
+import { HardDrive, FileText as FileText4, Image as ImageIcon2, Film as Film2, Database, ArrowUpRight as ArrowUpRight2 } from "lucide-react";
+import { jsx as jsx96, jsxs as jsxs58 } from "react/jsx-runtime";
+function StorageStatCard({
+  totalFiles,
+  totalSizeBytes = 0,
+  maxStorageBytes = 10 * 1024 * 1024 * 1024,
+  // 10 GB default
+  stats,
+  onViewAllFiles,
+  onUploadClick,
+  className
+}) {
+  const percentUsed = Math.min(
+    100,
+    Math.max(1, Math.round(totalSizeBytes / (maxStorageBytes || 1) * 100))
+  );
+  const defaultStats = stats || [
+    {
+      label: "Documents & PDFs",
+      count: Math.round(totalFiles * 0.4),
+      sizeBytes: Math.round(totalSizeBytes * 0.45),
+      colorClass: "bg-red-500",
+      icon: /* @__PURE__ */ jsx96(FileText4, { className: "h-4 w-4 text-red-500" })
+    },
+    {
+      label: "Images & Photos",
+      count: Math.round(totalFiles * 0.35),
+      sizeBytes: Math.round(totalSizeBytes * 0.3),
+      colorClass: "bg-amber-500",
+      icon: /* @__PURE__ */ jsx96(ImageIcon2, { className: "h-4 w-4 text-amber-500" })
+    },
+    {
+      label: "Media & Videos",
+      count: Math.round(totalFiles * 0.15),
+      sizeBytes: Math.round(totalSizeBytes * 0.2),
+      colorClass: "bg-purple-500",
+      icon: /* @__PURE__ */ jsx96(Film2, { className: "h-4 w-4 text-purple-500" })
+    },
+    {
+      label: "Other & Archives",
+      count: Math.max(0, totalFiles - Math.round(totalFiles * 0.9)),
+      sizeBytes: Math.round(totalSizeBytes * 0.05),
+      colorClass: "bg-indigo-500",
+      icon: /* @__PURE__ */ jsx96(Database, { className: "h-4 w-4 text-indigo-500" })
+    }
+  ];
+  return /* @__PURE__ */ jsxs58(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-4 rounded-2xl border border-border/80 bg-card p-4 shadow-2xs select-none",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs58("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs58("div", { className: "flex items-center gap-2.5", children: [
+            /* @__PURE__ */ jsx96("div", { className: "flex h-9 w-9 items-center justify-center rounded-xl bg-indigo-500/10 text-indigo-600 dark:text-indigo-400 border border-indigo-200/40", children: /* @__PURE__ */ jsx96(HardDrive, { className: "h-5 w-5" }) }),
+            /* @__PURE__ */ jsxs58("div", { children: [
+              /* @__PURE__ */ jsx96("h3", { className: "text-xs font-bold text-foreground", children: "Storage Overview" }),
+              /* @__PURE__ */ jsxs58("p", { className: "text-[11px] text-muted-foreground", children: [
+                totalFiles,
+                " items stored in workspace"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs58("div", { className: "text-right", children: [
+            /* @__PURE__ */ jsx96("p", { className: "text-xs font-bold text-foreground font-mono", children: formatBytes(totalSizeBytes) }),
+            /* @__PURE__ */ jsxs58("p", { className: "text-[10px] text-muted-foreground font-mono", children: [
+              "of ",
+              formatBytes(maxStorageBytes)
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs58("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx96("div", { className: "flex h-2.5 w-full overflow-hidden rounded-full bg-muted/60 p-0.5 border border-border/40", children: /* @__PURE__ */ jsx96(
+            "div",
+            {
+              className: "h-full rounded-full bg-linear-to-r from-indigo-500 via-purple-500 to-amber-500 transition-all duration-500",
+              style: { width: `${percentUsed}%` }
+            }
+          ) }),
+          /* @__PURE__ */ jsxs58("div", { className: "flex justify-between text-[10px] text-muted-foreground", children: [
+            /* @__PURE__ */ jsxs58("span", { children: [
+              percentUsed,
+              "% capacity utilized"
+            ] }),
+            /* @__PURE__ */ jsxs58("span", { children: [
+              formatBytes(Math.max(0, maxStorageBytes - totalSizeBytes)),
+              " available"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx96("div", { className: "grid grid-cols-2 gap-2 pt-1", children: defaultStats.map((item, idx) => /* @__PURE__ */ jsxs58(
+          "div",
+          {
+            className: "flex items-center gap-2 rounded-xl border border-border/40 bg-muted/20 p-2",
+            children: [
+              /* @__PURE__ */ jsx96("div", { className: "shrink-0", children: item.icon }),
+              /* @__PURE__ */ jsxs58("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx96("p", { className: "truncate text-[11px] font-semibold text-foreground", children: item.label }),
+                /* @__PURE__ */ jsxs58("div", { className: "flex items-center justify-between text-[10px] text-muted-foreground", children: [
+                  /* @__PURE__ */ jsxs58("span", { children: [
+                    item.count,
+                    " files"
+                  ] }),
+                  /* @__PURE__ */ jsx96("span", { className: "font-mono", children: formatBytes(item.sizeBytes) })
+                ] })
+              ] })
+            ]
+          },
+          idx
+        )) }),
+        (onViewAllFiles || onUploadClick) && /* @__PURE__ */ jsxs58("div", { className: "flex items-center justify-between pt-2 border-t border-border/50", children: [
+          onViewAllFiles && /* @__PURE__ */ jsxs58(
+            "button",
+            {
+              type: "button",
+              onClick: onViewAllFiles,
+              className: "text-xs font-semibold text-indigo-600 dark:text-indigo-400 hover:underline flex items-center gap-1 cursor-pointer",
+              children: [
+                /* @__PURE__ */ jsx96("span", { children: "Explore All Files" }),
+                /* @__PURE__ */ jsx96(ArrowUpRight2, { className: "h-3.5 w-3.5" })
+              ]
+            }
+          ),
+          onUploadClick && /* @__PURE__ */ jsx96(
+            "button",
+            {
+              type: "button",
+              onClick: onUploadClick,
+              className: "text-xs font-semibold bg-indigo-600 text-white hover:bg-indigo-700 px-3 py-1 rounded-lg transition-colors cursor-pointer",
+              children: "Upload New"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/design-system/components/files/user-file-cards-view.tsx
+import { useState as useState12, useMemo as useMemo7 } from "react";
+import {
+  Search as Search6,
+  X as X5,
+  FolderOpen as FolderOpen2,
+  ArrowLeft as ArrowLeft3,
+  ArrowUpDown,
+  LayoutGrid,
+  Table as TableIcon,
+  ChevronLeft as ChevronLeft2,
+  ChevronRight as ChevronRight9,
+  Upload,
+  Trash2 as Trash28,
+  Download as Download3
+} from "lucide-react";
+
+// src/features/Message/components/chat/header-actions.tsx
+import {
+  Bell as Bell4,
+  Flag as Flag4,
+  MoreVertical as MoreVertical3,
+  Reply,
+  Forward,
+  Pin as Pin4,
+  Star as Star4,
+  Heart as Heart4,
+  Archive as Archive4,
+  Trash2 as Trash27,
+  X as X4
+} from "lucide-react";
+import { toast as toast2 } from "sonner";
+import { jsx as jsx97, jsxs as jsxs59 } from "react/jsx-runtime";
+function HeaderActions({
+  onDelete,
+  onDownload,
+  onPrint,
+  onShare,
+  onReply,
+  onForward,
+  onPin,
+  onStar,
+  onFavorite,
+  onArchive,
+  onActionThis,
+  onClose
+}) {
+  return /* @__PURE__ */ jsxs59("div", { className: "flex items-center gap-1 shrink-0 select-none", children: [
+    /* @__PURE__ */ jsx97(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          if (onActionThis) onActionThis();
+          else toast2.info("Act on this option selected");
+        },
+        className: "p-1.5 rounded-lg hover:bg-muted text-amber-500 hover:text-amber-600 transition-colors cursor-pointer",
+        title: "Act on this",
+        children: /* @__PURE__ */ jsx97(Bell4, { className: "h-4.5 w-4.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx97(
+      "button",
+      {
+        type: "button",
+        onClick: () => toast2.success("Flagged item"),
+        className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
+        title: "Flag",
+        children: /* @__PURE__ */ jsx97(Flag4, { className: "h-4.5 w-4.5" })
+      }
+    ),
+    /* @__PURE__ */ jsxs59(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx97(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx97(
+        "button",
+        {
+          type: "button",
+          className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
+          title: "More options",
+          children: /* @__PURE__ */ jsx97(MoreVertical3, { className: "h-4.5 w-4.5" })
+        }
+      ) }),
+      /* @__PURE__ */ jsxs59(
+        DropdownMenuContent,
+        {
+          align: "end",
+          className: "w-48 border border-border/80 bg-background shadow-lg p-1 space-y-0.5",
+          children: [
+            /* @__PURE__ */ jsx97(
+              DropdownMenuItem,
+              {
+                onClick: () => {
+                  if (onReply) onReply();
+                  else toast2.info("Reply option selected");
+                },
+                className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
+                children: /* @__PURE__ */ jsxs59("div", { className: "flex items-center gap-2.5", children: [
+                  /* @__PURE__ */ jsx97(Reply, { className: "h-4 w-4 text-blue-500" }),
+                  /* @__PURE__ */ jsx97("span", { className: "text-foreground", children: "Reply" })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx97(
+              DropdownMenuItem,
+              {
+                onClick: () => {
+                  if (onForward) onForward();
+                  else toast2.info("Forward option selected");
+                },
+                className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
+                children: /* @__PURE__ */ jsxs59("div", { className: "flex items-center gap-2.5", children: [
+                  /* @__PURE__ */ jsx97(Forward, { className: "h-4 w-4 text-sky-400" }),
+                  /* @__PURE__ */ jsx97("span", { className: "text-foreground", children: "Forward" })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx97(
+              DropdownMenuItem,
+              {
+                onClick: () => {
+                  if (onPin) onPin();
+                  else toast2.success("Message pinned");
+                },
+                className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
+                children: /* @__PURE__ */ jsxs59("div", { className: "flex items-center gap-2.5", children: [
+                  /* @__PURE__ */ jsx97(Pin4, { className: "h-4 w-4 text-purple-500" }),
+                  /* @__PURE__ */ jsx97("span", { className: "text-foreground", children: "Pin Message" })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx97(
+              DropdownMenuItem,
+              {
+                onClick: () => {
+                  if (onStar) onStar();
+                  else toast2.success("Starred successfully");
+                },
+                className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
+                children: /* @__PURE__ */ jsxs59("div", { className: "flex items-center gap-2.5", children: [
+                  /* @__PURE__ */ jsx97(Star4, { className: "h-4 w-4 text-amber-500" }),
+                  /* @__PURE__ */ jsx97("span", { className: "text-foreground", children: "Star" })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx97(
+              DropdownMenuItem,
+              {
+                onClick: () => {
+                  if (onFavorite) onFavorite();
+                  else toast2.success("Added to favorites");
+                },
+                className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
+                children: /* @__PURE__ */ jsxs59("div", { className: "flex items-center gap-2.5", children: [
+                  /* @__PURE__ */ jsx97(Heart4, { className: "h-4 w-4 text-rose-500" }),
+                  /* @__PURE__ */ jsx97("span", { className: "text-foreground", children: "Favorite" })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx97(
+              DropdownMenuItem,
+              {
+                onClick: () => toast2.success("Flagged message"),
+                className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
+                children: /* @__PURE__ */ jsxs59("div", { className: "flex items-center gap-2.5", children: [
+                  /* @__PURE__ */ jsx97(Flag4, { className: "h-4 w-4 text-red-500" }),
+                  /* @__PURE__ */ jsx97("span", { className: "text-foreground", children: "Flag" })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx97(
+              DropdownMenuItem,
+              {
+                onClick: () => {
+                  if (onArchive) onArchive();
+                  else toast2.success("Archived successfully");
+                },
+                className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
+                children: /* @__PURE__ */ jsxs59("div", { className: "flex items-center gap-2.5", children: [
+                  /* @__PURE__ */ jsx97(Archive4, { className: "h-4 w-4 text-indigo-500" }),
+                  /* @__PURE__ */ jsx97("span", { className: "text-foreground", children: "Archive" })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx97(
+              DropdownMenuItem,
+              {
+                onClick: () => {
+                  if (onActionThis) onActionThis();
+                  else toast2.info("Action This selected");
+                },
+                className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-muted/80 rounded-md",
+                children: /* @__PURE__ */ jsxs59("div", { className: "flex items-center gap-2.5", children: [
+                  /* @__PURE__ */ jsx97(Bell4, { className: "h-4 w-4 text-amber-500" }),
+                  /* @__PURE__ */ jsx97("span", { className: "text-foreground", children: "Action This" })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx97(
+              DropdownMenuItem,
+              {
+                onClick: () => {
+                  if (onDelete) onDelete();
+                  else toast2.success("Item deleted");
+                },
+                className: "cursor-pointer text-xs flex items-center justify-between py-2 px-2.5 font-medium hover:bg-red-500/10 rounded-md text-red-500 focus:text-red-500",
+                children: /* @__PURE__ */ jsxs59("div", { className: "flex items-center gap-2.5", children: [
+                  /* @__PURE__ */ jsx97(Trash27, { className: "h-4 w-4 text-red-500" }),
+                  /* @__PURE__ */ jsx97("span", { className: "font-semibold text-red-500", children: "Delete" })
+                ] })
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    onClose && /* @__PURE__ */ jsx97(
+      "button",
+      {
+        type: "button",
+        onClick: onClose,
+        className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground transition-colors cursor-pointer ml-0.5",
+        title: "Close",
+        "aria-label": "Close",
+        children: /* @__PURE__ */ jsx97(X4, { className: "h-4.5 w-4.5" })
+      }
+    )
+  ] });
+}
+
+// src/design-system/components/files/user-file-cards-view.tsx
+import { jsx as jsx98, jsxs as jsxs60 } from "react/jsx-runtime";
+var CATEGORY_TABS = [
+  { label: "All Files", value: "all" },
+  { label: "PDFs", value: "Pdf" },
+  { label: "Documents", value: "Doc" },
+  { label: "Spreadsheets", value: "Xls" },
+  { label: "Images", value: "Images" },
+  { label: "Videos", value: "Videos" },
+  { label: "Archives", value: "Zip" }
+];
+function UserFileCardsView({
+  folder,
+  files,
+  selectedFileId,
+  onSelectFileForPreview,
+  onDownloadFile,
+  onDeleteFile,
+  onCopyLink,
+  onRenameFile,
+  onShareFile,
+  onUploadClick,
+  onBack,
+  className
+}) {
+  const [searchQuery, setSearchQuery] = useState12("");
+  const [selectedCategory, setSelectedCategory] = useState12("all");
+  const [sortBy, setSortBy] = useState12("date");
+  const [sortOrder, setSortOrder] = useState12("desc");
+  const [viewMode, setViewMode] = useState12("grid");
+  const [currentPage, setCurrentPage] = useState12(1);
+  const itemsPerPage = viewMode === "grid" ? 12 : 20;
+  const [selectedIds, setSelectedIds] = useState12(/* @__PURE__ */ new Set());
+  const filteredFiles = useMemo7(() => {
+    return files.filter((f) => {
+      const matchCategory = selectedCategory === "all" || f.category.toLowerCase() === selectedCategory.toLowerCase() || selectedCategory === "Xls" && (f.category === "Csv" || f.category === "Xls");
+      const matchSearch = !searchQuery.trim() || f.fileName.toLowerCase().includes(searchQuery.toLowerCase()) || f.folderPath && f.folderPath.toLowerCase().includes(searchQuery.toLowerCase());
+      return matchCategory && matchSearch;
+    });
+  }, [files, selectedCategory, searchQuery]);
+  const sortedFiles = useMemo7(() => {
+    return [...filteredFiles].sort((a, b) => {
+      let compare = 0;
+      if (sortBy === "date") {
+        const timeA = a.updatedAt ? new Date(a.updatedAt).getTime() : 0;
+        const timeB = b.updatedAt ? new Date(b.updatedAt).getTime() : 0;
+        compare = timeB - timeA;
+      } else if (sortBy === "name") {
+        compare = a.fileName.localeCompare(b.fileName);
+      } else if (sortBy === "size") {
+        compare = (b.fileSize || 0) - (a.fileSize || 0);
+      }
+      return sortOrder === "asc" ? -compare : compare;
+    });
+  }, [filteredFiles, sortBy, sortOrder]);
+  const totalPages = Math.ceil(sortedFiles.length / itemsPerPage) || 1;
+  const paginatedFiles = useMemo7(() => {
+    const start = (currentPage - 1) * itemsPerPage;
+    return sortedFiles.slice(start, start + itemsPerPage);
+  }, [sortedFiles, currentPage, itemsPerPage]);
+  const totalBytes = useMemo7(() => {
+    return files.reduce((acc, curr) => acc + (curr.fileSize || 0), 0);
+  }, [files]);
+  const toggleSelectAll = () => {
+    if (selectedIds.size === paginatedFiles.length) {
+      setSelectedIds(/* @__PURE__ */ new Set());
+    } else {
+      setSelectedIds(new Set(paginatedFiles.map((f) => f.id)));
+    }
+  };
+  const toggleSelectOne = (id) => {
+    setSelectedIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  };
+  const handleBulkDownload = () => {
+    const toDownload = files.filter((f) => selectedIds.has(f.id));
+    toDownload.forEach((f) => onDownloadFile?.(f));
+  };
+  const handleBulkDelete = () => {
+    const toDelete = files.filter((f) => selectedIds.has(f.id));
+    toDelete.forEach((f) => onDeleteFile?.(f));
+    setSelectedIds(/* @__PURE__ */ new Set());
+  };
+  return /* @__PURE__ */ jsxs60(
+    "div",
+    {
+      className: cn(
+        "flex h-full min-h-0 w-full flex-1 flex-col overflow-hidden bg-background select-none",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs60("div", { className: "flex items-center justify-between border-b border-border bg-background px-4 py-3 shrink-0", children: [
+          /* @__PURE__ */ jsxs60("div", { className: "flex items-center gap-2.5 min-w-0", children: [
+            onBack && /* @__PURE__ */ jsx98(
+              "button",
+              {
+                type: "button",
+                onClick: onBack,
+                className: "flex h-8 w-8 items-center justify-center rounded-xl text-muted-foreground hover:bg-muted hover:text-foreground transition-colors cursor-pointer",
+                title: "Back",
+                children: /* @__PURE__ */ jsx98(ArrowLeft3, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx98("div", { className: "flex h-10 w-10 items-center justify-center rounded-xl bg-indigo-500/10 text-indigo-600 dark:text-indigo-400 border border-indigo-200/50 shrink-0 shadow-2xs", children: /* @__PURE__ */ jsx98(FolderOpen2, { className: "h-5 w-5" }) }),
+            /* @__PURE__ */ jsxs60("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxs60("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx98("h2", { className: "truncate text-sm font-bold text-foreground tracking-tight", children: folder?.name || "All Files & Folders" }),
+                /* @__PURE__ */ jsxs60(Badge, { variant: "secondary", className: "text-[10px] px-1.5 py-0 h-4 font-mono", children: [
+                  filteredFiles.length,
+                  " files"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs60("p", { className: "truncate text-xs text-muted-foreground", children: [
+                folder?.path || "Storage Space",
+                " \xB7 Total size: ",
+                formatBytes(totalBytes)
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs60("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+            onUploadClick && /* @__PURE__ */ jsxs60(
+              Button,
+              {
+                size: "sm",
+                onClick: onUploadClick,
+                className: "gap-1.5 h-8 text-xs font-semibold shadow-xs",
+                children: [
+                  /* @__PURE__ */ jsx98(Upload, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ jsx98("span", { className: "hidden sm:inline", children: "Upload Files" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx98(HeaderActions, { onDelete: onBack })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs60("div", { className: "flex flex-col gap-2.5 border-b border-border/60 bg-muted/10 p-3 shrink-0", children: [
+          /* @__PURE__ */ jsxs60("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs60("div", { className: "relative min-w-[200px] flex-1 max-w-md", children: [
+              /* @__PURE__ */ jsx98(Search6, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }),
+              /* @__PURE__ */ jsx98(
+                Input,
+                {
+                  value: searchQuery,
+                  onChange: (e) => {
+                    setSearchQuery(e.target.value);
+                    setCurrentPage(1);
+                  },
+                  placeholder: "Search files by name, type, or path...",
+                  className: "h-8.5 pl-8 pr-8 text-xs rounded-xl bg-background border-border/80"
+                }
+              ),
+              searchQuery && /* @__PURE__ */ jsx98(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setSearchQuery(""),
+                  className: "absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+                  children: /* @__PURE__ */ jsx98(X5, { className: "h-3.5 w-3.5" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs60("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsxs60(DropdownMenu, { children: [
+                /* @__PURE__ */ jsx98(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs60(Button, { variant: "outline", size: "sm", className: "h-8 gap-1.5 text-xs rounded-xl", children: [
+                  /* @__PURE__ */ jsx98(ArrowUpDown, { className: "h-3.5 w-3.5 text-muted-foreground" }),
+                  /* @__PURE__ */ jsxs60("span", { className: "hidden sm:inline capitalize", children: [
+                    "Sort: ",
+                    sortBy
+                  ] })
+                ] }) }),
+                /* @__PURE__ */ jsxs60(DropdownMenuContent, { align: "end", className: "w-44 rounded-xl p-1 shadow-lg", children: [
+                  /* @__PURE__ */ jsx98(DropdownMenuLabel, { className: "text-[10px] text-muted-foreground uppercase font-bold tracking-wider", children: "Sort By" }),
+                  /* @__PURE__ */ jsx98(
+                    DropdownMenuItem,
+                    {
+                      onClick: () => setSortBy("date"),
+                      className: cn("text-xs cursor-pointer", sortBy === "date" && "font-bold text-primary"),
+                      children: "Last Updated"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx98(
+                    DropdownMenuItem,
+                    {
+                      onClick: () => setSortBy("name"),
+                      className: cn("text-xs cursor-pointer", sortBy === "name" && "font-bold text-primary"),
+                      children: "File Name (A-Z)"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx98(
+                    DropdownMenuItem,
+                    {
+                      onClick: () => setSortBy("size"),
+                      className: cn("text-xs cursor-pointer", sortBy === "size" && "font-bold text-primary"),
+                      children: "File Size"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx98(DropdownMenuSeparator, {}),
+                  /* @__PURE__ */ jsxs60(
+                    DropdownMenuItem,
+                    {
+                      onClick: () => setSortOrder((prev) => prev === "asc" ? "desc" : "asc"),
+                      className: "text-xs cursor-pointer",
+                      children: [
+                        "Order: ",
+                        sortOrder === "asc" ? "Ascending \u2191" : "Descending \u2193"
+                      ]
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs60("div", { className: "flex items-center rounded-xl bg-muted/50 p-0.5 border border-border/60", children: [
+                /* @__PURE__ */ jsx98(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setViewMode("grid"),
+                    className: cn(
+                      "flex h-7 w-7 items-center justify-center rounded-lg transition-all cursor-pointer",
+                      viewMode === "grid" ? "bg-background text-foreground shadow-2xs font-bold" : "text-muted-foreground hover:text-foreground"
+                    ),
+                    title: "Grid View",
+                    children: /* @__PURE__ */ jsx98(LayoutGrid, { className: "h-3.5 w-3.5" })
+                  }
+                ),
+                /* @__PURE__ */ jsx98(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setViewMode("table"),
+                    className: cn(
+                      "flex h-7 w-7 items-center justify-center rounded-lg transition-all cursor-pointer",
+                      viewMode === "table" ? "bg-background text-foreground shadow-2xs font-bold" : "text-muted-foreground hover:text-foreground"
+                    ),
+                    title: "Table View",
+                    children: /* @__PURE__ */ jsx98(TableIcon, { className: "h-3.5 w-3.5" })
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx98("div", { className: "flex items-center gap-1.5 overflow-x-auto scrollbar-none pb-0.5", children: CATEGORY_TABS.map((tab) => /* @__PURE__ */ jsx98(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                setSelectedCategory(tab.value);
+                setCurrentPage(1);
+              },
+              className: cn(
+                "rounded-lg px-2.5 py-1 text-xs font-semibold whitespace-nowrap transition-all duration-200 cursor-pointer border",
+                selectedCategory === tab.value ? "bg-indigo-600 text-white border-indigo-600 shadow-2xs" : "bg-background border-border/80 text-muted-foreground hover:text-foreground hover:bg-muted/40"
+              ),
+              children: tab.label
+            },
+            tab.value
+          )) })
+        ] }),
+        selectedIds.size > 0 && /* @__PURE__ */ jsxs60("div", { className: "flex items-center justify-between bg-indigo-500/10 border-b border-indigo-200/40 px-4 py-2 text-xs", children: [
+          /* @__PURE__ */ jsxs60("span", { className: "font-semibold text-indigo-700 dark:text-indigo-300", children: [
+            selectedIds.size,
+            " files selected"
+          ] }),
+          /* @__PURE__ */ jsxs60("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs60(
+              Button,
+              {
+                size: "sm",
+                variant: "outline",
+                onClick: handleBulkDownload,
+                className: "h-7 text-xs gap-1 bg-background",
+                children: [
+                  /* @__PURE__ */ jsx98(Download3, { className: "h-3 w-3" }),
+                  /* @__PURE__ */ jsx98("span", { children: "Download" })
+                ]
+              }
+            ),
+            onDeleteFile && /* @__PURE__ */ jsxs60(
+              Button,
+              {
+                size: "sm",
+                variant: "destructive",
+                onClick: handleBulkDelete,
+                className: "h-7 text-xs gap-1",
+                children: [
+                  /* @__PURE__ */ jsx98(Trash28, { className: "h-3 w-3" }),
+                  /* @__PURE__ */ jsx98("span", { children: "Delete" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx98(
+              Button,
+              {
+                size: "sm",
+                variant: "ghost",
+                onClick: () => setSelectedIds(/* @__PURE__ */ new Set()),
+                className: "h-7 text-xs",
+                children: "Clear"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx98("div", { className: "min-h-0 flex-1 overflow-y-auto p-4", children: paginatedFiles.length === 0 ? /* @__PURE__ */ jsxs60("div", { className: "flex h-64 flex-col items-center justify-center gap-3 text-center text-muted-foreground border-2 border-dashed border-border/60 rounded-2xl bg-muted/5 p-8", children: [
+          /* @__PURE__ */ jsx98(FolderOpen2, { className: "h-10 w-10 text-muted-foreground/40" }),
+          /* @__PURE__ */ jsxs60("div", { children: [
+            /* @__PURE__ */ jsx98("p", { className: "text-sm font-bold text-foreground", children: "No files found" }),
+            /* @__PURE__ */ jsx98("p", { className: "text-xs text-muted-foreground mt-0.5", children: searchQuery ? "No documents match your search criteria" : "This folder is currently empty. Upload your first document." })
+          ] }),
+          onUploadClick && /* @__PURE__ */ jsxs60(Button, { size: "sm", onClick: onUploadClick, className: "gap-1.5 text-xs mt-2", children: [
+            /* @__PURE__ */ jsx98(Upload, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ jsx98("span", { children: "Upload New File" })
+          ] })
+        ] }) : viewMode === "grid" ? /* @__PURE__ */ jsx98("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3.5", children: paginatedFiles.map((file) => /* @__PURE__ */ jsx98(
+          FileCardItem,
+          {
+            file,
+            isSelected: file.id === selectedFileId || selectedIds.has(file.id),
+            viewMode: "grid",
+            onSelect: () => onSelectFileForPreview?.(file),
+            onPreview: () => onSelectFileForPreview?.(file),
+            onDownload: () => onDownloadFile?.(file),
+            onCopyLink: () => onCopyLink?.(file),
+            onRename: () => onRenameFile?.(file),
+            onDelete: () => onDeleteFile?.(file),
+            onShare: () => onShareFile?.(file)
+          },
+          file.id
+        )) }) : /* @__PURE__ */ jsx98("div", { className: "overflow-hidden rounded-2xl border border-border/80 bg-card shadow-2xs", children: /* @__PURE__ */ jsxs60("table", { className: "w-full text-left text-xs border-collapse", children: [
+          /* @__PURE__ */ jsx98("thead", { className: "border-b border-border/80 bg-muted/30 text-muted-foreground font-bold", children: /* @__PURE__ */ jsxs60("tr", { children: [
+            /* @__PURE__ */ jsx98("th", { className: "py-2.5 px-4", children: "Name" }),
+            /* @__PURE__ */ jsx98("th", { className: "py-2.5 px-4", children: "Category" }),
+            /* @__PURE__ */ jsx98("th", { className: "py-2.5 px-4", children: "Size" }),
+            /* @__PURE__ */ jsx98("th", { className: "py-2.5 px-4 hidden sm:table-cell", children: "Updated" }),
+            /* @__PURE__ */ jsx98("th", { className: "py-2.5 px-4 text-right", children: "Actions" })
+          ] }) }),
+          /* @__PURE__ */ jsx98("tbody", { children: paginatedFiles.map((file) => /* @__PURE__ */ jsx98(
+            FileCardItem,
+            {
+              file,
+              isSelected: file.id === selectedFileId || selectedIds.has(file.id),
+              viewMode: "table",
+              onSelect: () => onSelectFileForPreview?.(file),
+              onPreview: () => onSelectFileForPreview?.(file),
+              onDownload: () => onDownloadFile?.(file),
+              onCopyLink: () => onCopyLink?.(file),
+              onRename: () => onRenameFile?.(file),
+              onDelete: () => onDeleteFile?.(file),
+              onShare: () => onShareFile?.(file)
+            },
+            file.id
+          )) })
+        ] }) }) }),
+        totalPages > 1 && /* @__PURE__ */ jsxs60("div", { className: "flex items-center justify-between border-t border-border bg-background px-4 py-2.5 shrink-0 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs60("span", { children: [
+            "Showing ",
+            (currentPage - 1) * itemsPerPage + 1,
+            " -",
+            " ",
+            Math.min(currentPage * itemsPerPage, sortedFiles.length),
+            " of ",
+            sortedFiles.length
+          ] }),
+          /* @__PURE__ */ jsxs60("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx98(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                onClick: () => setCurrentPage((p) => Math.max(1, p - 1)),
+                disabled: currentPage === 1,
+                className: "h-7 w-7 p-0 rounded-lg",
+                children: /* @__PURE__ */ jsx98(ChevronLeft2, { className: "h-3.5 w-3.5" })
+              }
+            ),
+            /* @__PURE__ */ jsxs60("span", { className: "px-2 font-mono font-bold text-foreground", children: [
+              currentPage,
+              " / ",
+              totalPages
+            ] }),
+            /* @__PURE__ */ jsx98(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                onClick: () => setCurrentPage((p) => Math.min(totalPages, p + 1)),
+                disabled: currentPage === totalPages,
+                className: "h-7 w-7 p-0 rounded-lg",
+                children: /* @__PURE__ */ jsx98(ChevronRight9, { className: "h-3.5 w-3.5" })
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/design-system/components/files/file-upload-form.tsx
+import { useState as useState13, useRef as useRef7 } from "react";
+import {
+  Bold,
+  Italic,
+  Underline,
+  List,
+  ListOrdered,
+  Paperclip as Paperclip2,
+  Save,
+  ArrowLeft as ArrowLeft4,
+  Eye as Eye4,
+  X as X6,
+  Loader2 as Loader22,
+  FileText as FileText5,
+  UploadCloud
+} from "lucide-react";
+import { jsx as jsx99, jsxs as jsxs61 } from "react/jsx-runtime";
+var TEMPLATE_OPTIONS = [
+  { id: "1", name: "Standard Document" },
+  { id: "2", name: "Financial Invoice" },
+  { id: "3", name: "Report & Spreadsheet" },
+  { id: "4", name: "Contract & Legal" }
+];
+var FOLDER_OPTIONS = ["Finance", "Chat", "Files", "Email", "AI Chat", "Order"];
+var SUB_FOLDER_OPTIONS = [
+  "Pdf",
+  "Doc",
+  "Xls",
+  "Images",
+  "Videos",
+  "Ppt",
+  "Txt",
+  "Csv",
+  "Zip",
+  "Other"
+];
+function FileUploadForm({
+  userEmail,
+  folders,
+  initialSubject = "",
+  initialFolder = "Finance",
+  initialSubFolder = "Pdf",
+  onClose,
+  onSave,
+  onUploadSuccess,
+  onPreviewAttachment,
+  className
+}) {
+  const [template, setTemplate] = useState13(TEMPLATE_OPTIONS[0].id);
+  const [subject, setSubject] = useState13(initialSubject);
+  const [folder, setFolder] = useState13(initialFolder);
+  const [subFolder, setSubFolder] = useState13(initialSubFolder);
+  const [remarks, setRemarks] = useState13("");
+  const [body, setBody] = useState13("");
+  const [attachments, setAttachments] = useState13([]);
+  const [isSaving, setIsSaving] = useState13(false);
+  const fileInputRef = useRef7(null);
+  const handleFileChange = (e) => {
+    const files = e.target.files;
+    if (!files || files.length === 0) return;
+    const newAttachments = Array.from(files).map((f) => ({
+      id: `att-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
+      name: f.name,
+      type: f.type || "application/octet-stream",
+      size: formatBytes(f.size),
+      url: URL.createObjectURL(f),
+      fileObj: f,
+      progress: 100
+    }));
+    setAttachments((prev) => [...prev, ...newAttachments]);
+    if (fileInputRef.current) fileInputRef.current.value = "";
+  };
+  const handleRemoveAttachment = (id) => {
+    setAttachments((prev) => prev.filter((a) => a.id !== id));
+  };
+  const handleFormSubmit = async (e) => {
+    e.preventDefault();
+    setIsSaving(true);
+    try {
+      if (onSave) {
+        await onSave({
+          subject,
+          folder,
+          subFolder,
+          remarks,
+          body,
+          attachments
+        });
+      }
+      onUploadSuccess?.();
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs61(
+    "div",
+    {
+      className: cn(
+        "flex h-full min-h-0 w-full flex-1 flex-col overflow-hidden bg-background select-none",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs61("div", { className: "flex items-center justify-between border-b border-border bg-background px-4 py-3 shrink-0", children: [
+          /* @__PURE__ */ jsxs61("div", { className: "flex items-center gap-2.5 min-w-0", children: [
+            onClose && /* @__PURE__ */ jsx99(
+              "button",
+              {
+                type: "button",
+                onClick: onClose,
+                className: "flex h-8 w-8 items-center justify-center rounded-xl text-muted-foreground hover:bg-muted hover:text-foreground transition-colors cursor-pointer",
+                title: "Back",
+                children: /* @__PURE__ */ jsx99(ArrowLeft4, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx99("div", { className: "flex h-10 w-10 items-center justify-center rounded-xl bg-indigo-500/10 text-indigo-600 dark:text-indigo-400 border border-indigo-200/50 shrink-0 shadow-2xs", children: /* @__PURE__ */ jsx99(FileText5, { className: "h-5 w-5" }) }),
+            /* @__PURE__ */ jsxs61("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx99("h2", { className: "truncate text-sm font-bold text-foreground tracking-tight", children: "Create & Upload Document" }),
+              /* @__PURE__ */ jsx99("p", { className: "truncate text-xs text-muted-foreground", children: "Add metadata, descriptions, and attach files to your cloud storage" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs61("div", { className: "flex items-center gap-2 shrink-0", children: [
+            onClose && /* @__PURE__ */ jsx99(Button, { variant: "ghost", size: "sm", onClick: onClose, className: "h-8 text-xs", children: "Cancel" }),
+            /* @__PURE__ */ jsxs61(
+              Button,
+              {
+                size: "sm",
+                onClick: handleFormSubmit,
+                disabled: isSaving || !subject && attachments.length === 0,
+                className: "h-8 gap-1.5 text-xs font-semibold shadow-xs bg-indigo-600 hover:bg-indigo-700 text-white",
+                children: [
+                  isSaving ? /* @__PURE__ */ jsx99(Loader22, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx99(Save, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ jsx99("span", { children: "Save & Upload" })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs61("div", { className: "min-h-0 flex-1 overflow-y-auto p-4 space-y-4", children: [
+          /* @__PURE__ */ jsxs61("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-3 p-3.5 rounded-2xl border border-border/80 bg-muted/10", children: [
+            /* @__PURE__ */ jsxs61("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsx99(Label, { className: "text-xs font-semibold text-foreground", children: "Document Template" }),
+              /* @__PURE__ */ jsxs61(Select, { value: template, onValueChange: setTemplate, children: [
+                /* @__PURE__ */ jsx99(SelectTrigger, { className: "h-8.5 text-xs rounded-xl bg-background border-border/80", children: /* @__PURE__ */ jsx99(SelectValue, { placeholder: "Select template" }) }),
+                /* @__PURE__ */ jsx99(SelectContent, { className: "rounded-xl shadow-lg", children: TEMPLATE_OPTIONS.map((t) => /* @__PURE__ */ jsx99(SelectItem, { value: t.id, className: "text-xs", children: t.name }, t.id)) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs61("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsx99(Label, { className: "text-xs font-semibold text-foreground", children: "Target Space" }),
+              /* @__PURE__ */ jsxs61(Select, { value: folder, onValueChange: setFolder, children: [
+                /* @__PURE__ */ jsx99(SelectTrigger, { className: "h-8.5 text-xs rounded-xl bg-background border-border/80", children: /* @__PURE__ */ jsx99(SelectValue, { placeholder: "Select space" }) }),
+                /* @__PURE__ */ jsx99(SelectContent, { className: "rounded-xl shadow-lg", children: (folders || FOLDER_OPTIONS.map((f) => ({ id: f, name: f }))).map((f) => /* @__PURE__ */ jsx99(SelectItem, { value: f.name, className: "text-xs", children: f.name }, f.id)) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs61("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsx99(Label, { className: "text-xs font-semibold text-foreground", children: "Category Subfolder" }),
+              /* @__PURE__ */ jsxs61(Select, { value: subFolder, onValueChange: setSubFolder, children: [
+                /* @__PURE__ */ jsx99(SelectTrigger, { className: "h-8.5 text-xs rounded-xl bg-background border-border/80", children: /* @__PURE__ */ jsx99(SelectValue, { placeholder: "Select category" }) }),
+                /* @__PURE__ */ jsx99(SelectContent, { className: "rounded-xl shadow-lg", children: SUB_FOLDER_OPTIONS.map((cat) => /* @__PURE__ */ jsx99(SelectItem, { value: cat, className: "text-xs", children: cat }, cat)) })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs61("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx99(Label, { className: "text-xs font-semibold text-foreground", children: "Document Title / Subject" }),
+            /* @__PURE__ */ jsx99(
+              Input,
+              {
+                value: subject,
+                onChange: (e) => setSubject(e.target.value),
+                placeholder: "e.g. Q3 Sales & Performance Report",
+                className: "h-9 text-xs rounded-xl bg-background border-border/80"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs61("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx99(Label, { className: "text-xs font-semibold text-foreground", children: "Document Content / Notes" }),
+            /* @__PURE__ */ jsxs61("div", { className: "rounded-2xl border border-border/80 overflow-hidden bg-background", children: [
+              /* @__PURE__ */ jsxs61("div", { className: "flex items-center gap-1 border-b border-border/60 bg-muted/20 p-1.5", children: [
+                /* @__PURE__ */ jsx99(
+                  "button",
+                  {
+                    type: "button",
+                    className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground",
+                    title: "Bold",
+                    children: /* @__PURE__ */ jsx99(Bold, { className: "h-3.5 w-3.5" })
+                  }
+                ),
+                /* @__PURE__ */ jsx99(
+                  "button",
+                  {
+                    type: "button",
+                    className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground",
+                    title: "Italic",
+                    children: /* @__PURE__ */ jsx99(Italic, { className: "h-3.5 w-3.5" })
+                  }
+                ),
+                /* @__PURE__ */ jsx99(
+                  "button",
+                  {
+                    type: "button",
+                    className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground",
+                    title: "Underline",
+                    children: /* @__PURE__ */ jsx99(Underline, { className: "h-3.5 w-3.5" })
+                  }
+                ),
+                /* @__PURE__ */ jsx99("div", { className: "h-4 w-px bg-border/80 mx-1" }),
+                /* @__PURE__ */ jsx99(
+                  "button",
+                  {
+                    type: "button",
+                    className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground",
+                    title: "Bullet List",
+                    children: /* @__PURE__ */ jsx99(List, { className: "h-3.5 w-3.5" })
+                  }
+                ),
+                /* @__PURE__ */ jsx99(
+                  "button",
+                  {
+                    type: "button",
+                    className: "p-1.5 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground",
+                    title: "Numbered List",
+                    children: /* @__PURE__ */ jsx99(ListOrdered, { className: "h-3.5 w-3.5" })
+                  }
+                ),
+                /* @__PURE__ */ jsx99("div", { className: "h-4 w-px bg-border/80 mx-1" }),
+                /* @__PURE__ */ jsxs61(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => fileInputRef.current?.click(),
+                    className: "p-1.5 rounded-lg hover:bg-muted text-indigo-600 dark:text-indigo-400 font-semibold flex items-center gap-1 text-xs",
+                    title: "Attach Files",
+                    children: [
+                      /* @__PURE__ */ jsx99(Paperclip2, { className: "h-3.5 w-3.5" }),
+                      /* @__PURE__ */ jsx99("span", { children: "Attach" })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx99(
+                "textarea",
+                {
+                  value: body,
+                  onChange: (e) => setBody(e.target.value),
+                  placeholder: "Write or paste your document notes and text here...",
+                  rows: 4,
+                  className: "w-full p-3 text-xs bg-transparent border-0 focus:outline-hidden resize-y min-h-[90px]"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs61("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxs61("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxs61(Label, { className: "text-xs font-semibold text-foreground", children: [
+                "Attachments (",
+                attachments.length,
+                ")"
+              ] }),
+              /* @__PURE__ */ jsx99(
+                "input",
+                {
+                  type: "file",
+                  multiple: true,
+                  ref: fileInputRef,
+                  onChange: handleFileChange,
+                  className: "hidden"
+                }
+              ),
+              /* @__PURE__ */ jsxs61(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "sm",
+                  onClick: () => fileInputRef.current?.click(),
+                  className: "h-7 text-xs gap-1.5 rounded-xl border-dashed",
+                  children: [
+                    /* @__PURE__ */ jsx99(Paperclip2, { className: "h-3 w-3" }),
+                    /* @__PURE__ */ jsx99("span", { children: "Browse Files" })
+                  ]
+                }
+              )
+            ] }),
+            attachments.length === 0 ? /* @__PURE__ */ jsxs61(
+              "div",
+              {
+                onClick: () => fileInputRef.current?.click(),
+                className: "flex flex-col items-center justify-center gap-2 p-6 border-2 border-dashed border-border/80 rounded-2xl bg-muted/10 text-muted-foreground hover:border-indigo-400 hover:bg-indigo-50/20 dark:hover:bg-indigo-950/20 transition-all cursor-pointer text-center",
+                children: [
+                  /* @__PURE__ */ jsx99(UploadCloud, { className: "h-8 w-8 text-indigo-500" }),
+                  /* @__PURE__ */ jsxs61("div", { children: [
+                    /* @__PURE__ */ jsx99("p", { className: "text-xs font-bold text-foreground", children: "Click to upload or drag and drop" }),
+                    /* @__PURE__ */ jsx99("p", { className: "text-[11px] text-muted-foreground mt-0.5", children: "PDF, DOCX, XLSX, PNG, JPG, MP4 or ZIP up to 50MB" })
+                  ] })
+                ]
+              }
+            ) : /* @__PURE__ */ jsx99("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2", children: attachments.map((att) => /* @__PURE__ */ jsxs61(
+              "div",
+              {
+                className: "flex items-center justify-between gap-2 p-2.5 rounded-xl border border-border/80 bg-card shadow-2xs",
+                children: [
+                  /* @__PURE__ */ jsxs61("div", { className: "flex items-center gap-2.5 min-w-0", children: [
+                    /* @__PURE__ */ jsx99("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-indigo-500/10 text-indigo-600 shrink-0", children: /* @__PURE__ */ jsx99(FileText5, { className: "h-4 w-4" }) }),
+                    /* @__PURE__ */ jsxs61("div", { className: "min-w-0", children: [
+                      /* @__PURE__ */ jsx99("p", { className: "truncate text-xs font-semibold text-foreground", children: att.name }),
+                      /* @__PURE__ */ jsx99("p", { className: "text-[10px] text-muted-foreground font-mono", children: att.size })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs61("div", { className: "flex items-center gap-1 shrink-0", children: [
+                    onPreviewAttachment && att.url && /* @__PURE__ */ jsx99(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => onPreviewAttachment({ name: att.name, url: att.url }),
+                        className: "p-1 rounded-lg hover:bg-muted text-muted-foreground hover:text-foreground",
+                        title: "Preview",
+                        children: /* @__PURE__ */ jsx99(Eye4, { className: "h-3.5 w-3.5" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx99(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => handleRemoveAttachment(att.id),
+                        className: "p-1 rounded-lg hover:bg-rose-50 dark:hover:bg-rose-950/30 text-rose-500 hover:text-rose-600",
+                        title: "Remove",
+                        children: /* @__PURE__ */ jsx99(X6, { className: "h-3.5 w-3.5" })
+                      }
+                    )
+                  ] })
+                ]
+              },
+              att.id
+            )) })
+          ] }),
+          /* @__PURE__ */ jsxs61("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx99(Label, { className: "text-xs font-semibold text-foreground", children: "Remarks / Tags" }),
+            /* @__PURE__ */ jsx99(
+              Input,
+              {
+                value: remarks,
+                onChange: (e) => setRemarks(e.target.value),
+                placeholder: "e.g. Confidential, Q3 Approved, Client Copy",
+                className: "h-8.5 text-xs rounded-xl bg-background border-border/80"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/design-system/templates/list-template.tsx
+import { jsx as jsx100, jsxs as jsxs62 } from "react/jsx-runtime";
+function ListTemplate({
+  title,
+  description,
+  badge,
+  breadcrumbs,
+  actions,
+  searchPlaceholder,
+  searchValue,
+  onSearchChange,
+  filters,
+  activeFilters,
+  onClearAllFilters,
+  filterActions,
+  children,
+  footer,
+  className,
+  ...props
+}) {
+  const hasFilterBar = Boolean(onSearchChange) || Boolean(filters) || activeFilters && activeFilters.length > 0 || Boolean(filterActions);
+  return /* @__PURE__ */ jsxs62("div", { className: cn("flex flex-col gap-6 p-4 sm:p-6 md:p-8", className), ...props, children: [
+    /* @__PURE__ */ jsx100(
+      PageHeader,
+      {
+        title,
+        description,
+        badge,
+        breadcrumbs,
+        actions
+      }
+    ),
+    hasFilterBar && /* @__PURE__ */ jsx100(
+      FilterBar,
+      {
+        searchPlaceholder,
+        searchValue,
+        onSearchChange,
+        filters,
+        activeFilters,
+        onClearAll: onClearAllFilters,
+        actions: filterActions
+      }
+    ),
+    /* @__PURE__ */ jsx100("div", { className: "flex-1", children }),
+    footer && /* @__PURE__ */ jsx100("div", { className: "pt-2", children: footer })
+  ] });
+}
+
+// src/design-system/templates/detail-template.tsx
+import { ArrowLeft as ArrowLeft5 } from "lucide-react";
+import { jsx as jsx101, jsxs as jsxs63 } from "react/jsx-runtime";
+function DetailTemplate({
+  title,
+  description,
+  badge,
+  breadcrumbs,
+  actions,
+  onBack,
+  backLabel = "Back",
+  highlights,
+  sidebar,
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs63("div", { className: cn("flex flex-col gap-6 p-4 sm:p-6 md:p-8", className), ...props, children: [
+    /* @__PURE__ */ jsxs63("div", { className: "flex flex-col gap-2", children: [
+      onBack && /* @__PURE__ */ jsxs63(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: onBack,
+          className: "w-fit gap-1.5 px-0 text-xs text-muted-foreground hover:bg-transparent hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsx101(ArrowLeft5, { className: "h-3.5 w-3.5" }),
+            backLabel
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx101(
+        PageHeader,
+        {
+          title,
+          description,
+          badge,
+          breadcrumbs,
+          actions
+        }
+      )
+    ] }),
+    highlights && /* @__PURE__ */ jsx101("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: highlights }),
+    /* @__PURE__ */ jsxs63(
+      "div",
+      {
+        className: cn(
+          "grid gap-6",
+          sidebar ? "grid-cols-1 lg:grid-cols-3" : "grid-cols-1"
+        ),
+        children: [
+          /* @__PURE__ */ jsx101("div", { className: cn(sidebar ? "lg:col-span-2 space-y-6" : "space-y-6"), children }),
+          sidebar && /* @__PURE__ */ jsx101("aside", { className: "space-y-6 lg:col-span-1", children: sidebar })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/design-system/templates/form-template.tsx
+import { ArrowLeft as ArrowLeft6 } from "lucide-react";
+import { jsx as jsx102, jsxs as jsxs64 } from "react/jsx-runtime";
+function FormTemplate({
+  title,
+  description,
+  badge,
+  breadcrumbs,
+  onBack,
+  backLabel = "Back",
+  submitLabel = "Save changes",
+  cancelLabel = "Cancel",
+  onCancel,
+  isSubmitting = false,
+  stickyFooter = false,
+  secondaryActions,
+  children,
+  className,
+  onSubmit,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs64("div", { className: "flex flex-col gap-6 p-4 sm:p-6 md:p-8", children: [
+    /* @__PURE__ */ jsxs64("div", { className: "flex flex-col gap-2", children: [
+      onBack && /* @__PURE__ */ jsxs64(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          onClick: onBack,
+          className: "w-fit gap-1.5 px-0 text-xs text-muted-foreground hover:bg-transparent hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsx102(ArrowLeft6, { className: "h-3.5 w-3.5" }),
+            backLabel
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx102(
+        PageHeader,
+        {
+          title,
+          description,
+          badge,
+          breadcrumbs
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs64("form", { onSubmit, className: cn("space-y-8", className), ...props, children: [
+      /* @__PURE__ */ jsx102("div", { className: "space-y-6", children }),
+      /* @__PURE__ */ jsxs64(
+        "div",
+        {
+          className: cn(
+            "flex flex-wrap items-center justify-between gap-4 pt-6",
+            stickyFooter && "sticky bottom-0 -mx-4 -mb-4 bg-background/95 p-4 backdrop-blur border-t sm:-mx-6 sm:-mb-6 sm:p-6 md:-mx-8 md:-mb-8 md:p-8"
+          ),
+          children: [
+            /* @__PURE__ */ jsx102("div", { children: secondaryActions }),
+            /* @__PURE__ */ jsxs64("div", { className: "flex items-center gap-3", children: [
+              onCancel && /* @__PURE__ */ jsx102(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  disabled: isSubmitting,
+                  onClick: onCancel,
+                  children: cancelLabel
+                }
+              ),
+              /* @__PURE__ */ jsx102(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Saving..." : submitLabel })
+            ] })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/design-system/templates/wizard-template.tsx
+import { Check as Check8, ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight10 } from "lucide-react";
+import { jsx as jsx103, jsxs as jsxs65 } from "react/jsx-runtime";
+function WizardTemplate({
+  title,
+  description,
+  steps,
+  currentStepIndex,
+  onStepChange,
+  onNext,
+  onPrevious,
+  onSubmit,
+  nextLabel = "Next",
+  previousLabel = "Previous",
+  submitLabel = "Complete",
+  isSubmitting = false,
+  canProceed = true,
+  children,
+  className,
+  ...props
+}) {
+  const isLastStep = currentStepIndex === steps.length - 1;
+  const isFirstStep = currentStepIndex === 0;
+  return /* @__PURE__ */ jsxs65("div", { className: cn("flex flex-col gap-6 p-4 sm:p-6 md:p-8", className), ...props, children: [
+    /* @__PURE__ */ jsx103(PageHeader, { title, description }),
+    /* @__PURE__ */ jsx103("nav", { "aria-label": "Wizard Progress", className: "py-2", children: /* @__PURE__ */ jsx103("ol", { className: "flex items-center justify-between gap-2 overflow-x-auto pb-2", children: steps.map((step, idx) => {
+      const isCompleted = idx < currentStepIndex;
+      const isCurrent = idx === currentStepIndex;
+      const isClickable = onStepChange && idx < currentStepIndex;
+      return /* @__PURE__ */ jsxs65(
+        "li",
+        {
+          className: "flex flex-1 items-center gap-2.5 min-w-[120px]",
+          children: [
+            /* @__PURE__ */ jsxs65(
+              "button",
+              {
+                type: "button",
+                disabled: !isClickable,
+                onClick: isClickable ? () => onStepChange(idx) : void 0,
+                className: cn(
+                  "flex items-center gap-2 text-left transition-colors",
+                  isClickable && "cursor-pointer hover:opacity-80"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx103(
+                    "span",
+                    {
+                      className: cn(
+                        "flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-xs font-semibold",
+                        isCompleted && "bg-primary text-primary-foreground",
+                        isCurrent && "border-2 border-primary bg-primary/10 text-primary font-bold",
+                        !isCompleted && !isCurrent && "border border-border bg-muted text-muted-foreground"
+                      ),
+                      children: isCompleted ? /* @__PURE__ */ jsx103(Check8, { className: "h-4 w-4" }) : idx + 1
+                    }
+                  ),
+                  /* @__PURE__ */ jsx103("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsx103(
+                    "div",
+                    {
+                      className: cn(
+                        "text-xs font-medium",
+                        isCurrent ? "text-foreground font-semibold" : "text-muted-foreground"
+                      ),
+                      children: step.title
+                    }
+                  ) })
+                ]
+              }
+            ),
+            idx < steps.length - 1 && /* @__PURE__ */ jsx103(
+              "div",
+              {
+                className: cn(
+                  "h-0.5 flex-1 rounded-full",
+                  idx < currentStepIndex ? "bg-primary" : "bg-border"
+                )
+              }
+            )
+          ]
+        },
         step.id
       );
     }) }) }),
-    /* @__PURE__ */ jsx97("div", { className: "flex-1 rounded-lg border bg-card p-4 sm:p-6", children }),
-    /* @__PURE__ */ jsxs59("div", { className: "flex items-center justify-between pt-2", children: [
-      /* @__PURE__ */ jsxs59(
+    /* @__PURE__ */ jsx103("div", { className: "flex-1 rounded-lg border bg-card p-4 sm:p-6", children }),
+    /* @__PURE__ */ jsxs65("div", { className: "flex items-center justify-between pt-2", children: [
+      /* @__PURE__ */ jsxs65(
         Button,
         {
           type: "button",
@@ -11354,12 +12995,12 @@ function WizardTemplate({
           disabled: isFirstStep || isSubmitting,
           onClick: onPrevious,
           children: [
-            /* @__PURE__ */ jsx97(ChevronLeft2, { className: "mr-1 h-4 w-4" }),
+            /* @__PURE__ */ jsx103(ChevronLeft3, { className: "mr-1 h-4 w-4" }),
             previousLabel
           ]
         }
       ),
-      isLastStep ? /* @__PURE__ */ jsx97(
+      isLastStep ? /* @__PURE__ */ jsx103(
         Button,
         {
           type: "button",
@@ -11367,7 +13008,7 @@ function WizardTemplate({
           onClick: onSubmit,
           children: isSubmitting ? "Submitting..." : submitLabel
         }
-      ) : /* @__PURE__ */ jsxs59(
+      ) : /* @__PURE__ */ jsxs65(
         Button,
         {
           type: "button",
@@ -11375,7 +13016,7 @@ function WizardTemplate({
           onClick: onNext,
           children: [
             nextLabel,
-            /* @__PURE__ */ jsx97(ChevronRight7, { className: "ml-1 h-4 w-4" })
+            /* @__PURE__ */ jsx103(ChevronRight10, { className: "ml-1 h-4 w-4" })
           ]
         }
       )
@@ -11384,7 +13025,7 @@ function WizardTemplate({
 }
 
 // src/design-system/templates/dashboard-template.tsx
-import { jsx as jsx98, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs66 } from "react/jsx-runtime";
 function DashboardTemplate({
   title,
   description,
@@ -11398,8 +13039,8 @@ function DashboardTemplate({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs60("div", { className: cn("flex flex-col gap-6 p-4 sm:p-6 md:p-8", className), ...props, children: [
-    /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsxs66("div", { className: cn("flex flex-col gap-6 p-4 sm:p-6 md:p-8", className), ...props, children: [
+    /* @__PURE__ */ jsx104(
       PageHeader,
       {
         title,
@@ -11409,15 +13050,15 @@ function DashboardTemplate({
         actions
       }
     ),
-    metrics && /* @__PURE__ */ jsx98("section", { "aria-label": "Key Metrics", className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: metrics }),
-    charts && /* @__PURE__ */ jsx98("section", { "aria-label": "Charts and Visualizations", className: "grid gap-4 md:grid-cols-2 lg:grid-cols-7", children: charts }),
-    activity && /* @__PURE__ */ jsx98("section", { "aria-label": "Recent Activity", className: "space-y-4", children: activity }),
-    children && /* @__PURE__ */ jsx98("div", { className: "space-y-6", children })
+    metrics && /* @__PURE__ */ jsx104("section", { "aria-label": "Key Metrics", className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: metrics }),
+    charts && /* @__PURE__ */ jsx104("section", { "aria-label": "Charts and Visualizations", className: "grid gap-4 md:grid-cols-2 lg:grid-cols-7", children: charts }),
+    activity && /* @__PURE__ */ jsx104("section", { "aria-label": "Recent Activity", className: "space-y-4", children: activity }),
+    children && /* @__PURE__ */ jsx104("div", { className: "space-y-6", children })
   ] });
 }
 
 // src/design-system/templates/workspace-template.tsx
-import { jsx as jsx99, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs67 } from "react/jsx-runtime";
 function WorkspaceTemplate({
   header,
   leftSidebar,
@@ -11427,7 +13068,7 @@ function WorkspaceTemplate({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs61(
+  return /* @__PURE__ */ jsxs67(
     "div",
     {
       className: cn(
@@ -11436,13 +13077,13 @@ function WorkspaceTemplate({
       ),
       ...props,
       children: [
-        header && /* @__PURE__ */ jsx99("header", { className: "flex h-14 shrink-0 items-center border-b px-4 bg-background z-10", children: header }),
-        /* @__PURE__ */ jsxs61("div", { className: "flex flex-1 overflow-hidden", children: [
-          leftSidebar && /* @__PURE__ */ jsx99("aside", { className: "hidden md:flex w-64 shrink-0 flex-col border-r bg-sidebar p-3 overflow-y-auto", children: leftSidebar }),
-          /* @__PURE__ */ jsx99("main", { className: "flex flex-1 flex-col overflow-y-auto p-4 sm:p-6 bg-muted/20", children }),
-          rightSidebar && /* @__PURE__ */ jsx99("aside", { className: "hidden lg:flex w-80 shrink-0 flex-col border-l bg-background p-4 overflow-y-auto", children: rightSidebar })
+        header && /* @__PURE__ */ jsx105("header", { className: "flex h-14 shrink-0 items-center border-b px-4 bg-background z-10", children: header }),
+        /* @__PURE__ */ jsxs67("div", { className: "flex flex-1 overflow-hidden", children: [
+          leftSidebar && /* @__PURE__ */ jsx105("aside", { className: "hidden md:flex w-64 shrink-0 flex-col border-r bg-sidebar p-3 overflow-y-auto", children: leftSidebar }),
+          /* @__PURE__ */ jsx105("main", { className: "flex flex-1 flex-col overflow-y-auto p-4 sm:p-6 bg-muted/20", children }),
+          rightSidebar && /* @__PURE__ */ jsx105("aside", { className: "hidden lg:flex w-80 shrink-0 flex-col border-l bg-background p-4 overflow-y-auto", children: rightSidebar })
         ] }),
-        footer && /* @__PURE__ */ jsx99("footer", { className: "flex h-10 shrink-0 items-center border-t px-4 text-xs text-muted-foreground bg-background", children: footer })
+        footer && /* @__PURE__ */ jsx105("footer", { className: "flex h-10 shrink-0 items-center border-t px-4 text-xs text-muted-foreground bg-background", children: footer })
       ]
     }
   );
@@ -11450,14 +13091,14 @@ function WorkspaceTemplate({
 
 // src/design-system/templates/app-header.tsx
 import { useEffect as useEffect14 } from "react";
-import { Bell as Bell4 } from "lucide-react";
+import { Bell as Bell5 } from "lucide-react";
 import { useRouter as useRouter2 } from "next/navigation";
 
 // src/components/layout/header.tsx
-import { useEffect as useEffect13, useState as useState12 } from "react";
-import { jsx as jsx100, jsxs as jsxs62 } from "react/jsx-runtime";
+import { useEffect as useEffect13, useState as useState14 } from "react";
+import { jsx as jsx106, jsxs as jsxs68 } from "react/jsx-runtime";
 function Header({ className, fixed, children, ...props }) {
-  const [offset, setOffset] = useState12(0);
+  const [offset, setOffset] = useState14(0);
   useEffect13(() => {
     const onScroll = () => {
       setOffset(document.body.scrollTop || document.documentElement.scrollTop);
@@ -11467,7 +13108,7 @@ function Header({ className, fixed, children, ...props }) {
   }, []);
   return (
     // Page header container: fixed mode me top par sticky behavior deta hai.
-    /* @__PURE__ */ jsx100(
+    /* @__PURE__ */ jsx106(
       "header",
       {
         className: cn(
@@ -11477,7 +13118,7 @@ function Header({ className, fixed, children, ...props }) {
           className
         ),
         ...props,
-        children: /* @__PURE__ */ jsxs62(
+        children: /* @__PURE__ */ jsxs68(
           "div",
           {
             className: cn(
@@ -11486,7 +13127,7 @@ function Header({ className, fixed, children, ...props }) {
               offset > 10 && fixed && "after:absolute after:inset-0 after:-z-10 after:bg-background/20 after:backdrop-blur-lg"
             ),
             children: [
-              /* @__PURE__ */ jsx100(AppLogo, { className: "shrink-0 md:hidden" }),
+              /* @__PURE__ */ jsx106(AppLogo, { className: "shrink-0 md:hidden" }),
               children
             ]
           }
@@ -11498,8 +13139,8 @@ function Header({ className, fixed, children, ...props }) {
 
 // src/components/search.tsx
 import { SearchIcon as SearchIcon5 } from "lucide-react";
-import { jsx as jsx101 } from "react/jsx-runtime";
-function Search6({
+import { jsx as jsx107 } from "react/jsx-runtime";
+function Search7({
   className = "",
   placeholder = "Search",
   iconOnly = true,
@@ -11511,7 +13152,7 @@ function Search6({
       search.setOpen(true);
     }
   };
-  return /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsx107(
     Button,
     {
       ...props,
@@ -11521,7 +13162,7 @@ function Search6({
       "aria-label": "Search",
       "aria-keyshortcuts": "Meta+K Control+K",
       onClick: openSearch,
-      children: /* @__PURE__ */ jsx101(SearchIcon5, { className: "size-5", "aria-hidden": "true" })
+      children: /* @__PURE__ */ jsx107(SearchIcon5, { className: "size-5", "aria-hidden": "true" })
     }
   );
 }
@@ -11690,7 +13331,7 @@ var useNotificationStore = create2((set, get) => ({
 }));
 
 // src/design-system/templates/app-header.tsx
-import { Fragment as Fragment3, jsx as jsx102, jsxs as jsxs63 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx108, jsxs as jsxs69 } from "react/jsx-runtime";
 function AppHeader({
   title,
   fixed = true,
@@ -11709,12 +13350,12 @@ function AppHeader({
       unsubscribe();
     };
   }, [currentUser, fetchNotifications, subscribeToNotifications, unsubscribe]);
-  return /* @__PURE__ */ jsx102(Header, { fixed, className: "border-b bg-background", children: /* @__PURE__ */ jsx102("div", { className: "flex flex-1 items-center justify-between w-full", children: iconsPosition === "left" ? /* @__PURE__ */ jsxs63("div", { className: "flex items-center gap-2 sm:gap-3 min-w-0", children: [
-    /* @__PURE__ */ jsx102("h1", { className: "min-w-0 truncate text-base font-semibold sm:text-lg", children: title }),
-    /* @__PURE__ */ jsxs63("div", { className: "flex items-center gap-1 sm:gap-2 shrink-0 ml-1", children: [
-      /* @__PURE__ */ jsx102(Search6, { iconOnly: true }),
+  return /* @__PURE__ */ jsx108(Header, { fixed, className: "border-b bg-background", children: /* @__PURE__ */ jsx108("div", { className: "flex flex-1 items-center justify-between w-full", children: iconsPosition === "left" ? /* @__PURE__ */ jsxs69("div", { className: "flex items-center gap-2 sm:gap-3 min-w-0", children: [
+    /* @__PURE__ */ jsx108("h1", { className: "min-w-0 truncate text-base font-semibold sm:text-lg", children: title }),
+    /* @__PURE__ */ jsxs69("div", { className: "flex items-center gap-1 sm:gap-2 shrink-0 ml-1", children: [
+      /* @__PURE__ */ jsx108(Search7, { iconOnly: true }),
       children,
-      /* @__PURE__ */ jsxs63(
+      /* @__PURE__ */ jsxs69(
         Button,
         {
           variant: "ghost",
@@ -11723,18 +13364,18 @@ function AppHeader({
           "aria-label": "Notifications",
           onClick: () => router.push("/notification"),
           children: [
-            /* @__PURE__ */ jsx102(Bell4, { className: "size-5" }),
-            unreadCount > 0 && /* @__PURE__ */ jsx102("span", { className: "absolute -top-1 -right-1 flex h-4 min-w-4 items-center justify-center rounded-full bg-red-500 px-1 text-[10px] font-medium text-white shadow-xs", children: unreadCount > 5 ? "5+" : unreadCount })
+            /* @__PURE__ */ jsx108(Bell5, { className: "size-5" }),
+            unreadCount > 0 && /* @__PURE__ */ jsx108("span", { className: "absolute -top-1 -right-1 flex h-4 min-w-4 items-center justify-center rounded-full bg-red-500 px-1 text-[10px] font-medium text-white shadow-xs", children: unreadCount > 5 ? "5+" : unreadCount })
           ]
         }
       )
     ] })
-  ] }) : /* @__PURE__ */ jsxs63(Fragment3, { children: [
-    /* @__PURE__ */ jsx102("h1", { className: "min-w-0 truncate text-base font-semibold sm:text-lg", children: title }),
-    /* @__PURE__ */ jsxs63("div", { className: "ml-auto flex items-center gap-2 sm:gap-3", children: [
-      /* @__PURE__ */ jsx102(Search6, { iconOnly: true }),
+  ] }) : /* @__PURE__ */ jsxs69(Fragment4, { children: [
+    /* @__PURE__ */ jsx108("h1", { className: "min-w-0 truncate text-base font-semibold sm:text-lg", children: title }),
+    /* @__PURE__ */ jsxs69("div", { className: "ml-auto flex items-center gap-2 sm:gap-3", children: [
+      /* @__PURE__ */ jsx108(Search7, { iconOnly: true }),
       children,
-      /* @__PURE__ */ jsxs63(
+      /* @__PURE__ */ jsxs69(
         Button,
         {
           variant: "ghost",
@@ -11743,8 +13384,8 @@ function AppHeader({
           "aria-label": "Notifications",
           onClick: () => router.push("/notification"),
           children: [
-            /* @__PURE__ */ jsx102(Bell4, { className: "size-5" }),
-            unreadCount > 0 && /* @__PURE__ */ jsx102("span", { className: "absolute -top-1 -right-1 flex h-4 min-w-4 items-center justify-center rounded-full bg-red-500 px-1 text-[10px] font-medium text-white shadow-xs", children: unreadCount > 5 ? "5+" : unreadCount })
+            /* @__PURE__ */ jsx108(Bell5, { className: "size-5" }),
+            unreadCount > 0 && /* @__PURE__ */ jsx108("span", { className: "absolute -top-1 -right-1 flex h-4 min-w-4 items-center justify-center rounded-full bg-red-500 px-1 text-[10px] font-medium text-white shadow-xs", children: unreadCount > 5 ? "5+" : unreadCount })
           ]
         }
       )
@@ -11856,7 +13497,7 @@ var sidebarData2 = {
 };
 
 // src/design-system/templates/app-logo.tsx
-import { jsx as jsx103 } from "react/jsx-runtime";
+import { jsx as jsx109 } from "react/jsx-runtime";
 function AppLogo({ className, onClick }) {
   const { toggleSidebar, setOpenMobile, isMobile } = useSidebar();
   const team = sidebarData2.teams[0];
@@ -11873,7 +13514,7 @@ function AppLogo({ className, onClick }) {
       toggleSidebar();
     }
   };
-  return /* @__PURE__ */ jsx103(
+  return /* @__PURE__ */ jsx109(
     Button,
     {
       type: "button",
@@ -11884,14 +13525,14 @@ function AppLogo({ className, onClick }) {
         className
       ),
       "aria-label": "Open sidebar menu",
-      children: /* @__PURE__ */ jsx103("div", { className: "flex size-full items-center justify-center rounded-lg bg-primary text-primary-foreground", children: /* @__PURE__ */ jsx103(Logo, { className: "size-4" }) })
+      children: /* @__PURE__ */ jsx109("div", { className: "flex size-full items-center justify-center rounded-lg bg-primary text-primary-foreground", children: /* @__PURE__ */ jsx109(Logo, { className: "size-4" }) })
     }
   );
 }
 
 // src/context/layout-provider.tsx
-import { createContext as createContext9, useContext as useContext10, useState as useState13 } from "react";
-import { jsx as jsx104 } from "react/jsx-runtime";
+import { createContext as createContext9, useContext as useContext10, useState as useState15 } from "react";
+import { jsx as jsx110 } from "react/jsx-runtime";
 var LAYOUT_COLLAPSIBLE_COOKIE_NAME = "layout_collapsible";
 var LAYOUT_VARIANT_COOKIE_NAME = "layout_variant";
 var LAYOUT_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
@@ -11899,15 +13540,15 @@ var DEFAULT_VARIANT = "inset";
 var DEFAULT_COLLAPSIBLE = "icon";
 var LayoutContext = createContext9(null);
 function LayoutProvider({ children }) {
-  const [collapsible, _setCollapsible] = useState13(() => {
+  const [collapsible, _setCollapsible] = useState15(() => {
     const saved = getCookie(LAYOUT_COLLAPSIBLE_COOKIE_NAME);
     return saved || DEFAULT_COLLAPSIBLE;
   });
-  const [variant, _setVariant] = useState13(() => {
+  const [variant, _setVariant] = useState15(() => {
     const saved = getCookie(LAYOUT_VARIANT_COOKIE_NAME);
     return saved || DEFAULT_VARIANT;
   });
-  const [showInlineNotFound, setShowInlineNotFound] = useState13(false);
+  const [showInlineNotFound, setShowInlineNotFound] = useState15(false);
   const setCollapsible = (newCollapsible) => {
     _setCollapsible(newCollapsible);
     setCookie(
@@ -11935,7 +13576,7 @@ function LayoutProvider({ children }) {
     showInlineNotFound,
     setShowInlineNotFound
   };
-  return /* @__PURE__ */ jsx104(LayoutContext, { value: contextValue, children });
+  return /* @__PURE__ */ jsx110(LayoutContext, { value: contextValue, children });
 }
 function useLayout() {
   const context = useContext10(LayoutContext);
@@ -11962,13 +13603,13 @@ function useLayout() {
 // src/design-system/templates/nav-group.tsx
 import Link3 from "next/link";
 import { usePathname } from "next/navigation";
-import { ChevronRight as ChevronRight8, X as X4 } from "lucide-react";
-import { jsx as jsx105, jsxs as jsxs64 } from "react/jsx-runtime";
+import { ChevronRight as ChevronRight11, X as X7 } from "lucide-react";
+import { jsx as jsx111, jsxs as jsxs70 } from "react/jsx-runtime";
 function NavGroup({ title, items }) {
   const { state, isMobile, openMobile, setOpenMobile } = useSidebar();
   const href = usePathname();
-  return /* @__PURE__ */ jsxs64(SidebarGroup, { className: cn(title === "Menu" && "pt-0"), children: [
-    /* @__PURE__ */ jsxs64(
+  return /* @__PURE__ */ jsxs70(SidebarGroup, { className: cn(title === "Menu" && "pt-0"), children: [
+    /* @__PURE__ */ jsxs70(
       SidebarGroupLabel,
       {
         className: cn(
@@ -11976,8 +13617,8 @@ function NavGroup({ title, items }) {
           title === "Menu" && state !== "collapsed" && "sticky top-0 z-20 bg-sidebar py-1.5"
         ),
         children: [
-          /* @__PURE__ */ jsx105("span", { children: title }),
-          title === "Menu" && !isMobile && /* @__PURE__ */ jsx105(
+          /* @__PURE__ */ jsx111("span", { children: title }),
+          title === "Menu" && !isMobile && /* @__PURE__ */ jsx111(
             SidebarTrigger,
             {
               variant: "ghost",
@@ -11985,7 +13626,7 @@ function NavGroup({ title, items }) {
               "aria-label": "Toggle sidebar"
             }
           ),
-          title === "Menu" && isMobile && openMobile && /* @__PURE__ */ jsx105(
+          title === "Menu" && isMobile && openMobile && /* @__PURE__ */ jsx111(
             Button,
             {
               type: "button",
@@ -11994,37 +13635,37 @@ function NavGroup({ title, items }) {
               className: "size-6 shrink-0",
               "aria-label": "Close sidebar",
               onClick: () => setOpenMobile(false),
-              children: /* @__PURE__ */ jsx105(X4, { className: "size-4", "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx111(X7, { className: "size-4", "aria-hidden": "true" })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ jsx105(SidebarMenu, { children: items.map((item) => {
+    /* @__PURE__ */ jsx111(SidebarMenu, { children: items.map((item) => {
       const key = `${item.title}-${item.url}`;
       if (!item.items)
-        return /* @__PURE__ */ jsx105(SidebarMenuLink, { item, href }, key);
+        return /* @__PURE__ */ jsx111(SidebarMenuLink, { item, href }, key);
       if (item.title === "Settings" && item.items.length === 0)
-        return /* @__PURE__ */ jsx105(SidebarMenuSettings, { item }, key);
+        return /* @__PURE__ */ jsx111(SidebarMenuSettings, { item }, key);
       if (state === "collapsed" && !isMobile)
-        return /* @__PURE__ */ jsx105(SidebarMenuCollapsedDropdown, { item, href }, key);
-      return /* @__PURE__ */ jsx105(SidebarMenuCollapsible, { item, href }, key);
+        return /* @__PURE__ */ jsx111(SidebarMenuCollapsedDropdown, { item, href }, key);
+      return /* @__PURE__ */ jsx111(SidebarMenuCollapsible, { item, href }, key);
     }) })
   ] });
 }
 function NavBadge({ children }) {
-  return /* @__PURE__ */ jsx105(Badge, { className: "rounded-full px-1 py-0 text-xs", children });
+  return /* @__PURE__ */ jsx111(Badge, { className: "rounded-full px-1 py-0 text-xs", children });
 }
 function SidebarMenuLink({ item, href }) {
   const { setOpenMobile } = useSidebar();
   const { setShowInlineNotFound } = useLayout();
-  return /* @__PURE__ */ jsx105(SidebarMenuItem, { children: /* @__PURE__ */ jsx105(
+  return /* @__PURE__ */ jsx111(SidebarMenuItem, { children: /* @__PURE__ */ jsx111(
     SidebarMenuButton,
     {
       asChild: true,
       isActive: checkIsActive(href, item),
       tooltip: item.title,
-      children: /* @__PURE__ */ jsxs64(
+      children: /* @__PURE__ */ jsxs70(
         Link3,
         {
           href: item.url,
@@ -12033,9 +13674,9 @@ function SidebarMenuLink({ item, href }) {
             setOpenMobile(false);
           },
           children: [
-            item.icon && /* @__PURE__ */ jsx105(item.icon, {}),
-            /* @__PURE__ */ jsx105("span", { children: item.title }),
-            item.badge && /* @__PURE__ */ jsx105(NavBadge, { children: item.badge })
+            item.icon && /* @__PURE__ */ jsx111(item.icon, {}),
+            /* @__PURE__ */ jsx111("span", { children: item.title }),
+            item.badge && /* @__PURE__ */ jsx111(NavBadge, { children: item.badge })
           ]
         }
       )
@@ -12045,7 +13686,7 @@ function SidebarMenuLink({ item, href }) {
 function SidebarMenuSettings({ item }) {
   const { setOpenMobile } = useSidebar();
   const { showInlineNotFound, setShowInlineNotFound } = useLayout();
-  return /* @__PURE__ */ jsx105(SidebarMenuItem, { children: /* @__PURE__ */ jsxs64(
+  return /* @__PURE__ */ jsx111(SidebarMenuItem, { children: /* @__PURE__ */ jsxs70(
     SidebarMenuButton,
     {
       tooltip: item.title,
@@ -12055,8 +13696,8 @@ function SidebarMenuSettings({ item }) {
         setOpenMobile(false);
       },
       children: [
-        item.icon && /* @__PURE__ */ jsx105(item.icon, {}),
-        /* @__PURE__ */ jsx105("span", { children: item.title })
+        item.icon && /* @__PURE__ */ jsx111(item.icon, {}),
+        /* @__PURE__ */ jsx111("span", { children: item.title })
       ]
     }
   ) });
@@ -12067,25 +13708,25 @@ function SidebarMenuCollapsible({
 }) {
   const { setOpenMobile } = useSidebar();
   const { setShowInlineNotFound } = useLayout();
-  return /* @__PURE__ */ jsx105(
+  return /* @__PURE__ */ jsx111(
     Collapsible,
     {
       asChild: true,
       defaultOpen: checkIsActive(href, item, true),
       className: "group/collapsible",
-      children: /* @__PURE__ */ jsxs64(SidebarMenuItem, { children: [
-        /* @__PURE__ */ jsx105(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs64(SidebarMenuButton, { tooltip: item.title, children: [
-          item.icon && /* @__PURE__ */ jsx105(item.icon, {}),
-          /* @__PURE__ */ jsx105("span", { children: item.title }),
-          item.badge && /* @__PURE__ */ jsx105(NavBadge, { children: item.badge }),
-          /* @__PURE__ */ jsx105(ChevronRight8, { className: "ms-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90 rtl:rotate-180" })
+      children: /* @__PURE__ */ jsxs70(SidebarMenuItem, { children: [
+        /* @__PURE__ */ jsx111(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs70(SidebarMenuButton, { tooltip: item.title, children: [
+          item.icon && /* @__PURE__ */ jsx111(item.icon, {}),
+          /* @__PURE__ */ jsx111("span", { children: item.title }),
+          item.badge && /* @__PURE__ */ jsx111(NavBadge, { children: item.badge }),
+          /* @__PURE__ */ jsx111(ChevronRight11, { className: "ms-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90 rtl:rotate-180" })
         ] }) }),
-        /* @__PURE__ */ jsx105(CollapsibleContent, { className: "CollapsibleContent", children: /* @__PURE__ */ jsx105(SidebarMenuSub, { children: item.items.map((subItem) => /* @__PURE__ */ jsx105(SidebarMenuSubItem, { children: /* @__PURE__ */ jsx105(
+        /* @__PURE__ */ jsx111(CollapsibleContent, { className: "CollapsibleContent", children: /* @__PURE__ */ jsx111(SidebarMenuSub, { children: item.items.map((subItem) => /* @__PURE__ */ jsx111(SidebarMenuSubItem, { children: /* @__PURE__ */ jsx111(
           SidebarMenuSubButton,
           {
             asChild: true,
             isActive: checkIsActive(href, subItem),
-            children: /* @__PURE__ */ jsxs64(
+            children: /* @__PURE__ */ jsxs70(
               Link3,
               {
                 href: subItem.url,
@@ -12094,9 +13735,9 @@ function SidebarMenuCollapsible({
                   setOpenMobile(false);
                 },
                 children: [
-                  subItem.icon && /* @__PURE__ */ jsx105(subItem.icon, {}),
-                  /* @__PURE__ */ jsx105("span", { children: subItem.title }),
-                  subItem.badge && /* @__PURE__ */ jsx105(NavBadge, { children: subItem.badge })
+                  subItem.icon && /* @__PURE__ */ jsx111(subItem.icon, {}),
+                  /* @__PURE__ */ jsx111("span", { children: subItem.title }),
+                  subItem.badge && /* @__PURE__ */ jsx111(NavBadge, { children: subItem.badge })
                 ]
               }
             )
@@ -12110,36 +13751,36 @@ function SidebarMenuCollapsedDropdown({
   item,
   href
 }) {
-  return /* @__PURE__ */ jsx105(SidebarMenuItem, { children: /* @__PURE__ */ jsxs64(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx105(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs64(
+  return /* @__PURE__ */ jsx111(SidebarMenuItem, { children: /* @__PURE__ */ jsxs70(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx111(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs70(
       SidebarMenuButton,
       {
         tooltip: item.title,
         isActive: checkIsActive(href, item),
         children: [
-          item.icon && /* @__PURE__ */ jsx105(item.icon, {}),
-          /* @__PURE__ */ jsx105("span", { children: item.title }),
-          item.badge && /* @__PURE__ */ jsx105(NavBadge, { children: item.badge }),
-          /* @__PURE__ */ jsx105(ChevronRight8, { className: "ms-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
+          item.icon && /* @__PURE__ */ jsx111(item.icon, {}),
+          /* @__PURE__ */ jsx111("span", { children: item.title }),
+          item.badge && /* @__PURE__ */ jsx111(NavBadge, { children: item.badge }),
+          /* @__PURE__ */ jsx111(ChevronRight11, { className: "ms-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs64(DropdownMenuContent, { side: "right", align: "start", sideOffset: 4, children: [
-      /* @__PURE__ */ jsxs64(DropdownMenuLabel, { children: [
+    /* @__PURE__ */ jsxs70(DropdownMenuContent, { side: "right", align: "start", sideOffset: 4, children: [
+      /* @__PURE__ */ jsxs70(DropdownMenuLabel, { children: [
         item.title,
         " ",
         item.badge ? `(${item.badge})` : ""
       ] }),
-      /* @__PURE__ */ jsx105(DropdownMenuSeparator, {}),
-      item.items.map((sub) => /* @__PURE__ */ jsx105(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs64(
+      /* @__PURE__ */ jsx111(DropdownMenuSeparator, {}),
+      item.items.map((sub) => /* @__PURE__ */ jsx111(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs70(
         Link3,
         {
           href: sub.url,
           className: `${checkIsActive(href, sub) ? "bg-secondary" : ""}`,
           children: [
-            sub.icon && /* @__PURE__ */ jsx105(sub.icon, {}),
-            /* @__PURE__ */ jsx105("span", { className: "max-w-52 text-wrap", children: sub.title }),
-            sub.badge && /* @__PURE__ */ jsx105("span", { className: "ms-auto text-xs", children: sub.badge })
+            sub.icon && /* @__PURE__ */ jsx111(sub.icon, {}),
+            /* @__PURE__ */ jsx111("span", { className: "max-w-52 text-wrap", children: sub.title }),
+            sub.badge && /* @__PURE__ */ jsx111("span", { className: "ms-auto text-xs", children: sub.badge })
           ]
         }
       ) }, `${sub.title}-${sub.url}`))
@@ -12154,20 +13795,20 @@ function checkIsActive(href, item, mainNav = false) {
 }
 
 // src/design-system/templates/team-switcher.tsx
-import { jsx as jsx106, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx112, jsxs as jsxs71 } from "react/jsx-runtime";
 function TeamSwitcher({ teams }) {
   useSidebar();
   const activeTeam = teams[0];
-  return /* @__PURE__ */ jsx106(SidebarMenu, { children: /* @__PURE__ */ jsx106(SidebarMenuItem, { children: /* @__PURE__ */ jsxs65(
+  return /* @__PURE__ */ jsx112(SidebarMenu, { children: /* @__PURE__ */ jsx112(SidebarMenuItem, { children: /* @__PURE__ */ jsxs71(
     SidebarMenuButton,
     {
       size: "lg",
       className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
       children: [
-        /* @__PURE__ */ jsx106("div", { className: "flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground", children: /* @__PURE__ */ jsx106(activeTeam.logo, { className: "size-4" }) }),
-        /* @__PURE__ */ jsxs65("div", { className: "grid flex-1 text-start text-sm leading-tight", children: [
-          /* @__PURE__ */ jsx106("span", { className: "truncate font-semibold", children: activeTeam.name }),
-          /* @__PURE__ */ jsx106("span", { className: "truncate text-xs", children: activeTeam.plan })
+        /* @__PURE__ */ jsx112("div", { className: "flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground", children: /* @__PURE__ */ jsx112(activeTeam.logo, { className: "size-4" }) }),
+        /* @__PURE__ */ jsxs71("div", { className: "grid flex-1 text-start text-sm leading-tight", children: [
+          /* @__PURE__ */ jsx112("span", { className: "truncate font-semibold", children: activeTeam.name }),
+          /* @__PURE__ */ jsx112("span", { className: "truncate text-xs", children: activeTeam.plan })
         ] })
       ]
     }
@@ -12183,22 +13824,22 @@ import {
 } from "lucide-react";
 
 // src/hooks/use-dialog-state.tsx
-import { useState as useState14 } from "react";
+import { useState as useState16 } from "react";
 function useDialogState(initialState2 = null) {
-  const [open, _setOpen] = useState14(initialState2);
+  const [open, _setOpen] = useState16(initialState2);
   const setOpen = (str) => _setOpen((prev) => prev === str ? null : str);
   return [open, setOpen];
 }
 
 // src/components/config-drawer.tsx
-import { useState as useState15 } from "react";
+import { useState as useState17 } from "react";
 import { Root as Radio, Item as Item2 } from "@radix-ui/react-radio-group";
-import { Check as Check8, CircleCheck, RotateCcw, Search as Search7, Settings as Settings3 } from "lucide-react";
+import { Check as Check9, CircleCheck, RotateCcw, Search as Search8, Settings as Settings3 } from "lucide-react";
 
 // src/assets/custom/icon-theme-dark.tsx
-import { jsx as jsx107, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx113, jsxs as jsxs72 } from "react/jsx-runtime";
 function IconThemeDark(props) {
-  return /* @__PURE__ */ jsxs66(
+  return /* @__PURE__ */ jsxs72(
     "svg",
     {
       "data-name": "icon-theme-dark",
@@ -12206,27 +13847,27 @@ function IconThemeDark(props) {
       viewBox: "0 0 79.86 51.14",
       ...props,
       children: [
-        /* @__PURE__ */ jsxs66("g", { fill: "#1d2b3f", children: [
-          /* @__PURE__ */ jsx107("rect", { x: 0.53, y: 0.5, width: 78.83, height: 50.14, rx: 3.5, ry: 3.5 }),
-          /* @__PURE__ */ jsx107("path", { d: "M75.86 1c1.65 0 3 1.35 3 3v43.14c0 1.65-1.35 3-3 3H4.03c-1.65 0-3-1.35-3-3V4c0-1.65 1.35-3 3-3h71.83m0-1H4.03c-2.21 0-4 1.79-4 4v43.14c0 2.21 1.79 4 4 4h71.83c2.21 0 4-1.79 4-4V4c0-2.21-1.79-4-4-4z" })
+        /* @__PURE__ */ jsxs72("g", { fill: "#1d2b3f", children: [
+          /* @__PURE__ */ jsx113("rect", { x: 0.53, y: 0.5, width: 78.83, height: 50.14, rx: 3.5, ry: 3.5 }),
+          /* @__PURE__ */ jsx113("path", { d: "M75.86 1c1.65 0 3 1.35 3 3v43.14c0 1.65-1.35 3-3 3H4.03c-1.65 0-3-1.35-3-3V4c0-1.65 1.35-3 3-3h71.83m0-1H4.03c-2.21 0-4 1.79-4 4v43.14c0 2.21 1.79 4 4 4h71.83c2.21 0 4-1.79 4-4V4c0-2.21-1.79-4-4-4z" })
         ] }),
-        /* @__PURE__ */ jsx107(
+        /* @__PURE__ */ jsx113(
           "path",
           {
             d: "M22.88 0h52.97c2.21 0 4 1.79 4 4v43.14c0 2.21-1.79 4-4 4H22.88V0z",
             fill: "#0d1628"
           }
         ),
-        /* @__PURE__ */ jsx107("circle", { cx: 6.7, cy: 7.04, r: 3.54, fill: "#426187" }),
-        /* @__PURE__ */ jsx107(
+        /* @__PURE__ */ jsx113("circle", { cx: 6.7, cy: 7.04, r: 3.54, fill: "#426187" }),
+        /* @__PURE__ */ jsx113(
           "path",
           {
             d: "M18.12 6.39h-5.87c-.6 0-1.09-.45-1.09-1s.49-1 1.09-1h5.87c.6 0 1.09.45 1.09 1s-.49 1-1.09 1zM16.55 9.77h-4.24c-.55 0-1-.45-1-1s.45-1 1-1h4.24c.55 0 1 .45 1 1s-.45 1-1 1zM18.32 17.37H4.59c-.69 0-1.25-.47-1.25-1.05s.56-1.05 1.25-1.05h13.73c.69 0 1.25.47 1.25 1.05s-.56 1.05-1.25 1.05zM15.34 21.26h-11c-.55 0-1-.41-1-.91s.45-.91 1-.91h11c.55 0 1 .41 1 .91s-.45.91-1 .91zM16.46 25.57H4.43c-.6 0-1.09-.44-1.09-.98s.49-.98 1.09-.98h12.03c.6 0 1.09.44 1.09.98s-.49.98-1.09.98z",
             fill: "#426187"
           }
         ),
-        /* @__PURE__ */ jsxs66("g", { fill: "#2a62bc", children: [
-          /* @__PURE__ */ jsx107(
+        /* @__PURE__ */ jsxs72("g", { fill: "#2a62bc", children: [
+          /* @__PURE__ */ jsx113(
             "rect",
             {
               x: 33.36,
@@ -12238,7 +13879,7 @@ function IconThemeDark(props) {
               opacity: 0.32
             }
           ),
-          /* @__PURE__ */ jsx107(
+          /* @__PURE__ */ jsx113(
             "rect",
             {
               x: 29.64,
@@ -12250,7 +13891,7 @@ function IconThemeDark(props) {
               opacity: 0.44
             }
           ),
-          /* @__PURE__ */ jsx107(
+          /* @__PURE__ */ jsx113(
             "rect",
             {
               x: 37.16,
@@ -12262,7 +13903,7 @@ function IconThemeDark(props) {
               opacity: 0.53
             }
           ),
-          /* @__PURE__ */ jsx107(
+          /* @__PURE__ */ jsx113(
             "rect",
             {
               x: 41.19,
@@ -12275,8 +13916,8 @@ function IconThemeDark(props) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx107("circle", { cx: 62.74, cy: 16.32, r: 8, fill: "#2f5491", opacity: 0.5 }),
-        /* @__PURE__ */ jsx107(
+        /* @__PURE__ */ jsx113("circle", { cx: 62.74, cy: 16.32, r: 8, fill: "#2f5491", opacity: 0.5 }),
+        /* @__PURE__ */ jsx113(
           "path",
           {
             d: "M62.74 16.32l4.1-6.87c1.19.71 2.18 1.72 2.86 2.92s1.04 2.57 1.04 3.95h-8z",
@@ -12284,7 +13925,7 @@ function IconThemeDark(props) {
             opacity: 0.74
           }
         ),
-        /* @__PURE__ */ jsx107(
+        /* @__PURE__ */ jsx113(
           "rect",
           {
             x: 29.64,
@@ -12302,9 +13943,9 @@ function IconThemeDark(props) {
 }
 
 // src/assets/custom/icon-theme-light.tsx
-import { jsx as jsx108, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx114, jsxs as jsxs73 } from "react/jsx-runtime";
 function IconThemeLight(props) {
-  return /* @__PURE__ */ jsxs67(
+  return /* @__PURE__ */ jsxs73(
     "svg",
     {
       "data-name": "icon-theme-light",
@@ -12312,27 +13953,27 @@ function IconThemeLight(props) {
       viewBox: "0 0 79.86 51.14",
       ...props,
       children: [
-        /* @__PURE__ */ jsxs67("g", { fill: "#d9d9d9", children: [
-          /* @__PURE__ */ jsx108("rect", { x: 0.53, y: 0.5, width: 78.83, height: 50.14, rx: 3.5, ry: 3.5 }),
-          /* @__PURE__ */ jsx108("path", { d: "M75.86 1c1.65 0 3 1.35 3 3v43.14c0 1.65-1.35 3-3 3H4.03c-1.65 0-3-1.35-3-3V4c0-1.65 1.35-3 3-3h71.83m0-1H4.03c-2.21 0-4 1.79-4 4v43.14c0 2.21 1.79 4 4 4h71.83c2.21 0 4-1.79 4-4V4c0-2.21-1.79-4-4-4z" })
+        /* @__PURE__ */ jsxs73("g", { fill: "#d9d9d9", children: [
+          /* @__PURE__ */ jsx114("rect", { x: 0.53, y: 0.5, width: 78.83, height: 50.14, rx: 3.5, ry: 3.5 }),
+          /* @__PURE__ */ jsx114("path", { d: "M75.86 1c1.65 0 3 1.35 3 3v43.14c0 1.65-1.35 3-3 3H4.03c-1.65 0-3-1.35-3-3V4c0-1.65 1.35-3 3-3h71.83m0-1H4.03c-2.21 0-4 1.79-4 4v43.14c0 2.21 1.79 4 4 4h71.83c2.21 0 4-1.79 4-4V4c0-2.21-1.79-4-4-4z" })
         ] }),
-        /* @__PURE__ */ jsx108(
+        /* @__PURE__ */ jsx114(
           "path",
           {
             d: "M22.88 0h52.97c2.21 0 4 1.79 4 4v43.14c0 2.21-1.79 4-4 4H22.88V0z",
             fill: "#ecedef"
           }
         ),
-        /* @__PURE__ */ jsx108("circle", { cx: 6.7, cy: 7.04, r: 3.54, fill: "#fff" }),
-        /* @__PURE__ */ jsx108(
+        /* @__PURE__ */ jsx114("circle", { cx: 6.7, cy: 7.04, r: 3.54, fill: "#fff" }),
+        /* @__PURE__ */ jsx114(
           "path",
           {
             d: "M18.12 6.39h-5.87c-.6 0-1.09-.45-1.09-1s.49-1 1.09-1h5.87c.6 0 1.09.45 1.09 1s-.49 1-1.09 1zM16.55 9.77h-4.24c-.55 0-1-.45-1-1s.45-1 1-1h4.24c.55 0 1 .45 1 1s-.45 1-1 1zM18.32 17.37H4.59c-.69 0-1.25-.47-1.25-1.05s.56-1.05 1.25-1.05h13.73c.69 0 1.25.47 1.25 1.05s-.56 1.05-1.25 1.05zM15.34 21.26h-11c-.55 0-1-.41-1-.91s.45-.91 1-.91h11c.55 0 1 .41 1 .91s-.45.91-1 .91zM16.46 25.57H4.43c-.6 0-1.09-.44-1.09-.98s.49-.98 1.09-.98h12.03c.6 0 1.09.44 1.09.98s-.49.98-1.09.98z",
             fill: "#fff"
           }
         ),
-        /* @__PURE__ */ jsxs67("g", { fill: "#c0c4c4", children: [
-          /* @__PURE__ */ jsx108(
+        /* @__PURE__ */ jsxs73("g", { fill: "#c0c4c4", children: [
+          /* @__PURE__ */ jsx114(
             "rect",
             {
               x: 33.36,
@@ -12344,7 +13985,7 @@ function IconThemeLight(props) {
               opacity: 0.32
             }
           ),
-          /* @__PURE__ */ jsx108(
+          /* @__PURE__ */ jsx114(
             "rect",
             {
               x: 29.64,
@@ -12356,7 +13997,7 @@ function IconThemeLight(props) {
               opacity: 0.44
             }
           ),
-          /* @__PURE__ */ jsx108(
+          /* @__PURE__ */ jsx114(
             "rect",
             {
               x: 37.16,
@@ -12368,7 +14009,7 @@ function IconThemeLight(props) {
               opacity: 0.53
             }
           ),
-          /* @__PURE__ */ jsx108(
+          /* @__PURE__ */ jsx114(
             "rect",
             {
               x: 41.19,
@@ -12381,12 +14022,12 @@ function IconThemeLight(props) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx108("circle", { cx: 62.74, cy: 16.32, r: 8, fill: "#fff" }),
-        /* @__PURE__ */ jsxs67("g", { fill: "#d9d9d9", children: [
-          /* @__PURE__ */ jsx108("path", { d: "M63.62 15.82L67 10.15c.93.64 1.7 1.48 2.26 2.47.56.98.89 2.08.96 3.21h-6.6z" }),
-          /* @__PURE__ */ jsx108("path", { d: "M67.14 10.88a6.977 6.977 0 012.52 4.44h-5.17l2.65-4.44m-.31-1.43l-4.1 6.87h8c0-1.39-.36-2.75-1.04-3.95s-1.67-2.21-2.86-2.92z" })
+        /* @__PURE__ */ jsx114("circle", { cx: 62.74, cy: 16.32, r: 8, fill: "#fff" }),
+        /* @__PURE__ */ jsxs73("g", { fill: "#d9d9d9", children: [
+          /* @__PURE__ */ jsx114("path", { d: "M63.62 15.82L67 10.15c.93.64 1.7 1.48 2.26 2.47.56.98.89 2.08.96 3.21h-6.6z" }),
+          /* @__PURE__ */ jsx114("path", { d: "M67.14 10.88a6.977 6.977 0 012.52 4.44h-5.17l2.65-4.44m-.31-1.43l-4.1 6.87h8c0-1.39-.36-2.75-1.04-3.95s-1.67-2.21-2.86-2.92z" })
         ] }),
-        /* @__PURE__ */ jsx108(
+        /* @__PURE__ */ jsx114(
           "rect",
           {
             x: 29.64,
@@ -12404,12 +14045,12 @@ function IconThemeLight(props) {
 }
 
 // src/assets/custom/icon-theme-system.tsx
-import { jsx as jsx109, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx115, jsxs as jsxs74 } from "react/jsx-runtime";
 function IconThemeSystem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs68(
+  return /* @__PURE__ */ jsxs74(
     "svg",
     {
       "data-name": "icon-theme-system",
@@ -12422,8 +14063,8 @@ function IconThemeSystem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx109("path", { opacity: 0.2, d: "M0 0.03H22.88V51.17H0z" }),
-        /* @__PURE__ */ jsx109(
+        /* @__PURE__ */ jsx115("path", { opacity: 0.2, d: "M0 0.03H22.88V51.17H0z" }),
+        /* @__PURE__ */ jsx115(
           "circle",
           {
             cx: 6.7,
@@ -12436,7 +14077,7 @@ function IconThemeSystem({
             strokeMiterlimit: 10
           }
         ),
-        /* @__PURE__ */ jsx109(
+        /* @__PURE__ */ jsx115(
           "path",
           {
             d: "M18.12 6.39h-5.87c-.6 0-1.09-.45-1.09-1s.49-1 1.09-1h5.87c.6 0 1.09.45 1.09 1s-.49 1-1.09 1zM16.55 9.77h-4.24c-.55 0-1-.45-1-1s.45-1 1-1h4.24c.55 0 1 .45 1 1s-.45 1-1 1z",
@@ -12445,7 +14086,7 @@ function IconThemeSystem({
             opacity: 0.75
           }
         ),
-        /* @__PURE__ */ jsx109(
+        /* @__PURE__ */ jsx115(
           "path",
           {
             d: "M18.32 17.37H4.59c-.69 0-1.25-.47-1.25-1.05s.56-1.05 1.25-1.05h13.73c.69 0 1.25.47 1.25 1.05s-.56 1.05-1.25 1.05z",
@@ -12454,7 +14095,7 @@ function IconThemeSystem({
             opacity: 0.72
           }
         ),
-        /* @__PURE__ */ jsx109(
+        /* @__PURE__ */ jsx115(
           "path",
           {
             d: "M15.34 21.26h-11c-.55 0-1-.41-1-.91s.45-.91 1-.91h11c.55 0 1 .41 1 .91s-.45.91-1 .91z",
@@ -12463,7 +14104,7 @@ function IconThemeSystem({
             opacity: 0.55
           }
         ),
-        /* @__PURE__ */ jsx109(
+        /* @__PURE__ */ jsx115(
           "path",
           {
             d: "M16.46 25.57H4.43c-.6 0-1.09-.44-1.09-.98s.49-.98 1.09-.98h12.03c.6 0 1.09.44 1.09.98s-.49.98-1.09.98z",
@@ -12472,7 +14113,7 @@ function IconThemeSystem({
             opacity: 0.67
           }
         ),
-        /* @__PURE__ */ jsx109(
+        /* @__PURE__ */ jsx115(
           "rect",
           {
             x: 33.36,
@@ -12485,7 +14126,7 @@ function IconThemeSystem({
             stroke: "none"
           }
         ),
-        /* @__PURE__ */ jsx109(
+        /* @__PURE__ */ jsx115(
           "rect",
           {
             x: 29.64,
@@ -12498,7 +14139,7 @@ function IconThemeSystem({
             stroke: "none"
           }
         ),
-        /* @__PURE__ */ jsx109(
+        /* @__PURE__ */ jsx115(
           "rect",
           {
             x: 37.16,
@@ -12511,7 +14152,7 @@ function IconThemeSystem({
             stroke: "none"
           }
         ),
-        /* @__PURE__ */ jsx109(
+        /* @__PURE__ */ jsx115(
           "rect",
           {
             x: 41.19,
@@ -12524,9 +14165,9 @@ function IconThemeSystem({
             stroke: "none"
           }
         ),
-        /* @__PURE__ */ jsxs68("g", { children: [
-          /* @__PURE__ */ jsx109("circle", { cx: 62.74, cy: 16.32, r: 8, opacity: 0.25 }),
-          /* @__PURE__ */ jsx109(
+        /* @__PURE__ */ jsxs74("g", { children: [
+          /* @__PURE__ */ jsx115("circle", { cx: 62.74, cy: 16.32, r: 8, opacity: 0.25 }),
+          /* @__PURE__ */ jsx115(
             "path",
             {
               d: "M62.74 16.32l4.1-6.87c1.19.71 2.18 1.72 2.86 2.92s1.04 2.57 1.04 3.95h-8z",
@@ -12534,7 +14175,7 @@ function IconThemeSystem({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx109(
+        /* @__PURE__ */ jsx115(
           "rect",
           {
             x: 29.64,
@@ -12555,7 +14196,7 @@ function IconThemeSystem({
 }
 
 // src/components/config-drawer.tsx
-import { jsx as jsx110, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx116, jsxs as jsxs75 } from "react/jsx-runtime";
 function ConfigDrawer({
   trigger
 }) {
@@ -12565,27 +14206,27 @@ function ConfigDrawer({
     resetTheme();
     resetColorTheme();
   };
-  return /* @__PURE__ */ jsxs69(Sheet, { children: [
-    /* @__PURE__ */ jsx110(SheetTrigger, { asChild: true, children: trigger ?? /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsxs75(Sheet, { children: [
+    /* @__PURE__ */ jsx116(SheetTrigger, { asChild: true, children: trigger ?? /* @__PURE__ */ jsx116(
       Button,
       {
         size: "icon",
         variant: "ghost",
         "aria-label": "Open theme settings",
         className: "rounded-full",
-        children: /* @__PURE__ */ jsx110(Settings3, { "aria-hidden": "true" })
+        children: /* @__PURE__ */ jsx116(Settings3, { "aria-hidden": "true" })
       }
     ) }),
-    /* @__PURE__ */ jsxs69(SheetContent, { className: "flex flex-col", children: [
-      /* @__PURE__ */ jsxs69(SheetHeader, { className: "pb-0 text-start", children: [
-        /* @__PURE__ */ jsx110(SheetTitle, { children: "Theme Settings" }),
-        /* @__PURE__ */ jsx110(SheetDescription, { children: "Customize the look and feel of your dashboard." })
+    /* @__PURE__ */ jsxs75(SheetContent, { className: "flex flex-col", children: [
+      /* @__PURE__ */ jsxs75(SheetHeader, { className: "pb-0 text-start", children: [
+        /* @__PURE__ */ jsx116(SheetTitle, { children: "Theme Settings" }),
+        /* @__PURE__ */ jsx116(SheetDescription, { children: "Customize the look and feel of your dashboard." })
       ] }),
-      /* @__PURE__ */ jsxs69("div", { className: "flex flex-1 flex-col gap-6 overflow-hidden px-4", children: [
-        /* @__PURE__ */ jsx110(ThemeConfig, {}),
-        /* @__PURE__ */ jsx110(ThemeListSelector, {})
+      /* @__PURE__ */ jsxs75("div", { className: "flex flex-1 flex-col gap-6 overflow-hidden px-4", children: [
+        /* @__PURE__ */ jsx116(ThemeConfig, {}),
+        /* @__PURE__ */ jsx116(ThemeListSelector, {})
       ] }),
-      /* @__PURE__ */ jsx110(SheetFooter, { className: "gap-2", children: /* @__PURE__ */ jsx110(
+      /* @__PURE__ */ jsx116(SheetFooter, { className: "gap-2", children: /* @__PURE__ */ jsx116(
         Button,
         {
           variant: "destructive",
@@ -12603,7 +14244,7 @@ function SectionTitle({
   resetAriaLabel,
   className
 }) {
-  return /* @__PURE__ */ jsxs69(
+  return /* @__PURE__ */ jsxs75(
     "div",
     {
       className: cn(
@@ -12612,7 +14253,7 @@ function SectionTitle({
       ),
       children: [
         title,
-        showReset && onReset && /* @__PURE__ */ jsx110(
+        showReset && onReset && /* @__PURE__ */ jsx116(
           Button,
           {
             type: "button",
@@ -12621,7 +14262,7 @@ function SectionTitle({
             className: "size-4 rounded-full",
             onClick: onReset,
             "aria-label": resetAriaLabel,
-            children: /* @__PURE__ */ jsx110(RotateCcw, { className: "size-3" })
+            children: /* @__PURE__ */ jsx116(RotateCcw, { className: "size-3" })
           }
         )
       ]
@@ -12632,7 +14273,7 @@ function RadioGroupItem2({
   item,
   isTheme = false
 }) {
-  return /* @__PURE__ */ jsxs69(
+  return /* @__PURE__ */ jsxs75(
     Item2,
     {
       value: item.value,
@@ -12640,7 +14281,7 @@ function RadioGroupItem2({
       "aria-label": `Select ${item.label.toLowerCase()}`,
       "aria-describedby": `${item.value}-description`,
       children: [
-        /* @__PURE__ */ jsxs69(
+        /* @__PURE__ */ jsxs75(
           "div",
           {
             className: cn(
@@ -12652,7 +14293,7 @@ function RadioGroupItem2({
             "aria-hidden": "false",
             "aria-label": `${item.label} option preview`,
             children: [
-              /* @__PURE__ */ jsx110(
+              /* @__PURE__ */ jsx116(
                 CircleCheck,
                 {
                   className: cn(
@@ -12663,7 +14304,7 @@ function RadioGroupItem2({
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ jsx110(
+              /* @__PURE__ */ jsx116(
                 item.icon,
                 {
                   className: cn(
@@ -12675,7 +14316,7 @@ function RadioGroupItem2({
             ]
           }
         ),
-        /* @__PURE__ */ jsx110(
+        /* @__PURE__ */ jsx116(
           "div",
           {
             className: "mt-1 text-xs",
@@ -12690,8 +14331,8 @@ function RadioGroupItem2({
 }
 function ThemeConfig() {
   const { defaultTheme, theme, setTheme } = useTheme2();
-  return /* @__PURE__ */ jsxs69("div", { children: [
-    /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsxs75("div", { children: [
+    /* @__PURE__ */ jsx116(
       SectionTitle,
       {
         title: "Theme",
@@ -12700,7 +14341,7 @@ function ThemeConfig() {
         resetAriaLabel: "Reset theme preference to default"
       }
     ),
-    /* @__PURE__ */ jsx110(
+    /* @__PURE__ */ jsx116(
       Radio,
       {
         value: theme,
@@ -12724,20 +14365,20 @@ function ThemeConfig() {
             label: "Dark",
             icon: IconThemeDark
           }
-        ].map((item) => /* @__PURE__ */ jsx110(RadioGroupItem2, { item, isTheme: true }, item.value))
+        ].map((item) => /* @__PURE__ */ jsx116(RadioGroupItem2, { item, isTheme: true }, item.value))
       }
     ),
-    /* @__PURE__ */ jsx110("div", { id: "theme-description", className: "sr-only", children: "Choose between system preference, light mode, or dark mode" })
+    /* @__PURE__ */ jsx116("div", { id: "theme-description", className: "sr-only", children: "Choose between system preference, light mode, or dark mode" })
   ] });
 }
 function ThemeListSelector() {
-  const [search, setSearch] = useState15("");
+  const [search, setSearch] = useState17("");
   const { colorTheme, setColorTheme } = useColorTheme();
   const filtered = colorThemes.filter(
     (t) => t.label.toLowerCase().includes(search.toLowerCase())
   );
-  return /* @__PURE__ */ jsxs69("div", { className: "flex min-h-0 flex-1 flex-col", children: [
-    /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsxs75("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+    /* @__PURE__ */ jsx116(
       SectionTitle,
       {
         title: "Color Theme",
@@ -12746,9 +14387,9 @@ function ThemeListSelector() {
         resetAriaLabel: "Reset color theme to default"
       }
     ),
-    /* @__PURE__ */ jsxs69("div", { className: "relative mb-2.5", children: [
-      /* @__PURE__ */ jsx110(Search7, { className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
-      /* @__PURE__ */ jsx110(
+    /* @__PURE__ */ jsxs75("div", { className: "relative mb-2.5", children: [
+      /* @__PURE__ */ jsx116(Search8, { className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx116(
         "input",
         {
           type: "text",
@@ -12764,21 +14405,21 @@ function ThemeListSelector() {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs69("p", { className: "mb-2 text-xs text-muted-foreground font-medium", children: [
+    /* @__PURE__ */ jsxs75("p", { className: "mb-2 text-xs text-muted-foreground font-medium", children: [
       filtered.length,
       " theme",
       filtered.length !== 1 ? "s" : "",
       " available"
     ] }),
-    /* @__PURE__ */ jsxs69(
+    /* @__PURE__ */ jsxs75(
       "div",
       {
         className: "flex-1 space-y-1 overflow-y-auto rounded-lg pr-1",
         role: "radiogroup",
         "aria-label": "Select color theme",
         children: [
-          filtered.length === 0 && /* @__PURE__ */ jsx110("p", { className: "py-8 text-center text-sm text-muted-foreground", children: "No themes found" }),
-          filtered.map((ct) => /* @__PURE__ */ jsxs69(
+          filtered.length === 0 && /* @__PURE__ */ jsx116("p", { className: "py-8 text-center text-sm text-muted-foreground", children: "No themes found" }),
+          filtered.map((ct) => /* @__PURE__ */ jsxs75(
             "button",
             {
               onClick: () => setColorTheme(ct.name),
@@ -12790,7 +14431,7 @@ function ThemeListSelector() {
                 colorTheme === ct.name ? "bg-primary text-primary-foreground shadow-md" : "hover:bg-accent/80 hover:text-foreground border border-transparent hover:border-border/40"
               ),
               children: [
-                /* @__PURE__ */ jsx110("div", { className: "flex gap-1.5 shrink-0", children: ct.colors.map((color, i) => /* @__PURE__ */ jsx110(
+                /* @__PURE__ */ jsx116("div", { className: "flex gap-1.5 shrink-0", children: ct.colors.map((color, i) => /* @__PURE__ */ jsx116(
                   "span",
                   {
                     className: cn(
@@ -12801,9 +14442,9 @@ function ThemeListSelector() {
                   },
                   i
                 )) }),
-                /* @__PURE__ */ jsxs69("div", { className: "flex items-center gap-1.5 truncate", children: [
-                  /* @__PURE__ */ jsx110("span", { className: "text-sm font-medium truncate", children: ct.label }),
-                  ct.category === "tweakcn" && /* @__PURE__ */ jsx110(
+                /* @__PURE__ */ jsxs75("div", { className: "flex items-center gap-1.5 truncate", children: [
+                  /* @__PURE__ */ jsx116("span", { className: "text-sm font-medium truncate", children: ct.label }),
+                  ct.category === "tweakcn" && /* @__PURE__ */ jsx116(
                     "span",
                     {
                       className: cn(
@@ -12813,7 +14454,7 @@ function ThemeListSelector() {
                     }
                   )
                 ] }),
-                colorTheme === ct.name && /* @__PURE__ */ jsx110(Check8, { className: "ml-auto size-4 shrink-0", strokeWidth: 3 })
+                colorTheme === ct.name && /* @__PURE__ */ jsx116(Check9, { className: "ml-auto size-4 shrink-0", strokeWidth: 3 })
               ]
             },
             ct.name
@@ -12825,7 +14466,7 @@ function ThemeListSelector() {
 }
 
 // src/design-system/templates/nav-user.tsx
-import { Fragment as Fragment4, jsx as jsx111, jsxs as jsxs70 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx117, jsxs as jsxs76 } from "react/jsx-runtime";
 function NavUser({ user: fallbackUser }) {
   const { isMobile } = useSidebar();
   const [open, setOpen] = useDialogState();
@@ -12834,28 +14475,28 @@ function NavUser({ user: fallbackUser }) {
   const userEmail = auth.user?.email || fallbackUser.email;
   const userAvatar = auth.user?.picture || fallbackUser.avatar;
   const userInitials = userName.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
-  return /* @__PURE__ */ jsxs70(Fragment4, { children: [
-    /* @__PURE__ */ jsx111(SidebarMenu, { children: /* @__PURE__ */ jsx111(SidebarMenuItem, { children: /* @__PURE__ */ jsxs70(DropdownMenu, { modal: false, children: [
-      /* @__PURE__ */ jsx111(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs70(
+  return /* @__PURE__ */ jsxs76(Fragment5, { children: [
+    /* @__PURE__ */ jsx117(SidebarMenu, { children: /* @__PURE__ */ jsx117(SidebarMenuItem, { children: /* @__PURE__ */ jsxs76(DropdownMenu, { modal: false, children: [
+      /* @__PURE__ */ jsx117(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs76(
         SidebarMenuButton,
         {
           size: "lg",
           tooltip: userName,
           className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
           children: [
-            /* @__PURE__ */ jsxs70(Avatar, { className: "h-8 w-8 rounded-lg", children: [
-              /* @__PURE__ */ jsx111(AvatarImage, { src: userAvatar, alt: userName }),
-              /* @__PURE__ */ jsx111(AvatarFallback, { className: "rounded-lg", children: userInitials })
+            /* @__PURE__ */ jsxs76(Avatar, { className: "h-8 w-8 rounded-lg", children: [
+              /* @__PURE__ */ jsx117(AvatarImage, { src: userAvatar, alt: userName }),
+              /* @__PURE__ */ jsx117(AvatarFallback, { className: "rounded-lg", children: userInitials })
             ] }),
-            /* @__PURE__ */ jsxs70("div", { className: "grid flex-1 text-start text-sm leading-tight", children: [
-              /* @__PURE__ */ jsx111("span", { className: "truncate font-semibold", children: userName }),
-              /* @__PURE__ */ jsx111("span", { className: "truncate text-xs text-muted-foreground", children: userEmail })
+            /* @__PURE__ */ jsxs76("div", { className: "grid flex-1 text-start text-sm leading-tight", children: [
+              /* @__PURE__ */ jsx117("span", { className: "truncate font-semibold", children: userName }),
+              /* @__PURE__ */ jsx117("span", { className: "truncate text-xs text-muted-foreground", children: userEmail })
             ] }),
-            /* @__PURE__ */ jsx111(ChevronsUpDown, { className: "ml-auto size-4 shrink-0" })
+            /* @__PURE__ */ jsx117(ChevronsUpDown, { className: "ml-auto size-4 shrink-0" })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsxs70(
+      /* @__PURE__ */ jsxs76(
         DropdownMenuContent,
         {
           className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
@@ -12863,43 +14504,43 @@ function NavUser({ user: fallbackUser }) {
           align: "end",
           sideOffset: 4,
           children: [
-            /* @__PURE__ */ jsx111(DropdownMenuLabel, { className: "p-0 font-normal", children: /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-2 px-1 py-1.5 text-start text-sm", children: [
-              /* @__PURE__ */ jsxs70(Avatar, { className: "h-8 w-8 rounded-lg", children: [
-                /* @__PURE__ */ jsx111(AvatarImage, { src: userAvatar, alt: userName }),
-                /* @__PURE__ */ jsx111(AvatarFallback, { className: "rounded-lg", children: userInitials })
+            /* @__PURE__ */ jsx117(DropdownMenuLabel, { className: "p-0 font-normal", children: /* @__PURE__ */ jsxs76("div", { className: "flex items-center gap-2 px-1 py-1.5 text-start text-sm", children: [
+              /* @__PURE__ */ jsxs76(Avatar, { className: "h-8 w-8 rounded-lg", children: [
+                /* @__PURE__ */ jsx117(AvatarImage, { src: userAvatar, alt: userName }),
+                /* @__PURE__ */ jsx117(AvatarFallback, { className: "rounded-lg", children: userInitials })
               ] }),
-              /* @__PURE__ */ jsxs70("div", { className: "grid flex-1 text-start text-sm leading-tight", children: [
-                /* @__PURE__ */ jsx111("span", { className: "truncate font-semibold", children: userName }),
-                /* @__PURE__ */ jsx111("span", { className: "truncate text-xs text-muted-foreground", children: userEmail })
+              /* @__PURE__ */ jsxs76("div", { className: "grid flex-1 text-start text-sm leading-tight", children: [
+                /* @__PURE__ */ jsx117("span", { className: "truncate font-semibold", children: userName }),
+                /* @__PURE__ */ jsx117("span", { className: "truncate text-xs text-muted-foreground", children: userEmail })
               ] })
             ] }) }),
-            /* @__PURE__ */ jsx111(DropdownMenuSeparator, {}),
-            /* @__PURE__ */ jsx111(
+            /* @__PURE__ */ jsx117(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsx117(
               ConfigDrawer,
               {
-                trigger: /* @__PURE__ */ jsxs70(DropdownMenuItem, { onSelect: (e) => e.preventDefault(), children: [
-                  /* @__PURE__ */ jsx111(Palette3, { className: "mr-2 h-4 w-4" }),
+                trigger: /* @__PURE__ */ jsxs76(DropdownMenuItem, { onSelect: (e) => e.preventDefault(), children: [
+                  /* @__PURE__ */ jsx117(Palette3, { className: "mr-2 h-4 w-4" }),
                   "Theme"
                 ] })
               }
             ),
-            /* @__PURE__ */ jsx111(
+            /* @__PURE__ */ jsx117(
               ConfigDrawer,
               {
-                trigger: /* @__PURE__ */ jsxs70(DropdownMenuItem, { onSelect: (e) => e.preventDefault(), children: [
-                  /* @__PURE__ */ jsx111(Settings4, { className: "mr-2 h-4 w-4" }),
+                trigger: /* @__PURE__ */ jsxs76(DropdownMenuItem, { onSelect: (e) => e.preventDefault(), children: [
+                  /* @__PURE__ */ jsx117(Settings4, { className: "mr-2 h-4 w-4" }),
                   "Setting"
                 ] })
               }
             ),
-            /* @__PURE__ */ jsx111(DropdownMenuSeparator, {}),
-            /* @__PURE__ */ jsxs70(
+            /* @__PURE__ */ jsx117(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsxs76(
               DropdownMenuItem,
               {
                 variant: "destructive",
                 onClick: () => setOpen(true),
                 children: [
-                  /* @__PURE__ */ jsx111(LogOut, { className: "mr-2 h-4 w-4" }),
+                  /* @__PURE__ */ jsx117(LogOut, { className: "mr-2 h-4 w-4" }),
                   "Sign out"
                 ]
               }
@@ -12908,19 +14549,19 @@ function NavUser({ user: fallbackUser }) {
         }
       )
     ] }) }) }),
-    /* @__PURE__ */ jsx111(SignOutDialog, { open: !!open, onOpenChange: setOpen })
+    /* @__PURE__ */ jsx117(SignOutDialog, { open: !!open, onOpenChange: setOpen })
   ] });
 }
 
 // src/design-system/templates/app-sidebar.tsx
-import { jsx as jsx112, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx118, jsxs as jsxs77 } from "react/jsx-runtime";
 function AppSidebar() {
   const { collapsible } = useLayout();
-  return /* @__PURE__ */ jsxs71(Sidebar, { collapsible, variant: "sidebar", children: [
-    /* @__PURE__ */ jsxs71(SidebarHeader, { className: "p-2 pb-1", children: [
-      /* @__PURE__ */ jsxs71("div", { className: "flex items-center justify-between gap-1", children: [
-        /* @__PURE__ */ jsx112("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx112(TeamSwitcher, { teams: sidebarData2.teams }) }),
-        /* @__PURE__ */ jsx112("div", { className: "group-data-[collapsible=icon]:hidden shrink-0", children: /* @__PURE__ */ jsx112(
+  return /* @__PURE__ */ jsxs77(Sidebar, { collapsible, variant: "sidebar", children: [
+    /* @__PURE__ */ jsxs77(SidebarHeader, { className: "p-2 pb-1", children: [
+      /* @__PURE__ */ jsxs77("div", { className: "flex items-center justify-between gap-1", children: [
+        /* @__PURE__ */ jsx118("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx118(TeamSwitcher, { teams: sidebarData2.teams }) }),
+        /* @__PURE__ */ jsx118("div", { className: "group-data-[collapsible=icon]:hidden shrink-0", children: /* @__PURE__ */ jsx118(
           SidebarTrigger,
           {
             variant: "ghost",
@@ -12929,7 +14570,7 @@ function AppSidebar() {
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsx112("div", { className: "hidden group-data-[collapsible=icon]:flex justify-center pt-2 pb-1", children: /* @__PURE__ */ jsx112(
+      /* @__PURE__ */ jsx118("div", { className: "hidden group-data-[collapsible=icon]:flex justify-center pt-2 pb-1", children: /* @__PURE__ */ jsx118(
         SidebarTrigger,
         {
           variant: "ghost",
@@ -12938,37 +14579,37 @@ function AppSidebar() {
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx112(SidebarContent, { children: sidebarData2.navGroups.map((props) => /* @__PURE__ */ jsx112(NavGroup, { ...props }, props.title)) }),
-    /* @__PURE__ */ jsx112(SidebarFooter, { children: /* @__PURE__ */ jsx112(NavUser, { user: sidebarData2.user }) })
+    /* @__PURE__ */ jsx118(SidebarContent, { children: sidebarData2.navGroups.map((props) => /* @__PURE__ */ jsx118(NavGroup, { ...props }, props.title)) }),
+    /* @__PURE__ */ jsx118(SidebarFooter, { children: /* @__PURE__ */ jsx118(NavUser, { user: sidebarData2.user }) })
   ] });
 }
 
 // src/design-system/templates/app-title.tsx
 import Link4 from "next/link";
-import { Menu, X as X5 } from "lucide-react";
-import { jsx as jsx113, jsxs as jsxs72 } from "react/jsx-runtime";
+import { Menu, X as X8 } from "lucide-react";
+import { jsx as jsx119, jsxs as jsxs78 } from "react/jsx-runtime";
 function AppTitle() {
   const { setOpenMobile } = useSidebar();
-  return /* @__PURE__ */ jsx113(SidebarMenu, { children: /* @__PURE__ */ jsx113(SidebarMenuItem, { children: /* @__PURE__ */ jsx113(
+  return /* @__PURE__ */ jsx119(SidebarMenu, { children: /* @__PURE__ */ jsx119(SidebarMenuItem, { children: /* @__PURE__ */ jsx119(
     SidebarMenuButton,
     {
       size: "lg",
       className: "gap-0 py-0 hover:bg-transparent active:bg-transparent",
       asChild: true,
-      children: /* @__PURE__ */ jsxs72("div", { children: [
-        /* @__PURE__ */ jsxs72(
+      children: /* @__PURE__ */ jsxs78("div", { children: [
+        /* @__PURE__ */ jsxs78(
           Link4,
           {
             href: "/",
             onClick: () => setOpenMobile(false),
             className: "grid flex-1 text-start text-sm leading-tight",
             children: [
-              /* @__PURE__ */ jsx113("span", { className: "truncate font-bold", children: "Shadcn-Admin" }),
-              /* @__PURE__ */ jsx113("span", { className: "truncate text-xs", children: "Vite + ShadcnUI" })
+              /* @__PURE__ */ jsx119("span", { className: "truncate font-bold", children: "Shadcn-Admin" }),
+              /* @__PURE__ */ jsx119("span", { className: "truncate text-xs", children: "Vite + ShadcnUI" })
             ]
           }
         ),
-        /* @__PURE__ */ jsx113(ToggleSidebar, {})
+        /* @__PURE__ */ jsx119(ToggleSidebar, {})
       ] })
     }
   ) }) });
@@ -12979,7 +14620,7 @@ function ToggleSidebar({
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs72(
+  return /* @__PURE__ */ jsxs78(
     Button,
     {
       "data-sidebar": "trigger",
@@ -12993,16 +14634,16 @@ function ToggleSidebar({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx113(X5, { className: "md:hidden" }),
-        /* @__PURE__ */ jsx113(Menu, { className: "max-md:hidden" }),
-        /* @__PURE__ */ jsx113("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx119(X8, { className: "md:hidden" }),
+        /* @__PURE__ */ jsx119(Menu, { className: "max-md:hidden" }),
+        /* @__PURE__ */ jsx119("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
 
 // src/design-system/templates/authenticated-layout.tsx
-import { useEffect as useEffect16, useState as useState16 } from "react";
+import { useEffect as useEffect16, useState as useState18 } from "react";
 import { usePathname as usePathname3 } from "next/navigation";
 
 // src/components/layout/app-sidebar.tsx
@@ -13011,13 +14652,13 @@ import { useEffect as useEffect15 } from "react";
 // src/components/layout/nav-group.tsx
 import Link5 from "next/link";
 import { usePathname as usePathname2 } from "next/navigation";
-import { ChevronRight as ChevronRight9, X as X6 } from "lucide-react";
-import { jsx as jsx114, jsxs as jsxs73 } from "react/jsx-runtime";
+import { ChevronRight as ChevronRight12, X as X9 } from "lucide-react";
+import { jsx as jsx120, jsxs as jsxs79 } from "react/jsx-runtime";
 function NavGroup2({ title, items }) {
   const { state, isMobile, openMobile, setOpenMobile } = useSidebar();
   const href = usePathname2();
-  return /* @__PURE__ */ jsxs73(SidebarGroup, { className: cn(title === "Menu" && "pt-0"), children: [
-    /* @__PURE__ */ jsxs73(
+  return /* @__PURE__ */ jsxs79(SidebarGroup, { className: cn(title === "Menu" && "pt-0"), children: [
+    /* @__PURE__ */ jsxs79(
       SidebarGroupLabel,
       {
         className: cn(
@@ -13025,8 +14666,8 @@ function NavGroup2({ title, items }) {
           title === "Menu" && state !== "collapsed" && "sticky top-0 z-20 bg-sidebar py-1.5"
         ),
         children: [
-          /* @__PURE__ */ jsx114("span", { children: title }),
-          title === "Menu" && !isMobile && /* @__PURE__ */ jsx114(
+          /* @__PURE__ */ jsx120("span", { children: title }),
+          title === "Menu" && !isMobile && /* @__PURE__ */ jsx120(
             SidebarTrigger,
             {
               variant: "ghost",
@@ -13034,7 +14675,7 @@ function NavGroup2({ title, items }) {
               "aria-label": "Toggle sidebar"
             }
           ),
-          title === "Menu" && isMobile && openMobile && /* @__PURE__ */ jsx114(
+          title === "Menu" && isMobile && openMobile && /* @__PURE__ */ jsx120(
             Button,
             {
               type: "button",
@@ -13043,37 +14684,37 @@ function NavGroup2({ title, items }) {
               className: "size-6 shrink-0",
               "aria-label": "Close sidebar",
               onClick: () => setOpenMobile(false),
-              children: /* @__PURE__ */ jsx114(X6, { className: "size-4", "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx120(X9, { className: "size-4", "aria-hidden": "true" })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ jsx114(SidebarMenu, { children: items.map((item) => {
+    /* @__PURE__ */ jsx120(SidebarMenu, { children: items.map((item) => {
       const key = `${item.title}-${item.url}`;
       if (!item.items)
-        return /* @__PURE__ */ jsx114(SidebarMenuLink2, { item, href }, key);
+        return /* @__PURE__ */ jsx120(SidebarMenuLink2, { item, href }, key);
       if (item.title === "Settings" && item.items.length === 0)
-        return /* @__PURE__ */ jsx114(SidebarMenuSettings2, { item }, key);
+        return /* @__PURE__ */ jsx120(SidebarMenuSettings2, { item }, key);
       if (state === "collapsed" && !isMobile)
-        return /* @__PURE__ */ jsx114(SidebarMenuCollapsedDropdown2, { item, href }, key);
-      return /* @__PURE__ */ jsx114(SidebarMenuCollapsible2, { item, href }, key);
+        return /* @__PURE__ */ jsx120(SidebarMenuCollapsedDropdown2, { item, href }, key);
+      return /* @__PURE__ */ jsx120(SidebarMenuCollapsible2, { item, href }, key);
     }) })
   ] });
 }
 function NavBadge2({ children }) {
-  return /* @__PURE__ */ jsx114(Badge, { className: "rounded-full px-1 py-0 text-xs", children });
+  return /* @__PURE__ */ jsx120(Badge, { className: "rounded-full px-1 py-0 text-xs", children });
 }
 function SidebarMenuLink2({ item, href }) {
   const { setOpenMobile } = useSidebar();
   const { setShowInlineNotFound } = useLayout();
-  return /* @__PURE__ */ jsx114(SidebarMenuItem, { children: /* @__PURE__ */ jsx114(
+  return /* @__PURE__ */ jsx120(SidebarMenuItem, { children: /* @__PURE__ */ jsx120(
     SidebarMenuButton,
     {
       asChild: true,
       isActive: checkIsActive2(href, item),
       tooltip: item.title,
-      children: /* @__PURE__ */ jsxs73(
+      children: /* @__PURE__ */ jsxs79(
         Link5,
         {
           href: item.url,
@@ -13082,9 +14723,9 @@ function SidebarMenuLink2({ item, href }) {
             setOpenMobile(false);
           },
           children: [
-            item.icon && /* @__PURE__ */ jsx114(item.icon, {}),
-            /* @__PURE__ */ jsx114("span", { children: item.title }),
-            item.badge && /* @__PURE__ */ jsx114(NavBadge2, { children: item.badge })
+            item.icon && /* @__PURE__ */ jsx120(item.icon, {}),
+            /* @__PURE__ */ jsx120("span", { children: item.title }),
+            item.badge && /* @__PURE__ */ jsx120(NavBadge2, { children: item.badge })
           ]
         }
       )
@@ -13094,7 +14735,7 @@ function SidebarMenuLink2({ item, href }) {
 function SidebarMenuSettings2({ item }) {
   const { setOpenMobile } = useSidebar();
   const { showInlineNotFound, setShowInlineNotFound } = useLayout();
-  return /* @__PURE__ */ jsx114(SidebarMenuItem, { children: /* @__PURE__ */ jsxs73(
+  return /* @__PURE__ */ jsx120(SidebarMenuItem, { children: /* @__PURE__ */ jsxs79(
     SidebarMenuButton,
     {
       tooltip: item.title,
@@ -13104,8 +14745,8 @@ function SidebarMenuSettings2({ item }) {
         setOpenMobile(false);
       },
       children: [
-        item.icon && /* @__PURE__ */ jsx114(item.icon, {}),
-        /* @__PURE__ */ jsx114("span", { children: item.title })
+        item.icon && /* @__PURE__ */ jsx120(item.icon, {}),
+        /* @__PURE__ */ jsx120("span", { children: item.title })
       ]
     }
   ) });
@@ -13116,25 +14757,25 @@ function SidebarMenuCollapsible2({
 }) {
   const { setOpenMobile } = useSidebar();
   const { setShowInlineNotFound } = useLayout();
-  return /* @__PURE__ */ jsx114(
+  return /* @__PURE__ */ jsx120(
     Collapsible,
     {
       asChild: true,
       defaultOpen: checkIsActive2(href, item, true),
       className: "group/collapsible",
-      children: /* @__PURE__ */ jsxs73(SidebarMenuItem, { children: [
-        /* @__PURE__ */ jsx114(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs73(SidebarMenuButton, { tooltip: item.title, children: [
-          item.icon && /* @__PURE__ */ jsx114(item.icon, {}),
-          /* @__PURE__ */ jsx114("span", { children: item.title }),
-          item.badge && /* @__PURE__ */ jsx114(NavBadge2, { children: item.badge }),
-          /* @__PURE__ */ jsx114(ChevronRight9, { className: "ms-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90 rtl:rotate-180" })
+      children: /* @__PURE__ */ jsxs79(SidebarMenuItem, { children: [
+        /* @__PURE__ */ jsx120(CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ jsxs79(SidebarMenuButton, { tooltip: item.title, children: [
+          item.icon && /* @__PURE__ */ jsx120(item.icon, {}),
+          /* @__PURE__ */ jsx120("span", { children: item.title }),
+          item.badge && /* @__PURE__ */ jsx120(NavBadge2, { children: item.badge }),
+          /* @__PURE__ */ jsx120(ChevronRight12, { className: "ms-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90 rtl:rotate-180" })
         ] }) }),
-        /* @__PURE__ */ jsx114(CollapsibleContent, { className: "CollapsibleContent", children: /* @__PURE__ */ jsx114(SidebarMenuSub, { children: item.items.map((subItem) => /* @__PURE__ */ jsx114(SidebarMenuSubItem, { children: /* @__PURE__ */ jsx114(
+        /* @__PURE__ */ jsx120(CollapsibleContent, { className: "CollapsibleContent", children: /* @__PURE__ */ jsx120(SidebarMenuSub, { children: item.items.map((subItem) => /* @__PURE__ */ jsx120(SidebarMenuSubItem, { children: /* @__PURE__ */ jsx120(
           SidebarMenuSubButton,
           {
             asChild: true,
             isActive: checkIsActive2(href, subItem),
-            children: /* @__PURE__ */ jsxs73(
+            children: /* @__PURE__ */ jsxs79(
               Link5,
               {
                 href: subItem.url,
@@ -13143,9 +14784,9 @@ function SidebarMenuCollapsible2({
                   setOpenMobile(false);
                 },
                 children: [
-                  subItem.icon && /* @__PURE__ */ jsx114(subItem.icon, {}),
-                  /* @__PURE__ */ jsx114("span", { children: subItem.title }),
-                  subItem.badge && /* @__PURE__ */ jsx114(NavBadge2, { children: subItem.badge })
+                  subItem.icon && /* @__PURE__ */ jsx120(subItem.icon, {}),
+                  /* @__PURE__ */ jsx120("span", { children: subItem.title }),
+                  subItem.badge && /* @__PURE__ */ jsx120(NavBadge2, { children: subItem.badge })
                 ]
               }
             )
@@ -13159,36 +14800,36 @@ function SidebarMenuCollapsedDropdown2({
   item,
   href
 }) {
-  return /* @__PURE__ */ jsx114(SidebarMenuItem, { children: /* @__PURE__ */ jsxs73(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx114(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs73(
+  return /* @__PURE__ */ jsx120(SidebarMenuItem, { children: /* @__PURE__ */ jsxs79(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx120(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs79(
       SidebarMenuButton,
       {
         tooltip: item.title,
         isActive: checkIsActive2(href, item),
         children: [
-          item.icon && /* @__PURE__ */ jsx114(item.icon, {}),
-          /* @__PURE__ */ jsx114("span", { children: item.title }),
-          item.badge && /* @__PURE__ */ jsx114(NavBadge2, { children: item.badge }),
-          /* @__PURE__ */ jsx114(ChevronRight9, { className: "ms-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
+          item.icon && /* @__PURE__ */ jsx120(item.icon, {}),
+          /* @__PURE__ */ jsx120("span", { children: item.title }),
+          item.badge && /* @__PURE__ */ jsx120(NavBadge2, { children: item.badge }),
+          /* @__PURE__ */ jsx120(ChevronRight12, { className: "ms-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs73(DropdownMenuContent, { side: "right", align: "start", sideOffset: 4, children: [
-      /* @__PURE__ */ jsxs73(DropdownMenuLabel, { children: [
+    /* @__PURE__ */ jsxs79(DropdownMenuContent, { side: "right", align: "start", sideOffset: 4, children: [
+      /* @__PURE__ */ jsxs79(DropdownMenuLabel, { children: [
         item.title,
         " ",
         item.badge ? `(${item.badge})` : ""
       ] }),
-      /* @__PURE__ */ jsx114(DropdownMenuSeparator, {}),
-      item.items.map((sub) => /* @__PURE__ */ jsx114(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs73(
+      /* @__PURE__ */ jsx120(DropdownMenuSeparator, {}),
+      item.items.map((sub) => /* @__PURE__ */ jsx120(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs79(
         Link5,
         {
           href: sub.url,
           className: `${checkIsActive2(href, sub) ? "bg-secondary" : ""}`,
           children: [
-            sub.icon && /* @__PURE__ */ jsx114(sub.icon, {}),
-            /* @__PURE__ */ jsx114("span", { className: "max-w-52 text-wrap", children: sub.title }),
-            sub.badge && /* @__PURE__ */ jsx114("span", { className: "ms-auto text-xs", children: sub.badge })
+            sub.icon && /* @__PURE__ */ jsx120(sub.icon, {}),
+            /* @__PURE__ */ jsx120("span", { className: "max-w-52 text-wrap", children: sub.title }),
+            sub.badge && /* @__PURE__ */ jsx120("span", { className: "ms-auto text-xs", children: sub.badge })
           ]
         }
       ) }, `${sub.title}-${sub.url}`))
@@ -13207,7 +14848,7 @@ import {
   ChevronsUpDown as ChevronsUpDown2,
   LogOut as LogOut2,
   User as User2,
-  Bell as Bell5,
+  Bell as Bell6,
   MessageCircle,
   CreditCard,
   ShoppingBag,
@@ -13215,7 +14856,7 @@ import {
   Palette as Palette4
 } from "lucide-react";
 import Link6 from "next/link";
-import { Fragment as Fragment5, jsx as jsx115, jsxs as jsxs74 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx121, jsxs as jsxs80 } from "react/jsx-runtime";
 function NavUser2({ user: fallbackUser }) {
   const { isMobile } = useSidebar();
   const [open, setOpen] = useDialogState();
@@ -13225,28 +14866,28 @@ function NavUser2({ user: fallbackUser }) {
   const userEmail = auth.user?.email || fallbackUser.email;
   const userAvatar = auth.user?.picture || fallbackUser.avatar;
   const userInitials = userName.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
-  return /* @__PURE__ */ jsxs74(Fragment5, { children: [
-    /* @__PURE__ */ jsx115(SidebarMenu, { children: /* @__PURE__ */ jsx115(SidebarMenuItem, { children: /* @__PURE__ */ jsxs74(DropdownMenu, { modal: false, children: [
-      /* @__PURE__ */ jsx115(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs74(
+  return /* @__PURE__ */ jsxs80(Fragment6, { children: [
+    /* @__PURE__ */ jsx121(SidebarMenu, { children: /* @__PURE__ */ jsx121(SidebarMenuItem, { children: /* @__PURE__ */ jsxs80(DropdownMenu, { modal: false, children: [
+      /* @__PURE__ */ jsx121(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs80(
         SidebarMenuButton,
         {
           size: "lg",
           tooltip: userName,
           className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
           children: [
-            /* @__PURE__ */ jsxs74(Avatar, { className: "h-8 w-8 rounded-lg", children: [
-              /* @__PURE__ */ jsx115(AvatarImage, { src: userAvatar, alt: userName }),
-              /* @__PURE__ */ jsx115(AvatarFallback, { className: "rounded-lg", children: userInitials })
+            /* @__PURE__ */ jsxs80(Avatar, { className: "h-8 w-8 rounded-lg", children: [
+              /* @__PURE__ */ jsx121(AvatarImage, { src: userAvatar, alt: userName }),
+              /* @__PURE__ */ jsx121(AvatarFallback, { className: "rounded-lg", children: userInitials })
             ] }),
-            /* @__PURE__ */ jsxs74("div", { className: "grid flex-1 text-start text-sm leading-tight", children: [
-              /* @__PURE__ */ jsx115("span", { className: "truncate font-semibold", children: userName }),
-              /* @__PURE__ */ jsx115("span", { className: "truncate text-xs text-muted-foreground", children: userEmail })
+            /* @__PURE__ */ jsxs80("div", { className: "grid flex-1 text-start text-sm leading-tight", children: [
+              /* @__PURE__ */ jsx121("span", { className: "truncate font-semibold", children: userName }),
+              /* @__PURE__ */ jsx121("span", { className: "truncate text-xs text-muted-foreground", children: userEmail })
             ] }),
-            /* @__PURE__ */ jsx115(ChevronsUpDown2, { className: "ml-auto size-4 shrink-0" })
+            /* @__PURE__ */ jsx121(ChevronsUpDown2, { className: "ml-auto size-4 shrink-0" })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsxs74(
+      /* @__PURE__ */ jsxs80(
         DropdownMenuContent,
         {
           className: "w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg",
@@ -13254,59 +14895,59 @@ function NavUser2({ user: fallbackUser }) {
           align: "end",
           sideOffset: 4,
           children: [
-            /* @__PURE__ */ jsx115(DropdownMenuLabel, { className: "p-0 font-normal", children: /* @__PURE__ */ jsxs74("div", { className: "flex items-center gap-2 px-1 py-1.5 text-start text-sm", children: [
-              /* @__PURE__ */ jsxs74(Avatar, { className: "h-8 w-8 rounded-lg", children: [
-                /* @__PURE__ */ jsx115(AvatarImage, { src: userAvatar, alt: userName }),
-                /* @__PURE__ */ jsx115(AvatarFallback, { className: "rounded-lg", children: userInitials })
+            /* @__PURE__ */ jsx121(DropdownMenuLabel, { className: "p-0 font-normal", children: /* @__PURE__ */ jsxs80("div", { className: "flex items-center gap-2 px-1 py-1.5 text-start text-sm", children: [
+              /* @__PURE__ */ jsxs80(Avatar, { className: "h-8 w-8 rounded-lg", children: [
+                /* @__PURE__ */ jsx121(AvatarImage, { src: userAvatar, alt: userName }),
+                /* @__PURE__ */ jsx121(AvatarFallback, { className: "rounded-lg", children: userInitials })
               ] }),
-              /* @__PURE__ */ jsxs74("div", { className: "grid flex-1 text-start text-sm leading-tight", children: [
-                /* @__PURE__ */ jsx115("span", { className: "truncate font-semibold", children: userName }),
-                /* @__PURE__ */ jsx115("span", { className: "truncate text-xs text-muted-foreground", children: userEmail })
+              /* @__PURE__ */ jsxs80("div", { className: "grid flex-1 text-start text-sm leading-tight", children: [
+                /* @__PURE__ */ jsx121("span", { className: "truncate font-semibold", children: userName }),
+                /* @__PURE__ */ jsx121("span", { className: "truncate text-xs text-muted-foreground", children: userEmail })
               ] })
             ] }) }),
-            /* @__PURE__ */ jsx115(DropdownMenuSeparator, {}),
-            /* @__PURE__ */ jsxs74(DropdownMenuItem, { onClick: () => setShowInlineNotFound(true), children: [
-              /* @__PURE__ */ jsx115(User2, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ jsx121(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsxs80(DropdownMenuItem, { onClick: () => setShowInlineNotFound(true), children: [
+              /* @__PURE__ */ jsx121(User2, { className: "mr-2 h-4 w-4" }),
               "My Profile"
             ] }),
-            /* @__PURE__ */ jsxs74(DropdownMenuItem, { onClick: () => setShowInlineNotFound(true), children: [
-              /* @__PURE__ */ jsx115(Bell5, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ jsxs80(DropdownMenuItem, { onClick: () => setShowInlineNotFound(true), children: [
+              /* @__PURE__ */ jsx121(Bell6, { className: "mr-2 h-4 w-4" }),
               "Notifications"
             ] }),
-            /* @__PURE__ */ jsxs74(DropdownMenuItem, { onClick: () => setShowInlineNotFound(true), children: [
-              /* @__PURE__ */ jsx115(MessageCircle, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ jsxs80(DropdownMenuItem, { onClick: () => setShowInlineNotFound(true), children: [
+              /* @__PURE__ */ jsx121(MessageCircle, { className: "mr-2 h-4 w-4" }),
               "Help & Support"
             ] }),
-            /* @__PURE__ */ jsx115(DropdownMenuSeparator, {}),
-            /* @__PURE__ */ jsxs74(DropdownMenuItem, { onClick: () => setShowInlineNotFound(true), children: [
-              /* @__PURE__ */ jsx115(CreditCard, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ jsx121(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsxs80(DropdownMenuItem, { onClick: () => setShowInlineNotFound(true), children: [
+              /* @__PURE__ */ jsx121(CreditCard, { className: "mr-2 h-4 w-4" }),
               "Subscriptions"
             ] }),
-            /* @__PURE__ */ jsx115(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs74(Link6, { href: "/apps", children: [
-              /* @__PURE__ */ jsx115(ShoppingBag, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ jsx121(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs80(Link6, { href: "/apps", children: [
+              /* @__PURE__ */ jsx121(ShoppingBag, { className: "mr-2 h-4 w-4" }),
               "Buy Apps"
             ] }) }),
-            /* @__PURE__ */ jsx115(
+            /* @__PURE__ */ jsx121(
               ConfigDrawer,
               {
-                trigger: /* @__PURE__ */ jsxs74(DropdownMenuItem, { onSelect: (e) => e.preventDefault(), children: [
-                  /* @__PURE__ */ jsx115(Palette4, { className: "mr-2 h-4 w-4" }),
+                trigger: /* @__PURE__ */ jsxs80(DropdownMenuItem, { onSelect: (e) => e.preventDefault(), children: [
+                  /* @__PURE__ */ jsx121(Palette4, { className: "mr-2 h-4 w-4" }),
                   "Theme Settings"
                 ] })
               }
             ),
-            /* @__PURE__ */ jsxs74(DropdownMenuItem, { onClick: () => setShowInlineNotFound(true), children: [
-              /* @__PURE__ */ jsx115(Settings5, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ jsxs80(DropdownMenuItem, { onClick: () => setShowInlineNotFound(true), children: [
+              /* @__PURE__ */ jsx121(Settings5, { className: "mr-2 h-4 w-4" }),
               "Settings"
             ] }),
-            /* @__PURE__ */ jsx115(DropdownMenuSeparator, {}),
-            /* @__PURE__ */ jsxs74(
+            /* @__PURE__ */ jsx121(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsxs80(
               DropdownMenuItem,
               {
                 variant: "destructive",
                 onClick: () => setOpen(true),
                 children: [
-                  /* @__PURE__ */ jsx115(LogOut2, { className: "mr-2 h-4 w-4" }),
+                  /* @__PURE__ */ jsx121(LogOut2, { className: "mr-2 h-4 w-4" }),
                   "Sign out"
                 ]
               }
@@ -13315,12 +14956,12 @@ function NavUser2({ user: fallbackUser }) {
         }
       )
     ] }) }) }),
-    /* @__PURE__ */ jsx115(SignOutDialog, { open: !!open, onOpenChange: setOpen })
+    /* @__PURE__ */ jsx121(SignOutDialog, { open: !!open, onOpenChange: setOpen })
   ] });
 }
 
 // src/components/layout/app-sidebar.tsx
-import { jsx as jsx116, jsxs as jsxs75 } from "react/jsx-runtime";
+import { jsx as jsx122, jsxs as jsxs81 } from "react/jsx-runtime";
 function AppSidebar2() {
   const { collapsible } = useLayout();
   const currentUser = useAuthStore((state) => state.auth.user);
@@ -13351,9 +14992,9 @@ function AppSidebar2() {
   };
   return (
     // Sidebar ko fixed "sidebar" variant par lock kiya gaya hai (floating remove).
-    /* @__PURE__ */ jsxs75(Sidebar, { collapsible, variant: "sidebar", children: [
-      /* @__PURE__ */ jsx116(SidebarHeader, { className: "pb-0", children: /* @__PURE__ */ jsx116(TeamSwitcher, { teams: dynamicSidebarData.teams }) }),
-      /* @__PURE__ */ jsx116("div", { className: "hidden group-data-[state=collapsed]:flex justify-center py-2", children: /* @__PURE__ */ jsx116(
+    /* @__PURE__ */ jsxs81(Sidebar, { collapsible, variant: "sidebar", children: [
+      /* @__PURE__ */ jsx122(SidebarHeader, { className: "pb-0", children: /* @__PURE__ */ jsx122(TeamSwitcher, { teams: dynamicSidebarData.teams }) }),
+      /* @__PURE__ */ jsx122("div", { className: "hidden group-data-[state=collapsed]:flex justify-center py-2", children: /* @__PURE__ */ jsx122(
         SidebarTrigger,
         {
           variant: "ghost",
@@ -13361,16 +15002,16 @@ function AppSidebar2() {
           "aria-label": "Toggle sidebar"
         }
       ) }),
-      /* @__PURE__ */ jsx116(SidebarContent, { children: dynamicSidebarData.navGroups.map((props) => /* @__PURE__ */ jsx116(NavGroup2, { ...props }, props.title)) }),
-      /* @__PURE__ */ jsx116(SidebarFooter, { children: /* @__PURE__ */ jsx116(NavUser2, { user: dynamicSidebarData.user }) })
+      /* @__PURE__ */ jsx122(SidebarContent, { children: dynamicSidebarData.navGroups.map((props) => /* @__PURE__ */ jsx122(NavGroup2, { ...props }, props.title)) }),
+      /* @__PURE__ */ jsx122(SidebarFooter, { children: /* @__PURE__ */ jsx122(NavUser2, { user: dynamicSidebarData.user }) })
     ] })
   );
 }
 
 // src/components/skip-to-main.tsx
-import { jsx as jsx117 } from "react/jsx-runtime";
+import { jsx as jsx123 } from "react/jsx-runtime";
 function SkipToMain() {
-  return /* @__PURE__ */ jsx117(
+  return /* @__PURE__ */ jsx123(
     "a",
     {
       className: `fixed inset-s-44 z-999 -translate-y-52 bg-primary px-4 py-2 text-sm font-medium whitespace-nowrap text-primary-foreground opacity-95 shadow-sm transition hover:bg-primary/90 focus:translate-y-3 focus:transform focus-visible:ring-1 focus-visible:ring-ring`,
@@ -13382,7 +15023,7 @@ function SkipToMain() {
 
 // src/features/errors/not-found-error.tsx
 import { useRouter as useRouter3 } from "next/navigation";
-import { jsx as jsx118, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx124, jsxs as jsxs82 } from "react/jsx-runtime";
 function NotFoundError({
   className,
   embedded = false,
@@ -13400,8 +15041,8 @@ function NotFoundError({
     if (onDismiss) onDismiss();
     router.push("/");
   };
-  return /* @__PURE__ */ jsx118("div", { className: cn(embedded ? "min-h-96 w-full py-8" : "h-svh", className), children: /* @__PURE__ */ jsxs76("div", { className: "m-auto flex h-full w-full flex-col items-center justify-center gap-2", children: [
-    /* @__PURE__ */ jsx118(
+  return /* @__PURE__ */ jsx124("div", { className: cn(embedded ? "min-h-96 w-full py-8" : "h-svh", className), children: /* @__PURE__ */ jsxs82("div", { className: "m-auto flex h-full w-full flex-col items-center justify-center gap-2", children: [
+    /* @__PURE__ */ jsx124(
       "h1",
       {
         className: cn(
@@ -13411,31 +15052,31 @@ function NotFoundError({
         children: "404"
       }
     ),
-    /* @__PURE__ */ jsx118("span", { className: "font-medium", children: "Oops! Page Not Found :-(!" }),
-    /* @__PURE__ */ jsxs76("p", { className: "text-center text-muted-foreground", children: [
+    /* @__PURE__ */ jsx124("span", { className: "font-medium", children: "Oops! Page Not Found :-(!" }),
+    /* @__PURE__ */ jsxs82("p", { className: "text-center text-muted-foreground", children: [
       "It seems like the page you're looking for ",
-      /* @__PURE__ */ jsx118("br", {}),
+      /* @__PURE__ */ jsx124("br", {}),
       "does not exist or might have been removed."
     ] }),
-    /* @__PURE__ */ jsxs76("div", { className: "mt-6 flex gap-4", children: [
-      /* @__PURE__ */ jsx118(Button, { variant: "outline", onClick: handleGoBack, children: "Go Back" }),
-      /* @__PURE__ */ jsx118(Button, { onClick: handleGoHome, children: "Back to Home" })
+    /* @__PURE__ */ jsxs82("div", { className: "mt-6 flex gap-4", children: [
+      /* @__PURE__ */ jsx124(Button, { variant: "outline", onClick: handleGoBack, children: "Go Back" }),
+      /* @__PURE__ */ jsx124(Button, { onClick: handleGoHome, children: "Back to Home" })
     ] })
   ] }) });
 }
 
 // src/design-system/templates/authenticated-layout.tsx
-import { Fragment as Fragment6, jsx as jsx119, jsxs as jsxs77 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx125, jsxs as jsxs83 } from "react/jsx-runtime";
 function AuthenticatedLayoutContent({ children }) {
   const { showInlineNotFound, setShowInlineNotFound } = useLayout();
   const pathname = usePathname3();
   useEffect16(() => {
     setShowInlineNotFound(false);
   }, [pathname, setShowInlineNotFound]);
-  return /* @__PURE__ */ jsxs77(Fragment6, { children: [
-    /* @__PURE__ */ jsx119(SkipToMain, {}),
-    /* @__PURE__ */ jsx119(AppSidebar2, {}),
-    /* @__PURE__ */ jsx119(
+  return /* @__PURE__ */ jsxs83(Fragment7, { children: [
+    /* @__PURE__ */ jsx125(SkipToMain, {}),
+    /* @__PURE__ */ jsx125(AppSidebar2, {}),
+    /* @__PURE__ */ jsx125(
       SidebarInset,
       {
         className: cn(
@@ -13443,7 +15084,7 @@ function AuthenticatedLayoutContent({ children }) {
           "has-[[data-layout=fixed]]:h-svh has-data-[layout=fixed]:h-svh",
           "peer-data-[variant=inset]:has-data-[layout=fixed]:h-[calc(100svh-(var(--spacing)*4))]"
         ),
-        children: showInlineNotFound ? /* @__PURE__ */ jsx119(
+        children: showInlineNotFound ? /* @__PURE__ */ jsx125(
           NotFoundError,
           {
             embedded: true,
@@ -13455,8 +15096,8 @@ function AuthenticatedLayoutContent({ children }) {
   ] });
 }
 function AuthenticatedLayout({ children }) {
-  const [defaultOpen, setDefaultOpen] = useState16(true);
-  const [isMounted, setIsMounted] = useState16(false);
+  const [defaultOpen, setDefaultOpen] = useState18(true);
+  const [isMounted, setIsMounted] = useState18(false);
   useEffect16(() => {
     setDefaultOpen(getCookie("sidebar_state") !== "false");
     setIsMounted(true);
@@ -13464,14 +15105,14 @@ function AuthenticatedLayout({ children }) {
   if (!isMounted) {
     return null;
   }
-  return /* @__PURE__ */ jsx119(SearchProvider, { children: /* @__PURE__ */ jsx119(LayoutProvider, { children: /* @__PURE__ */ jsx119(SidebarProvider, { defaultOpen, children: /* @__PURE__ */ jsx119(AuthenticatedLayoutContent, { children }) }) }) });
+  return /* @__PURE__ */ jsx125(SearchProvider, { children: /* @__PURE__ */ jsx125(LayoutProvider, { children: /* @__PURE__ */ jsx125(SidebarProvider, { defaultOpen, children: /* @__PURE__ */ jsx125(AuthenticatedLayoutContent, { children }) }) }) });
 }
 
 // src/design-system/templates/header.tsx
-import { useEffect as useEffect17, useState as useState17 } from "react";
-import { jsx as jsx120, jsxs as jsxs78 } from "react/jsx-runtime";
+import { useEffect as useEffect17, useState as useState19 } from "react";
+import { jsx as jsx126, jsxs as jsxs84 } from "react/jsx-runtime";
 function Header2({ className, fixed, children, ...props }) {
-  const [offset, setOffset] = useState17(0);
+  const [offset, setOffset] = useState19(0);
   useEffect17(() => {
     const onScroll = () => {
       setOffset(document.body.scrollTop || document.documentElement.scrollTop);
@@ -13481,7 +15122,7 @@ function Header2({ className, fixed, children, ...props }) {
   }, []);
   return (
     // Page header container: fixed mode me top par sticky behavior deta hai.
-    /* @__PURE__ */ jsx120(
+    /* @__PURE__ */ jsx126(
       "header",
       {
         className: cn(
@@ -13491,7 +15132,7 @@ function Header2({ className, fixed, children, ...props }) {
           className
         ),
         ...props,
-        children: /* @__PURE__ */ jsxs78(
+        children: /* @__PURE__ */ jsxs84(
           "div",
           {
             className: cn(
@@ -13500,7 +15141,7 @@ function Header2({ className, fixed, children, ...props }) {
               offset > 10 && fixed && "after:absolute after:inset-0 after:-z-10 after:bg-background/20 after:backdrop-blur-lg"
             ),
             children: [
-              /* @__PURE__ */ jsx120(AppLogo, { className: "shrink-0 md:hidden" }),
+              /* @__PURE__ */ jsx126(AppLogo, { className: "shrink-0 md:hidden" }),
               children
             ]
           }
@@ -13511,9 +15152,9 @@ function Header2({ className, fixed, children, ...props }) {
 }
 
 // src/design-system/templates/main.tsx
-import { jsx as jsx121 } from "react/jsx-runtime";
+import { jsx as jsx127 } from "react/jsx-runtime";
 function Main({ fixed, className, fluid, ...props }) {
-  return /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsx127(
     "main",
     {
       "data-layout": fixed ? "fixed" : "auto",
@@ -13532,20 +15173,20 @@ function Main({ fixed, className, fluid, ...props }) {
 
 // src/design-system/templates/sidebar-search.tsx
 import { SearchIcon as SearchIcon7 } from "lucide-react";
-import { jsx as jsx122, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx128, jsxs as jsxs85 } from "react/jsx-runtime";
 function SidebarSearch() {
   const { setOpen } = useSearch();
-  return /* @__PURE__ */ jsx122(SidebarMenu, { children: /* @__PURE__ */ jsx122(SidebarMenuItem, { children: /* @__PURE__ */ jsxs79(
+  return /* @__PURE__ */ jsx128(SidebarMenu, { children: /* @__PURE__ */ jsx128(SidebarMenuItem, { children: /* @__PURE__ */ jsxs85(
     SidebarMenuButton,
     {
       onClick: () => setOpen(true),
       tooltip: "Search (\u2318K)",
       className: "bg-sidebar-accent/50 hover:bg-sidebar-accent border border-sidebar-border/60 text-muted-foreground hover:text-foreground",
       children: [
-        /* @__PURE__ */ jsx122(SearchIcon7, { className: "size-4 shrink-0" }),
-        /* @__PURE__ */ jsx122("span", { className: "flex-1 text-left text-xs font-normal group-data-[collapsible=icon]:hidden", children: "Search..." }),
-        /* @__PURE__ */ jsxs79("kbd", { className: "pointer-events-none hidden h-4 select-none items-center gap-0.5 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 group-data-[collapsible=icon]:hidden sm:flex", children: [
-          /* @__PURE__ */ jsx122("span", { className: "text-[10px]", children: "\u2318" }),
+        /* @__PURE__ */ jsx128(SearchIcon7, { className: "size-4 shrink-0" }),
+        /* @__PURE__ */ jsx128("span", { className: "flex-1 text-left text-xs font-normal group-data-[collapsible=icon]:hidden", children: "Search..." }),
+        /* @__PURE__ */ jsxs85("kbd", { className: "pointer-events-none hidden h-4 select-none items-center gap-0.5 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 group-data-[collapsible=icon]:hidden sm:flex", children: [
+          /* @__PURE__ */ jsx128("span", { className: "text-[10px]", children: "\u2318" }),
           "K"
         ] })
       ]
@@ -13556,7 +15197,7 @@ function SidebarSearch() {
 // src/design-system/templates/top-nav.tsx
 import Link7 from "next/link";
 import { Menu as Menu2 } from "lucide-react";
-import { Fragment as Fragment7, jsx as jsx123, jsxs as jsxs80 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx129, jsxs as jsxs86 } from "react/jsx-runtime";
 function TopNav({ className, links, ...props }) {
   const renderLink = ({
     title,
@@ -13567,7 +15208,7 @@ function TopNav({ className, links, ...props }) {
   }) => {
     const className2 = `text-sm font-medium transition-colors hover:text-primary ${isActive ? "" : "text-muted-foreground"}`;
     if (onClick) {
-      return /* @__PURE__ */ jsx123(
+      return /* @__PURE__ */ jsx129(
         "button",
         {
           type: "button",
@@ -13579,7 +15220,7 @@ function TopNav({ className, links, ...props }) {
         title
       );
     }
-    return /* @__PURE__ */ jsx123(
+    return /* @__PURE__ */ jsx129(
       Link7,
       {
         href,
@@ -13590,9 +15231,9 @@ function TopNav({ className, links, ...props }) {
       title
     );
   };
-  return /* @__PURE__ */ jsxs80(Fragment7, { children: [
-    /* @__PURE__ */ jsxs80(DropdownMenu, { modal: false, children: [
-      /* @__PURE__ */ jsx123(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs80(
+  return /* @__PURE__ */ jsxs86(Fragment8, { children: [
+    /* @__PURE__ */ jsxs86(DropdownMenu, { modal: false, children: [
+      /* @__PURE__ */ jsx129(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs86(
         Button,
         {
           size: "icon",
@@ -13602,18 +15243,18 @@ function TopNav({ className, links, ...props }) {
             className
           ),
           children: [
-            /* @__PURE__ */ jsx123(Menu2, {}),
-            /* @__PURE__ */ jsx123("span", { className: "sr-only", children: "Toggle navigation menu" })
+            /* @__PURE__ */ jsx129(Menu2, {}),
+            /* @__PURE__ */ jsx129("span", { className: "sr-only", children: "Toggle navigation menu" })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx123(DropdownMenuContent, { side: "bottom", align: "start", children: links.map((link) => /* @__PURE__ */ jsx123(
+      /* @__PURE__ */ jsx129(DropdownMenuContent, { side: "bottom", align: "start", children: links.map((link) => /* @__PURE__ */ jsx129(
         DropdownMenuItem,
         {
           disabled: link.disabled,
           onClick: link.onClick,
           asChild: !link.onClick,
-          children: link.onClick ? /* @__PURE__ */ jsx123("span", { className: !link.isActive ? "text-muted-foreground" : "", children: link.title }) : /* @__PURE__ */ jsx123(
+          children: link.onClick ? /* @__PURE__ */ jsx129("span", { className: !link.isActive ? "text-muted-foreground" : "", children: link.title }) : /* @__PURE__ */ jsx129(
             Link7,
             {
               href: link.href,
@@ -13626,7 +15267,7 @@ function TopNav({ className, links, ...props }) {
         link.title
       )) })
     ] }),
-    /* @__PURE__ */ jsx123(
+    /* @__PURE__ */ jsx129(
       "nav",
       {
         className: cn(
@@ -13808,7 +15449,10 @@ export {
   FieldSeparator,
   FieldSet,
   FieldTitle,
+  FileCardItem,
+  FileUploadForm,
   FilterBar,
+  FolderTreeItem,
   Form,
   FormControl,
   FormDescription,
@@ -13961,6 +15605,7 @@ export {
   Spinner,
   Stats01,
   StatusBadge,
+  StorageStatCard,
   Switch,
   Table,
   TableBody,
@@ -13988,12 +15633,15 @@ export {
   TooltipTrigger,
   TopNav,
   TypingIndicator,
+  UserFileCardsView,
   WizardTemplate,
   WorkspaceTemplate,
   badgeVariants,
   buttonGroupVariants,
   buttonVariants,
   downloadQrCode,
+  formatBytes,
+  getFileCategoryTheme,
   navigationMenuTriggerStyle,
   sidebarData2 as sidebarData,
   statusBadgeVariants,