@cupcodev/ui 5.1.3 → 6.1.1

package/dist/index.cjs

@@ -51,6 +51,7 @@ __export(src_exports, {
   AlertDialogTitle: () => AlertDialogTitle,
   AlertDialogTrigger: () => AlertDialogTrigger,
   AlertTitle: () => AlertTitle,
+  AnimatedThemeToggle: () => ThemeToggle,
   AppSidebar: () => AppSidebar,
   AspectRatio: () => AspectRatio,
   AuthProvider: () => AuthProvider,
@@ -339,7 +340,9 @@ __export(src_exports, {
   TelescupVideo: () => TelescupVideo,
   Textarea: () => Textarea,
   TextareaField: () => TextareaField,
-  ThemeToggle: () => ThemeToggle,
+  ThemeProvider: () => ThemeProvider,
+  ThemeScript: () => ThemeScript,
+  ThemeToggle: () => ThemeToggle2,
   Timeline: () => Timeline,
   Toast: () => Toast,
   ToastAction: () => ToastAction,
@@ -399,6 +402,7 @@ __export(src_exports, {
   toast: () => toast,
   toggleVariants: () => toggleVariants,
   useActiveSection: () => useActiveSection,
+  useAppTheme: () => useAppTheme,
   useAuth: () => useAuth,
   useBreakpoint: () => useBreakpoint,
   useFormField: () => useFormField,
@@ -2315,10 +2319,10 @@ var DockWrapper_default = DockWrapper;
 
 // src/components/layout/main-layout.tsx
 var import_lucide_react11 = require("lucide-react");
-var import_react18 = require("react");
+var import_react20 = require("react");
 
 // src/components/cupcode/MainNavbar.tsx
-var import_react16 = require("react");
+var import_react18 = require("react");
 
 // src/components/cupcode/NavbarCupcode.tsx
 var React5 = __toESM(require("react"), 1);
@@ -2389,23 +2393,23 @@ var NavbarCupcode = ({
       {
         ref: navRef,
         className: cn(
-          "fixed left-2 right-2 top-[calc(max(env(safe-area-inset-top),0px)+var(--cc-navbar-top-offset,8px))] z-[200] overflow-hidden rounded-2xl",
-          "glass border-border/70 shadow-[var(--elevation-3)] md:left-4 md:right-4",
+          "fixed left-[var(--cc-navbar-side-offset-mobile)] right-[var(--cc-navbar-side-offset-mobile)] top-[calc(max(env(safe-area-inset-top),0px)+var(--cc-navbar-top-offset,8px))] z-[200] overflow-hidden rounded-[var(--cc-navbar-radius)]",
+          "border border-[hsl(var(--cc-navbar-border))] bg-[hsl(var(--cc-navbar-bg))] shadow-[var(--cc-navbar-shadow)] backdrop-blur-[var(--glass-blur-md)] md:left-[var(--cc-navbar-side-offset-desktop)] md:right-[var(--cc-navbar-side-offset-desktop)]",
           className
         ),
         children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "cc-container", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "hidden h-16 items-center md:flex", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "hidden h-[var(--cc-navbar-height-desktop)] items-center md:flex", children: [
             /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: cn("flex-shrink-0", !hasItems && "mr-auto"), children: logo }),
             hasItems ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mx-auto flex items-center space-x-8", children: items.map((item, index) => {
               const key = `${item.label}-${index}`;
               const isActive = item.isActive;
               const baseClasses = cn(
                 "flex items-center gap-2 text-sm font-semibold text-foreground",
-                "hover:text-primary transition-colors duration-200",
+                "hover:text-[hsl(var(--cc-navbar-link-hover))] transition-colors duration-200",
                 "relative after:absolute after:bottom-0 after:left-0 after:h-0.5 after:w-0",
-                "after:bg-primary after:transition-all after:duration-300",
+                "after:bg-[hsl(var(--cc-navbar-link-hover))] after:transition-all after:duration-300",
                 "hover:after:w-full",
-                isActive && "text-primary after:w-full"
+                isActive && "text-[hsl(var(--cc-navbar-link-active))] after:w-full after:bg-[hsl(var(--cc-navbar-link-active))]"
               );
               const handleClick = (event) => {
                 var _a78;
@@ -2444,7 +2448,7 @@ var NavbarCupcode = ({
             }) }) : null,
             actions && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: cn("flex", !hasItems && "ml-auto"), children: actions })
           ] }),
-          hasItems ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative flex h-16 items-center md:hidden", children: [
+          hasItems ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative flex h-[var(--cc-navbar-height-mobile)] items-center md:hidden", children: [
             /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               "button",
               {
@@ -2459,7 +2463,7 @@ var NavbarCupcode = ({
             ),
             /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "pointer-events-none absolute left-1/2 top-1/2 z-0 w-[min(62vw,18rem)] -translate-x-1/2 -translate-y-1/2 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex items-center justify-center", children: logo }) }),
             /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "z-10 ml-auto flex items-center", children: actions != null ? actions : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "inline-flex h-10 w-10", "aria-hidden": "true" }) })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex h-16 items-center justify-between gap-3 md:hidden", children: [
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex h-[var(--cc-navbar-height-mobile)] items-center justify-between gap-3 md:hidden", children: [
             /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "min-w-0 shrink", children: logo }),
             /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex items-center", children: actions != null ? actions : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "inline-flex h-10 w-10", "aria-hidden": "true" }) })
           ] })
