@cupcodev/ui 5.1.2 → 6.0.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;
@@ -2759,7 +2763,7 @@ 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";
+    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_runtime15.jsxs)(
       "button",
       {
@@ -2979,7 +2983,8 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
   {
     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",
@@ -10402,7 +10407,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 +22254,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 +22745,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 +22778,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 +22869,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 +22916,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;
@@ -23080,24 +23567,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 +23592,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 +23629,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 +23649,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 +23692,7 @@ var MainNavbar = ({
       canceled = true;
     };
   }, [authStatus, getAccessToken]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!isAuthenticated) {
       setResolvedSenderId(null);
       setPersistedProfileAvatarValue(void 0);
@@ -23284,7 +23771,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 +23847,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 +24251,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 +24383,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 +24409,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 +24419,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 +24473,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 +24551,7 @@ var MainNavbar = ({
     },
     [chatReactions, effectiveCurrentUserId, updateChatFeatureFlags]
   );
-  const insertChatLog = (0, import_react16.useCallback)(
+  const insertChatLog = (0, import_react18.useCallback)(
     async ({
       messageId,
       action,
@@ -24095,7 +24582,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 +24652,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 +24739,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 +24758,7 @@ var MainNavbar = ({
     },
     [chatMessages]
   );
-  const handleChatSendMessage = (0, import_react16.useCallback)(
+  const handleChatSendMessage = (0, import_react18.useCallback)(
     async ({
       recipientId,
       text,
@@ -24360,7 +24847,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,10 +24875,10 @@ 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)(
+    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",
@@ -24402,7 +24889,7 @@ var MainNavbar = ({
           className: "h-10 w-auto"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         TelescupImage,
         {
           apiId: "3b913721-2eda-48fd-8d76-1a53055a337f",
@@ -24448,7 +24935,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 +24944,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 +24954,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 +24967,7 @@ var MainNavbar = ({
     },
     []
   );
-  const getTelescupAccessToken = (0, import_react16.useCallback)(async () => {
+  const getTelescupAccessToken = (0, import_react18.useCallback)(async () => {
     if (getAccessToken) {
       return getAccessToken();
     }
@@ -24493,7 +24980,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 +25006,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 +25124,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,14 +25189,14 @@ 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 import_jsx_runtime40 = 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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-[15px]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       TelescupImage,
       {
         apiId: "be574751-cf1b-499a-8473-360b4115b447",
@@ -24717,7 +25207,7 @@ var DsNavbarLogo = () => {
         className: "h-10 w-auto"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       TelescupImage,
       {
         apiId: "3b913721-2eda-48fd-8d76-1a53055a337f",
@@ -24731,7 +25221,7 @@ var DsNavbarLogo = () => {
   ] });
 };
 var DsNavbarCompactLogo = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     TelescupImage,
     {
       apiId: "be574751-cf1b-499a-8473-360b4115b447",
@@ -24788,26 +25278,26 @@ var buildSidebarGroupsFromNavItems = (items, defaultGroupLabel = "Principal") =>
 var defaultSidebarGroups = buildSidebarGroupsFromNavItems(getMainNavItems());
 
 // src/components/layout/sidebar.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var findGroupByRoute = (groups, pathname) => {
   var _a78, _b7;
   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 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 IconFallback = () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react10.Circle, { className: "h-3 w-3 opacity-80", "aria-hidden": "true" });
+var IconSlot = ({ icon, className }) => /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime41.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 +25305,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 : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DsNavbarLogo, {});
+  const resolvedCollapsedLogo = collapsedLogo != null ? collapsedLogo : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DsNavbarCompactLogo, {});
+  (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 +25336,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(() => {
@@ -24856,17 +25346,17 @@ var AppSidebar = ({ isCollapsed, onToggle, groups, logo, collapsedLogo }) => {
       window.cancelAnimationFrame(frame);
     };
   }, [location.pathname]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     import_framer_motion.motion.aside,
     {
       className: "fixed left-0 top-0 h-full z-30 p-2 overflow-hidden",
       animate: { width: isCollapsed ? 76 : 320 },
       transition: { duration: 0.25, ease: "easeInOut" },
-      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "h-full rounded-r-2xl border border-l-0 border-white/15 bg-background/40 p-3 shadow-[0_24px_44px_-30px_rgba(58,42,88,0.7)] backdrop-blur-xl [transform:translateZ(0)] flex flex-col overflow-hidden", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn("mb-3 flex min-h-11 items-center", isCollapsed ? "justify-center" : "justify-start px-1"), children: isCollapsed ? resolvedCollapsedLogo : resolvedExpandedLogo }),
-        !isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "relative mb-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react10.Search, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-ink/65" }),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "h-full rounded-r-2xl border border-l-0 border-white/15 bg-background/40 p-3 shadow-[0_24px_44px_-30px_rgba(58,42,88,0.7)] backdrop-blur-xl [transform:translateZ(0)] flex flex-col overflow-hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn("mb-3 flex min-h-11 items-center", isCollapsed ? "justify-center" : "justify-start px-1"), children: isCollapsed ? resolvedCollapsedLogo : resolvedExpandedLogo }),
+        !isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "relative mb-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react10.Search, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-ink/65" }),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             "input",
             {
               type: "search",
@@ -24877,9 +25367,9 @@ var AppSidebar = ({ isCollapsed, onToggle, groups, logo, collapsedLogo }) => {
             }
           )
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { ref: navScrollRef, className: "cc-scrollbar cc-scrollbar-purple flex-1 overflow-y-auto overflow-x-hidden pr-1", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex flex-col items-center gap-2", children: resolvedGroups.map((group) => {
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { ref: navScrollRef, className: "cc-scrollbar cc-scrollbar-purple flex-1 overflow-y-auto overflow-x-hidden pr-1", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex flex-col items-center gap-2", children: resolvedGroups.map((group) => {
           const isActiveGroup = (activeGroup != null ? activeGroup : openGroup) === group.label;
-          return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             "button",
             {
               type: "button",
@@ -24892,14 +25382,14 @@ var AppSidebar = ({ isCollapsed, onToggle, groups, logo, collapsedLogo }) => {
                 isActiveGroup ? "bg-cupcode-purple shadow-md text-white" : "bg-white/10 hover:bg-[rgba(151,90,182,0.30)] text-ink"
               ),
               "aria-label": `Abrir grupo ${group.label}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IconSlot, { icon: group.icon, className: cn("[&>svg]:h-5 [&>svg]:w-5", isActiveGroup && "text-white") })
+              children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(IconSlot, { icon: group.icon, className: cn("[&>svg]:h-5 [&>svg]:w-5", isActiveGroup && "text-white") })
             },
             group.id
           );
-        }) }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "space-y-2", children: visibleGroups.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "rounded-xl bg-white/20 px-3 py-3 text-xs text-ink-muted", children: "Nenhum item encontrado." }) : visibleGroups.map((group) => {
+        }) }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "space-y-2", children: visibleGroups.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "rounded-xl bg-white/20 px-3 py-3 text-xs text-ink-muted", children: "Nenhum item encontrado." }) : visibleGroups.map((group) => {
           const isOpen = openGroup === group.label;
-          return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("section", { className: "rounded-xl bg-white/14", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("section", { className: "rounded-xl bg-white/14", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
               "button",
               {
                 type: "button",
@@ -24907,13 +25397,13 @@ var AppSidebar = ({ isCollapsed, onToggle, groups, logo, collapsedLogo }) => {
                 className: "flex w-full items-center gap-3 rounded-xl px-3 py-2.5 text-left transition-colors duration-200 hover:bg-[rgba(151,90,182,0.30)]",
                 "aria-expanded": isOpen,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IconSlot, { icon: group.icon, className: "h-8 w-8 rounded-xl bg-white/55 text-ink" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-[11px] font-semibold uppercase tracking-[0.12em] text-ink/80", children: group.label }),
-                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react10.ChevronDown, { className: cn("ml-auto h-4 w-4 text-ink/65 transition-transform", isOpen && "rotate-90") })
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(IconSlot, { icon: group.icon, className: "h-8 w-8 rounded-xl bg-white/55 text-ink" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-[11px] font-semibold uppercase tracking-[0.12em] text-ink/80", children: group.label }),
+                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react10.ChevronDown, { className: cn("ml-auto h-4 w-4 text-ink/65 transition-transform", isOpen && "rotate-90") })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_framer_motion.AnimatePresence, { initial: false, children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_framer_motion.AnimatePresence, { initial: false, children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
               import_framer_motion.motion.div,
               {
                 initial: { height: 0 },
@@ -24921,9 +25411,9 @@ var AppSidebar = ({ isCollapsed, onToggle, groups, logo, collapsedLogo }) => {
                 exit: { height: 0 },
                 transition: { duration: 0.2, ease: "easeInOut" },
                 className: "overflow-hidden",
-                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("nav", { className: "space-y-1 pb-2", children: group.items.map((item) => {
+                children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("nav", { className: "space-y-1 pb-2", children: group.items.map((item) => {
                   const isActive = location.pathname === item.route;
-                  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
                     import_react_router_dom.NavLink,
                     {
                       to: item.route,
@@ -24932,7 +25422,7 @@ var AppSidebar = ({ isCollapsed, onToggle, groups, logo, collapsedLogo }) => {
                         isActive && "bg-white/40 font-medium text-ink"
                       ),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                           IconSlot,
                           {
                             icon: item.icon,
@@ -24942,7 +25432,7 @@ var AppSidebar = ({ isCollapsed, onToggle, groups, logo, collapsedLogo }) => {
                             )
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: cn("truncate", isActive && "font-medium"), children: item.label })
+                        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: cn("truncate", isActive && "font-medium"), children: item.label })
                       ]
                     },
                     item.id
@@ -24958,7 +25448,7 @@ var AppSidebar = ({ isCollapsed, onToggle, groups, logo, collapsedLogo }) => {
 };
 
 // src/components/layout/main-layout.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var SIDEBAR_COLLAPSED_WIDTH = 76;
 var SIDEBAR_EXPANDED_WIDTH = 320;
 var SIDEBAR_COLLAPSED_STORAGE_KEY = "cc-layout-sidebar-collapsed";
@@ -24980,11 +25470,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,12 +25483,12 @@ 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]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: cn("relative min-h-screen", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: cn("relative min-h-screen", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       AppSidebar,
       {
         isCollapsed: sidebarCollapsed,
@@ -25007,7 +25497,7 @@ var MainLayout = ({
         collapsedLogo: sidebarCollapsedLogo
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       MainNavbar,
       {
         ...navbarProps,
@@ -25015,7 +25505,7 @@ var MainLayout = ({
         className: mergedNavbarClassName
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       "div",
       {
         className: "fixed z-[210]",
@@ -25023,14 +25513,14 @@ var MainLayout = ({
           left: contentMarginLeft - 22,
           top: "calc(max(env(safe-area-inset-top), 0px) + 18px)"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "button",
           {
             type: "button",
             onClick: toggleSidebar,
             "aria-label": sidebarCollapsed ? "Expandir sidebar" : "Recolher sidebar",
             className: "inline-flex h-20 w-11 items-center justify-center rounded-[22px] border border-white/20 bg-[hsla(258,34%,34%,0.4)] text-white/90 shadow-[0_12px_28px_-16px_rgba(0,0,0,0.75)] backdrop-blur-xl transition-colors duration-200 hover:bg-[hsla(258,38%,38%,0.52)]",
-            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
               import_lucide_react11.ChevronRight,
               {
                 className: cn(
@@ -25043,7 +25533,7 @@ var MainLayout = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       "main",
       {
         className: cn("relative min-h-screen pt-24", contentClassName),
@@ -25058,10 +25548,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 import_jsx_runtime43 = require("react/jsx-runtime");
+var ErrorBoundary = class extends import_react21.default.Component {
   constructor(props) {
     super(props);
     __publicField(this, "handleReset", () => {
@@ -25080,17 +25570,17 @@ var ErrorBoundary = class extends import_react19.default.Component {
       if (this.props.fallback) {
         return this.props.fallback;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "min-h-screen flex items-center justify-center p-6 bg-gradient-to-br from-cupcode-surface to-muted", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "max-w-md w-full glass rounded-xl p-8 text-center animate-scale-in", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "mb-6 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "p-4 rounded-full bg-destructive/10", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react12.AlertTriangle, { className: "w-12 h-12 text-destructive" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h2", { className: "text-2xl font-display font-bold text-foreground mb-3", children: "Algo deu errado" }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-muted-foreground mb-6", children: "Desculpe, encontramos um erro inesperado. Por favor, tente novamente." }),
-        this.state.error && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("details", { className: "mb-6 text-left", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("summary", { className: "cursor-pointer text-sm text-muted-foreground hover:text-foreground", children: "Detalhes t\xE9cnicos" }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("pre", { className: "mt-2 p-3 bg-muted rounded-md text-xs overflow-x-auto", children: this.state.error.message })
+      return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "min-h-screen flex items-center justify-center p-6 bg-gradient-to-br from-cupcode-surface to-muted", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "max-w-md w-full glass rounded-xl p-8 text-center animate-scale-in", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "mb-6 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "p-4 rounded-full bg-destructive/10", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react12.AlertTriangle, { className: "w-12 h-12 text-destructive" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h2", { className: "text-2xl font-display font-bold text-foreground mb-3", children: "Algo deu errado" }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-muted-foreground mb-6", children: "Desculpe, encontramos um erro inesperado. Por favor, tente novamente." }),
+        this.state.error && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("details", { className: "mb-6 text-left", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("summary", { className: "cursor-pointer text-sm text-muted-foreground hover:text-foreground", children: "Detalhes t\xE9cnicos" }),
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("pre", { className: "mt-2 p-3 bg-muted rounded-md text-xs overflow-x-auto", children: this.state.error.message })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex gap-3 justify-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(JellyButton, { onClick: this.handleReset, variant: "primary", children: "Tentar novamente" }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(JellyButton, { onClick: () => window.location.href = "/", variant: "secondary", children: "Ir para in\xEDcio" })
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex gap-3 justify-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(JellyButton, { onClick: this.handleReset, variant: "primary", children: "Tentar novamente" }),
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(JellyButton, { onClick: () => window.location.href = "/", variant: "secondary", children: "Ir para in\xEDcio" })
         ] })
       ] }) });
     }
@@ -25099,9 +25589,9 @@ var ErrorBoundary = class extends import_react19.default.Component {
 };
 
 // src/components/cupcode/EyebrowCupcode.tsx
-var import_react20 = require("react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var Eyebrow = (0, import_react20.forwardRef)(
+var import_react22 = require("react");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var Eyebrow = (0, import_react22.forwardRef)(
   ({ variant = "galaxy", glow = false, className, children, ...props }, ref) => {
     const baseClasses = cn(
       "inline-flex items-center gap-2",
@@ -25116,7 +25606,7 @@ var Eyebrow = (0, import_react20.forwardRef)(
       purple: "bg-cupcode-purple text-white shadow-[0_0_20px_rgba(124,91,187,0.4)]",
       outline: "border-2 border-cupcode-purple text-cupcode-purple bg-transparent"
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "div",
       {
         ref,
@@ -25130,7 +25620,7 @@ var Eyebrow = (0, import_react20.forwardRef)(
 Eyebrow.displayName = "Eyebrow";
 
 // src/components/cupcode/HeroTitle.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var HeroTitle = ({
   eyebrow,
   smallPrefix,
@@ -25144,25 +25634,25 @@ var HeroTitle = ({
     3: "h3"
   };
   const Tag = headingTagMap[level];
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: cn("space-y-3", className), children: [
-    eyebrow && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "span-destaque animate-fade-in", children: eyebrow }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Tag, { className: "font-display font-bold leading-tight animate-slide-up", children: [
-      smallPrefix && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("small", { className: "block text-base font-normal opacity-70 mb-1", children: smallPrefix }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("b", { className: "block bg-gradient-to-r from-cupcode-hover to-cupcode-purple bg-clip-text text-transparent", children: strong })
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cn("space-y-3", className), children: [
+    eyebrow && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "span-destaque animate-fade-in", children: eyebrow }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Tag, { className: "font-display font-bold leading-tight animate-slide-up", children: [
+      smallPrefix && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("small", { className: "block text-base font-normal opacity-70 mb-1", children: smallPrefix }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("b", { className: "block bg-gradient-to-r from-cupcode-hover to-cupcode-purple bg-clip-text text-transparent", children: strong })
     ] })
   ] });
 };
 
 // src/components/cupcode/InputField.tsx
 var React25 = __toESM(require("react"), 1);
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var InputField = React25.forwardRef(
   ({ className, type, label, error, leftIcon, rightIcon, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "cc-stack space-2 w-full", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("label", { className: "text-sm font-semibold text-cupcode-ink", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "relative", children: [
-        leftIcon && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-cupcode-purple opacity-60", children: leftIcon }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "cc-stack space-2 w-full", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("label", { className: "text-sm font-semibold text-cupcode-ink", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "relative", children: [
+        leftIcon && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-cupcode-purple opacity-60", children: leftIcon }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           "input",
           {
             type,
@@ -25184,16 +25674,16 @@ var InputField = React25.forwardRef(
             ...props
           }
         ),
-        rightIcon && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-cupcode-purple opacity-60", children: rightIcon })
+        rightIcon && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-cupcode-purple opacity-60", children: rightIcon })
       ] }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-xs font-medium text-destructive animate-fade-in", children: error })
+      error && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-xs font-medium text-destructive animate-fade-in", children: error })
     ] });
   }
 );
 InputField.displayName = "InputField";
 
 // src/components/cupcode/LoadingSpinner.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var sizes = {
   sm: "h-4 w-4 border-2",
   md: "h-8 w-8 border-3",
@@ -25203,7 +25693,7 @@ var LoadingSpinner = ({
   size = "md",
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "div",
     {
       className: cn(
@@ -25213,12 +25703,12 @@ var LoadingSpinner = ({
       ),
       role: "status",
       "aria-label": "Loading",
-      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "sr-only", children: "Loading..." })
+      children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "sr-only", children: "Loading..." })
     }
   );
 };
 var Skeleton2 = ({ className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "div",
     {
       className: cn(
@@ -25229,7 +25719,7 @@ var Skeleton2 = ({ className }) => {
   );
 };
 var SkeletonText = ({ lines = 3 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "space-y-2", children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "space-y-2", children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     Skeleton2,
     {
       className: cn(
@@ -25242,7 +25732,7 @@ var SkeletonText = ({ lines = 3 }) => {
 };
 
 // src/components/cupcode/LoadingScreen.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var LoadingScreen = ({
   message = "Carregando...",
   fullScreen = true,
@@ -25250,28 +25740,28 @@ var LoadingScreen = ({
 }) => {
   const containerClasses = fullScreen ? "fixed inset-0 z-50 flex items-center justify-center bg-background" : "flex items-center justify-center p-12";
   if (variant === "minimal") {
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: containerClasses, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LoadingSpinner, { size: "lg" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: containerClasses, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(LoadingSpinner, { size: "lg" }) });
   }
   if (variant === "galaxy") {
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn(containerClasses, "cc-gradient-galaxy"), children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "glass rounded-2xl p-8 flex flex-col items-center space-y-4 animate-scale-in", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LoadingSpinner, { size: "lg" }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "absolute inset-0 blur-2xl bg-cupcode-hover/30 animate-pulse-scale" })
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: cn(containerClasses, "cc-gradient-galaxy"), children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "glass rounded-2xl p-8 flex flex-col items-center space-y-4 animate-scale-in", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(LoadingSpinner, { size: "lg" }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "absolute inset-0 blur-2xl bg-cupcode-hover/30 animate-pulse-scale" })
       ] }),
-      message && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-white font-semibold text-lg animate-pulse", children: message })
+      message && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-white font-semibold text-lg animate-pulse", children: message })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: containerClasses, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "glass rounded-2xl p-8 flex flex-col items-center space-y-6 animate-scale-in max-w-sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "w-20 h-20 rounded-full cc-gradient-animated flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "w-16 h-16 rounded-full bg-background flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LoadingSpinner, { size: "md" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "absolute inset-0 blur-xl bg-cupcode-purple/20 animate-pulse-scale -z-10" })
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: containerClasses, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "glass rounded-2xl p-8 flex flex-col items-center space-y-6 animate-scale-in max-w-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "w-20 h-20 rounded-full cc-gradient-animated flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "w-16 h-16 rounded-full bg-background flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(LoadingSpinner, { size: "md" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "absolute inset-0 blur-xl bg-cupcode-purple/20 animate-pulse-scale -z-10" })
     ] }),
-    message && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "text-center space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "font-bold text-lg cc-text-gradient-galaxy", children: message }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex gap-1 justify-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "w-2 h-2 rounded-full bg-cupcode-hover animate-bounce", style: { animationDelay: "0ms" } }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "w-2 h-2 rounded-full bg-cupcode-purple animate-bounce", style: { animationDelay: "150ms" } }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "w-2 h-2 rounded-full bg-cupcode-hover animate-bounce", style: { animationDelay: "300ms" } })
+    message && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "text-center space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "font-bold text-lg cc-text-gradient-galaxy", children: message }),
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex gap-1 justify-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "w-2 h-2 rounded-full bg-cupcode-hover animate-bounce", style: { animationDelay: "0ms" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "w-2 h-2 rounded-full bg-cupcode-purple animate-bounce", style: { animationDelay: "150ms" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "w-2 h-2 rounded-full bg-cupcode-hover animate-bounce", style: { animationDelay: "300ms" } })
       ] })
     ] })
   ] }) });
@@ -25281,12 +25771,12 @@ var LoadingScreen = ({
 var React26 = __toESM(require("react"), 1);
 var DialogPrimitive3 = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_lucide_react13 = require("lucide-react");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var Modal = DialogPrimitive3.Root;
 var ModalTrigger = DialogPrimitive3.Trigger;
 var ModalPortal = DialogPrimitive3.Portal;
 var ModalClose = DialogPrimitive3.Close;
-var ModalOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var ModalOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
   DialogPrimitive3.Overlay,
   {
     ref,
@@ -25306,9 +25796,9 @@ var ModalContent = React26.forwardRef(({ className, children, size = "md", ...pr
     lg: "max-w-lg",
     xl: "max-w-xl"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(ModalPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ModalOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(ModalPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ModalOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
       DialogPrimitive3.Content,
       {
         ref,
@@ -25323,9 +25813,9 @@ var ModalContent = React26.forwardRef(({ className, children, size = "md", ...pr
         ...props,
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(DialogPrimitive3.Close, { className: "absolute right-4 top-4 rounded-md p-1 opacity-70 ring-offset-background transition-opacity hover:opacity-100 hover:bg-cupcode-ink/10 focus:outline-none focus:ring-2 focus:ring-cupcode-purple focus:ring-offset-2 disabled:pointer-events-none", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react13.X, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogPrimitive3.Close, { className: "absolute right-4 top-4 rounded-md p-1 opacity-70 ring-offset-background transition-opacity hover:opacity-100 hover:bg-cupcode-ink/10 focus:outline-none focus:ring-2 focus:ring-cupcode-purple focus:ring-offset-2 disabled:pointer-events-none", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react13.X, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -25336,7 +25826,7 @@ ModalContent.displayName = DialogPrimitive3.Content.displayName;
 var ModalHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
   "div",
   {
     className: cn("flex flex-col space-y-2 text-center sm:text-left mb-4", className),
@@ -25347,7 +25837,7 @@ ModalHeader.displayName = "ModalHeader";
 var ModalFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
   "div",
   {
     className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 mt-6", className),
@@ -25355,7 +25845,7 @@ var ModalFooter = ({
   }
 );
 ModalFooter.displayName = "ModalFooter";
-var ModalTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var ModalTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
   DialogPrimitive3.Title,
   {
     ref,
@@ -25364,7 +25854,7 @@ var ModalTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 ModalTitle.displayName = DialogPrimitive3.Title.displayName;
-var ModalDescription = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var ModalDescription = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
   DialogPrimitive3.Description,
   {
     ref,
@@ -25375,15 +25865,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_jsx_runtime49 = require("react/jsx-runtime");
+var import_react23 = require("react");
+var import_jsx_runtime50 = 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");
@@ -25448,7 +25938,7 @@ function ParticleSystem({
       cancelAnimationFrame(animationId);
     };
   }, [count2, variant]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     "canvas",
     {
       ref: canvasRef,
@@ -25459,7 +25949,7 @@ function ParticleSystem({
 
 // src/components/cupcode/PricingCard.tsx
 var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function PricingCard({
   title,
   price,
@@ -25471,7 +25961,7 @@ function PricingCard({
   buttonText = "Escolher plano",
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     CardGlass,
     {
       className: cn(
@@ -25481,17 +25971,17 @@ function PricingCard({
         className
       ),
       children: [
-        highlighted && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "absolute -top-4 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "bg-cupcode-purple text-white text-xs font-bold px-4 py-1 rounded-pill", children: "POPULAR" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "text-center mb-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h3", { className: "text-2xl font-display font-bold text-foreground mb-2", children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-sm text-muted-foreground", children: description })
+        highlighted && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "absolute -top-4 left-1/2 -translate-x-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "bg-cupcode-purple text-white text-xs font-bold px-4 py-1 rounded-pill", children: "POPULAR" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "text-center mb-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h3", { className: "text-2xl font-display font-bold text-foreground mb-2", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm text-muted-foreground", children: description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "text-center mb-8", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-baseline justify-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-5xl font-display font-bold cc-text-gradient-galaxy", children: price }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-muted-foreground", children: period })
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "text-center mb-8", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-baseline justify-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-5xl font-display font-bold cc-text-gradient-galaxy", children: price }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-muted-foreground", children: period })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("ul", { className: "space-3 mb-8", children: features.map((feature, index) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("li", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("ul", { className: "space-3 mb-8", children: features.map((feature, index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("li", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             import_lucide_react14.Check,
             {
               className: cn(
@@ -25500,7 +25990,7 @@ function PricingCard({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "span",
             {
               className: cn(
@@ -25511,7 +26001,7 @@ function PricingCard({
             }
           )
         ] }, index)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           JellyButton,
           {
             onClick: onSelect,
@@ -25528,7 +26018,7 @@ function PricingCard({
 // src/components/cupcode/ProgressCupcode.tsx
 var React27 = __toESM(require("react"), 1);
 var ProgressPrimitive2 = __toESM(require("@radix-ui/react-progress"), 1);
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var ProgressCupcode = React27.forwardRef(({ className, value, variant = "default", showLabel = false, size = "md", ...props }, ref) => {
   const sizeClasses2 = {
     sm: "h-2",
@@ -25542,15 +26032,15 @@ var ProgressCupcode = React27.forwardRef(({ className, value, variant = "default
     warning: "bg-warning",
     error: "bg-destructive"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "w-full space-y-2", children: [
-    showLabel && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "font-semibold text-foreground", children: "Progresso" }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "w-full space-y-2", children: [
+    showLabel && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "font-semibold text-foreground", children: "Progresso" }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "text-muted-foreground", children: [
         value,
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       ProgressPrimitive2.Root,
       {
         ref,
@@ -25560,7 +26050,7 @@ var ProgressCupcode = React27.forwardRef(({ className, value, variant = "default
           className
         ),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           ProgressPrimitive2.Indicator,
           {
             className: cn(
@@ -25578,7 +26068,7 @@ ProgressCupcode.displayName = "ProgressCupcode";
 
 // src/components/cupcode/ScrollbarTheme.tsx
 var React28 = __toESM(require("react"), 1);
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var SCROLLBAR_COLOR_ATTR = "data-cc-scrollbar-color";
 var SCROLLBAR_THEME_ATTR = "data-cc-scrollbar-theme";
 var ScrollbarThemeProvider = ({
@@ -25617,7 +26107,7 @@ var ScrollbarThemeProvider = ({
   return null;
 };
 var ScrollbarArea = React28.forwardRef(
-  ({ color = "purple", theme = "auto", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  ({ color = "purple", theme = "auto", className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     "div",
     {
       ref,
@@ -25638,11 +26128,11 @@ ScrollbarArea.displayName = "ScrollbarArea";
 var React29 = __toESM(require("react"), 1);
 var SelectPrimitive2 = __toESM(require("@radix-ui/react-select"), 1);
 var import_lucide_react15 = require("lucide-react");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var Select2 = SelectPrimitive2.Root;
 var SelectGroup2 = SelectPrimitive2.Group;
 var SelectValue2 = SelectPrimitive2.Value;
-var SelectTrigger2 = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+var SelectTrigger2 = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
   SelectPrimitive2.Trigger,
   {
     ref,
@@ -25660,12 +26150,12 @@ var SelectTrigger2 = React29.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectPrimitive2.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react15.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectPrimitive2.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react15.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger2.displayName = SelectPrimitive2.Trigger.displayName;
-var SelectContent2 = React29.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+var SelectContent2 = React29.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
   SelectPrimitive2.Content,
   {
     ref,
@@ -25682,7 +26172,7 @@ var SelectContent2 = React29.forwardRef(({ className, children, position = "popp
     ),
     position,
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       SelectPrimitive2.Viewport,
       {
         className: cn(
@@ -25695,7 +26185,7 @@ var SelectContent2 = React29.forwardRef(({ className, children, position = "popp
   }
 ) }));
 SelectContent2.displayName = SelectPrimitive2.Content.displayName;
-var SelectItem2 = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+var SelectItem2 = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
   SelectPrimitive2.Item,
   {
     ref,
@@ -25708,8 +26198,8 @@ var SelectItem2 = React29.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectPrimitive2.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react15.Check, { className: "h-4 w-4 text-cupcode-purple" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectPrimitive2.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectPrimitive2.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react15.Check, { className: "h-4 w-4 text-cupcode-purple" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectPrimitive2.ItemText, { children })
     ]
   }
 ));
@@ -25723,21 +26213,21 @@ var SelectField = ({
   options,
   disabled
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "cc-stack space-2 w-full", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("label", { className: "text-sm font-semibold text-cupcode-ink", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Select2, { value, onValueChange, disabled, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectTrigger2, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectValue2, { placeholder }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectContent2, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectGroup2, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectItem2, { value: option.value, children: option.label }, option.value)) }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "cc-stack space-2 w-full", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("label", { className: "text-sm font-semibold text-cupcode-ink", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Select2, { value, onValueChange, disabled, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectTrigger2, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectValue2, { placeholder }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectContent2, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectGroup2, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectItem2, { value: option.value, children: option.label }, option.value)) }) })
     ] }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-xs font-medium text-destructive animate-fade-in", children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-xs font-medium text-destructive animate-fade-in", children: error })
   ] });
 };
 
 // src/components/cupcode/SwitchField.tsx
 var React30 = __toESM(require("react"), 1);
 var SwitchPrimitives2 = __toESM(require("@radix-ui/react-switch"), 1);
-var import_jsx_runtime54 = require("react/jsx-runtime");
-var Switch2 = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var Switch2 = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
   SwitchPrimitives2.Root,
   {
     className: cn(
@@ -25752,7 +26242,7 @@ var Switch2 = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       SwitchPrimitives2.Thumb,
       {
         className: cn(
@@ -25768,21 +26258,21 @@ var Switch2 = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Switch2.displayName = SwitchPrimitives2.Root.displayName;
 var SwitchField = ({ label, description, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center justify-between space-x-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "cc-stack space-1 flex-1", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("label", { className: "text-sm font-semibold text-cupcode-ink cursor-pointer", children: label }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-xs text-muted-foreground", children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex items-center justify-between space-x-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "cc-stack space-1 flex-1", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("label", { className: "text-sm font-semibold text-cupcode-ink cursor-pointer", children: label }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "text-xs text-muted-foreground", children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Switch2, { ...props })
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Switch2, { ...props })
   ] });
 };
 
 // src/components/cupcode/TabsCupcode.tsx
 var React31 = __toESM(require("react"), 1);
 var TabsPrimitive2 = __toESM(require("@radix-ui/react-tabs"), 1);
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var Tabs2 = TabsPrimitive2.Root;
-var TabsList2 = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+var TabsList2 = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
   TabsPrimitive2.List,
   {
     ref,
@@ -25795,7 +26285,7 @@ var TabsList2 = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TabsList2.displayName = TabsPrimitive2.List.displayName;
-var TabsTrigger2 = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+var TabsTrigger2 = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
   TabsPrimitive2.Trigger,
   {
     ref,
@@ -25817,7 +26307,7 @@ var TabsTrigger2 = React31.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TabsTrigger2.displayName = TabsPrimitive2.Trigger.displayName;
-var TabsContent2 = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+var TabsContent2 = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
   TabsPrimitive2.Content,
   {
     ref,
@@ -25834,12 +26324,12 @@ TabsContent2.displayName = TabsPrimitive2.Content.displayName;
 
 // src/components/cupcode/TextareaField.tsx
 var React32 = __toESM(require("react"), 1);
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var TextareaField = React32.forwardRef(
   ({ className, label, error, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "cc-stack space-2 w-full", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("label", { className: "text-sm font-semibold text-cupcode-ink", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "cc-stack space-2 w-full", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("label", { className: "text-sm font-semibold text-cupcode-ink", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
         "textarea",
         {
           className: cn(
@@ -25859,7 +26349,7 @@ var TextareaField = React32.forwardRef(
           ...props
         }
       ),
-      error && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-xs font-medium text-destructive animate-fade-in", children: error })
+      error && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-xs font-medium text-destructive animate-fade-in", children: error })
     ] });
   }
 );
@@ -25868,7 +26358,7 @@ TextareaField.displayName = "TextareaField";
 // src/components/cupcode/ThemeToggle.tsx
 var React33 = __toESM(require("react"), 1);
 var import_lucide_react16 = require("lucide-react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var THEME_STORAGE_KEY2 = "cupcode-theme";
 function isThemeMode(value) {
   return value === "light" || value === "dark";
@@ -25908,7 +26398,7 @@ function resolveTheme(defaultTheme) {
   }
   return defaultTheme;
 }
-var ThemeToggle = ({
+var ThemeToggle2 = ({
   className,
   theme,
   defaultTheme = "light",
@@ -25940,7 +26430,7 @@ var ThemeToggle = ({
     return () => observer.disconnect();
   }, [defaultTheme, isControlled]);
   if (!mounted) {
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn("w-10 h-10 rounded-lg bg-muted", className) });
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: cn("w-10 h-10 rounded-lg bg-muted", className) });
   }
   const handleToggle = () => {
     const nextTheme = activeTheme === "dark" ? "light" : "dark";
@@ -25949,7 +26439,7 @@ var ThemeToggle = ({
     }
     onThemeChange == null ? void 0 : onThemeChange(nextTheme);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
     "button",
     {
       onClick: handleToggle,
@@ -25962,9 +26452,9 @@ var ThemeToggle = ({
       ),
       "aria-label": "Toggle theme",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react16.Sun, { className: "h-5 w-5 text-cupcode-purple rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react16.Moon, { className: "absolute h-5 w-5 text-cupcode-hover rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "sr-only", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react16.Sun, { className: "h-5 w-5 text-cupcode-purple rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react16.Moon, { className: "absolute h-5 w-5 text-cupcode-hover rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "sr-only", children: [
           "Current theme: ",
           activeTheme
         ] })
@@ -25973,12 +26463,140 @@ var ThemeToggle = ({
   );
 };
 
+// src/components/theme-provider.tsx
+var import_react24 = require("react");
+var import_react_dom = require("react-dom");
+var import_jsx_runtime59 = 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 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)(() => {
+    var _a78;
+    return (_a78 = getStoredTheme()) != null ? _a78 : getPreferredTheme();
+  });
+  const [mounted, setMounted] = (0, import_react24.useState)(false);
+  (0, import_react24.useEffect)(() => {
+    var _a78;
+    const initialTheme = (_a78 = getStoredTheme()) != null ? _a78 : getPreferredTheme();
+    setThemeState(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);
+  }, []);
+  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_runtime59.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_runtime59.jsx)("script", { dangerouslySetInnerHTML: { __html: script } });
+}
+
 // src/components/cupcode/TimelineCupcode.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime60 = 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_runtime60.jsx)("div", { className: cn("flex items-start gap-4 overflow-x-auto pb-4", className), children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-col items-center min-w-[200px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         "div",
         {
           className: cn(
@@ -25986,27 +26604,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_runtime60.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_runtime60.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_runtime60.jsxs)("div", { className: "text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.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_runtime60.jsx)("p", { className: "text-sm text-muted-foreground", children: item.description }),
+        item.date && /* @__PURE__ */ (0, import_jsx_runtime60.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_runtime60.jsxs)("div", { className: cn("relative space-6", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "absolute left-6 top-0 bottom-0 w-0.5 bg-muted" }),
+    items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "relative flex gap-6 pb-8 last:pb-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         "div",
         {
           className: cn(
@@ -26014,16 +26632,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_runtime60.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_runtime60.jsxs)("div", { className: "flex-1 pt-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.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_runtime60.jsx)("p", { className: "text-sm text-muted-foreground mb-2", children: item.description }),
+        item.date && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-xs text-muted-foreground", children: item.date })
       ] })
     ] }, item.id))
   ] });
@@ -26031,7 +26649,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_runtime61 = require("react/jsx-runtime");
 var variantStyles2 = {
   success: {
     gradient: "from-success/20 to-success/5",
@@ -26066,7 +26684,7 @@ var ToastCupcode = ({
 }) => {
   const style = variantStyles2[variant];
   const Icon3 = style.icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     "div",
     {
       className: cn(
@@ -26078,18 +26696,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_runtime61.jsxs)("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Icon3, { className: cn("h-5 w-5 shrink-0 mt-0.5", style.iconColor) }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex-1 space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-sm font-semibold text-cupcode-ink", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-xs text-cupcode-ink/70", children: description })
         ] }),
-        onClose && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        onClose && /* @__PURE__ */ (0, import_jsx_runtime61.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_runtime61.jsx)(import_lucide_react17.X, { className: "h-4 w-4 text-cupcode-ink/50" })
           }
         )
       ] })
@@ -26098,12 +26716,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_runtime62 = require("react/jsx-runtime");
+var PlayGlyph = () => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("svg", { viewBox: "0 0 18 18", "aria-hidden": "true", className: "h-[18px] w-[18px]", children: /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsxs)(
       "button",
       {
         ref,
@@ -26112,18 +26730,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_runtime62.jsxs)("span", { className: "cc-video-watch-btn__bg", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "cc-video-watch-btn__icon", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(PlayGlyph, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "cc-video-watch-btn__label", children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("span", { className: "cc-video-watch-btn__mask", "aria-hidden": "true", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--1" }),
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--2" }),
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--3" }),
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsx)("span", { className: "cc-video-watch-btn__glow", "aria-hidden": "true" })
         ]
       }
     );
@@ -26132,13 +26750,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_runtime63 = 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_runtime63.jsx)(
   TooltipPrimitive2.Content,
   {
     ref,
@@ -26159,14 +26777,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_runtime64 = 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_runtime64.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_runtime64.jsx)(AccordionPrimitive2.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
   AccordionPrimitive2.Trigger,
   {
     ref,
@@ -26177,26 +26795,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_runtime64.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_runtime64.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_runtime64.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_runtime65 = 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 +26829,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_runtime65.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_runtime65.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_runtime65.jsx)("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
 );
 AlertDescription.displayName = "AlertDescription";
 
@@ -26227,14 +26845,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_runtime66 = require("react/jsx-runtime");
+var Breadcrumb = React39.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime66.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_runtime66.jsx)(
     "ol",
     {
       ref,
@@ -26247,17 +26865,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_runtime66.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_runtime66.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_runtime66.jsx)(
     "span",
     {
       ref,
@@ -26270,9 +26888,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_runtime66.jsx)("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:size-3.5", className), ...props, children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime66.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_runtime66.jsxs)(
   "span",
   {
     role: "presentation",
@@ -26280,8 +26898,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_runtime66.jsx)(import_lucide_react19.MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "sr-only", children: "More" })
     ]
   }
 );
@@ -26290,9 +26908,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_runtime67 = require("react/jsx-runtime");
 function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     import_react_day_picker.DayPicker,
     {
       showOutsideDays,
@@ -26327,9 +26945,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_runtime67.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_runtime67.jsx)(import_lucide_react20.ChevronRight, { className: cn("h-4 w-4", className2), ...chevronProps });
         }
       },
       ...props
@@ -26339,45 +26957,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_runtime68 = require("react/jsx-runtime");
+var Card = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime68.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_runtime68.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_runtime68.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_runtime68.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_runtime68.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_runtime69 = 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 +27004,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 +27031,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 +27048,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_runtime69.jsx)(
       CarouselContext.Provider,
       {
         value: {
@@ -26443,7 +27061,7 @@ var Carousel = React40.forwardRef(
           canScrollPrev,
           canScrollNext
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           "div",
           {
             ref,
@@ -26460,10 +27078,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_runtime69.jsx)("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       "div",
       {
         ref,
@@ -26474,10 +27092,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_runtime69.jsx)(
       "div",
       {
         ref,
@@ -26490,10 +27108,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_runtime69.jsxs)(
       Button,
       {
         ref,
@@ -26508,18 +27126,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_runtime69.jsx)(import_lucide_react21.ArrowLeft, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime69.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_runtime69.jsxs)(
       Button,
       {
         ref,
@@ -26534,8 +27152,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_runtime69.jsx)(import_lucide_react21.ArrowRight, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "sr-only", children: "Next slide" })
         ]
       }
     );
@@ -26544,22 +27162,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_runtime70 = 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_runtime70.jsx)(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
     "div",
     {
       "data-chart": chartId,
@@ -26570,8 +27188,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_runtime70.jsx)(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(RechartsPrimitive.ResponsiveContainer, { children })
       ]
     }
   ) });
@@ -26582,7 +27200,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -26602,7 +27220,7 @@ ${colorConfig.map(([key, itemConfig]) => {
   );
 };
 var ChartTooltip = RechartsPrimitive.Tooltip;
-var ChartTooltipContent = React41.forwardRef(
+var ChartTooltipContent = React42.forwardRef(
   ({
     active,
     payload,
@@ -26619,7 +27237,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 +27247,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_runtime70.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_runtime70.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_runtime70.jsxs)(
       "div",
       {
         ref,
@@ -26650,19 +27268,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_runtime70.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_runtime70.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_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
+                  (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
                     "div",
                     {
                       className: cn("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
@@ -26677,7 +27295,7 @@ var ChartTooltipContent = React41.forwardRef(
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
                     "div",
                     {
                       className: cn(
@@ -26685,11 +27303,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_runtime70.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_runtime70.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_runtime70.jsx)("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
                       ]
                     }
                   )
@@ -26705,12 +27323,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_runtime70.jsx)(
     "div",
     {
       ref,
@@ -26718,12 +27336,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_runtime70.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_runtime70.jsx)(itemConfig.icon, {}) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
                 "div",
                 {
                   className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -26757,11 +27375,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_runtime71 = require("react/jsx-runtime");
+var Checkbox = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -26770,7 +27388,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_runtime71.jsx)(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react22.Check, { className: "h-4 w-4" }) })
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
@@ -26782,11 +27400,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_runtime72 = require("react/jsx-runtime");
+var Command = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
   import_cmdk.Command,
   {
     ref,
@@ -26799,11 +27417,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_runtime72.jsx)(Dialog, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime72.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_runtime72.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react23.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     import_cmdk.Command.Input,
     {
       ref,
@@ -26816,7 +27434,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_runtime72.jsx)(
   import_cmdk.Command.List,
   {
     ref,
@@ -26825,9 +27443,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_runtime72.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_runtime72.jsx)(
   import_cmdk.Command.Group,
   {
     ref,
@@ -26839,9 +27457,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_runtime72.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_runtime72.jsx)(
   import_cmdk.Command.Item,
   {
     ref,
@@ -26854,22 +27472,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_runtime72.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_runtime73 = 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_runtime73.jsxs)(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -26881,12 +27499,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_runtime73.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_runtime73.jsx)(
   ContextMenuPrimitive.SubContent,
   {
     ref,
@@ -26898,7 +27516,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_runtime73.jsx)(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
   ContextMenuPrimitive.Content,
   {
     ref,
@@ -26910,7 +27528,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_runtime73.jsx)(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -26923,7 +27541,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_runtime73.jsxs)(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -26934,13 +27552,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_runtime73.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime73.jsxs)(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -26950,13 +27568,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_runtime73.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime73.jsx)(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -26965,39 +27583,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_runtime73.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_runtime73.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_runtime74 = 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_runtime74.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_runtime75 = 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_runtime75.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime75.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 +27631,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_runtime75.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime75.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_runtime75.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_runtime75.jsx)(
       import_react_slot3.Slot,
       {
         ref,
@@ -27042,42 +27660,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_runtime75.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_runtime75.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_runtime76 = 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_runtime76.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_runtime77 = 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_runtime77.jsx)(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -27093,12 +27711,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_runtime78 = require("react/jsx-runtime");
+var InputOTP = React50.forwardRef(
+  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     import_input_otp.OTPInput,
     {
       ref,
@@ -27109,14 +27727,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_runtime78.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_runtime78.jsxs)(
     "div",
     {
       ref,
@@ -27128,28 +27746,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_runtime78.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime78.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_runtime78.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime78.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_runtime79 = 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_runtime79.jsx)(
   MenubarPrimitive.Root,
   {
     ref,
@@ -27158,7 +27776,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_runtime79.jsx)(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -27170,7 +27788,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_runtime79.jsxs)(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -27182,12 +27800,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_runtime79.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_runtime79.jsx)(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -27199,7 +27817,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_runtime79.jsx)(MenubarPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
   MenubarPrimitive.Content,
   {
     ref,
@@ -27214,7 +27832,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_runtime79.jsx)(
   MenubarPrimitive.Item,
   {
     ref,
@@ -27227,7 +27845,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_runtime79.jsxs)(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -27238,13 +27856,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_runtime79.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime79.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_runtime79.jsxs)(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -27254,13 +27872,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_runtime79.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime79.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_runtime79.jsx)(
   MenubarPrimitive.Label,
   {
     ref,
@@ -27269,20 +27887,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_runtime79.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_runtime79.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_runtime80 = require("react/jsx-runtime");
+var NavigationMenu = React52.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -27290,12 +27908,12 @@ var NavigationMenu = React51.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(NavigationMenuViewport, {})
+      /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime80.jsx)(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -27308,7 +27926,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_runtime80.jsxs)(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -27317,7 +27935,7 @@ var NavigationMenuTrigger = React51.forwardRef(({ className, children, ...props
     children: [
       children,
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime80.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 +27946,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_runtime80.jsx)(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -27341,7 +27959,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_runtime80.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -27353,7 +27971,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_runtime80.jsx)(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -27362,16 +27980,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_runtime80.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_runtime81 = require("react/jsx-runtime");
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
   "nav",
   {
     role: "navigation",
@@ -27381,13 +27999,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_runtime81.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_runtime81.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_runtime81.jsx)(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -27402,29 +28020,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_runtime81.jsxs)(PaginationLink, { "aria-label": "Go to previous page", size: "default", className: cn("gap-1 pl-2.5", className), ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react28.ChevronLeft, { className: "h-4 w-4" }),
+  /* @__PURE__ */ (0, import_jsx_runtime81.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_runtime81.jsxs)(PaginationLink, { "aria-label": "Go to next page", size: "default", className: cn("gap-1 pr-2.5", className), ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: "Next" }),
+  /* @__PURE__ */ (0, import_jsx_runtime81.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_runtime81.jsxs)("span", { "aria-hidden": true, className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react28.MoreHorizontal, { className: "h-4 w-4" }),
+  /* @__PURE__ */ (0, import_jsx_runtime81.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_runtime82 = 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_runtime82.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
   PopoverPrimitive.Content,
   {
     ref,
@@ -27440,16 +28058,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_runtime83 = require("react/jsx-runtime");
+var RadioGroup4 = React55.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime83.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_runtime83.jsx)(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -27458,7 +28076,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_runtime83.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_lucide_react29.Circle, { className: "h-2.5 w-2.5 fill-current text-current" }) })
     }
   );
 });
@@ -27467,8 +28085,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_runtime84 = require("react/jsx-runtime");
+var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
   ResizablePrimitive.PanelGroup,
   {
     className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
@@ -27480,7 +28098,7 @@ var ResizableHandle = ({
   withHandle,
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
   ResizablePrimitive.PanelResizeHandle,
   {
     className: cn(
@@ -27488,15 +28106,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_runtime84.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime84.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_runtime85 = require("react/jsx-runtime");
+var Separator5 = React56.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -27512,13 +28130,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_runtime86 = 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_runtime86.jsx)(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -27546,7 +28164,7 @@ var sheetVariants = (0, import_class_variance_authority6.cva)(
     }
   }
 );
-var SheetContent = React56.forwardRef(
+var SheetContent = React57.forwardRef(
   ({
     side = "right",
     className,
@@ -27555,11 +28173,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_runtime86.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
       children,
-      showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+      showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
         SheetPrimitive.Close,
         {
           className: cn(
@@ -27567,8 +28185,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_runtime86.jsx)(import_lucide_react31.X, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "sr-only", children: closeButtonLabel })
           ]
         }
       ) : null
@@ -27576,27 +28194,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_runtime86.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_runtime86.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_runtime86.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_runtime86.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 +28227,27 @@ function useIsMobile() {
 }
 
 // src/components/ui/sidebar.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime87 = 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 +28259,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 +28273,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 +28285,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_runtime87.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
     "div",
     {
       style: {
@@ -27683,10 +28301,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_runtime87.jsx)(
       "div",
       {
         className: cn("flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground", className),
@@ -27697,7 +28315,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_runtime87.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -27707,11 +28325,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_runtime87.jsx)("div", { className: "flex h-full w-full flex-col", children })
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
     "div",
     {
       ref,
@@ -27721,7 +28339,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_runtime87.jsx)(
           "div",
           {
             className: cn(
@@ -27732,7 +28350,7 @@ var Sidebar = React58.forwardRef(({ side = "left", variant = "sidebar", collapsi
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
           "div",
           {
             className: cn(
@@ -27743,7 +28361,7 @@ var Sidebar = React58.forwardRef(({ side = "left", variant = "sidebar", collapsi
               className
             ),
             ...props,
-            children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -27758,10 +28376,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_runtime87.jsxs)(
       Button,
       {
         ref,
@@ -27775,18 +28393,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_runtime87.jsx)(import_lucide_react32.PanelLeft, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime87.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_runtime87.jsx)(
       "button",
       {
         ref,
@@ -27810,8 +28428,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_runtime87.jsx)(
     "main",
     {
       ref,
@@ -27825,9 +28443,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_runtime87.jsx)(
       Input,
       {
         ref,
@@ -27842,17 +28460,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_runtime87.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_runtime87.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_runtime87.jsx)(
       Separator5,
       {
         ref,
@@ -27864,8 +28482,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_runtime87.jsx)(
     "div",
     {
       ref,
@@ -27879,8 +28497,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_runtime87.jsx)(
     "div",
     {
       ref,
@@ -27891,10 +28509,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_runtime87.jsx)(
       Comp,
       {
         ref,
@@ -27910,10 +28528,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_runtime87.jsx)(
       Comp,
       {
         ref,
@@ -27931,13 +28549,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_runtime87.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_runtime87.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_runtime87.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 +28577,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_runtime87.jsx)(
     Comp,
     {
       ref,
@@ -27981,15 +28599,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_runtime87.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ (0, import_jsx_runtime87.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_runtime87.jsx)(
     Comp,
     {
       ref,
@@ -28010,8 +28628,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_runtime87.jsx)(
     "div",
     {
       ref,
@@ -28030,11 +28648,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_runtime87.jsxs)(
     "div",
     {
       ref,
@@ -28042,8 +28660,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_runtime87.jsx)(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
           Skeleton,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -28058,8 +28676,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_runtime87.jsx)(
     "ul",
     {
       ref,
@@ -28074,11 +28692,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_runtime87.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_runtime87.jsx)(
     Comp,
     {
       ref,
@@ -28100,44 +28718,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_runtime88 = require("react/jsx-runtime");
+var Slider = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime88.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_runtime88.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime88.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_runtime89 = require("react/jsx-runtime");
+var Table = React61.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime89.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_runtime89.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_runtime89.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_runtime89.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_runtime89.jsx)(
     "tr",
     {
       ref,
@@ -28147,8 +28765,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_runtime89.jsx)(
     "th",
     {
       ref,
@@ -28161,23 +28779,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_runtime89.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_runtime89.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_runtime90 = 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_runtime90.jsx)(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -28203,11 +28821,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_runtime90.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_runtime90.jsx)(
   ToastPrimitives.Action,
   {
     ref,
@@ -28219,7 +28837,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_runtime90.jsx)(
   ToastPrimitives.Close,
   {
     ref,
@@ -28233,39 +28851,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_runtime90.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_runtime90.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_runtime90.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_runtime91 = require("react/jsx-runtime");
 function Toaster2() {
   const { toasts } = useToast();
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(ToastProvider, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime91.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_runtime91.jsxs)(Toast, { ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "grid gap-1", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ToastTitle, { children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ToastDescription, { children: description })
         ] }),
         action,
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ToastClose, {})
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ToastClose, {})
       ] }, id);
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ToastViewport, {})
+    /* @__PURE__ */ (0, import_jsx_runtime91.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_runtime92 = 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 +28904,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_runtime92.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_runtime93 = 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_runtime93.jsx)(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime93.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_runtime93.jsx)(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -28320,11 +28938,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 +28974,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 +28997,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 +29020,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_runtime94 = require("react/jsx-runtime");
 var STORAGE_KEYS = {
   accessToken: "cc_access_token",
   idToken: "cc_id_token",
@@ -28490,6 +29108,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 +29220,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 +29339,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 +29359,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 +29397,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 +29412,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 +29447,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 +29475,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 +29506,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 +29531,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 +29557,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 +29591,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 +29601,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 +29627,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 +29638,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 +29662,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 +29683,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 +29696,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 +29741,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 +29790,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 +29866,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 +29885,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 +29902,7 @@ var AuthProvider = ({ children }) => {
     },
     [setPresenceNetworkStatus]
   );
-  const value = (0, import_react25.useMemo)(
+  const value = (0, import_react28.useMemo)(
     () => ({
       status,
       user,
@@ -29261,10 +29916,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_runtime94.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 +29946,7 @@ var useAuth = () => {
   AlertDialogTitle,
   AlertDialogTrigger,
   AlertTitle,
+  AnimatedThemeToggle,
   AppSidebar,
   AspectRatio,
   AuthProvider,
@@ -29579,6 +30235,8 @@ var useAuth = () => {
   TelescupVideo,
   Textarea,
   TextareaField,
+  ThemeProvider,
+  ThemeScript,
   ThemeToggle,
   Timeline,
   Toast,
@@ -29639,6 +30297,7 @@ var useAuth = () => {
   toast,
   toggleVariants,
   useActiveSection,
+  useAppTheme,
   useAuth,
   useBreakpoint,
   useFormField,