@@ -2482,7 +2486,7 @@ var NavbarCupcode = ({
           id: mobileMenuId,
           ref: mobileDrawerRef,
           className: cn(
-            "glass-strong absolute inset-y-0 left-0 z-10 w-[min(84vw,22rem)] border-r border-border/70 px-3 pb-[max(env(safe-area-inset-bottom),0.75rem)] pt-[max(env(safe-area-inset-top),0.9rem)] text-foreground shadow-[var(--elevation-5)]",
+            "absolute inset-y-0 left-0 z-10 w-[min(84vw,22rem)] border-r border-r-[hsl(var(--cc-navbar-drawer-border))] bg-[hsl(var(--cc-navbar-drawer-bg))] px-3 pb-[max(env(safe-area-inset-bottom),0.75rem)] pt-[max(env(safe-area-inset-top),0.9rem)] text-foreground shadow-[var(--elevation-5)] backdrop-blur-[var(--glass-blur-lg)]",
             "data-[state=open]:animate-in data-[state=open]:slide-in-from-left data-[state=open]:duration-300"
           ),
           "data-state": "open",
@@ -2505,7 +2509,7 @@ var NavbarCupcode = ({
               const isActive = item.isActive;
               const classes = cn(
                 "flex min-h-11 items-center gap-2 rounded-lg px-4 py-2.5 text-sm font-semibold text-foreground transition-colors hover:bg-primary/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
-                isActive && "text-primary"
+                isActive && "text-[hsl(var(--cc-navbar-link-active))]"
               );
               const handleClick = (event) => {
                 var _a78;
@@ -2531,47 +2535,6 @@ var NavbarCupcode = ({
 };
 var NavbarCupcode_default = NavbarCupcode;
 
-// src/components/cupcode/TelescupImage.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var TelescupImage = ({
-  apiId,
-  imageWidth,
-  imageHeight,
-  fit = "cover",
-  format = "avif",
-  quality = 60,
-  lang = "pt-BR",
-  alt,
-  title,
-  loading = "lazy",
-  className,
-  ...props
-}) => {
-  const { url, meta } = useTelescupImage(
-    {
-      id: apiId,
-      width: imageWidth,
-      height: imageHeight,
-      fit,
-      format,
-      quality
-    },
-    lang
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    "img",
-    {
-      src: url,
-      "data-api-id": apiId,
-      alt: alt || meta.alt || "",
-      title: title || meta.title,
-      loading,
-      className,
-      ...props
-    }
-  );
-};
-
 // src/components/cupcode/UserMenuCupcode.tsx
 var DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_lucide_react8 = require("lucide-react");
@@ -2581,11 +2544,11 @@ var import_react15 = require("react");
 var React6 = __toESM(require("react"), 1);
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
 var import_lucide_react4 = require("lucide-react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+var SelectTrigger = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -2596,32 +2559,32 @@ var SelectTrigger = React6.forwardRef(({ className, children, ...props }, ref) =
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react4.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var SelectScrollUpButton = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react4.ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var SelectScrollDownButton = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react4.ChevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React6.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+var SelectContent = React6.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
   SelectPrimitive.Content,
   {
     ref,
@@ -2633,8 +2596,8 @@ var SelectContent = React6.forwardRef(({ className, children, position = "popper
     position,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectScrollUpButton, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -2644,14 +2607,14 @@ var SelectContent = React6.forwardRef(({ className, children, position = "popper
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectScrollDownButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectPrimitive.Label, { ref, className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className), ...props }));
+var SelectLabel = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectPrimitive.Label, { ref, className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className), ...props }));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+var SelectItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -2661,20 +2624,20 @@ var SelectItem = React6.forwardRef(({ className, children, ...props }, ref) => /
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react4.Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react4.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var SelectSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SelectPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/ui/avatar.tsx
 var React7 = __toESM(require("react"), 1);
 var AvatarPrimitive2 = __toESM(require("@radix-ui/react-avatar"), 1);
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var Avatar2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Avatar2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   AvatarPrimitive2.Root,
   {
     ref,
@@ -2683,7 +2646,7 @@ var Avatar2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Avatar2.displayName = AvatarPrimitive2.Root.displayName;
-var AvatarImage2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var AvatarImage2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   AvatarPrimitive2.Image,
   {
     ref,
@@ -2692,7 +2655,7 @@ var AvatarImage2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AvatarImage2.displayName = AvatarPrimitive2.Image.displayName;
-var AvatarFallback2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var AvatarFallback2 = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   AvatarPrimitive2.Fallback,
   {
     ref,
@@ -2751,7 +2714,7 @@ function responsiveSizeClasses(s, currentBp) {
 
 // src/components/cupcode/JellyButton.tsx
 var import_react9 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var JellyButton = (0, import_react9.forwardRef)(
   ({ variant = "primary", size = "md", className, children, type = "button", ...props }, ref) => {
     const sizeClass = {
@@ -2759,8 +2722,8 @@ var JellyButton = (0, import_react9.forwardRef)(
       md: "cc-blob-cta--md",
       lg: "cc-blob-cta--lg"
     }[size];
-    const variantClass = variant === "secondary" || variant === "original-green" ? "cc-blob-cta--secondary" : variant === "half" ? "cc-blob-cta--half" : "cc-blob-cta--primary";
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    const variantClass = variant === "primary" || variant === "original-green" ? "cc-blob-cta--primary" : variant === "secondary" || variant === "original-pink" ? "cc-blob-cta--secondary" : "cc-blob-cta--half";
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       "button",
       {
         ref,
@@ -2768,15 +2731,15 @@ var JellyButton = (0, import_react9.forwardRef)(
         className: cn("cc-blob-cta", sizeClass, variantClass, className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "cc-blob-cta__color-wrap", "aria-hidden": "true", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "cc-blob-cta__color cc-blob-cta__color--1" }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "cc-blob-cta__color cc-blob-cta__color--3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "cc-blob-cta__color cc-blob-cta__color--2" }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "cc-blob-cta__bg" })
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "cc-blob-cta__color-wrap", "aria-hidden": "true", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "cc-blob-cta__color cc-blob-cta__color--1" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "cc-blob-cta__color cc-blob-cta__color--3" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "cc-blob-cta__color cc-blob-cta__color--2" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "cc-blob-cta__bg" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "cc-blob-cta__label", children }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "cc-blob-cta__glow cc-blob-cta__glow--1", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "cc-blob-cta__glow cc-blob-cta__glow--2", "aria-hidden": "true" })
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "cc-blob-cta__label", children }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "cc-blob-cta__glow cc-blob-cta__glow--1", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "cc-blob-cta__glow cc-blob-cta__glow--2", "aria-hidden": "true" })
         ]
       }
     );
@@ -2785,7 +2748,7 @@ var JellyButton = (0, import_react9.forwardRef)(
 JellyButton.displayName = "JellyButton";
 
 // src/components/cupcode/JellyButtonOriginal.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var resolveResponsiveSize = (value, currentBp) => {
   var _a78, _b7, _c, _d, _e;
   if (typeof value === "string") {
@@ -2835,16 +2798,16 @@ function JellyButtonOriginal({
       window.location.href = href;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     JellyButton,
     {
       variant: color === "green" ? "original-green" : "original-pink",
       size: resolvedSize,
       className,
       onClick: handleClick,
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "inline-flex items-center gap-2", children: [
-        icon ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "inline-flex items-center justify-center", children: icon }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: label })
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "inline-flex items-center gap-2", children: [
+        icon ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "inline-flex items-center justify-center", children: icon }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: label })
       ] })
     }
   );
@@ -2854,14 +2817,14 @@ function JellyButtonOriginal({
 var React8 = __toESM(require("react"), 1);
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
 var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React8.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+var DropdownMenuSubTrigger = React8.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -2873,12 +2836,12 @@ var DropdownMenuSubTrigger = React8.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react5.ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var DropdownMenuSubContent = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -2890,7 +2853,7 @@ var DropdownMenuSubContent = React8.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React8.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var DropdownMenuContent = React8.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -2903,7 +2866,7 @@ var DropdownMenuContent = React8.forwardRef(({ className, sideOffset = 4, ...pro
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React8.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var DropdownMenuItem = React8.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -2916,7 +2879,7 @@ var DropdownMenuItem = React8.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React8.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+var DropdownMenuCheckboxItem = React8.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -2927,13 +2890,13 @@ var DropdownMenuCheckboxItem = React8.forwardRef(({ className, children, checked
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react5.Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+var DropdownMenuRadioItem = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -2943,13 +2906,13 @@ var DropdownMenuRadioItem = React8.forwardRef(({ className, children, ...props }
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react5.Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React8.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var DropdownMenuLabel = React8.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -2958,10 +2921,10 @@ var DropdownMenuLabel = React8.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var DropdownMenuSeparator = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 var DropdownMenuShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
@@ -2973,13 +2936,14 @@ var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"), 1);
 var React9 = __toESM(require("react"), 1);
 var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority = require("class-variance-authority");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var buttonVariants = (0, import_class_variance_authority.cva)(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        default: "bg-[#18b765] text-white hover:bg-[#149355]",
+        primary: "bg-[#18b765] text-white hover:bg-[#149355]",
         destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
         outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
@@ -3002,17 +2966,17 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
 var Button = React9.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? import_react_slot.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
   }
 );
 Button.displayName = "Button";
 
 // src/components/ui/alert-dialog.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var AlertDialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -3024,9 +2988,9 @@ var AlertDialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(AlertDialogPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AlertDialogOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var AlertDialogContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(AlertDialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlertDialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     AlertDialogPrimitive.Content,
     {
       ref,
@@ -3039,17 +3003,17 @@ var AlertDialogContent = React10.forwardRef(({ className, ...props }, ref) => /*
   )
 ] }));
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 AlertDialogHeader.displayName = "AlertDialogHeader";
-var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AlertDialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
+var AlertDialogTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlertDialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AlertDialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var AlertDialogDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlertDialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
+var AlertDialogAction = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var AlertDialogCancel = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -3063,12 +3027,12 @@ AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 var React11 = __toESM(require("react"), 1);
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+var DialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -3080,9 +3044,9 @@ var DialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+var DialogContent = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     DialogPrimitive.Content,
     {
       ref,
@@ -3093,20 +3057,20 @@ var DialogContent = React11.forwardRef(({ className, children, ...props }, ref)
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-accent data-[state=open]:text-muted-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react6.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-accent data-[state=open]:text-muted-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react6.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+var DialogTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   DialogPrimitive.Title,
   {
     ref,
@@ -3115,14 +3079,14 @@ var DialogTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var DialogDescription = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/ui/switch.tsx
 var React12 = __toESM(require("react"), 1);
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var Switch = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var Switch = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -3131,7 +3095,7 @@ var Switch = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -4805,6 +4769,47 @@ function useTelescupAssets(options) {
   };
 }
 
+// src/components/cupcode/TelescupImage.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var TelescupImage = ({
+  apiId,
+  imageWidth,
+  imageHeight,
+  fit = "cover",
+  format = "avif",
+  quality = 60,
+  lang = "pt-BR",
+  alt,
+  title,
+  loading = "lazy",
+  className,
+  ...props
+}) => {
+  const { url, meta } = useTelescupImage(
+    {
+      id: apiId,
+      width: imageWidth,
+      height: imageHeight,
+      fit,
+      format,
+      quality
+    },
+    lang
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "img",
+    {
+      src: url,
+      "data-api-id": apiId,
+      alt: alt || meta.alt || "",
+      title: title || meta.title,
+      loading,
+      className,
+      ...props
+    }
+  );
+};
+
 // src/components/cupcode/TelescupVideo.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var TelescupVideo = ({
@@ -6788,7 +6793,9 @@ var applyThemePreference = (preference) => {
   const appliedMode = resolveAppliedThemeMode(preference);
   root.classList.toggle("dark", appliedMode === "dark");
   root.classList.toggle("light", appliedMode === "light");
+  root.dataset.theme = appliedMode;
   root.dataset.cupcodeTheme = preference;
+  root.style.colorScheme = appliedMode;
   if (typeof window === "undefined") return;
   try {
     window.localStorage.setItem(THEME_PREFERENCE_STORAGE_KEY, preference);
@@ -10402,7 +10409,7 @@ var UserMenuCupcode = ({
     return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: cn("h-11 w-11 animate-pulse rounded-full bg-muted/70", className) });
   }
   if (!isAuthenticated) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(JellyButtonOriginal, { label: loginLabel, size: "sm", className, onClick: onLogin });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(JellyButtonOriginal, { label: loginLabel, color: "green", size: "sm", className, onClick: onLogin });
   }
   const customPanel = panels == null ? void 0 : panels[activeTab];
   const hasCustomPanel = typeof customPanel !== "undefined";
@@ -22249,10 +22256,490 @@ var Toaster = ({ theme, ...props }) => {
   );
 };
 
+// src/components/use-app-theme.ts
+var import_react17 = require("react");
+
+// src/components/theme-context.ts
+var import_react16 = require("react");
+var ThemeContext = (0, import_react16.createContext)(null);
+
+// src/components/use-app-theme.ts
+function useAppTheme() {
+  const context = (0, import_react17.useContext)(ThemeContext);
+  if (!context) {
+    throw new Error("useAppTheme must be used inside ThemeProvider");
+  }
+  return context;
+}
+
+// src/components/theme-toggle.tsx
+var import_jsx_runtime38 = require("react/jsx-runtime");
+function ThemeToggle({ className }) {
+  const { theme, toggleTheme } = useAppTheme();
+  const isDark = theme === "dark";
+  const handleClick = (event) => {
+    toggleTheme({
+      x: event.clientX,
+      y: event.clientY
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+    "button",
+    {
+      type: "button",
+      onClick: handleClick,
+      "aria-label": isDark ? "Ativar modo claro" : "Ativar modo escuro",
+      "aria-pressed": isDark,
+      title: isDark ? "Ativar modo claro" : "Ativar modo escuro",
+      className: ["cc-theme-toggle", isDark ? "is-dark" : "", className].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "track", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "light-bg", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "light-orb light-orb-1" }),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "light-orb light-orb-2" }),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "light-sweep" }),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "light-veil" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "stars stars-1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "stars stars-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "stars stars-3" }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "cloud cloud-1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "cloud cloud-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "thumb", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "sun-core" }),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "moon-cut" })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("style", { children: `
+        :root {
+          --toggle-width: 76px;
+          --toggle-height: 42px;
+          --thumb-size: 30px;
+          --toggle-thumb-offset: 34px;
+          --duration: 560ms;
+          --ease: cubic-bezier(0.22, 1, 0.36, 1);
+          --dark-top: #7c5bbb;
+          --dark-bottom: #3a2a58;
+        }
+
+        .cc-theme-toggle {
+          border: 0;
+          background: transparent;
+          padding: 0;
+          cursor: pointer;
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          flex-shrink: 0;
+        }
+
+        .cc-theme-toggle .track {
+          position: relative;
+          width: var(--toggle-width);
+          height: var(--toggle-height);
+          border-radius: 999px;
+          overflow: hidden;
+          background: linear-gradient(180deg, #f7f6fb 0%, #f1edf9 55%, #e6def5 100%);
+          box-shadow:
+            inset 0 1px 0 rgba(255, 255, 255, 0.92),
+            inset 0 0 0 1px rgba(232, 219, 255, 0.85),
+            0 0 0 1px rgba(227, 182, 255, 0.45),
+            0 8px 24px rgba(134, 102, 182, 0.18);
+          transition:
+            background var(--duration) var(--ease),
+            box-shadow var(--duration) var(--ease);
+        }
+
+        .cc-theme-toggle .track::before {
+          content: "";
+          position: absolute;
+          inset: 0;
+          border-radius: inherit;
+          padding: 1px;
+          background: linear-gradient(
+            90deg,
+            rgba(200, 106, 232, 0.95) 0%,
+            rgba(199, 166, 255, 0.95) 38%,
+            rgba(239, 233, 255, 0.95) 68%,
+            rgba(243, 123, 175, 0.95) 100%
+          );
+          -webkit-mask:
+            linear-gradient(#000 0 0) content-box,
+            linear-gradient(#000 0 0);
+          -webkit-mask-composite: xor;
+          mask-composite: exclude;
+          pointer-events: none;
+        }
+
+        .cc-theme-toggle .track::after {
+          content: "";
+          position: absolute;
+          inset: 4px;
+          border-radius: inherit;
+          border: 1px solid rgba(255, 255, 255, 0.72);
+          box-shadow: inset 0 0 0 1px rgba(217, 204, 248, 0.38);
+          pointer-events: none;
+        }
+
+        .cc-theme-toggle .light-bg {
+          position: absolute;
+          inset: 0;
+          border-radius: inherit;
+          overflow: hidden;
+          opacity: 1;
+          transition: opacity 240ms ease;
+          z-index: 0;
+        }
+
+        .cc-theme-toggle .light-orb {
+          position: absolute;
+          border-radius: 999px;
+          filter: blur(10px);
+          will-change: transform, opacity;
+        }
+
+        .cc-theme-toggle .light-orb-1 {
+          width: 48px;
+          height: 28px;
+          left: -8px;
+          bottom: -1px;
+          background: radial-gradient(
+            ellipse at center,
+            rgba(241, 138, 195, 0.58) 0%,
+            rgba(232, 167, 208, 0.24) 58%,
+            rgba(255, 255, 255, 0) 100%
+          );
+          animation: cc-theme-light-flow-pink 6.4s ease-in-out infinite;
+        }
+
+        .cc-theme-toggle .light-orb-2 {
+          width: 52px;
+          height: 30px;
+          right: -10px;
+          top: -3px;
+          background: radial-gradient(
+            ellipse at center,
+            rgba(200, 141, 255, 0.34) 0%,
+            rgba(217, 184, 255, 0.14) 60%,
+            rgba(255, 255, 255, 0) 100%
+          );
+          animation: cc-theme-light-flow-purple 6.4s ease-in-out infinite;
+        }
+
+        .cc-theme-toggle .light-sweep {
+          position: absolute;
+          left: -44px;
+          bottom: 5px;
+          width: 42px;
+          height: 4px;
+          border-radius: 999px;
+          background: linear-gradient(
+            90deg,
+            rgba(255, 122, 200, 0) 0%,
+            rgba(217, 108, 255, 0.65) 35%,
+            rgba(183, 124, 255, 0.8) 70%,
+            rgba(255, 255, 255, 0) 100%
+          );
+          filter: blur(2px);
+          opacity: 0.9;
+          animation: cc-theme-light-sweep 4.3s linear infinite;
+        }
+
+        .cc-theme-toggle .light-veil {
+          position: absolute;
+          inset: 0;
+          background: rgba(255, 255, 255, 0.16);
+          animation: cc-theme-light-veil 5.8s ease-in-out infinite;
+        }
+
+        .cc-theme-toggle.is-dark .track {
+          background: linear-gradient(180deg, var(--dark-top) 0%, var(--dark-bottom) 100%);
+          box-shadow:
+            inset 0 2px 8px rgba(255, 255, 255, 0.06),
+            inset 0 -4px 12px rgba(0, 0, 0, 0.28),
+            0 8px 24px rgba(58, 42, 88, 0.3);
+        }
+
+        .cc-theme-toggle.is-dark .track::before,
+        .cc-theme-toggle.is-dark .track::after,
+        .cc-theme-toggle.is-dark .light-bg {
+          opacity: 0;
+        }
+
+        .cc-theme-toggle .thumb {
+          position: absolute;
+          top: 6px;
+          left: 6px;
+          width: var(--thumb-size);
+          height: var(--thumb-size);
+          border-radius: 50%;
+          background: linear-gradient(180deg, #ffd76a 0%, #ffb238 100%);
+          box-shadow:
+            0 4px 10px rgba(255, 176, 56, 0.35),
+            inset 0 2px 4px rgba(255, 255, 255, 0.5);
+          transition:
+            transform var(--duration) var(--ease),
+            background var(--duration) var(--ease),
+            box-shadow var(--duration) var(--ease);
+          z-index: 3;
+          overflow: hidden;
+        }
+
+        .cc-theme-toggle.is-dark .thumb {
+          transform: translateX(var(--toggle-thumb-offset));
+          background: linear-gradient(180deg, #f5f7ff 0%, #cfd8ef 100%);
+          box-shadow:
+            0 4px 12px rgba(194, 208, 255, 0.25),
+            inset 0 2px 4px rgba(255, 255, 255, 0.8);
+        }
+
+        .cc-theme-toggle .sun-core {
+          position: absolute;
+          inset: 0;
+          border-radius: 50%;
+        }
+
+        .cc-theme-toggle .moon-cut {
+          position: absolute;
+          width: 22px;
+          height: 22px;
+          border-radius: 50%;
+          background: linear-gradient(180deg, var(--dark-top) 0%, var(--dark-bottom) 100%);
+          top: 4px;
+          left: 12px;
+          transform: scale(0.2);
+          opacity: 0;
+          transition:
+            transform var(--duration) var(--ease),
+            opacity calc(var(--duration) * 0.8) var(--ease);
+        }
+
+        .cc-theme-toggle.is-dark .moon-cut {
+          transform: scale(1);
+          opacity: 1;
+        }
+
+        .cc-theme-toggle .stars {
+          position: absolute;
+          border-radius: 50%;
+          background: white;
+          opacity: 0;
+          transform: scale(0.9);
+          z-index: 1;
+        }
+
+        .cc-theme-toggle .stars::after {
+          content: "";
+          position: absolute;
+          inset: -3px;
+          border-radius: 50%;
+          background: rgba(255, 255, 255, 0.18);
+          filter: blur(3px);
+        }
+
+        .cc-theme-toggle .stars-1 {
+          width: 4px;
+          height: 4px;
+          top: 9px;
+          left: 14px;
+          animation: cc-theme-star-blink-1 1.9s ease-in-out infinite;
+        }
+
+        .cc-theme-toggle .stars-2 {
+          width: 4px;
+          height: 4px;
+          top: 15px;
+          left: 26px;
+          animation: cc-theme-star-blink-2 2.3s ease-in-out infinite;
+        }
+
+        .cc-theme-toggle .stars-3 {
+          width: 3px;
+          height: 3px;
+          top: 26px;
+          left: 20px;
+          animation: cc-theme-star-blink-3 1.7s ease-in-out infinite;
+        }
+
+        .cc-theme-toggle:not(.is-dark) .stars {
+          opacity: 0;
+          animation-play-state: paused;
+        }
+
+        .cc-theme-toggle.is-dark .stars {
+          animation-play-state: running;
+        }
+
+        .cc-theme-toggle .cloud {
+          position: absolute;
+          background: #fff;
+          border-radius: 999px;
+          transition: opacity 320ms ease;
+          will-change: transform;
+        }
+
+        .cc-theme-toggle .cloud::before,
+        .cc-theme-toggle .cloud::after {
+          content: "";
+          position: absolute;
+          background: inherit;
+          border-radius: 50%;
+        }
+
+        .cc-theme-toggle .cloud-1 {
+          width: 6px;
+          height: 2.5px;
+          left: 58px;
+          top: 11px;
+          box-shadow: 3.5px 0 0 0 #fff;
+          z-index: 2;
+          animation: cc-theme-cloud-float-small 4.8s ease-in-out infinite;
+        }
+
+        .cc-theme-toggle .cloud-1::before {
+          width: 3px;
+          height: 3px;
+          left: 0.5px;
+          top: -1.5px;
+        }
+
+        .cc-theme-toggle .cloud-1::after {
+          width: 4px;
+          height: 4px;
+          left: 2.5px;
+          top: -2.5px;
+        }
+
+        .cc-theme-toggle .cloud-2 {
+          width: 18px;
+          height: 7px;
+          left: 40px;
+          top: 23px;
+          box-shadow: 12px 0 0 0 #fff;
+          z-index: 2;
+          animation: cc-theme-cloud-float-large 9.6s ease-in-out infinite;
+        }
+
+        .cc-theme-toggle .cloud-2::before {
+          width: 10px;
+          height: 10px;
+          left: 2px;
+          top: -5px;
+        }
+
+        .cc-theme-toggle .cloud-2::after {
+          width: 13px;
+          height: 13px;
+          left: 9px;
+          top: -9px;
+        }
+
+        .cc-theme-toggle.is-dark .cloud {
+          opacity: 0;
+          animation-play-state: paused;
+        }
+
+        .cc-theme-toggle:focus-visible .track {
+          outline: 3px solid rgba(99, 102, 241, 0.45);
+          outline-offset: 4px;
+        }
+
+        @keyframes cc-theme-light-flow-pink {
+          0% { transform: translateX(-8px) translateY(0px); opacity: 0.7; }
+          25% { transform: translateX(4px) translateY(-1px); opacity: 0.48; }
+          50% { transform: translateX(18px) translateY(-3px); opacity: 0.22; }
+          75% { transform: translateX(30px) translateY(-5px); opacity: 0.12; }
+          100% { transform: translateX(-8px) translateY(0px); opacity: 0.7; }
+        }
+
+        @keyframes cc-theme-light-flow-purple {
+          0% { transform: translateX(0px) translateY(0px); opacity: 0.22; }
+          25% { transform: translateX(-12px) translateY(0px); opacity: 0.34; }
+          50% { transform: translateX(-24px) translateY(2px); opacity: 0.46; }
+          75% { transform: translateX(-34px) translateY(5px); opacity: 0.24; }
+          100% { transform: translateX(0px) translateY(0px); opacity: 0.22; }
+        }
+
+        @keyframes cc-theme-light-sweep {
+          0% { transform: translateX(0); opacity: 0; }
+          25% { opacity: 0.95; }
+          60% { opacity: 0.72; }
+          100% { transform: translateX(124px); opacity: 0; }
+        }
+
+        @keyframes cc-theme-light-veil {
+          0%, 100% { opacity: 0.18; }
+          30% { opacity: 0.1; }
+          60% { opacity: 0.16; }
+          80% { opacity: 0.22; }
+        }
+
+        @keyframes cc-theme-cloud-float-small {
+          0% { transform: translateX(0); }
+          50% { transform: translateX(-12px); }
+          100% { transform: translateX(0); }
+        }
+
+        @keyframes cc-theme-cloud-float-large {
+          0% { transform: translateX(0); }
+          50% { transform: translateX(-18px); }
+          100% { transform: translateX(0); }
+        }
+
+        @keyframes cc-theme-star-blink-1 {
+          0%, 100% { opacity: 0.35; transform: scale(0.9); }
+          50% { opacity: 1; transform: scale(1.08); }
+        }
+
+        @keyframes cc-theme-star-blink-2 {
+          0%, 100% { opacity: 0.25; transform: scale(0.85); }
+          45% { opacity: 0.95; transform: scale(1.05); }
+        }
+
+        @keyframes cc-theme-star-blink-3 {
+          0%, 100% { opacity: 0.3; transform: scale(0.9); }
+          55% { opacity: 1; transform: scale(1.12); }
+        }
+      ` })
+      ]
+    }
+  );
+}
+
 // src/lib/accountsAuth.ts
 var normalizeBaseUrl2 = (value) => value.replace(/\/+$/, "");
+var AUTH_REQUEST_TIMEOUT_MS = 8e3;
+var LOCAL_BROWSER_HOSTNAMES = /* @__PURE__ */ new Set(["localhost", "127.0.0.1", "::1"]);
+var isLocalBrowserOrigin = () => {
+  if (typeof window === "undefined") return false;
+  return LOCAL_BROWSER_HOSTNAMES.has(window.location.hostname);
+};
+var getLocalRedirectUri = () => {
+  if (typeof window === "undefined") {
+    return "http://localhost:8080/auth/callback";
+  }
+  const port = window.location.port || "8080";
+  return `${window.location.protocol}//localhost:${port}/auth/callback`;
+};
+var fetchWithTimeout = async (input, init, timeoutMs = AUTH_REQUEST_TIMEOUT_MS) => {
+  const controller = new AbortController();
+  const timeoutId = window.setTimeout(() => controller.abort(), timeoutMs);
+  try {
+    return await fetch(input, {
+      ...init,
+      signal: controller.signal
+    });
+  } catch (error) {
+    if (error.name === "AbortError") {
+      throw new Error("Timeout ao consultar o Accounts.");
+    }
+    throw error;
+  } finally {
+    window.clearTimeout(timeoutId);
+  }
+};
 var getAccountsConfig = () => {
-  var _a78, _b7, _c;
+  var _a78, _b7;
   const baseUrl = normalizeBaseUrl2(
     (_a78 = getRuntimeEnv("VITE_ACCOUNTS_BASE_URL")) != null ? _a78 : "https://accounts.cupcode.com.br"
   );
@@ -22260,12 +22747,14 @@ var getAccountsConfig = () => {
   if (!clientId) {
     throw new Error("VITE_ACCOUNTS_CLIENT_ID \xE9 obrigat\xF3rio para login.");
   }
-  const redirectUri = (_b7 = getRuntimeEnv("VITE_ACCOUNTS_REDIRECT_URI")) != null ? _b7 : `${window.location.origin}/auth/callback`;
+  const runtimeRedirectUri = getRuntimeEnv("VITE_ACCOUNTS_REDIRECT_URI");
+  const fallbackRedirectUri = typeof window === "undefined" ? "http://localhost:8080/auth/callback" : `${window.location.origin}/auth/callback`;
+  const redirectUri = runtimeRedirectUri != null ? runtimeRedirectUri : isLocalBrowserOrigin() ? getLocalRedirectUri() : fallbackRedirectUri;
   return {
     baseUrl,
     clientId,
     redirectUri,
-    scope: (_c = getRuntimeEnv("VITE_ACCOUNTS_SCOPE")) != null ? _c : "openid profile email",
+    scope: (_b7 = getRuntimeEnv("VITE_ACCOUNTS_SCOPE")) != null ? _b7 : "openid profile email",
     audience: getRuntimeEnv("VITE_ACCOUNTS_AUDIENCE"),
     authUrl: getRuntimeEnv("VITE_ACCOUNTS_AUTH_URL"),
     tokenUrl: getRuntimeEnv("VITE_ACCOUNTS_TOKEN_URL"),
@@ -22291,7 +22780,7 @@ var resolveOidcEndpoints = async (config) => {
     };
   }
   const discoveryUrl = `${normalizeBaseUrl2(config.baseUrl)}/.well-known/openid-configuration`;
-  const response = await fetch(discoveryUrl);
+  const response = await fetchWithTimeout(discoveryUrl);
   if (!response.ok) {
     throw new Error("Falha ao resolver configura\xE7\xE3o OIDC do accounts.");
   }
@@ -22382,7 +22871,7 @@ var exchangeCodeForToken = async (config, tokenUrl, code, verifier) => {
     redirect_uri: config.redirectUri,
     code_verifier: verifier
   });
-  const response = await fetch(tokenUrl, {
+  const response = await fetchWithTimeout(tokenUrl, {
     method: "POST",
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
     body
@@ -22429,7 +22918,7 @@ var decodeJwt = (token) => {
 };
 
 // src/components/cupcode/MainNavbar.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var parsePositiveInteger = (rawValue, fallback) => {
   const parsed = Number(rawValue);
   if (!Number.isFinite(parsed) || parsed <= 0) return fallback;
@@ -22589,6 +23078,7 @@ var DATE_WITH_YEAR_PT_BR_FORMATTER = new Intl.DateTimeFormat("pt-BR", {
   year: "numeric"
 });
 var CHAT_FEATURE_FLAGS_STORAGE_KEY = "cc_chat_feature_flags";
+var DEFAULT_LOGO_SLOT_CLASS_NAME = "h-10 w-[175px] shrink-0";
 var getDefaultChatFeatureFlags = () => ({
   hasReadAt: true,
   hasReplyToMessage: true,
@@ -23080,24 +23570,24 @@ var MainNavbar = ({
   appVersion
 }) => {
   var _a78, _b7, _c;
-  const [chatUsers, setChatUsers] = (0, import_react16.useState)([]);
-  const [chatMessages, setChatMessages] = (0, import_react16.useState)([]);
-  const [chatMessageLogs, setChatMessageLogs] = (0, import_react16.useState)([]);
-  const [chatReactions, setChatReactions] = (0, import_react16.useState)([]);
-  const [isChatLoading, setIsChatLoading] = (0, import_react16.useState)(false);
-  const [isChatSending, setIsChatSending] = (0, import_react16.useState)(false);
-  const [chatError, setChatError] = (0, import_react16.useState)(null);
-  const [resolvedSenderId, setResolvedSenderId] = (0, import_react16.useState)(null);
-  const [tokenDerivedUserId, setTokenDerivedUserId] = (0, import_react16.useState)(null);
-  const [tokenDerivedEmail, setTokenDerivedEmail] = (0, import_react16.useState)(void 0);
-  const [persistedProfileAvatarValue, setPersistedProfileAvatarValue] = (0, import_react16.useState)(void 0);
-  const [accountsLanguage, setAccountsLanguage] = (0, import_react16.useState)("pt-BR");
-  const [accountsRecentActivity, setAccountsRecentActivity] = (0, import_react16.useState)([]);
-  const [isAccountsActivityLoading, setIsAccountsActivityLoading] = (0, import_react16.useState)(false);
-  const chatMessagesRef = (0, import_react16.useRef)([]);
-  const chatFeatureFlagsRef = (0, import_react16.useRef)(readStoredChatFeatureFlags());
-  const presenceSnapshotsRef = (0, import_react16.useRef)(/* @__PURE__ */ new Map());
-  const updateChatFeatureFlags = (0, import_react16.useCallback)((partial) => {
+  const [chatUsers, setChatUsers] = (0, import_react18.useState)([]);
+  const [chatMessages, setChatMessages] = (0, import_react18.useState)([]);
+  const [chatMessageLogs, setChatMessageLogs] = (0, import_react18.useState)([]);
+  const [chatReactions, setChatReactions] = (0, import_react18.useState)([]);
+  const [isChatLoading, setIsChatLoading] = (0, import_react18.useState)(false);
+  const [isChatSending, setIsChatSending] = (0, import_react18.useState)(false);
+  const [chatError, setChatError] = (0, import_react18.useState)(null);
+  const [resolvedSenderId, setResolvedSenderId] = (0, import_react18.useState)(null);
+  const [tokenDerivedUserId, setTokenDerivedUserId] = (0, import_react18.useState)(null);
+  const [tokenDerivedEmail, setTokenDerivedEmail] = (0, import_react18.useState)(void 0);
+  const [persistedProfileAvatarValue, setPersistedProfileAvatarValue] = (0, import_react18.useState)(void 0);
+  const [accountsLanguage, setAccountsLanguage] = (0, import_react18.useState)("pt-BR");
+  const [accountsRecentActivity, setAccountsRecentActivity] = (0, import_react18.useState)([]);
+  const [isAccountsActivityLoading, setIsAccountsActivityLoading] = (0, import_react18.useState)(false);
+  const chatMessagesRef = (0, import_react18.useRef)([]);
+  const chatFeatureFlagsRef = (0, import_react18.useRef)(readStoredChatFeatureFlags());
+  const presenceSnapshotsRef = (0, import_react18.useRef)(/* @__PURE__ */ new Map());
+  const updateChatFeatureFlags = (0, import_react18.useCallback)((partial) => {
     const nextFlags = {
       ...chatFeatureFlagsRef.current,
       ...partial
@@ -23105,28 +23595,28 @@ var MainNavbar = ({
     chatFeatureFlagsRef.current = nextFlags;
     persistChatFeatureFlags(nextFlags);
   }, []);
-  const currentPathname = (0, import_react16.useMemo)(() => {
+  const currentPathname = (0, import_react18.useMemo)(() => {
     if (pathname && pathname.trim() !== "") return pathname;
     if (typeof window !== "undefined") return window.location.pathname || "/";
     return "/";
   }, [pathname]);
-  const currentUserId = (0, import_react16.useMemo)(() => {
+  const currentUserId = (0, import_react18.useMemo)(() => {
     var _a79;
     return (_a79 = resolveCurrentUserId(authUser)) != null ? _a79 : tokenDerivedUserId;
   }, [authUser, tokenDerivedUserId]);
-  const authEmail = (0, import_react16.useMemo)(
+  const authEmail = (0, import_react18.useMemo)(
     () => {
       var _a79, _b8;
       return (_b8 = (_a79 = toStringOrUndefined(authUser == null ? void 0 : authUser.email)) == null ? void 0 : _a79.toLowerCase()) != null ? _b8 : tokenDerivedEmail;
     },
     [authUser == null ? void 0 : authUser.email, tokenDerivedEmail]
   );
-  const isChatSuperAdmin = (0, import_react16.useMemo)(() => {
+  const isChatSuperAdmin = (0, import_react18.useMemo)(() => {
     var _a79, _b8;
     const roleTokens = `${(_a79 = authUser == null ? void 0 : authUser.role) != null ? _a79 : ""} ${(_b8 = authUser == null ? void 0 : authUser.jobTitle) != null ? _b8 : ""}`.toLowerCase();
     return roleTokens.includes("superadmin") || roleTokens.includes("super admin");
   }, [authUser == null ? void 0 : authUser.jobTitle, authUser == null ? void 0 : authUser.role]);
-  const resolvedTelescupBaseUrl = (0, import_react16.useMemo)(() => {
+  const resolvedTelescupBaseUrl = (0, import_react18.useMemo)(() => {
     if (TELESCUP_BASE_URL) {
       return TELESCUP_BASE_URL;
     }
@@ -23142,7 +23632,7 @@ var MainNavbar = ({
       return false;
     }
   })();
-  const resolvedAuthStatus = (0, import_react16.useMemo)(() => {
+  const resolvedAuthStatus = (0, import_react18.useMemo)(() => {
     if (authStatus) return authStatus;
     if ((authUser == null ? void 0 : authUser.sub) || (authUser == null ? void 0 : authUser.id) || (authUser == null ? void 0 : authUser.userId) || (authUser == null ? void 0 : authUser.email)) {
       return "authenticated";
@@ -23162,7 +23652,7 @@ var MainNavbar = ({
     tokenDerivedUserId
   ]);
   const isAuthenticated = resolvedAuthStatus === "authenticated";
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (authStatus === "unauthenticated") {
       setTokenDerivedUserId(null);
       setTokenDerivedEmail(void 0);
@@ -23205,7 +23695,7 @@ var MainNavbar = ({
       canceled = true;
     };
   }, [authStatus, getAccessToken]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!isAuthenticated) {
       setResolvedSenderId(null);
       setPersistedProfileAvatarValue(void 0);
@@ -23284,7 +23774,7 @@ var MainNavbar = ({
       canceled = true;
     };
   }, [authEmail, currentUserId, isAuthenticated]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!isAuthenticated) return;
     if (typeof window === "undefined") return;
     const controller = new AbortController();
@@ -23360,10 +23850,10 @@ var MainNavbar = ({
       controller.abort();
     };
   }, [getAccessToken, isAuthenticated, currentUserId]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     chatMessagesRef.current = chatMessages;
   }, [chatMessages]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!isAuthenticated) {
       presenceSnapshotsRef.current.clear();
       setChatUsers([]);
@@ -23764,7 +24254,7 @@ var MainNavbar = ({
       canceled = true;
     };
   }, [effectiveCurrentUserId, isAuthenticated, isChatSuperAdmin, updateChatFeatureFlags]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!isAuthenticated || !effectiveCurrentUserId) return;
     const supabase = getSupabase();
     if (!supabase) return;
@@ -23896,7 +24386,7 @@ var MainNavbar = ({
       void supabase.removeChannel(presenceChannel);
     };
   }, [effectiveCurrentUserId, isAuthenticated, isChatSuperAdmin]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!isAuthenticated) return;
     const intervalId = window.setInterval(() => {
       const now = Date.now();
@@ -23922,7 +24412,7 @@ var MainNavbar = ({
       window.clearInterval(intervalId);
     };
   }, [isAuthenticated]);
-  const chatUnreadByUser = (0, import_react16.useMemo)(() => {
+  const chatUnreadByUser = (0, import_react18.useMemo)(() => {
     const counters = {};
     chatMessages.forEach((message) => {
       var _a79;
@@ -23932,10 +24422,10 @@ var MainNavbar = ({
     });
     return counters;
   }, [chatMessages]);
-  const chatUnreadCount = (0, import_react16.useMemo)(() => {
+  const chatUnreadCount = (0, import_react18.useMemo)(() => {
     return Object.values(chatUnreadByUser).reduce((total, count2) => total + count2, 0);
   }, [chatUnreadByUser]);
-  const handleChatMarkConversationRead = (0, import_react16.useCallback)(
+  const handleChatMarkConversationRead = (0, import_react18.useCallback)(
     async ({ contactId }) => {
       if (!effectiveCurrentUserId || !contactId) return;
       const readAt = (/* @__PURE__ */ new Date()).toISOString();
@@ -23986,7 +24476,7 @@ var MainNavbar = ({
     },
     [effectiveCurrentUserId, updateChatFeatureFlags]
   );
-  const handleChatToggleReaction = (0, import_react16.useCallback)(
+  const handleChatToggleReaction = (0, import_react18.useCallback)(
     async ({ messageId, emoji }) => {
       if (!effectiveCurrentUserId || !messageId || !emoji) return;
       const localToggleReaction = () => {
@@ -24064,7 +24554,7 @@ var MainNavbar = ({
     },
     [chatReactions, effectiveCurrentUserId, updateChatFeatureFlags]
   );
-  const insertChatLog = (0, import_react16.useCallback)(
+  const insertChatLog = (0, import_react18.useCallback)(
     async ({
       messageId,
       action,
@@ -24095,7 +24585,7 @@ var MainNavbar = ({
     },
     [effectiveCurrentUserId, updateChatFeatureFlags]
   );
-  const handleChatEditMessage = (0, import_react16.useCallback)(
+  const handleChatEditMessage = (0, import_react18.useCallback)(
     async ({ messageId, text }) => {
       if (!effectiveCurrentUserId || !messageId) return;
       const nextText = text.trim();
@@ -24165,7 +24655,7 @@ var MainNavbar = ({
     },
     [chatMessages, effectiveCurrentUserId, insertChatLog, updateChatFeatureFlags]
   );
-  const handleChatDeleteMessage = (0, import_react16.useCallback)(
+  const handleChatDeleteMessage = (0, import_react18.useCallback)(
     async ({ messageId }) => {
       if (!effectiveCurrentUserId || !messageId) return;
       const targetMessage = chatMessages.find((message) => message.id === messageId);
@@ -24252,7 +24742,7 @@ var MainNavbar = ({
     },
     [chatMessages, chatReactions, effectiveCurrentUserId, insertChatLog, updateChatFeatureFlags]
   );
-  const handleChatViewMessageData = (0, import_react16.useCallback)(
+  const handleChatViewMessageData = (0, import_react18.useCallback)(
     ({ messageId }) => {
       const message = chatMessages.find((entry) => entry.id === messageId);
       if (!message) return;
@@ -24271,7 +24761,7 @@ var MainNavbar = ({
     },
     [chatMessages]
   );
-  const handleChatSendMessage = (0, import_react16.useCallback)(
+  const handleChatSendMessage = (0, import_react18.useCallback)(
     async ({
       recipientId,
       text,
@@ -24360,7 +24850,7 @@ var MainNavbar = ({
     },
     [effectiveCurrentUserId, updateChatFeatureFlags]
   );
-  const items = (0, import_react16.useMemo)(() => {
+  const items = (0, import_react18.useMemo)(() => {
     var _a79;
     if (!showNavItems) return [];
     const normalizedPathname = currentPathname === "" ? "/" : currentPathname;
@@ -24388,32 +24878,9 @@ var MainNavbar = ({
       };
     });
   }, [currentPathname, onNavigate, showNavItems]);
-  const resolvedLogo = (0, import_react16.useMemo)(() => {
+  const resolvedLogo = (0, import_react18.useMemo)(() => {
     if (logo !== void 0) return logo;
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-[15px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-        TelescupImage,
-        {
-          apiId: "be574751-cf1b-499a-8473-360b4115b447",
-          imageWidth: 40,
-          imageHeight: 40,
-          alt: "Design System Cupcode",
-          loading: "eager",
-          className: "h-10 w-auto"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-        TelescupImage,
-        {
-          apiId: "3b913721-2eda-48fd-8d76-1a53055a337f",
-          imageWidth: 120,
-          imageHeight: 32,
-          alt: "Cupcode",
-          loading: "eager",
-          className: "h-8 w-auto"
-        }
-      )
-    ] });
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: DEFAULT_LOGO_SLOT_CLASS_NAME, "aria-hidden": "true" });
   }, [logo]);
   const handleCtaClick = () => {
     if (onNavigate) {
@@ -24448,7 +24915,7 @@ var MainNavbar = ({
     if (typeof window === "undefined") return;
     window.open(`${MC_BASE_URL2}/tasks`, "_blank", "noopener,noreferrer");
   };
-  const handleChatOpenUserProfile = (0, import_react16.useCallback)(({ userId }) => {
+  const handleChatOpenUserProfile = (0, import_react18.useCallback)(({ userId }) => {
     var _a79;
     if (!userId || typeof window === "undefined") return;
     const baseUrl = ((_a79 = getRuntimeEnv("VITE_ACCOUNTS_BASE_URL")) != null ? _a79 : "https://accounts.cupcode.com.br").replace(
@@ -24457,7 +24924,7 @@ var MainNavbar = ({
     );
     window.open(`${baseUrl}/users/${encodeURIComponent(userId)}`, "_blank", "noopener,noreferrer");
   }, []);
-  const handleChatSendEmail = (0, import_react16.useCallback)(({ email }) => {
+  const handleChatSendEmail = (0, import_react18.useCallback)(({ email }) => {
     if (!email) {
       import_sonner.toast.message("E-mail indispon\xEDvel", {
         description: "Esse usu\xE1rio n\xE3o possui e-mail dispon\xEDvel para contato."
@@ -24467,7 +24934,7 @@ var MainNavbar = ({
     if (typeof window === "undefined") return;
     window.open(`mailto:${email}`, "_blank", "noopener,noreferrer");
   }, []);
-  const handleChatAddToAgenda = (0, import_react16.useCallback)(
+  const handleChatAddToAgenda = (0, import_react18.useCallback)(
     ({ email, name }) => {
       if (typeof window === "undefined") return;
       const attendee = email ? `&add=${encodeURIComponent(email)}` : "";
@@ -24480,7 +24947,7 @@ var MainNavbar = ({
     },
     []
   );
-  const getTelescupAccessToken = (0, import_react16.useCallback)(async () => {
+  const getTelescupAccessToken = (0, import_react18.useCallback)(async () => {
     if (getAccessToken) {
       return getAccessToken();
     }
@@ -24493,7 +24960,7 @@ var MainNavbar = ({
     }
     return token;
   }, [getAccessToken]);
-  const handleLanguageChange = (0, import_react16.useCallback)(
+  const handleLanguageChange = (0, import_react18.useCallback)(
     async (nextLanguage) => {
       setAccountsLanguage(nextLanguage);
       if (!ACCOUNTS_LANGUAGE_ENDPOINT || typeof window === "undefined") return;
@@ -24519,7 +24986,7 @@ var MainNavbar = ({
     },
     [getAccessToken]
   );
-  const handleProfileAvatarChange = (0, import_react16.useCallback)(
+  const handleProfileAvatarChange = (0, import_react18.useCallback)(
     async ({ avatarId, avatarUrl }) => {
       var _a79;
       const normalizedAvatarId = (_a79 = parseAssetId(avatarId)) != null ? _a79 : parseAssetId(avatarUrl);
@@ -24637,61 +25104,64 @@ var MainNavbar = ({
     },
     [authEmail, currentUserId, resolvedSenderId]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_jsx_runtime38.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     NavbarCupcode,
     {
       logo: resolvedLogo,
       items,
       className,
-      actions: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
-        UserMenuCupcode,
-        {
-          isAuthenticated: resolvedAuthStatus === "authenticated",
-          isLoading: resolvedAuthStatus === "loading",
-          loginLabel: ctaLabel,
-          displayName: authUser == null ? void 0 : authUser.name,
-          username: (_c = authUser == null ? void 0 : authUser.preferredUsername) != null ? _c : authUser == null ? void 0 : authUser.nickname,
-          email: authUser == null ? void 0 : authUser.email,
-          avatarUrl: resolvedProfileAvatarUrl,
-          roleLabel: authUser == null ? void 0 : authUser.jobTitle,
-          status: presenceStatus,
-          onStatusChange: onPresenceStatusChange,
-          chatUsers,
-          chatMessages,
-          chatReactions,
-          chatMessageLogs,
-          currentChatUserId: effectiveCurrentUserId,
-          chatUnreadCount,
-          chatUnreadByUser,
-          isChatSuperAdmin,
-          isChatLoading,
-          isChatSending,
-          chatError,
-          onChatSendMessage: handleChatSendMessage,
-          onChatMarkConversationRead: handleChatMarkConversationRead,
-          onChatToggleReaction: handleChatToggleReaction,
-          onChatEditMessage: handleChatEditMessage,
-          onChatDeleteMessage: handleChatDeleteMessage,
-          onChatViewMessageData: handleChatViewMessageData,
-          onChatOpenUserProfile: handleChatOpenUserProfile,
-          onChatSendEmail: handleChatSendEmail,
-          onChatAddToAgenda: handleChatAddToAgenda,
-          onLogin: handleCtaClick,
-          onLogout: handleLogoutClick,
-          onOpenAccount: handleOpenAccounts,
-          onOpenProfile: handleOpenAccountsProfile,
-          onOpenBilling: handleOpenAccountsBilling,
-          onOpenTasks: handleOpenMcTasks,
-          onProfileAvatarChange: handleProfileAvatarChange,
-          language: accountsLanguage,
-          onLanguageChange: handleLanguageChange,
-          recentActivity: accountsRecentActivity,
-          isRecentActivityLoading: isAccountsActivityLoading,
-          telescupBaseUrl: resolvedTelescupBaseUrl,
-          getTelescupAccessToken,
-          appVersion
-        }
-      ) })
+      actions: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ThemeToggle, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          UserMenuCupcode,
+          {
+            isAuthenticated: resolvedAuthStatus === "authenticated",
+            isLoading: resolvedAuthStatus === "loading",
+            loginLabel: ctaLabel,
+            displayName: authUser == null ? void 0 : authUser.name,
+            username: (_c = authUser == null ? void 0 : authUser.preferredUsername) != null ? _c : authUser == null ? void 0 : authUser.nickname,
+            email: authUser == null ? void 0 : authUser.email,
+            avatarUrl: resolvedProfileAvatarUrl,
+            roleLabel: authUser == null ? void 0 : authUser.jobTitle,
+            status: presenceStatus,
+            onStatusChange: onPresenceStatusChange,
+            chatUsers,
+            chatMessages,
+            chatReactions,
+            chatMessageLogs,
+            currentChatUserId: effectiveCurrentUserId,
+            chatUnreadCount,
+            chatUnreadByUser,
+            isChatSuperAdmin,
+            isChatLoading,
+            isChatSending,
+            chatError,
+            onChatSendMessage: handleChatSendMessage,
+            onChatMarkConversationRead: handleChatMarkConversationRead,
+            onChatToggleReaction: handleChatToggleReaction,
+            onChatEditMessage: handleChatEditMessage,
+            onChatDeleteMessage: handleChatDeleteMessage,
+            onChatViewMessageData: handleChatViewMessageData,
+            onChatOpenUserProfile: handleChatOpenUserProfile,
+            onChatSendEmail: handleChatSendEmail,
+            onChatAddToAgenda: handleChatAddToAgenda,
+            onLogin: handleCtaClick,
+            onLogout: handleLogoutClick,
+            onOpenAccount: handleOpenAccounts,
+            onOpenProfile: handleOpenAccountsProfile,
+            onOpenBilling: handleOpenAccountsBilling,
+            onOpenTasks: handleOpenMcTasks,
+            onProfileAvatarChange: handleProfileAvatarChange,
+            language: accountsLanguage,
+            onLanguageChange: handleLanguageChange,
+            recentActivity: accountsRecentActivity,
+            isRecentActivityLoading: isAccountsActivityLoading,
+            telescupBaseUrl: resolvedTelescupBaseUrl,
+            getTelescupAccessToken,
+            appVersion
+          }
+        )
+      ] })
     }
   ) });
 };
@@ -24699,51 +25169,9 @@ var MainNavbar = ({
 // src/components/layout/sidebar.tsx
 var import_framer_motion = require("framer-motion");
 var import_lucide_react10 = require("lucide-react");
-var import_react17 = require("react");
+var import_react19 = require("react");
 var import_react_router_dom = require("react-router-dom");
 
-// src/components/layout/DsNavbarLogo.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var DsNavbarLogo = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-[15px]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-      TelescupImage,
-      {
-        apiId: "be574751-cf1b-499a-8473-360b4115b447",
-        imageWidth: 40,
-        imageHeight: 40,
-        alt: "Design System Cupcode",
-        loading: "eager",
-        className: "h-10 w-auto"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-      TelescupImage,
-      {
-        apiId: "3b913721-2eda-48fd-8d76-1a53055a337f",
-        imageWidth: 120,
-        imageHeight: 32,
-        alt: "Cupcode",
-        loading: "eager",
-        className: "h-8 w-auto"
-      }
-    )
-  ] });
-};
-var DsNavbarCompactLogo = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-    TelescupImage,
-    {
-      apiId: "be574751-cf1b-499a-8473-360b4115b447",
-      imageWidth: 32,
-      imageHeight: 32,
-      alt: "Cupcode",
-      loading: "eager",
-      className: "h-8 w-8 rounded-lg object-contain"
-    }
-  );
-};
-
 // src/components/layout/sidebar-groups.tsx
 var toStableId = (value) => value.toLowerCase().normalize("NFD").replace(/\p{Diacritic}+/gu, "").replace(/[^a-z0-9]+/g, "-").replace(/(^-|-$)+/g, "");
 var getGroupMetadata = (item) => {
@@ -24794,20 +25222,22 @@ var findGroupByRoute = (groups, pathname) => {
   return (_b7 = (_a78 = groups.find((group) => group.items.some((item) => item.route === pathname))) == null ? void 0 : _a78.label) != null ? _b7 : null;
 };
 var IconFallback = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react10.Circle, { className: "h-3 w-3 opacity-80", "aria-hidden": "true" });
+var DEFAULT_EXPANDED_LOGO_SLOT = /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "h-10 w-[175px] shrink-0", "aria-hidden": "true" });
+var DEFAULT_COLLAPSED_LOGO_SLOT = /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "h-8 w-8 shrink-0 rounded-lg", "aria-hidden": "true" });
 var IconSlot = ({ icon, className }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: cn("inline-flex items-center justify-center [&>svg]:h-4 [&>svg]:w-4", className), children: icon != null ? icon : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IconFallback, {}) });
 var AppSidebar = ({ isCollapsed, onToggle, groups, logo, collapsedLogo }) => {
   const location = (0, import_react_router_dom.useLocation)();
-  const navScrollRef = (0, import_react17.useRef)(null);
-  const scrollTopRef = (0, import_react17.useRef)(0);
-  const [searchQuery, setSearchQuery] = (0, import_react17.useState)("");
-  const [openGroup, setOpenGroup] = (0, import_react17.useState)(null);
+  const navScrollRef = (0, import_react19.useRef)(null);
+  const scrollTopRef = (0, import_react19.useRef)(0);
+  const [searchQuery, setSearchQuery] = (0, import_react19.useState)("");
+  const [openGroup, setOpenGroup] = (0, import_react19.useState)(null);
   const normalizedQuery = searchQuery.trim().toLowerCase();
-  const resolvedGroups = (0, import_react17.useMemo)(() => {
+  const resolvedGroups = (0, import_react19.useMemo)(() => {
     if (groups && groups.length > 0) return groups;
     return defaultSidebarGroups;
   }, [groups]);
-  const activeGroup = (0, import_react17.useMemo)(() => findGroupByRoute(resolvedGroups, location.pathname), [location.pathname, resolvedGroups]);
-  const filteredGroups = (0, import_react17.useMemo)(() => {
+  const activeGroup = (0, import_react19.useMemo)(() => findGroupByRoute(resolvedGroups, location.pathname), [location.pathname, resolvedGroups]);
+  const filteredGroups = (0, import_react19.useMemo)(() => {
     if (!normalizedQuery) return resolvedGroups;
     return resolvedGroups.map((group) => ({
       ...group,
@@ -24815,27 +25245,27 @@ var AppSidebar = ({ isCollapsed, onToggle, groups, logo, collapsedLogo }) => {
     })).filter((group) => group.items.length > 0);
   }, [normalizedQuery, resolvedGroups]);
   const visibleGroups = isCollapsed ? resolvedGroups : filteredGroups;
-  const resolvedExpandedLogo = logo != null ? logo : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DsNavbarLogo, {});
-  const resolvedCollapsedLogo = collapsedLogo != null ? collapsedLogo : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DsNavbarCompactLogo, {});
-  (0, import_react17.useEffect)(() => {
+  const resolvedExpandedLogo = logo != null ? logo : DEFAULT_EXPANDED_LOGO_SLOT;
+  const resolvedCollapsedLogo = collapsedLogo != null ? collapsedLogo : DEFAULT_COLLAPSED_LOGO_SLOT;
+  (0, import_react19.useEffect)(() => {
     if (!openGroup && resolvedGroups.length > 0) {
       setOpenGroup(resolvedGroups[0].label);
     }
   }, [openGroup, resolvedGroups]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     const groupForRoute = findGroupByRoute(resolvedGroups, location.pathname);
     if (groupForRoute) {
       setOpenGroup(groupForRoute);
     }
   }, [location.pathname, resolvedGroups]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (isCollapsed || visibleGroups.length === 0) return;
     const hasOpenGroup = openGroup ? visibleGroups.some((group) => group.label === openGroup) : false;
     if (!hasOpenGroup) {
       setOpenGroup(visibleGroups[0].label);
     }
   }, [isCollapsed, openGroup, visibleGroups]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     const element = navScrollRef.current;
     if (!element) return void 0;
     const handleScroll = () => {
@@ -24846,7 +25276,7 @@ var AppSidebar = ({ isCollapsed, onToggle, groups, logo, collapsedLogo }) => {
       element.removeEventListener("scroll", handleScroll);
     };
   }, []);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     const element = navScrollRef.current;
     if (!element) return void 0;
     const frame = window.requestAnimationFrame(() => {
@@ -24980,11 +25410,11 @@ var MainLayout = ({
   sidebarLogo,
   sidebarCollapsedLogo
 }) => {
-  const [sidebarCollapsed, setSidebarCollapsed] = (0, import_react18.useState)(getInitialSidebarCollapsed);
-  const toggleSidebar = (0, import_react18.useCallback)(() => {
+  const [sidebarCollapsed, setSidebarCollapsed] = (0, import_react20.useState)(getInitialSidebarCollapsed);
+  const toggleSidebar = (0, import_react20.useCallback)(() => {
     setSidebarCollapsed((current) => !current);
   }, []);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (typeof window === "undefined") return;
     try {
       window.localStorage.setItem(SIDEBAR_COLLAPSED_STORAGE_KEY, String(sidebarCollapsed));
@@ -24993,7 +25423,7 @@ var MainLayout = ({
   }, [sidebarCollapsed]);
   const contentMarginLeft = sidebarCollapsed ? SIDEBAR_COLLAPSED_WIDTH : SIDEBAR_EXPANDED_WIDTH;
   const navbarOffsetClassName = sidebarCollapsed ? "left-[84px] md:left-[88px] right-3 md:right-4" : "left-[328px] md:left-[332px] right-3 md:right-4";
-  const mergedNavbarClassName = (0, import_react18.useMemo)(
+  const mergedNavbarClassName = (0, import_react20.useMemo)(
     () => cn(navbarOffsetClassName, navbarProps == null ? void 0 : navbarProps.className),
     [navbarOffsetClassName, navbarProps == null ? void 0 : navbarProps.className]
   );
@@ -25058,10 +25488,10 @@ var MainLayout = ({
 };
 
 // src/components/cupcode/ErrorBoundary.tsx
-var import_react19 = __toESM(require("react"), 1);
+var import_react21 = __toESM(require("react"), 1);
 var import_lucide_react12 = require("lucide-react");
 var import_jsx_runtime42 = require("react/jsx-runtime");
-var ErrorBoundary = class extends import_react19.default.Component {
+var ErrorBoundary = class extends import_react21.default.Component {
   constructor(props) {
     super(props);
     __publicField(this, "handleReset", () => {
@@ -25099,9 +25529,9 @@ var ErrorBoundary = class extends import_react19.default.Component {
 };
 
 // src/components/cupcode/EyebrowCupcode.tsx
-var import_react20 = require("react");
+var import_react22 = require("react");
 var import_jsx_runtime43 = require("react/jsx-runtime");
-var Eyebrow = (0, import_react20.forwardRef)(
+var Eyebrow = (0, import_react22.forwardRef)(
   ({ variant = "galaxy", glow = false, className, children, ...props }, ref) => {
     const baseClasses = cn(
       "inline-flex items-center gap-2",
@@ -25375,15 +25805,15 @@ var ModalDescription = React26.forwardRef(({ className, ...props }, ref) => /* @
 ModalDescription.displayName = DialogPrimitive3.Description.displayName;
 
 // src/components/cupcode/ParticleSystem.tsx
-var import_react21 = require("react");
+var import_react23 = require("react");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 function ParticleSystem({
   count: count2 = 50,
   variant = "stars",
   className
 }) {
-  const canvasRef = (0, import_react21.useRef)(null);
-  (0, import_react21.useEffect)(() => {
+  const canvasRef = (0, import_react23.useRef)(null);
+  (0, import_react23.useEffect)(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -25896,19 +26326,31 @@ function applyThemeClass(theme) {
   const root = document.documentElement;
   root.classList.toggle("dark", theme === "dark");
   root.classList.toggle("light", theme === "light");
+  root.dataset.theme = theme;
+  root.style.colorScheme = theme;
+}
+function readThemeFromRoot() {
+  var _a78;
+  if (typeof document === "undefined") return null;
+  const root = document.documentElement;
+  const datasetTheme = (_a78 = root.dataset.theme) != null ? _a78 : null;
+  if (isThemeMode(datasetTheme)) return datasetTheme;
+  if (root.classList.contains("dark")) return "dark";
+  if (root.classList.contains("light")) return "light";
+  return null;
 }
 function resolveTheme(defaultTheme) {
+  const rootTheme = readThemeFromRoot();
+  if (rootTheme) return rootTheme;
   const storedTheme = readStoredTheme();
   if (storedTheme) return storedTheme;
   if (typeof document === "undefined") return defaultTheme;
-  if (document.documentElement.classList.contains("dark")) return "dark";
-  if (document.documentElement.classList.contains("light")) return "light";
   if (typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches) {
     return "dark";
   }
   return defaultTheme;
 }
-var ThemeToggle = ({
+var ThemeToggle2 = ({
   className,
   theme,
   defaultTheme = "light",
@@ -25936,7 +26378,7 @@ var ThemeToggle = ({
       const resolvedTheme = resolveTheme(defaultTheme);
       setInternalTheme((currentTheme) => currentTheme === resolvedTheme ? currentTheme : resolvedTheme);
     });
-    observer.observe(document.documentElement, { attributes: true, attributeFilter: ["class"] });
+    observer.observe(document.documentElement, { attributes: true, attributeFilter: ["class", "data-theme"] });
     return () => observer.disconnect();
   }, [defaultTheme, isControlled]);
   if (!mounted) {
@@ -25952,6 +26394,7 @@ var ThemeToggle = ({
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
     "button",
     {
+      type: "button",
       onClick: handleToggle,
       className: cn(
         "relative inline-flex items-center justify-center w-10 h-10",
@@ -25973,12 +26416,175 @@ var ThemeToggle = ({
   );
 };
 
-// src/components/cupcode/TimelineCupcode.tsx
+// src/components/theme-provider.tsx
+var import_react24 = require("react");
+var import_react_dom = require("react-dom");
 var import_jsx_runtime58 = require("react/jsx-runtime");
+var STORAGE_KEY2 = "cupcode-theme";
+var LEGACY_STORAGE_KEY = "theme";
+function getPreferredTheme() {
+  if (typeof window === "undefined") {
+    return "light";
+  }
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function getStoredTheme() {
+  var _a78;
+  if (typeof window === "undefined") {
+    return null;
+  }
+  const storedTheme = (_a78 = window.localStorage.getItem(STORAGE_KEY2)) != null ? _a78 : window.localStorage.getItem(LEGACY_STORAGE_KEY);
+  return storedTheme === "light" || storedTheme === "dark" ? storedTheme : null;
+}
+function getThemeFromRoot() {
+  if (typeof document === "undefined") {
+    return null;
+  }
+  const { documentElement: root } = document;
+  const datasetTheme = root.dataset.theme;
+  if (datasetTheme === "light" || datasetTheme === "dark") {
+    return datasetTheme;
+  }
+  if (root.classList.contains("dark")) {
+    return "dark";
+  }
+  if (root.classList.contains("light")) {
+    return "light";
+  }
+  return null;
+}
+function resolveTheme2() {
+  var _a78, _b7;
+  return (_b7 = (_a78 = getThemeFromRoot()) != null ? _a78 : getStoredTheme()) != null ? _b7 : getPreferredTheme();
+}
+function applyThemeToRoot(theme) {
+  const root = document.documentElement;
+  root.classList.toggle("dark", theme === "dark");
+  root.classList.toggle("light", theme === "light");
+  root.dataset.theme = theme;
+  root.style.colorScheme = theme;
+}
+function persistTheme(theme) {
+  window.localStorage.setItem(STORAGE_KEY2, theme);
+  window.localStorage.setItem(LEGACY_STORAGE_KEY, theme);
+}
+function ThemeProvider({ children }) {
+  const [theme, setThemeState] = (0, import_react24.useState)(() => resolveTheme2());
+  const [mounted, setMounted] = (0, import_react24.useState)(false);
+  (0, import_react24.useEffect)(() => {
+    const initialTheme = resolveTheme2();
+    setThemeState((currentTheme) => currentTheme === initialTheme ? currentTheme : initialTheme);
+    applyThemeToRoot(initialTheme);
+    setMounted(true);
+  }, []);
+  (0, import_react24.useEffect)(() => {
+    if (!mounted) {
+      return;
+    }
+    persistTheme(theme);
+    applyThemeToRoot(theme);
+  }, [mounted, theme]);
+  (0, import_react24.useEffect)(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const handleChange = () => {
+      if (getStoredTheme()) {
+        return;
+      }
+      const nextTheme = mediaQuery.matches ? "dark" : "light";
+      setThemeState(nextTheme);
+      applyThemeToRoot(nextTheme);
+    };
+    mediaQuery.addEventListener("change", handleChange);
+    return () => mediaQuery.removeEventListener("change", handleChange);
+  }, []);
+  (0, import_react24.useEffect)(() => {
+    if (typeof document === "undefined") {
+      return;
+    }
+    const root = document.documentElement;
+    const observer = new MutationObserver(() => {
+      const rootTheme = getThemeFromRoot();
+      if (!rootTheme) {
+        return;
+      }
+      setThemeState((currentTheme) => currentTheme === rootTheme ? currentTheme : rootTheme);
+    });
+    observer.observe(root, {
+      attributes: true,
+      attributeFilter: ["class", "data-theme"]
+    });
+    return () => observer.disconnect();
+  }, []);
+  const setTheme = (0, import_react24.useCallback)((nextTheme) => {
+    setThemeState(nextTheme);
+  }, []);
+  const toggleTheme = (0, import_react24.useCallback)((coords) => {
+    var _a78;
+    const documentWithTransition = document;
+    const prefersReducedMotion = window.matchMedia(
+      "(prefers-reduced-motion: reduce)"
+    ).matches;
+    const supportsTransition = typeof documentWithTransition.startViewTransition === "function";
+    const flipTheme = () => {
+      setThemeState(
+        (currentTheme) => currentTheme === "light" ? "dark" : "light"
+      );
+    };
+    if (coords) {
+      document.documentElement.style.setProperty("--theme-x", `${coords.x}px`);
+      document.documentElement.style.setProperty("--theme-y", `${coords.y}px`);
+    }
+    if (!supportsTransition || prefersReducedMotion) {
+      flipTheme();
+      return;
+    }
+    (_a78 = documentWithTransition.startViewTransition) == null ? void 0 : _a78.call(documentWithTransition, () => {
+      (0, import_react_dom.flushSync)(() => {
+        flipTheme();
+      });
+    });
+  }, []);
+  const value = (0, import_react24.useMemo)(
+    () => ({
+      theme,
+      setTheme,
+      toggleTheme
+    }),
+    [theme, setTheme, toggleTheme]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ThemeContext.Provider, { value, children });
+}
+function ThemeScript() {
+  const script = `
+    (() => {
+      const storageKey = "${STORAGE_KEY2}";
+      const legacyStorageKey = "${LEGACY_STORAGE_KEY}";
+      const storedTheme = localStorage.getItem(storageKey) ?? localStorage.getItem(legacyStorageKey);
+      const theme =
+        storedTheme === "light" || storedTheme === "dark"
+          ? storedTheme
+          : window.matchMedia("(prefers-color-scheme: dark)").matches
+            ? "dark"
+            : "light";
+      const root = document.documentElement;
+      root.classList.toggle("dark", theme === "dark");
+      root.classList.toggle("light", theme === "light");
+      root.dataset.theme = theme;
+      root.style.colorScheme = theme;
+    })();
+  `;
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("script", { dangerouslySetInnerHTML: { __html: script } });
+}
+
+// src/components/cupcode/TimelineCupcode.tsx
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function Timeline({ items, variant = "vertical", className }) {
   if (variant === "horizontal") {
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: cn("flex items-start gap-4 overflow-x-auto pb-4", className), children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-col items-center min-w-[200px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: cn("flex items-start gap-4 overflow-x-auto pb-4", className), children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex flex-col items-center min-w-[200px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         "div",
         {
           className: cn(
@@ -25986,27 +26592,27 @@ function Timeline({ items, variant = "vertical", className }) {
             "transition-all duration-300",
             item.active ? "cc-gradient-galaxy text-white elevation-3 scale-110" : "bg-muted text-muted-foreground"
           ),
-          children: item.icon || /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm font-bold", children: index + 1 })
+          children: item.icon || /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "text-sm font-bold", children: index + 1 })
         }
       ),
-      index < items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: cn(
+      index < items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: cn(
         "h-1 w-full mb-3",
         item.active ? "bg-cupcode-purple" : "bg-muted"
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("h4", { className: cn(
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h4", { className: cn(
           "font-display font-semibold mb-1",
           item.active ? "text-cupcode-purple" : "text-foreground"
         ), children: item.title }),
-        item.description && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-sm text-muted-foreground", children: item.description }),
-        item.date && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xs text-muted-foreground mt-1", children: item.date })
+        item.description && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-sm text-muted-foreground", children: item.description }),
+        item.date && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-xs text-muted-foreground mt-1", children: item.date })
       ] })
     ] }, item.id)) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: cn("relative space-6", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "absolute left-6 top-0 bottom-0 w-0.5 bg-muted" }),
-    items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "relative flex gap-6 pb-8 last:pb-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: cn("relative space-6", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "absolute left-6 top-0 bottom-0 w-0.5 bg-muted" }),
+    items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "relative flex gap-6 pb-8 last:pb-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         "div",
         {
           className: cn(
@@ -26014,16 +26620,16 @@ function Timeline({ items, variant = "vertical", className }) {
             "transition-all duration-300",
             item.active ? "cc-gradient-galaxy text-white elevation-3" : "bg-muted text-muted-foreground"
           ),
-          children: item.icon || /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm font-bold", children: index + 1 })
+          children: item.icon || /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "text-sm font-bold", children: index + 1 })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex-1 pt-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("h4", { className: cn(
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex-1 pt-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h4", { className: cn(
           "font-display font-semibold mb-1",
           item.active ? "text-cupcode-purple" : "text-foreground"
         ), children: item.title }),
-        item.description && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-sm text-muted-foreground mb-2", children: item.description }),
-        item.date && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xs text-muted-foreground", children: item.date })
+        item.description && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-sm text-muted-foreground mb-2", children: item.description }),
+        item.date && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-xs text-muted-foreground", children: item.date })
       ] })
     ] }, item.id))
   ] });
@@ -26031,7 +26637,7 @@ function Timeline({ items, variant = "vertical", className }) {
 
 // src/components/cupcode/ToastCupcode.tsx
 var import_lucide_react17 = require("lucide-react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var variantStyles2 = {
   success: {
     gradient: "from-success/20 to-success/5",
@@ -26066,7 +26672,7 @@ var ToastCupcode = ({
 }) => {
   const style = variantStyles2[variant];
   const Icon3 = style.icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     "div",
     {
       className: cn(
@@ -26078,18 +26684,18 @@ var ToastCupcode = ({
         "min-w-[300px] max-w-[420px]",
         "animate-slide-up"
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex items-start gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon3, { className: cn("h-5 w-5 shrink-0 mt-0.5", style.iconColor) }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex-1 space-y-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-sm font-semibold text-cupcode-ink", children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-xs text-cupcode-ink/70", children: description })
+      children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Icon3, { className: cn("h-5 w-5 shrink-0 mt-0.5", style.iconColor) }),
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex-1 space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-sm font-semibold text-cupcode-ink", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-xs text-cupcode-ink/70", children: description })
         ] }),
-        onClose && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        onClose && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           "button",
           {
             onClick: onClose,
             className: "shrink-0 rounded-md p-1 hover:bg-cupcode-ink/10 transition-colors",
-            children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react17.X, { className: "h-4 w-4 text-cupcode-ink/50" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react17.X, { className: "h-4 w-4 text-cupcode-ink/50" })
           }
         )
       ] })
@@ -26098,12 +26704,12 @@ var ToastCupcode = ({
 };
 
 // src/components/cupcode/VideoWatchButton.tsx
-var import_react22 = __toESM(require("react"), 1);
-var import_jsx_runtime60 = require("react/jsx-runtime");
-var PlayGlyph = () => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("svg", { viewBox: "0 0 18 18", "aria-hidden": "true", className: "h-[18px] w-[18px]", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("path", { d: "M6 4.5L13.5 9L6 13.5V4.5Z", fill: "currentColor" }) });
-var VideoWatchButton = import_react22.default.forwardRef(
-  ({ className, label = "Watch now", type = "button", "aria-label": ariaLabel, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+var import_react25 = __toESM(require("react"), 1);
+var import_jsx_runtime61 = require("react/jsx-runtime");
+var PlayGlyph = () => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("svg", { viewBox: "0 0 18 18", "aria-hidden": "true", className: "h-[18px] w-[18px]", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M6 4.5L13.5 9L6 13.5V4.5Z", fill: "currentColor" }) });
+var VideoWatchButton = import_react25.default.forwardRef(
+  ({ className, label = "Assistir", type = "button", "aria-label": ariaLabel, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
       "button",
       {
         ref,
@@ -26112,18 +26718,18 @@ var VideoWatchButton = import_react22.default.forwardRef(
         className: cn("cc-video-watch-btn", className),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "cc-video-watch-btn__bg", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "cc-video-watch-btn__icon", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(PlayGlyph, {}) }),
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "cc-video-watch-btn__label", children: label }),
-            /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "cc-video-watch-btn__mask", "aria-hidden": "true", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--1" }),
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--2" }),
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--3" }),
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--5" })
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "cc-video-watch-btn__bg", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "cc-video-watch-btn__icon", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(PlayGlyph, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "cc-video-watch-btn__label", children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "cc-video-watch-btn__mask", "aria-hidden": "true", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--1" }),
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--2" }),
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--3" }),
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--5" })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "cc-video-watch-btn__glow", "aria-hidden": "true" })
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "cc-video-watch-btn__glow", "aria-hidden": "true" })
         ]
       }
     );
@@ -26132,13 +26738,13 @@ var VideoWatchButton = import_react22.default.forwardRef(
 VideoWatchButton.displayName = "VideoWatchButton";
 
 // src/components/cupcode/TooltipCupcode.tsx
-var React35 = __toESM(require("react"), 1);
+var React36 = __toESM(require("react"), 1);
 var TooltipPrimitive2 = __toESM(require("@radix-ui/react-tooltip"), 1);
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var TooltipProvider2 = TooltipPrimitive2.Provider;
 var TooltipCupcode = TooltipPrimitive2.Root;
 var TooltipTrigger2 = TooltipPrimitive2.Trigger;
-var TooltipContent2 = React35.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+var TooltipContent2 = React36.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
   TooltipPrimitive2.Content,
   {
     ref,
@@ -26159,14 +26765,14 @@ var TooltipContent2 = React35.forwardRef(({ className, sideOffset = 4, ...props
 TooltipContent2.displayName = TooltipPrimitive2.Content.displayName;
 
 // src/components/ui/accordion.tsx
-var React36 = __toESM(require("react"), 1);
+var React37 = __toESM(require("react"), 1);
 var AccordionPrimitive2 = __toESM(require("@radix-ui/react-accordion"), 1);
 var import_lucide_react18 = require("lucide-react");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var Accordion = AccordionPrimitive2.Root;
-var AccordionItem2 = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AccordionPrimitive2.Item, { ref, className: cn("border-b", className), ...props }));
+var AccordionItem2 = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(AccordionPrimitive2.Item, { ref, className: cn("border-b", className), ...props }));
 AccordionItem2.displayName = "AccordionItem";
-var AccordionTrigger2 = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AccordionPrimitive2.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+var AccordionTrigger2 = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(AccordionPrimitive2.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
   AccordionPrimitive2.Trigger,
   {
     ref,
@@ -26177,26 +26783,26 @@ var AccordionTrigger2 = React36.forwardRef(({ className, children, ...props }, r
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react18.ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react18.ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
     ]
   }
 ) }));
 AccordionTrigger2.displayName = AccordionPrimitive2.Trigger.displayName;
-var AccordionContent2 = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+var AccordionContent2 = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
   AccordionPrimitive2.Content,
   {
     ref,
     className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: cn("pb-4 pt-0", className), children })
+    children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: cn("pb-4 pt-0", className), children })
   }
 ));
 AccordionContent2.displayName = AccordionPrimitive2.Content.displayName;
 
 // src/components/ui/alert.tsx
-var React37 = __toESM(require("react"), 1);
+var React38 = __toESM(require("react"), 1);
 var import_class_variance_authority3 = require("class-variance-authority");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var alertVariants = (0, import_class_variance_authority3.cva)(
   "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
   {
@@ -26211,14 +26817,14 @@ var alertVariants = (0, import_class_variance_authority3.cva)(
     }
   }
 );
-var Alert = React37.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+var Alert = React38.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
 Alert.displayName = "Alert";
-var AlertTitle = React37.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("h5", { ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })
+var AlertTitle = React38.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h5", { ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })
 );
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React37.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
+var AlertDescription = React38.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
 );
 AlertDescription.displayName = "AlertDescription";
 
@@ -26227,14 +26833,14 @@ var AspectRatioPrimitive = __toESM(require("@radix-ui/react-aspect-ratio"), 1);
 var AspectRatio = AspectRatioPrimitive.Root;
 
 // src/components/ui/breadcrumb.tsx
-var React38 = __toESM(require("react"), 1);
+var React39 = __toESM(require("react"), 1);
 var import_react_slot2 = require("@radix-ui/react-slot");
 var import_lucide_react19 = require("lucide-react");
-var import_jsx_runtime64 = require("react/jsx-runtime");
-var Breadcrumb = React38.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var import_jsx_runtime65 = require("react/jsx-runtime");
+var Breadcrumb = React39.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React38.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var BreadcrumbList = React39.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "ol",
     {
       ref,
@@ -26247,17 +26853,17 @@ var BreadcrumbList = React38.forwardRef(
   )
 );
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React38.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
+var BreadcrumbItem = React39.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
 );
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React38.forwardRef(({ asChild, className, ...props }, ref) => {
+var BreadcrumbLink = React39.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? import_react_slot2.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Comp, { ref, className: cn("transition-colors hover:text-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Comp, { ref, className: cn("transition-colors hover:text-foreground", className), ...props });
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React38.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+var BreadcrumbPage = React39.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "span",
     {
       ref,
@@ -26270,9 +26876,9 @@ var BreadcrumbPage = React38.forwardRef(
   )
 );
 BreadcrumbPage.displayName = "BreadcrumbPage";
-var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:size-3.5", className), ...props, children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react19.ChevronRight, {}) });
+var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:size-3.5", className), ...props, children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react19.ChevronRight, {}) });
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
   "span",
   {
     role: "presentation",
@@ -26280,8 +26886,8 @@ var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ (0, import
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react19.MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "sr-only", children: "More" })
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react19.MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "sr-only", children: "More" })
     ]
   }
 );
@@ -26290,9 +26896,9 @@ BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 // src/components/ui/calendar.tsx
 var import_lucide_react20 = require("lucide-react");
 var import_react_day_picker = require("react-day-picker");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     import_react_day_picker.DayPicker,
     {
       showOutsideDays,
@@ -26327,9 +26933,9 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
       components: {
         Chevron: ({ orientation, className: className2, ...chevronProps }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react20.ChevronLeft, { className: cn("h-4 w-4", className2), ...chevronProps });
+            return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react20.ChevronLeft, { className: cn("h-4 w-4", className2), ...chevronProps });
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react20.ChevronRight, { className: cn("h-4 w-4", className2), ...chevronProps });
+          return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react20.ChevronRight, { className: cn("h-4 w-4", className2), ...chevronProps });
         }
       },
       ...props
@@ -26339,45 +26945,45 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
 Calendar.displayName = "Calendar";
 
 // src/components/ui/card.tsx
-var React39 = __toESM(require("react"), 1);
-var import_jsx_runtime66 = require("react/jsx-runtime");
-var Card = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props }));
+var React40 = __toESM(require("react"), 1);
+var import_jsx_runtime67 = require("react/jsx-runtime");
+var Card = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props }));
 Card.displayName = "Card";
-var CardHeader = React39.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
+var CardHeader = React40.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React39.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("h3", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })
+var CardTitle = React40.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h3", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React39.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
+var CardDescription = React40.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React39.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props })
+var CardContent = React40.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React39.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
+var CardFooter = React40.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
 
 // src/components/ui/carousel.tsx
-var React40 = __toESM(require("react"), 1);
+var React41 = __toESM(require("react"), 1);
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
 var import_lucide_react21 = require("lucide-react");
-var import_jsx_runtime67 = require("react/jsx-runtime");
-var CarouselContext = React40.createContext(null);
+var import_jsx_runtime68 = require("react/jsx-runtime");
+var CarouselContext = React41.createContext(null);
 function useCarousel() {
-  const context = React40.useContext(CarouselContext);
+  const context = React41.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React40.forwardRef(
+var Carousel = React41.forwardRef(
   ({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }, ref) => {
     const [carouselRef, api] = (0, import_embla_carousel_react.default)(
       {
@@ -26386,22 +26992,22 @@ var Carousel = React40.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React40.useState(false);
-    const [canScrollNext, setCanScrollNext] = React40.useState(false);
-    const onSelect = React40.useCallback((api2) => {
+    const [canScrollPrev, setCanScrollPrev] = React41.useState(false);
+    const [canScrollNext, setCanScrollNext] = React41.useState(false);
+    const onSelect = React41.useCallback((api2) => {
       if (!api2) {
         return;
       }
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React40.useCallback(() => {
+    const scrollPrev = React41.useCallback(() => {
       api == null ? void 0 : api.scrollPrev();
     }, [api]);
-    const scrollNext = React40.useCallback(() => {
+    const scrollNext = React41.useCallback(() => {
       api == null ? void 0 : api.scrollNext();
     }, [api]);
-    const handleKeyDown = React40.useCallback(
+    const handleKeyDown = React41.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -26413,13 +27019,13 @@ var Carousel = React40.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React40.useEffect(() => {
+    React41.useEffect(() => {
       if (!api || !setApi) {
         return;
       }
       setApi(api);
     }, [api, setApi]);
-    React40.useEffect(() => {
+    React41.useEffect(() => {
       if (!api) {
         return;
       }
@@ -26430,7 +27036,7 @@ var Carousel = React40.forwardRef(
         api == null ? void 0 : api.off("select", onSelect);
       };
     }, [api, onSelect]);
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       CarouselContext.Provider,
       {
         value: {
@@ -26443,7 +27049,7 @@ var Carousel = React40.forwardRef(
           canScrollPrev,
           canScrollNext
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           "div",
           {
             ref,
@@ -26460,10 +27066,10 @@ var Carousel = React40.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React40.forwardRef(
+var CarouselContent = React41.forwardRef(
   ({ className, ...props }, ref) => {
     const { carouselRef, orientation } = useCarousel();
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       "div",
       {
         ref,
@@ -26474,10 +27080,10 @@ var CarouselContent = React40.forwardRef(
   }
 );
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React40.forwardRef(
+var CarouselItem = React41.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       "div",
       {
         ref,
@@ -26490,10 +27096,10 @@ var CarouselItem = React40.forwardRef(
   }
 );
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React40.forwardRef(
+var CarouselPrevious = React41.forwardRef(
   ({ className, variant = "outline", size = "icon", ...props }, ref) => {
     const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
       Button,
       {
         ref,
@@ -26508,18 +27114,18 @@ var CarouselPrevious = React40.forwardRef(
         onClick: scrollPrev,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react21.ArrowLeft, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "sr-only", children: "Previous slide" })
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react21.ArrowLeft, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "sr-only", children: "Previous slide" })
         ]
       }
     );
   }
 );
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React40.forwardRef(
+var CarouselNext = React41.forwardRef(
   ({ className, variant = "outline", size = "icon", ...props }, ref) => {
     const { orientation, scrollNext, canScrollNext } = useCarousel();
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
       Button,
       {
         ref,
@@ -26534,8 +27140,8 @@ var CarouselNext = React40.forwardRef(
         onClick: scrollNext,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react21.ArrowRight, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "sr-only", children: "Next slide" })
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react21.ArrowRight, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "sr-only", children: "Next slide" })
         ]
       }
     );
@@ -26544,22 +27150,22 @@ var CarouselNext = React40.forwardRef(
 CarouselNext.displayName = "CarouselNext";
 
 // src/components/ui/chart.tsx
-var React41 = __toESM(require("react"), 1);
+var React42 = __toESM(require("react"), 1);
 var RechartsPrimitive = __toESM(require("recharts"), 1);
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React41.createContext(null);
+var ChartContext = React42.createContext(null);
 function useChart() {
-  const context = React41.useContext(ChartContext);
+  const context = React42.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
   return context;
 }
-var ChartContainer = React41.forwardRef(({ id, className, children, config, ...props }, ref) => {
-  const uniqueId = React41.useId();
+var ChartContainer = React42.forwardRef(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React42.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
     "div",
     {
       "data-chart": chartId,
@@ -26570,8 +27176,8 @@ var ChartContainer = React41.forwardRef(({ id, className, children, config, ...p
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(RechartsPrimitive.ResponsiveContainer, { children })
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(RechartsPrimitive.ResponsiveContainer, { children })
       ]
     }
   ) });
@@ -26582,7 +27188,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -26602,7 +27208,7 @@ ${colorConfig.map(([key, itemConfig]) => {
   );
 };
 var ChartTooltip = RechartsPrimitive.Tooltip;
-var ChartTooltipContent = React41.forwardRef(
+var ChartTooltipContent = React42.forwardRef(
   ({
     active,
     payload,
@@ -26619,7 +27225,7 @@ var ChartTooltipContent = React41.forwardRef(
     labelKey
   }, ref) => {
     const { config } = useChart();
-    const tooltipLabel = React41.useMemo(() => {
+    const tooltipLabel = React42.useMemo(() => {
       var _a78;
       if (hideLabel || !(payload == null ? void 0 : payload.length)) {
         return null;
@@ -26629,18 +27235,18 @@ var ChartTooltipContent = React41.forwardRef(
       const itemConfig = getPayloadConfigFromPayload(config, item, key);
       const value = !labelKey && typeof label === "string" ? ((_a78 = config[label]) == null ? void 0 : _a78.label) || label : itemConfig == null ? void 0 : itemConfig.label;
       if (labelFormatter) {
-        return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+        return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
       }
       if (!value) {
         return null;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: cn("font-medium", labelClassName), children: value });
+      return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: cn("font-medium", labelClassName), children: value });
     }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
     if (!active || !(payload == null ? void 0 : payload.length)) {
       return null;
     }
     const nestLabel = payload.length === 1 && indicator !== "dot";
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
       "div",
       {
         ref,
@@ -26650,19 +27256,19 @@ var ChartTooltipContent = React41.forwardRef(
         ),
         children: [
           !nestLabel ? tooltipLabel : null,
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
             const key = `${nameKey || item.name || item.dataKey || "value"}`;
             const itemConfig = getPayloadConfigFromPayload(config, item, key);
             const indicatorColor = color || item.payload.fill || item.color;
-            return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
               "div",
               {
                 className: cn(
                   "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
                   indicator === "dot" && "items-center"
                 ),
-                children: formatter && (item == null ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
-                  (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                children: formatter && (item == null ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+                  (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                     "div",
                     {
                       className: cn("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
@@ -26677,7 +27283,7 @@ var ChartTooltipContent = React41.forwardRef(
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
                     "div",
                     {
                       className: cn(
@@ -26685,11 +27291,11 @@ var ChartTooltipContent = React41.forwardRef(
                         nestLabel ? "items-end" : "items-center"
                       ),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "grid gap-1.5", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "grid gap-1.5", children: [
                           nestLabel ? tooltipLabel : null,
-                          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "text-muted-foreground", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
+                          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "text-muted-foreground", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
                         ] }),
-                        item.value && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
+                        item.value && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
                       ]
                     }
                   )
@@ -26705,12 +27311,12 @@ var ChartTooltipContent = React41.forwardRef(
 );
 ChartTooltipContent.displayName = "ChartTooltip";
 var ChartLegend = RechartsPrimitive.Legend;
-var ChartLegendContent = React41.forwardRef(({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
+var ChartLegendContent = React42.forwardRef(({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
   const { config } = useChart();
   if (!(payload == null ? void 0 : payload.length)) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "div",
     {
       ref,
@@ -26718,12 +27324,12 @@ var ChartLegendContent = React41.forwardRef(({ className, hideIcon = false, payl
       children: payload.map((item) => {
         const key = `${nameKey || item.dataKey || "value"}`;
         const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
           "div",
           {
             className: cn("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"),
             children: [
-              (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(itemConfig.icon, {}) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+              (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(itemConfig.icon, {}) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                 "div",
                 {
                   className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -26757,11 +27363,11 @@ function getPayloadConfigFromPayload(config, payload, key) {
 }
 
 // src/components/ui/checkbox.tsx
-var React42 = __toESM(require("react"), 1);
+var React43 = __toESM(require("react"), 1);
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
 var import_lucide_react22 = require("lucide-react");
-var import_jsx_runtime69 = require("react/jsx-runtime");
-var Checkbox = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+var import_jsx_runtime70 = require("react/jsx-runtime");
+var Checkbox = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -26770,7 +27376,7 @@ var Checkbox = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react22.Check, { className: "h-4 w-4" }) })
+    children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react22.Check, { className: "h-4 w-4" }) })
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
@@ -26782,11 +27388,11 @@ var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 
 // src/components/ui/command.tsx
-var React43 = __toESM(require("react"), 1);
+var React44 = __toESM(require("react"), 1);
 var import_cmdk = require("cmdk");
 var import_lucide_react23 = require("lucide-react");
-var import_jsx_runtime70 = require("react/jsx-runtime");
-var Command = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+var import_jsx_runtime71 = require("react/jsx-runtime");
+var Command = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
   import_cmdk.Command,
   {
     ref,
@@ -26799,11 +27405,11 @@ var Command = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Command.displayName = import_cmdk.Command.displayName;
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Dialog, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Dialog, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
 };
-var CommandInput = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react23.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+var CommandInput = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react23.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     import_cmdk.Command.Input,
     {
       ref,
@@ -26816,7 +27422,7 @@ var CommandInput = React43.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+var CommandList = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
   import_cmdk.Command.List,
   {
     ref,
@@ -26825,9 +27431,9 @@ var CommandList = React43.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React43.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+var CommandEmpty = React44.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+var CommandGroup = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
   import_cmdk.Command.Group,
   {
     ref,
@@ -26839,9 +27445,9 @@ var CommandGroup = React43.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_cmdk.Command.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), ...props }));
+var CommandSeparator = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_cmdk.Command.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), ...props }));
 CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+var CommandItem = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
   import_cmdk.Command.Item,
   {
     ref,
@@ -26854,22 +27460,22 @@ var CommandItem = React43.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 CommandItem.displayName = import_cmdk.Command.Item.displayName;
 var CommandShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 CommandShortcut.displayName = "CommandShortcut";
 
 // src/components/ui/context-menu.tsx
-var React44 = __toESM(require("react"), 1);
+var React45 = __toESM(require("react"), 1);
 var ContextMenuPrimitive = __toESM(require("@radix-ui/react-context-menu"), 1);
 var import_lucide_react24 = require("lucide-react");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var ContextMenu = ContextMenuPrimitive.Root;
 var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 var ContextMenuGroup = ContextMenuPrimitive.Group;
 var ContextMenuPortal = ContextMenuPrimitive.Portal;
 var ContextMenuSub = ContextMenuPrimitive.Sub;
 var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
-var ContextMenuSubTrigger = React44.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+var ContextMenuSubTrigger = React45.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -26881,12 +27487,12 @@ var ContextMenuSubTrigger = React44.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react24.ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react24.ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+var ContextMenuSubContent = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
   ContextMenuPrimitive.SubContent,
   {
     ref,
@@ -26898,7 +27504,7 @@ var ContextMenuSubContent = React44.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+var ContextMenuContent = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
   ContextMenuPrimitive.Content,
   {
     ref,
@@ -26910,7 +27516,7 @@ var ContextMenuContent = React44.forwardRef(({ className, ...props }, ref) => /*
   }
 ) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React44.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+var ContextMenuItem = React45.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -26923,7 +27529,7 @@ var ContextMenuItem = React44.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React44.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+var ContextMenuCheckboxItem = React45.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -26934,13 +27540,13 @@ var ContextMenuCheckboxItem = React44.forwardRef(({ className, children, checked
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react24.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react24.Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React44.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+var ContextMenuRadioItem = React45.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -26950,13 +27556,13 @@ var ContextMenuRadioItem = React44.forwardRef(({ className, children, ...props }
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react24.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react24.Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React44.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+var ContextMenuLabel = React45.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -26965,39 +27571,39 @@ var ContextMenuLabel = React44.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ContextMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
+var ContextMenuSeparator = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ContextMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
 ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
 var ContextMenuShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
 
 // src/components/ui/form.tsx
-var React46 = __toESM(require("react"), 1);
+var React47 = __toESM(require("react"), 1);
 var import_react_slot3 = require("@radix-ui/react-slot");
 var import_react_hook_form = require("react-hook-form");
 
 // src/components/ui/label.tsx
-var React45 = __toESM(require("react"), 1);
+var React46 = __toESM(require("react"), 1);
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
 var import_class_variance_authority4 = require("class-variance-authority");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var labelVariants = (0, import_class_variance_authority4.cva)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
-var Label4 = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
+var Label4 = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
 Label4.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/ui/form.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var Form = import_react_hook_form.FormProvider;
-var FormFieldContext = React46.createContext({});
+var FormFieldContext = React47.createContext({});
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react_hook_form.Controller, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react_hook_form.Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React46.useContext(FormFieldContext);
-  const itemContext = React46.useContext(FormItemContext);
+  const fieldContext = React47.useContext(FormFieldContext);
+  const itemContext = React47.useContext(FormItemContext);
   const { getFieldState, formState } = (0, import_react_hook_form.useFormContext)();
   const fieldState = getFieldState(fieldContext.name, formState);
   if (!fieldContext) {
@@ -27013,23 +27619,23 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React46.createContext({});
-var FormItem = React46.forwardRef(
+var FormItemContext = React47.createContext({});
+var FormItem = React47.forwardRef(
   ({ className, ...props }, ref) => {
-    const id = React46.useId();
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { ref, className: cn("space-y-2", className), ...props }) });
+    const id = React47.useId();
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { ref, className: cn("space-y-2", className), ...props }) });
   }
 );
 FormItem.displayName = "FormItem";
-var FormLabel = React46.forwardRef(({ className, ...props }, ref) => {
+var FormLabel = React47.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Label4, { ref, className: cn(error && "text-destructive", className), htmlFor: formItemId, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Label4, { ref, className: cn(error && "text-destructive", className), htmlFor: formItemId, ...props });
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React46.forwardRef(
+var FormControl = React47.forwardRef(
   ({ ...props }, ref) => {
     const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       import_react_slot3.Slot,
       {
         ref,
@@ -27042,42 +27648,42 @@ var FormControl = React46.forwardRef(
   }
 );
 FormControl.displayName = "FormControl";
-var FormDescription = React46.forwardRef(
+var FormDescription = React47.forwardRef(
   ({ className, ...props }, ref) => {
     const { formDescriptionId } = useFormField();
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
   }
 );
 FormDescription.displayName = "FormDescription";
-var FormMessage = React46.forwardRef(
+var FormMessage = React47.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { error, formMessageId } = useFormField();
     const body = error ? String(error == null ? void 0 : error.message) : children;
     if (!body) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
   }
 );
 FormMessage.displayName = "FormMessage";
 
 // src/components/ui/glass-card.tsx
-var React47 = __toESM(require("react"), 1);
-var import_jsx_runtime74 = require("react/jsx-runtime");
-var GlassCard = React47.forwardRef(
+var React48 = __toESM(require("react"), 1);
+var import_jsx_runtime75 = require("react/jsx-runtime");
+var GlassCard = React48.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { ref, className: cn("glass-card", className), ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { ref, className: cn("glass-card", className), ...props });
   }
 );
 GlassCard.displayName = "GlassCard";
 
 // src/components/ui/hover-card.tsx
-var React48 = __toESM(require("react"), 1);
+var React49 = __toESM(require("react"), 1);
 var HoverCardPrimitive = __toESM(require("@radix-ui/react-hover-card"), 1);
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React48.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+var HoverCardContent = React49.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -27093,12 +27699,12 @@ var HoverCardContent = React48.forwardRef(({ className, align = "center", sideOf
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/components/ui/input-otp.tsx
-var React49 = __toESM(require("react"), 1);
+var React50 = __toESM(require("react"), 1);
 var import_input_otp = require("input-otp");
 var import_lucide_react25 = require("lucide-react");
-var import_jsx_runtime76 = require("react/jsx-runtime");
-var InputOTP = React49.forwardRef(
-  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+var import_jsx_runtime77 = require("react/jsx-runtime");
+var InputOTP = React50.forwardRef(
+  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     import_input_otp.OTPInput,
     {
       ref,
@@ -27109,14 +27715,14 @@ var InputOTP = React49.forwardRef(
   )
 );
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React49.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { ref, className: cn("flex items-center", className), ...props })
+var InputOTPGroup = React50.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { ref, className: cn("flex items-center", className), ...props })
 );
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React49.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React49.useContext(import_input_otp.OTPInputContext);
+var InputOTPSlot = React50.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React50.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
     "div",
     {
       ref,
@@ -27128,28 +27734,28 @@ var InputOTPSlot = React49.forwardRef(({ index, className, ...props }, ref) => {
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
       ]
     }
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React49.forwardRef(
-  ({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_lucide_react25.Dot, {}) })
+var InputOTPSeparator = React50.forwardRef(
+  ({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react25.Dot, {}) })
 );
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/ui/menubar.tsx
-var React50 = __toESM(require("react"), 1);
+var React51 = __toESM(require("react"), 1);
 var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"), 1);
 var import_lucide_react26 = require("lucide-react");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var MenubarMenu = MenubarPrimitive.Menu;
 var MenubarGroup = MenubarPrimitive.Group;
 var MenubarPortal = MenubarPrimitive.Portal;
 var MenubarSub = MenubarPrimitive.Sub;
 var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
-var Menubar = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var Menubar = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   MenubarPrimitive.Root,
   {
     ref,
@@ -27158,7 +27764,7 @@ var Menubar = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var MenubarTrigger = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -27170,7 +27776,7 @@ var MenubarTrigger = React50.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React50.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+var MenubarSubTrigger = React51.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -27182,12 +27788,12 @@ var MenubarSubTrigger = React50.forwardRef(({ className, inset, children, ...pro
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react26.ChevronRight, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react26.ChevronRight, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var MenubarSubContent = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -27199,7 +27805,7 @@ var MenubarSubContent = React50.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React50.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(MenubarPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var MenubarContent = React51.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MenubarPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   MenubarPrimitive.Content,
   {
     ref,
@@ -27214,7 +27820,7 @@ var MenubarContent = React50.forwardRef(({ className, align = "start", alignOffs
   }
 ) }));
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React50.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var MenubarItem = React51.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   MenubarPrimitive.Item,
   {
     ref,
@@ -27227,7 +27833,7 @@ var MenubarItem = React50.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React50.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+var MenubarCheckboxItem = React51.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -27238,13 +27844,13 @@ var MenubarCheckboxItem = React50.forwardRef(({ className, children, checked, ..
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react26.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react26.Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React50.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+var MenubarRadioItem = React51.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -27254,13 +27860,13 @@ var MenubarRadioItem = React50.forwardRef(({ className, children, ...props }, re
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react26.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react26.Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React50.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var MenubarLabel = React51.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   MenubarPrimitive.Label,
   {
     ref,
@@ -27269,20 +27875,20 @@ var MenubarLabel = React50.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(MenubarPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var MenubarSeparator = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(MenubarPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
 MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
 var MenubarShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 MenubarShortcut.displayname = "MenubarShortcut";
 
 // src/components/ui/navigation-menu.tsx
-var React51 = __toESM(require("react"), 1);
+var React52 = __toESM(require("react"), 1);
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"), 1);
 var import_class_variance_authority5 = require("class-variance-authority");
 var import_lucide_react27 = require("lucide-react");
-var import_jsx_runtime78 = require("react/jsx-runtime");
-var NavigationMenu = React51.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+var import_jsx_runtime79 = require("react/jsx-runtime");
+var NavigationMenu = React52.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -27290,12 +27896,12 @@ var NavigationMenu = React51.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(NavigationMenuViewport, {})
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(NavigationMenuViewport, {})
     ]
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+var NavigationMenuList = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -27308,7 +27914,7 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = (0, import_class_variance_authority5.cva)(
   "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
 );
-var NavigationMenuTrigger = React51.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+var NavigationMenuTrigger = React52.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -27317,7 +27923,7 @@ var NavigationMenuTrigger = React51.forwardRef(({ className, children, ...props
     children: [
       children,
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
         import_lucide_react27.ChevronDown,
         {
           className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
@@ -27328,7 +27934,7 @@ var NavigationMenuTrigger = React51.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+var NavigationMenuContent = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -27341,7 +27947,7 @@ var NavigationMenuContent = React51.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+var NavigationMenuViewport = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -27353,7 +27959,7 @@ var NavigationMenuViewport = React51.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+var NavigationMenuIndicator = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -27362,16 +27968,16 @@ var NavigationMenuIndicator = React51.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
   }
 ));
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
 
 // src/components/ui/pagination.tsx
-var React52 = __toESM(require("react"), 1);
+var React53 = __toESM(require("react"), 1);
 var import_lucide_react28 = require("lucide-react");
-var import_jsx_runtime79 = require("react/jsx-runtime");
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+var import_jsx_runtime80 = require("react/jsx-runtime");
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
   "nav",
   {
     role: "navigation",
@@ -27381,13 +27987,13 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_run
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React52.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
+var PaginationContent = React53.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
 );
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
-var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -27402,29 +28008,29 @@ var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @_
   }
 );
 PaginationLink.displayName = "PaginationLink";
-var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(PaginationLink, { "aria-label": "Go to previous page", size: "default", className: cn("gap-1 pl-2.5", className), ...props, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react28.ChevronLeft, { className: "h-4 w-4" }),
-  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: "Previous" })
+var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(PaginationLink, { "aria-label": "Go to previous page", size: "default", className: cn("gap-1 pl-2.5", className), ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react28.ChevronLeft, { className: "h-4 w-4" }),
+  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { children: "Previous" })
 ] });
 PaginationPrevious.displayName = "PaginationPrevious";
-var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(PaginationLink, { "aria-label": "Go to next page", size: "default", className: cn("gap-1 pr-2.5", className), ...props, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: "Next" }),
-  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react28.ChevronRight, { className: "h-4 w-4" })
+var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(PaginationLink, { "aria-label": "Go to next page", size: "default", className: cn("gap-1 pr-2.5", className), ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { children: "Next" }),
+  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react28.ChevronRight, { className: "h-4 w-4" })
 ] });
 PaginationNext.displayName = "PaginationNext";
-var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { "aria-hidden": true, className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_lucide_react28.MoreHorizontal, { className: "h-4 w-4" }),
-  /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "sr-only", children: "More pages" })
+var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { "aria-hidden": true, className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_lucide_react28.MoreHorizontal, { className: "h-4 w-4" }),
+  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "sr-only", children: "More pages" })
 ] });
 PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/ui/popover.tsx
-var React53 = __toESM(require("react"), 1);
+var React54 = __toESM(require("react"), 1);
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React53.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+var PopoverContent = React54.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
   PopoverPrimitive.Content,
   {
     ref,
@@ -27440,16 +28046,16 @@ var PopoverContent = React53.forwardRef(({ className, align = "center", sideOffs
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/ui/radio-group.tsx
-var React54 = __toESM(require("react"), 1);
+var React55 = __toESM(require("react"), 1);
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
 var import_lucide_react29 = require("lucide-react");
-var import_jsx_runtime81 = require("react/jsx-runtime");
-var RadioGroup4 = React54.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref });
+var import_jsx_runtime82 = require("react/jsx-runtime");
+var RadioGroup4 = React55.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref });
 });
 RadioGroup4.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React54.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+var RadioGroupItem = React55.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -27458,7 +28064,7 @@ var RadioGroupItem = React54.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react29.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react29.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
     }
   );
 });
@@ -27467,8 +28073,8 @@ RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 // src/components/ui/resizable.tsx
 var import_lucide_react30 = require("lucide-react");
 var ResizablePrimitive = __toESM(require("react-resizable-panels"), 1);
-var import_jsx_runtime82 = require("react/jsx-runtime");
-var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+var import_jsx_runtime83 = require("react/jsx-runtime");
+var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
   ResizablePrimitive.PanelGroup,
   {
     className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
@@ -27480,7 +28086,7 @@ var ResizableHandle = ({
   withHandle,
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
   ResizablePrimitive.PanelResizeHandle,
   {
     className: cn(
@@ -27488,15 +28094,15 @@ var ResizableHandle = ({
       className
     ),
     ...props,
-    children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react30.GripVertical, { className: "h-2.5 w-2.5" }) })
+    children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react30.GripVertical, { className: "h-2.5 w-2.5" }) })
   }
 );
 
 // src/components/ui/separator.tsx
-var React55 = __toESM(require("react"), 1);
+var React56 = __toESM(require("react"), 1);
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
-var import_jsx_runtime83 = require("react/jsx-runtime");
-var Separator5 = React55.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+var import_jsx_runtime84 = require("react/jsx-runtime");
+var Separator5 = React56.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -27512,13 +28118,13 @@ Separator5.displayName = SeparatorPrimitive.Root.displayName;
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_class_variance_authority6 = require("class-variance-authority");
 var import_lucide_react31 = require("lucide-react");
-var React56 = __toESM(require("react"), 1);
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var React57 = __toESM(require("react"), 1);
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+var SheetOverlay = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -27546,7 +28152,7 @@ var sheetVariants = (0, import_class_variance_authority6.cva)(
     }
   }
 );
-var SheetContent = React56.forwardRef(
+var SheetContent = React57.forwardRef(
   ({
     side = "right",
     className,
@@ -27555,11 +28161,11 @@ var SheetContent = React56.forwardRef(
     closeButtonClassName,
     closeButtonLabel = "Close",
     ...props
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(SheetPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(SheetOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
       children,
-      showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+      showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
         SheetPrimitive.Close,
         {
           className: cn(
@@ -27567,8 +28173,8 @@ var SheetContent = React56.forwardRef(
             closeButtonClassName
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_lucide_react31.X, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "sr-only", children: closeButtonLabel })
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react31.X, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "sr-only", children: closeButtonLabel })
           ]
         }
       ) : null
@@ -27576,27 +28182,27 @@ var SheetContent = React56.forwardRef(
   ] })
 );
 SheetContent.displayName = SheetPrimitive.Content.displayName;
-var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 SheetHeader.displayName = "SheetHeader";
-var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(SheetPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
+var SheetTitle = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(SheetPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(SheetPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var SheetDescription = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(SheetPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/sidebar.tsx
-var React58 = __toESM(require("react"), 1);
+var React59 = __toESM(require("react"), 1);
 var import_react_slot4 = require("@radix-ui/react-slot");
 var import_class_variance_authority7 = require("class-variance-authority");
 var import_lucide_react32 = require("lucide-react");
 
 // src/hooks/use-mobile.tsx
-var React57 = __toESM(require("react"), 1);
+var React58 = __toESM(require("react"), 1);
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React57.useState(void 0);
-  React57.useEffect(() => {
+  const [isMobile, setIsMobile] = React58.useState(void 0);
+  React58.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -27609,27 +28215,27 @@ function useIsMobile() {
 }
 
 // src/components/ui/sidebar.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar:state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React58.createContext(null);
+var SidebarContext = React59.createContext(null);
 function useSidebar() {
-  const context = React58.useContext(SidebarContext);
+  const context = React59.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React58.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }, ref) => {
+var SidebarProvider = React59.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }, ref) => {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React58.useState(false);
-  const [_open, _setOpen] = React58.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React59.useState(false);
+  const [_open, _setOpen] = React59.useState(defaultOpen);
   const open = openProp != null ? openProp : _open;
-  const setOpen = React58.useCallback(
+  const setOpen = React59.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -27641,10 +28247,10 @@ var SidebarProvider = React58.forwardRef(({ defaultOpen = true, open: openProp,
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React58.useCallback(() => {
+  const toggleSidebar = React59.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React58.useEffect(() => {
+  React59.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -27655,7 +28261,7 @@ var SidebarProvider = React58.forwardRef(({ defaultOpen = true, open: openProp,
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React58.useMemo(
+  const contextValue = React59.useMemo(
     () => ({
       state,
       open,
@@ -27667,7 +28273,7 @@ var SidebarProvider = React58.forwardRef(({ defaultOpen = true, open: openProp,
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "div",
     {
       style: {
@@ -27683,10 +28289,10 @@ var SidebarProvider = React58.forwardRef(({ defaultOpen = true, open: openProp,
   ) }) });
 });
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React58.forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }, ref) => {
+var Sidebar = React59.forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }, ref) => {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       "div",
       {
         className: cn("flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground", className),
@@ -27697,7 +28303,7 @@ var Sidebar = React58.forwardRef(({ side = "left", variant = "sidebar", collapsi
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -27707,11 +28313,11 @@ var Sidebar = React58.forwardRef(({ side = "left", variant = "sidebar", collapsi
           "--sidebar-width": SIDEBAR_WIDTH_MOBILE
         },
         side,
-        children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "flex h-full w-full flex-col", children })
+        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "flex h-full w-full flex-col", children })
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
     "div",
     {
       ref,
@@ -27721,7 +28327,7 @@ var Sidebar = React58.forwardRef(({ side = "left", variant = "sidebar", collapsi
       "data-variant": variant,
       "data-side": side,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
           "div",
           {
             className: cn(
@@ -27732,7 +28338,7 @@ var Sidebar = React58.forwardRef(({ side = "left", variant = "sidebar", collapsi
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
           "div",
           {
             className: cn(
@@ -27743,7 +28349,7 @@ var Sidebar = React58.forwardRef(({ side = "left", variant = "sidebar", collapsi
               className
             ),
             ...props,
-            children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -27758,10 +28364,10 @@ var Sidebar = React58.forwardRef(({ side = "left", variant = "sidebar", collapsi
   );
 });
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React58.forwardRef(
+var SidebarTrigger = React59.forwardRef(
   ({ className, onClick, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
       Button,
       {
         ref,
@@ -27775,18 +28381,18 @@ var SidebarTrigger = React58.forwardRef(
         },
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react32.PanelLeft, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_lucide_react32.PanelLeft, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
         ]
       }
     );
   }
 );
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React58.forwardRef(
+var SidebarRail = React59.forwardRef(
   ({ className, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       "button",
       {
         ref,
@@ -27810,8 +28416,8 @@ var SidebarRail = React58.forwardRef(
   }
 );
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React58.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+var SidebarInset = React59.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "main",
     {
       ref,
@@ -27825,9 +28431,9 @@ var SidebarInset = React58.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React58.forwardRef(
+var SidebarInput = React59.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       Input,
       {
         ref,
@@ -27842,17 +28448,17 @@ var SidebarInput = React58.forwardRef(
   }
 );
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React58.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { ref, "data-sidebar": "header", className: cn("flex flex-col gap-2 p-2", className), ...props });
+var SidebarHeader = React59.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { ref, "data-sidebar": "header", className: cn("flex flex-col gap-2 p-2", className), ...props });
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React58.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { ref, "data-sidebar": "footer", className: cn("flex flex-col gap-2 p-2", className), ...props });
+var SidebarFooter = React59.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { ref, "data-sidebar": "footer", className: cn("flex flex-col gap-2 p-2", className), ...props });
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React58.forwardRef(
+var SidebarSeparator = React59.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       Separator5,
       {
         ref,
@@ -27864,8 +28470,8 @@ var SidebarSeparator = React58.forwardRef(
   }
 );
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React58.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+var SidebarContent = React59.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "div",
     {
       ref,
@@ -27879,8 +28485,8 @@ var SidebarContent = React58.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React58.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+var SidebarGroup = React59.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "div",
     {
       ref,
@@ -27891,10 +28497,10 @@ var SidebarGroup = React58.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React58.forwardRef(
+var SidebarGroupLabel = React59.forwardRef(
   ({ className, asChild = false, ...props }, ref) => {
     const Comp = asChild ? import_react_slot4.Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       Comp,
       {
         ref,
@@ -27910,10 +28516,10 @@ var SidebarGroupLabel = React58.forwardRef(
   }
 );
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React58.forwardRef(
+var SidebarGroupAction = React59.forwardRef(
   ({ className, asChild = false, ...props }, ref) => {
     const Comp = asChild ? import_react_slot4.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       Comp,
       {
         ref,
@@ -27931,13 +28537,13 @@ var SidebarGroupAction = React58.forwardRef(
   }
 );
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React58.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { ref, "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props })
+var SidebarGroupContent = React59.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { ref, "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props })
 );
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("ul", { ref, "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props }));
+var SidebarMenu = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("ul", { ref, "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props }));
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("li", { ref, "data-sidebar": "menu-item", className: cn("group/menu-item relative", className), ...props }));
+var SidebarMenuItem = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("li", { ref, "data-sidebar": "menu-item", className: cn("group/menu-item relative", className), ...props }));
 SidebarMenuItem.displayName = "SidebarMenuItem";
 var sidebarMenuButtonVariants = (0, import_class_variance_authority7.cva)(
   "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
@@ -27959,10 +28565,10 @@ var sidebarMenuButtonVariants = (0, import_class_variance_authority7.cva)(
     }
   }
 );
-var SidebarMenuButton = React58.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }, ref) => {
+var SidebarMenuButton = React59.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }, ref) => {
   const Comp = asChild ? import_react_slot4.Slot : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  const button = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     Comp,
     {
       ref,
@@ -27981,15 +28587,15 @@ var SidebarMenuButton = React58.forwardRef(({ asChild = false, isActive = false,
       children: tooltip
     };
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TooltipContent, { side: "right", align: "center", hidden: state !== "collapsed" || isMobile, ...tooltip })
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TooltipContent, { side: "right", align: "center", hidden: state !== "collapsed" || isMobile, ...tooltip })
   ] });
 });
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React58.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React59.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot4.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     Comp,
     {
       ref,
@@ -28010,8 +28616,8 @@ var SidebarMenuAction = React58.forwardRef(({ className, asChild = false, showOn
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React58.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+var SidebarMenuBadge = React59.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "div",
     {
       ref,
@@ -28030,11 +28636,11 @@ var SidebarMenuBadge = React58.forwardRef(
   )
 );
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React58.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React58.useMemo(() => {
+var SidebarMenuSkeleton = React59.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React59.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
     "div",
     {
       ref,
@@ -28042,8 +28648,8 @@ var SidebarMenuSkeleton = React58.forwardRef(({ className, showIcon = false, ...
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
           Skeleton,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -28058,8 +28664,8 @@ var SidebarMenuSkeleton = React58.forwardRef(({ className, showIcon = false, ...
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React58.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+var SidebarMenuSub = React59.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "ul",
     {
       ref,
@@ -28074,11 +28680,11 @@ var SidebarMenuSub = React58.forwardRef(
   )
 );
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React58.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("li", { ref, ...props }));
+var SidebarMenuSubItem = React59.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React58.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButton = React59.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? import_react_slot4.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     Comp,
     {
       ref,
@@ -28100,44 +28706,44 @@ var SidebarMenuSubButton = React58.forwardRef(({ asChild = false, size = "md", i
 SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 
 // src/components/ui/slider.tsx
-var React59 = __toESM(require("react"), 1);
+var React60 = __toESM(require("react"), 1);
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"), 1);
-var import_jsx_runtime86 = require("react/jsx-runtime");
-var Slider = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+var import_jsx_runtime87 = require("react/jsx-runtime");
+var Slider = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
   SliderPrimitive.Root,
   {
     ref,
     className: cn("relative flex w-full touch-none select-none items-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
     ]
   }
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // src/components/ui/table.tsx
-var React60 = __toESM(require("react"), 1);
-var import_jsx_runtime87 = require("react/jsx-runtime");
-var Table = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
+var React61 = __toESM(require("react"), 1);
+var import_jsx_runtime88 = require("react/jsx-runtime");
+var Table = React61.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
 );
 Table.displayName = "Table";
-var TableHeader = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
+var TableHeader = React61.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
 );
 TableHeader.displayName = "TableHeader";
-var TableBody = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
+var TableBody = React61.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
 );
 TableBody.displayName = "TableBody";
-var TableFooter = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props })
+var TableFooter = React61.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props })
 );
 TableFooter.displayName = "TableFooter";
-var TableRow = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+var TableRow = React61.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     "tr",
     {
       ref,
@@ -28147,8 +28753,8 @@ var TableRow = React60.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+var TableHead = React61.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     "th",
     {
       ref,
@@ -28161,23 +28767,23 @@ var TableHead = React60.forwardRef(
   )
 );
 TableHead.displayName = "TableHead";
-var TableCell = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })
+var TableCell = React61.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })
 );
 TableCell.displayName = "TableCell";
-var TableCaption = React60.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
+var TableCaption = React61.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
 );
 TableCaption.displayName = "TableCaption";
 
 // src/components/ui/toast.tsx
-var React61 = __toESM(require("react"), 1);
+var React62 = __toESM(require("react"), 1);
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"), 1);
 var import_class_variance_authority8 = require("class-variance-authority");
 var import_lucide_react33 = require("lucide-react");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+var ToastViewport = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -28203,11 +28809,11 @@ var toastVariants = (0, import_class_variance_authority8.cva)(
     }
   }
 );
-var Toast = React61.forwardRef(({ className, variant, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ToastPrimitives.Root, { ref, className: cn(toastVariants({ variant }), className), ...props });
+var Toast = React62.forwardRef(({ className, variant, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ToastPrimitives.Root, { ref, className: cn(toastVariants({ variant }), className), ...props });
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+var ToastAction = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
   ToastPrimitives.Action,
   {
     ref,
@@ -28219,7 +28825,7 @@ var ToastAction = React61.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React61.forwardRef(({ className, onClick, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+var ToastClose = React62.forwardRef(({ className, onClick, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
   ToastPrimitives.Close,
   {
     ref,
@@ -28233,39 +28839,39 @@ var ToastClose = React61.forwardRef(({ className, onClick, ...props }, ref) => /
     },
     "toast-close": "",
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_lucide_react33.X, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_lucide_react33.X, { className: "h-4 w-4" })
   }
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ToastPrimitives.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
+var ToastTitle = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ToastPrimitives.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ToastPrimitives.Description, { ref, className: cn("text-sm opacity-90", className), ...props }));
+var ToastDescription = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ToastPrimitives.Description, { ref, className: cn("text-sm opacity-90", className), ...props }));
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // src/components/ui/toaster.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 function Toaster2() {
   const { toasts } = useToast();
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(ToastProvider, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(ToastProvider, { children: [
     toasts.map(function({ id, title, description, action, ...props }) {
-      return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(Toast, { ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "grid gap-1", children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ToastTitle, { children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ToastDescription, { children: description })
+      return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(Toast, { ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "grid gap-1", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ToastTitle, { children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ToastDescription, { children: description })
         ] }),
         action,
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ToastClose, {})
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ToastClose, {})
       ] }, id);
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ToastViewport, {})
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ToastViewport, {})
   ] });
 }
 
 // src/components/ui/toggle.tsx
-var React62 = __toESM(require("react"), 1);
+var React63 = __toESM(require("react"), 1);
 var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
 var import_class_variance_authority9 = require("class-variance-authority");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority9.cva)(
   "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
   {
@@ -28286,22 +28892,22 @@ var toggleVariants = (0, import_class_variance_authority9.cva)(
     }
   }
 );
-var Toggle = React62.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
+var Toggle = React63.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/ui/toggle-group.tsx
-var React63 = __toESM(require("react"), 1);
+var React64 = __toESM(require("react"), 1);
 var ToggleGroupPrimitive = __toESM(require("@radix-ui/react-toggle-group"), 1);
-var import_jsx_runtime91 = require("react/jsx-runtime");
-var ToggleGroupContext = React63.createContext({
+var import_jsx_runtime92 = require("react/jsx-runtime");
+var ToggleGroupContext = React64.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React63.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
+var ToggleGroup = React64.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React63.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React63.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+var ToggleGroupItem = React64.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React64.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -28320,11 +28926,11 @@ var ToggleGroupItem = React63.forwardRef(({ className, children, variant, size,
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/hooks/useActiveSection.ts
-var import_react23 = require("react");
+var import_react26 = require("react");
 var useActiveSection = (sectionIds, offset = 180) => {
   var _a78;
-  const [activeId, setActiveId] = (0, import_react23.useState)((_a78 = sectionIds[0]) != null ? _a78 : "");
-  (0, import_react23.useEffect)(() => {
+  const [activeId, setActiveId] = (0, import_react26.useState)((_a78 = sectionIds[0]) != null ? _a78 : "");
+  (0, import_react26.useEffect)(() => {
     if (!sectionIds.length || typeof window === "undefined") return;
     const update = () => {
       let nextActive = sectionIds[0];
@@ -28356,7 +28962,7 @@ function slugify(value) {
 }
 
 // src/lib/layoutMode.ts
-var import_react24 = require("react");
+var import_react27 = require("react");
 var LAYOUT_MODE_STORAGE_KEY = "cc-layout-preview-mode";
 var LAYOUT_MODE_CHANGE_EVENT = "cc-layout-mode-change";
 var normalizeLayoutMode = (value) => {
@@ -28379,8 +28985,8 @@ var writeStoredLayoutMode = (mode) => {
   window.dispatchEvent(new CustomEvent(LAYOUT_MODE_CHANGE_EVENT, { detail: mode }));
 };
 var useLayoutMode = () => {
-  const [mode, setMode] = (0, import_react24.useState)(readStoredLayoutMode);
-  (0, import_react24.useEffect)(() => {
+  const [mode, setMode] = (0, import_react27.useState)(readStoredLayoutMode);
+  (0, import_react27.useEffect)(() => {
     if (typeof window === "undefined") return void 0;
     const handleStorage = (event) => {
       if (event.key !== LAYOUT_MODE_STORAGE_KEY) return;
@@ -28402,15 +29008,15 @@ var useLayoutMode = () => {
 };
 var useLayoutModeControl = () => {
   const mode = useLayoutMode();
-  const setMode = (0, import_react24.useCallback)((nextMode) => {
+  const setMode = (0, import_react27.useCallback)((nextMode) => {
     writeStoredLayoutMode(nextMode);
   }, []);
   return { mode, setMode };
 };
 
 // src/lib/auth.tsx
-var import_react25 = require("react");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_react28 = require("react");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var STORAGE_KEYS = {
   accessToken: "cc_access_token",
   idToken: "cc_id_token",
@@ -28490,6 +29096,39 @@ var PRESENCE_HEARTBEAT_INTERVAL_MS = parsePositiveInteger2(
 );
 var INACTIVITY_CHECK_INTERVAL_MS = 3e4;
 var SILENT_AUTH_ERRORS = /* @__PURE__ */ new Set(["login_required", "interaction_required", "consent_required", "account_selection_required"]);
+var PROTECTED_ROUTE_PREFIXES = ["/layout-preview", "/componentes", "/docs", "/animacoes"];
+var LOOPBACK_HOSTNAMES = /* @__PURE__ */ new Set(["localhost", "127.0.0.1", "::1"]);
+var isTruthyEnvFlag = (value) => {
+  if (!value) return false;
+  const normalized = value.trim().toLowerCase();
+  return normalized === "1" || normalized === "true" || normalized === "yes" || normalized === "on";
+};
+var isProtectedRoute = (pathname) => {
+  return PROTECTED_ROUTE_PREFIXES.some((prefix) => pathname === prefix || pathname.startsWith(`${prefix}/`));
+};
+var shouldAttemptSilentLoginForPath = (pathname) => {
+  const override = getRuntimeEnv("VITE_ACCOUNTS_SILENT_AUTH");
+  if (typeof override === "string") {
+    return isTruthyEnvFlag(override);
+  }
+  return isProtectedRoute(pathname);
+};
+var isSilentAuthRedirectCompatible = () => {
+  if (typeof window === "undefined") return true;
+  const configuredRedirectUri = getRuntimeEnv("VITE_ACCOUNTS_REDIRECT_URI");
+  if (!configuredRedirectUri) return true;
+  try {
+    const currentUrl = new URL(window.location.href);
+    const redirectUrl = new URL(configuredRedirectUri, window.location.origin);
+    if (redirectUrl.origin === currentUrl.origin) {
+      return true;
+    }
+    const usesLoopbackHosts = LOOPBACK_HOSTNAMES.has(redirectUrl.hostname) && LOOPBACK_HOSTNAMES.has(currentUrl.hostname);
+    return usesLoopbackHosts && redirectUrl.protocol === currentUrl.protocol && redirectUrl.port === currentUrl.port;
+  } catch (e) {
+    return true;
+  }
+};
 var DEFAULT_PRESENCE_STATUS = "online";
 var PRESENCE_STATUS_VALUES2 = [
   "online",
@@ -28569,7 +29208,7 @@ var readStoredPresenceSource = () => {
   if (isPresenceSource(stored)) return stored;
   return "auto";
 };
-var AuthContext = (0, import_react25.createContext)(void 0);
+var AuthContext = (0, import_react28.createContext)(void 0);
 var readStoredToken = () => {
   const accessToken = sessionStorage.getItem(STORAGE_KEYS.accessToken);
   const idToken = sessionStorage.getItem(STORAGE_KEYS.idToken);
@@ -28688,17 +29327,17 @@ var buildUserFromTokens = ({
   };
 };
 var AuthProvider = ({ children }) => {
-  const [status, setStatus] = (0, import_react25.useState)("loading");
-  const [accessToken, setAccessToken] = (0, import_react25.useState)(null);
-  const [user, setUser] = (0, import_react25.useState)(null);
-  const [presenceStatus, setPresenceStatusState] = (0, import_react25.useState)(() => readStoredPresence());
-  const presenceStatusRef = (0, import_react25.useRef)(readStoredPresence());
-  const presenceSourceRef = (0, import_react25.useRef)(readStoredPresenceSource());
-  const lastActivityAtRef = (0, import_react25.useRef)(Date.now());
-  const lastActivityBroadcastAtRef = (0, import_react25.useRef)(0);
-  const resolvedPresenceIdentityKeyRef = (0, import_react25.useRef)(null);
-  const resolvedPresenceUserIdRef = (0, import_react25.useRef)(null);
-  const storePresenceStatus = (0, import_react25.useCallback)((nextStatus, source) => {
+  const [status, setStatus] = (0, import_react28.useState)("loading");
+  const [accessToken, setAccessToken] = (0, import_react28.useState)(null);
+  const [user, setUser] = (0, import_react28.useState)(null);
+  const [presenceStatus, setPresenceStatusState] = (0, import_react28.useState)(() => readStoredPresence());
+  const presenceStatusRef = (0, import_react28.useRef)(readStoredPresence());
+  const presenceSourceRef = (0, import_react28.useRef)(readStoredPresenceSource());
+  const lastActivityAtRef = (0, import_react28.useRef)(Date.now());
+  const lastActivityBroadcastAtRef = (0, import_react28.useRef)(0);
+  const resolvedPresenceIdentityKeyRef = (0, import_react28.useRef)(null);
+  const resolvedPresenceUserIdRef = (0, import_react28.useRef)(null);
+  const storePresenceStatus = (0, import_react28.useCallback)((nextStatus, source) => {
     setPresenceStatusState(nextStatus);
     presenceStatusRef.current = nextStatus;
     sessionStorage.setItem(STORAGE_KEYS.presence, nextStatus);
@@ -28708,7 +29347,7 @@ var AuthProvider = ({ children }) => {
       localStorage.setItem(LOCAL_STORAGE_KEYS.presenceSource, source);
     }
   }, []);
-  const resolvePresenceUserId = (0, import_react25.useCallback)(async (targetUser) => {
+  const resolvePresenceUserId = (0, import_react28.useCallback)(async (targetUser) => {
     var _a78, _b7, _c, _d;
     const sub = toNonEmptyString(targetUser == null ? void 0 : targetUser.sub);
     const id = toNonEmptyString(targetUser == null ? void 0 : targetUser.id);
@@ -28746,7 +29385,7 @@ var AuthProvider = ({ children }) => {
     resolvedPresenceUserIdRef.current = fallbackUserId;
     return fallbackUserId;
   }, []);
-  const syncPresenceFromRecord = (0, import_react25.useCallback)(
+  const syncPresenceFromRecord = (0, import_react28.useCallback)(
     (rawRow) => {
       var _a78, _b7, _c;
       if (!rawRow) return;
@@ -28761,7 +29400,7 @@ var AuthProvider = ({ children }) => {
     },
     [storePresenceStatus]
   );
-  const persistPresenceLegacy = (0, import_react25.useCallback)(
+  const persistPresenceLegacy = (0, import_react28.useCallback)(
     async (nextStatus, source, targetUser, options) => {
       const userId = await resolvePresenceUserId(targetUser != null ? targetUser : user);
       if (!userId) return false;
@@ -28796,7 +29435,7 @@ var AuthProvider = ({ children }) => {
     },
     [resolvePresenceUserId, syncPresenceFromRecord, user]
   );
-  const executePresenceRpc = (0, import_react25.useCallback)(
+  const executePresenceRpc = (0, import_react28.useCallback)(
     async (fnName, payload, options) => {
       const supabase = getSupabase();
       if (!supabase) {
@@ -28824,7 +29463,7 @@ var AuthProvider = ({ children }) => {
     },
     [persistPresenceLegacy, syncPresenceFromRecord]
   );
-  const touchPresence = (0, import_react25.useCallback)(
+  const touchPresence = (0, import_react28.useCallback)(
     async (options) => {
       var _a78;
       const targetUser = (_a78 = options == null ? void 0 : options.targetUser) != null ? _a78 : user;
@@ -28855,7 +29494,7 @@ var AuthProvider = ({ children }) => {
     },
     [executePresenceRpc, resolvePresenceUserId, user]
   );
-  const markPresenceIdle = (0, import_react25.useCallback)(
+  const markPresenceIdle = (0, import_react28.useCallback)(
     async (targetUser) => {
       const resolvedTargetUser = targetUser != null ? targetUser : user;
       const userId = await resolvePresenceUserId(resolvedTargetUser);
@@ -28880,7 +29519,7 @@ var AuthProvider = ({ children }) => {
     },
     [executePresenceRpc, resolvePresenceUserId, user]
   );
-  const setPresenceNetworkStatus = (0, import_react25.useCallback)(
+  const setPresenceNetworkStatus = (0, import_react28.useCallback)(
     async (nextStatus, source, targetUser) => {
       const resolvedTargetUser = targetUser != null ? targetUser : user;
       const userId = await resolvePresenceUserId(resolvedTargetUser);
@@ -28906,7 +29545,7 @@ var AuthProvider = ({ children }) => {
     },
     [executePresenceRpc, resolvePresenceUserId, user]
   );
-  const loadPresenceFromDatabase = (0, import_react25.useCallback)(
+  const loadPresenceFromDatabase = (0, import_react28.useCallback)(
     async (targetUser) => {
       const userId = await resolvePresenceUserId(targetUser);
       if (!userId) return;
@@ -28940,7 +29579,7 @@ var AuthProvider = ({ children }) => {
     },
     [resolvePresenceUserId, syncPresenceFromRecord, touchPresence]
   );
-  const clearAuthFlowState = (0, import_react25.useCallback)((options) => {
+  const clearAuthFlowState = (0, import_react28.useCallback)((options) => {
     sessionStorage.removeItem(STORAGE_KEYS.state);
     sessionStorage.removeItem(STORAGE_KEYS.verifier);
     sessionStorage.removeItem(STORAGE_KEYS.nonce);
@@ -28950,7 +29589,7 @@ var AuthProvider = ({ children }) => {
       sessionStorage.removeItem(STORAGE_KEYS.silentCheckDone);
     }
   }, []);
-  const startAuthorization = (0, import_react25.useCallback)(
+  const startAuthorization = (0, import_react28.useCallback)(
     async (options) => {
       var _a78, _b7;
       const config = getAccountsConfig();
@@ -28976,7 +29615,7 @@ var AuthProvider = ({ children }) => {
     },
     []
   );
-  const attemptSilentLogin = (0, import_react25.useCallback)(async () => {
+  const attemptSilentLogin = (0, import_react28.useCallback)(async () => {
     if (typeof window === "undefined") return false;
     if (window.location.pathname.startsWith("/auth/callback")) return false;
     if (sessionStorage.getItem(STORAGE_KEYS.silentCheckDone) === "1") return false;
@@ -28987,7 +29626,7 @@ var AuthProvider = ({ children }) => {
     });
     return true;
   }, [startAuthorization]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     let cancelled = false;
     const initializeAuth = async () => {
       var _a78;
@@ -29011,9 +29650,13 @@ var AuthProvider = ({ children }) => {
       sessionStorage.removeItem(STORAGE_KEYS.presence);
       sessionStorage.removeItem(STORAGE_KEYS.presenceSource);
       localStorage.removeItem(LOCAL_STORAGE_KEYS.presenceSource);
+      const pathname = typeof window === "undefined" ? "/" : window.location.pathname;
+      const shouldAttemptSilentLogin = shouldAttemptSilentLoginForPath(pathname) && isSilentAuthRedirectCompatible();
       try {
-        const redirected = await attemptSilentLogin();
-        if (redirected || cancelled) return;
+        if (shouldAttemptSilentLogin) {
+          const redirected = await attemptSilentLogin();
+          if (redirected || cancelled) return;
+        }
       } catch (error) {
         if (isRuntimeDev()) {
           console.warn("[auth] Falha na verifica\xE7\xE3o silenciosa de sess\xE3o:", error.message);
@@ -29028,7 +29671,7 @@ var AuthProvider = ({ children }) => {
       cancelled = true;
     };
   }, [attemptSilentLogin]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     var _a78;
     if (status !== "authenticated") return;
     if (user) return;
@@ -29041,15 +29684,15 @@ var AuthProvider = ({ children }) => {
     if (!hydratedUser) return;
     setUser(hydratedUser);
   }, [status, user]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     resolvedPresenceIdentityKeyRef.current = null;
     resolvedPresenceUserIdRef.current = null;
   }, [user == null ? void 0 : user.email, user == null ? void 0 : user.id, user == null ? void 0 : user.sub, user == null ? void 0 : user.userId]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (status !== "authenticated") return;
     void loadPresenceFromDatabase(user);
   }, [loadPresenceFromDatabase, status, user]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (status !== "authenticated") return;
     const supabase = getSupabase();
     if (!supabase) return;
@@ -29086,7 +29729,7 @@ var AuthProvider = ({ children }) => {
       }
     };
   }, [resolvePresenceUserId, status, storePresenceStatus, syncPresenceFromRecord, user]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (status !== "authenticated") return;
     const registerActivity = () => {
       lastActivityAtRef.current = Date.now();
@@ -29135,13 +29778,13 @@ var AuthProvider = ({ children }) => {
       document.removeEventListener("visibilitychange", onVisibility);
     };
   }, [markPresenceIdle, status, touchPresence]);
-  const login = (0, import_react25.useCallback)(async (redirectTo) => {
+  const login = (0, import_react28.useCallback)(async (redirectTo) => {
     await startAuthorization({
       mode: "interactive",
       redirectTo: redirectTo != null ? redirectTo : window.location.pathname + window.location.search + window.location.hash
     });
   }, [startAuthorization]);
-  const completeLogin = (0, import_react25.useCallback)(async () => {
+  const completeLogin = (0, import_react28.useCallback)(async () => {
     var _a78;
     const params = new URLSearchParams(window.location.search);
     const redirectTo = (_a78 = sessionStorage.getItem(STORAGE_KEYS.redirect)) != null ? _a78 : "/";
@@ -29211,7 +29854,7 @@ var AuthProvider = ({ children }) => {
       return { ok: false, error: err.message };
     }
   }, [clearAuthFlowState]);
-  const logout = (0, import_react25.useCallback)(async () => {
+  const logout = (0, import_react28.useCallback)(async () => {
     var _a78;
     const config = getAccountsConfig();
     const { logoutUrl } = await resolveOidcEndpoints(config);
@@ -29230,13 +29873,13 @@ var AuthProvider = ({ children }) => {
       window.location.assign(url);
     }
   }, [setPresenceNetworkStatus, storePresenceStatus, user]);
-  const getAccessToken = (0, import_react25.useCallback)(async () => {
+  const getAccessToken = (0, import_react28.useCallback)(async () => {
     const stored = readStoredToken();
     if (stored == null ? void 0 : stored.accessToken) return stored.accessToken;
     if (accessToken) return accessToken;
     throw new Error("Usu\xE1rio n\xE3o autenticado.");
   }, [accessToken]);
-  const setPresenceStatus = (0, import_react25.useCallback)(
+  const setPresenceStatus = (0, import_react28.useCallback)(
     async (nextStatus) => {
       if (!isUserPresenceStatus(nextStatus) || nextStatus === "offline") return;
       const now = Date.now();
@@ -29247,7 +29890,7 @@ var AuthProvider = ({ children }) => {
     },
     [setPresenceNetworkStatus]
   );
-  const value = (0, import_react25.useMemo)(
+  const value = (0, import_react28.useMemo)(
     () => ({
       status,
       user,
@@ -29261,10 +29904,10 @@ var AuthProvider = ({ children }) => {
     }),
     [status, user, accessToken, login, logout, completeLogin, getAccessToken, presenceStatus, setPresenceStatus]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(AuthContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(AuthContext.Provider, { value, children });
 };
 var useAuth = () => {
-  const ctx = (0, import_react25.useContext)(AuthContext);
+  const ctx = (0, import_react28.useContext)(AuthContext);
   if (!ctx) {
     throw new Error("useAuth deve ser usado dentro de AuthProvider.");
   }
@@ -29291,6 +29934,7 @@ var useAuth = () => {
   AlertDialogTitle,
   AlertDialogTrigger,
   AlertTitle,
+  AnimatedThemeToggle,
   AppSidebar,
   AspectRatio,
   AuthProvider,
@@ -29579,6 +30223,8 @@ var useAuth = () => {
   TelescupVideo,
   Textarea,
   TextareaField,
+  ThemeProvider,
+  ThemeScript,
   ThemeToggle,
   Timeline,
   Toast,
@@ -29639,6 +30285,7 @@ var useAuth = () => {
   toast,
   toggleVariants,
   useActiveSection,
+  useAppTheme,
   useAuth,
   useBreakpoint,
   useFormField,