@cupcodev/ui 6.1.1 → 7.0.0

package/dist/index.js

@@ -1,282 +1,157 @@
 var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-
-// src/components/cupcode/AccordionCupcode.tsx
-import * as React from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { ChevronDown } from "lucide-react";
-
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/cupcode/AccordionCupcode.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var AccordionCupcode = AccordionPrimitive.Root;
-var AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AccordionPrimitive.Item,
-  {
-    ref,
-    className: cn("glass rounded-xl mb-3 overflow-hidden", className),
-    ...props
-  }
-));
-AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
-  AccordionPrimitive.Trigger,
-  {
-    ref,
-    className: cn(
-      "flex flex-1 items-center justify-between p-4 font-semibold text-foreground",
-      "transition-all hover:bg-cupcode-purple/5",
-      "[&[data-state=open]>svg]:rotate-180",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx(ChevronDown, { className: "h-5 w-5 shrink-0 text-cupcode-purple transition-transform duration-300" })
-    ]
-  }
-) }));
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
-  AccordionPrimitive.Content,
-  {
-    ref,
-    className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-    ...props,
-    children: /* @__PURE__ */ jsx("div", { className: cn("px-4 pb-4 pt-0 text-muted-foreground", className), children })
-  }
-));
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-
-// src/components/cupcode/AvatarCupcode.tsx
-import * as React2 from "react";
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var Avatar = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
-  AvatarPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
-      "ring-2 ring-border ring-offset-2 ring-offset-background",
-      className
-    ),
-    ...props
-  }
-));
-Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
-  AvatarPrimitive.Image,
-  {
-    ref,
-    className: cn("aspect-square h-full w-full object-cover", className),
-    ...props
-  }
-));
-AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
-  AvatarPrimitive.Fallback,
-  {
-    ref,
-    className: cn(
-      "flex h-full w-full items-center justify-center rounded-full",
-      "bg-gradient-to-br from-cupcode-hover to-cupcode-purple",
-      "text-white font-semibold",
-      className
-    ),
-    ...props
-  }
-));
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-var statusStyles = {
-  online: "bg-success",
-  offline: "bg-muted-foreground",
-  away: "bg-warning",
-  busy: "bg-destructive"
-};
-var sizeClasses = {
-  sm: "h-8 w-8",
-  md: "h-10 w-10",
-  lg: "h-14 w-14",
-  xl: "h-20 w-20"
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
 };
-var statusSizes = {
-  sm: "h-2 w-2",
-  md: "h-2.5 w-2.5",
-  lg: "h-3 w-3",
-  xl: "h-4 w-4"
-};
-var AvatarWithStatus = ({
-  src,
-  alt,
-  fallback,
-  status,
-  size = "md",
-  className
-}) => {
-  return /* @__PURE__ */ jsxs2("div", { className: "relative inline-block", children: [
-    /* @__PURE__ */ jsxs2(Avatar, { className: cn(sizeClasses[size], className), children: [
-      /* @__PURE__ */ jsx2(AvatarImage, { src, alt }),
-      /* @__PURE__ */ jsx2(AvatarFallback, { children: fallback })
-    ] }),
-    status && /* @__PURE__ */ jsx2(
-      "span",
-      {
-        className: cn(
-          "absolute bottom-0 right-0 block rounded-full ring-2 ring-background",
-          statusStyles[status],
-          statusSizes[size],
-          status === "online" && "animate-pulse"
-        )
-      }
-    )
-  ] });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
 // src/components/cupcode/BackgroundRainbow.tsx
+var BackgroundRainbow_exports = {};
+__export(BackgroundRainbow_exports, {
+  BackgroundRainbow: () => BackgroundRainbow
+});
 import { useEffect, useId, useMemo, useRef } from "react";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var BackgroundRainbow = () => {
-  const rootRef = useRef(null);
-  const interactiveRef = useRef(null);
-  const currentRef = useRef({ x: 0, y: 0 });
-  const targetRef = useRef({ x: 0, y: 0 });
-  const filterId = useId().replace(/:/g, "");
-  const config = useMemo(() => {
-    const nav = typeof navigator !== "undefined" ? navigator : null;
-    const lowMemory = !!nav && typeof nav.deviceMemory === "number" && nav.deviceMemory <= 4;
-    const lowCpu = !!nav && typeof nav.hardwareConcurrency === "number" && nav.hardwareConcurrency <= 4;
-    const lowPowerDevice = lowMemory || lowCpu;
-    return {
-      blur: lowPowerDevice ? 20 : 30,
-      interactiveOpacity: lowPowerDevice ? 0.54 : 0.7,
-      useGoo: !lowPowerDevice,
-      snapDistance: lowPowerDevice ? 2.5 : 1.5,
-      easeFactor: lowPowerDevice ? 7.5 : 10,
-      renderThirdBubble: !lowPowerDevice,
-      blendMode: lowPowerDevice ? "screen" : "hard-light"
-    };
-  }, []);
-  useEffect(() => {
-    const interactive = interactiveRef.current;
-    const root = rootRef.current;
-    if (!interactive || !root) return;
-    const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)");
-    let raf = 0;
-    let running = false;
-    const stop = () => {
-      running = false;
-      if (raf) {
-        cancelAnimationFrame(raf);
-        raf = 0;
-      }
-    };
-    const updatePlayState = () => {
-      const enabled = !prefersReducedMotion.matches && !document.hidden && !document.documentElement.classList.contains("dark");
-      root.style.setProperty("--cc-rainbow-play", enabled ? "running" : "paused");
-      if (!enabled) stop();
-      return enabled;
-    };
-    const applyTransform = () => {
-      const x = Math.round(currentRef.current.x);
-      const y = Math.round(currentRef.current.y);
-      interactive.style.transform = `translate3d(${x}px, ${y}px, 0)`;
-    };
-    const animate = () => {
-      if (!updatePlayState()) return;
-      currentRef.current.x += (targetRef.current.x - currentRef.current.x) / config.easeFactor;
-      currentRef.current.y += (targetRef.current.y - currentRef.current.y) / config.easeFactor;
-      applyTransform();
-      const dx = Math.abs(targetRef.current.x - currentRef.current.x);
-      const dy = Math.abs(targetRef.current.y - currentRef.current.y);
-      if (dx < config.snapDistance && dy < config.snapDistance) {
-        running = false;
-        raf = 0;
-        return;
-      }
-      raf = requestAnimationFrame(animate);
-    };
-    const start = () => {
-      if (running) return;
-      if (!updatePlayState()) return;
-      running = true;
-      raf = requestAnimationFrame(animate);
-    };
-    const onPointer = (e) => {
-      if (!updatePlayState()) return;
-      targetRef.current.x = e.clientX;
-      targetRef.current.y = e.clientY;
-      start();
-    };
-    const onStateChange = () => {
-      updatePlayState();
-    };
-    const centerX = window.innerWidth / 2;
-    const centerY = window.innerHeight / 2;
-    currentRef.current.x = centerX;
-    currentRef.current.y = centerY;
-    targetRef.current.x = centerX;
-    targetRef.current.y = centerY;
-    applyTransform();
-    updatePlayState();
-    window.addEventListener("pointermove", onPointer, { passive: true });
-    document.addEventListener("visibilitychange", onStateChange);
-    if (typeof prefersReducedMotion.addEventListener === "function") {
-      prefersReducedMotion.addEventListener("change", onStateChange);
-    } else {
-      prefersReducedMotion.addListener(onStateChange);
-    }
-    const observer = new MutationObserver(onStateChange);
-    observer.observe(document.documentElement, { attributes: true, attributeFilter: ["class"] });
-    return () => {
-      window.removeEventListener("pointermove", onPointer);
-      document.removeEventListener("visibilitychange", onStateChange);
-      if (typeof prefersReducedMotion.removeEventListener === "function") {
-        prefersReducedMotion.removeEventListener("change", onStateChange);
-      } else {
-        prefersReducedMotion.removeListener(onStateChange);
-      }
-      observer.disconnect();
-      stop();
-    };
-  }, [config.easeFactor, config.snapDistance]);
-  return /* @__PURE__ */ jsxs3("div", { ref: rootRef, className: "fixed inset-0 z-0 overflow-hidden bg-white pointer-events-none dark:hidden", children: [
-    /* @__PURE__ */ jsx3("svg", { className: "hidden", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, focusable: "false", children: /* @__PURE__ */ jsx3("defs", { children: /* @__PURE__ */ jsxs3("filter", { id: filterId, children: [
-      /* @__PURE__ */ jsx3("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "10", result: "blur" }),
-      /* @__PURE__ */ jsx3(
-        "feColorMatrix",
-        {
-          in: "blur",
-          mode: "matrix",
-          values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -8",
-          result: "goo"
+var BackgroundRainbow;
+var init_BackgroundRainbow = __esm({
+  "src/components/cupcode/BackgroundRainbow.tsx"() {
+    "use strict";
+    BackgroundRainbow = () => {
+      const rootRef = useRef(null);
+      const interactiveRef = useRef(null);
+      const currentRef = useRef({ x: 0, y: 0 });
+      const targetRef = useRef({ x: 0, y: 0 });
+      const filterId = useId().replace(/:/g, "");
+      const config = useMemo(() => {
+        const nav = typeof navigator !== "undefined" ? navigator : null;
+        const lowMemory = !!nav && typeof nav.deviceMemory === "number" && nav.deviceMemory <= 4;
+        const lowCpu = !!nav && typeof nav.hardwareConcurrency === "number" && nav.hardwareConcurrency <= 4;
+        const lowPowerDevice = lowMemory || lowCpu;
+        return {
+          blur: lowPowerDevice ? 20 : 30,
+          interactiveOpacity: lowPowerDevice ? 0.54 : 0.7,
+          useGoo: !lowPowerDevice,
+          snapDistance: lowPowerDevice ? 2.5 : 1.5,
+          easeFactor: lowPowerDevice ? 7.5 : 10,
+          renderThirdBubble: !lowPowerDevice,
+          blendMode: lowPowerDevice ? "screen" : "hard-light"
+        };
+      }, []);
+      useEffect(() => {
+        const interactive = interactiveRef.current;
+        const root = rootRef.current;
+        if (!interactive || !root) return;
+        const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)");
+        let raf = 0;
+        let running = false;
+        const stop = () => {
+          running = false;
+          if (raf) {
+            cancelAnimationFrame(raf);
+            raf = 0;
+          }
+        };
+        const updatePlayState = () => {
+          const enabled = !prefersReducedMotion.matches && !document.hidden;
+          root.style.setProperty("--cc-rainbow-play", enabled ? "running" : "paused");
+          if (!enabled) stop();
+          return enabled;
+        };
+        const applyTransform = () => {
+          const x = Math.round(currentRef.current.x);
+          const y = Math.round(currentRef.current.y);
+          interactive.style.transform = `translate3d(${x}px, ${y}px, 0)`;
+        };
+        const animate = () => {
+          if (!updatePlayState()) return;
+          currentRef.current.x += (targetRef.current.x - currentRef.current.x) / config.easeFactor;
+          currentRef.current.y += (targetRef.current.y - currentRef.current.y) / config.easeFactor;
+          applyTransform();
+          const dx = Math.abs(targetRef.current.x - currentRef.current.x);
+          const dy = Math.abs(targetRef.current.y - currentRef.current.y);
+          if (dx < config.snapDistance && dy < config.snapDistance) {
+            running = false;
+            raf = 0;
+            return;
+          }
+          raf = requestAnimationFrame(animate);
+        };
+        const start = () => {
+          if (running) return;
+          if (!updatePlayState()) return;
+          running = true;
+          raf = requestAnimationFrame(animate);
+        };
+        const onPointer = (e) => {
+          if (!updatePlayState()) return;
+          targetRef.current.x = e.clientX;
+          targetRef.current.y = e.clientY;
+          start();
+        };
+        const onStateChange = () => {
+          updatePlayState();
+        };
+        const centerX = window.innerWidth / 2;
+        const centerY = window.innerHeight / 2;
+        currentRef.current.x = centerX;
+        currentRef.current.y = centerY;
+        targetRef.current.x = centerX;
+        targetRef.current.y = centerY;
+        applyTransform();
+        updatePlayState();
+        window.addEventListener("pointermove", onPointer, { passive: true });
+        document.addEventListener("visibilitychange", onStateChange);
+        if (typeof prefersReducedMotion.addEventListener === "function") {
+          prefersReducedMotion.addEventListener("change", onStateChange);
+        } else {
+          prefersReducedMotion.addListener(onStateChange);
         }
-      ),
-      /* @__PURE__ */ jsx3("feBlend", { in: "SourceGraphic", in2: "goo" })
-    ] }) }) }),
-    /* @__PURE__ */ jsxs3(
-      "div",
-      {
-        className: "absolute inset-0 cc-rainbow-layer",
-        style: {
-          filter: config.useGoo ? `url(#${filterId}) blur(${config.blur}px)` : `blur(${config.blur}px)`
-        },
-        children: [
-          /* @__PURE__ */ jsx3("div", { className: "cc-rainbow-bubble cc-rainbow-a cc-rainbow-g1" }),
-          /* @__PURE__ */ jsx3("div", { className: "cc-rainbow-bubble cc-rainbow-b cc-rainbow-g2" }),
-          config.renderThirdBubble ? /* @__PURE__ */ jsx3("div", { className: "cc-rainbow-bubble cc-rainbow-a cc-rainbow-g3" }) : null,
-          /* @__PURE__ */ jsx3("div", { ref: interactiveRef, className: "cc-rainbow-bubble cc-rainbow-b cc-rainbow-interactive" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx3("style", { children: `
+        return () => {
+          window.removeEventListener("pointermove", onPointer);
+          document.removeEventListener("visibilitychange", onStateChange);
+          if (typeof prefersReducedMotion.removeEventListener === "function") {
+            prefersReducedMotion.removeEventListener("change", onStateChange);
+          } else {
+            prefersReducedMotion.removeListener(onStateChange);
+          }
+          stop();
+        };
+      }, [config.easeFactor, config.snapDistance]);
+      return /* @__PURE__ */ jsxs3("div", { ref: rootRef, className: "fixed inset-0 z-0 overflow-hidden bg-white pointer-events-none dark:hidden", children: [
+        /* @__PURE__ */ jsx3("svg", { className: "hidden", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, focusable: "false", children: /* @__PURE__ */ jsx3("defs", { children: /* @__PURE__ */ jsxs3("filter", { id: filterId, children: [
+          /* @__PURE__ */ jsx3("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "10", result: "blur" }),
+          /* @__PURE__ */ jsx3(
+            "feColorMatrix",
+            {
+              in: "blur",
+              mode: "matrix",
+              values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -8",
+              result: "goo"
+            }
+          ),
+          /* @__PURE__ */ jsx3("feBlend", { in: "SourceGraphic", in2: "goo" })
+        ] }) }) }),
+        /* @__PURE__ */ jsxs3(
+          "div",
+          {
+            className: "absolute inset-0 cc-rainbow-layer",
+            style: {
+              filter: config.useGoo ? `url(#${filterId}) blur(${config.blur}px)` : `blur(${config.blur}px)`
+            },
+            children: [
+              /* @__PURE__ */ jsx3("div", { className: "cc-rainbow-bubble cc-rainbow-a cc-rainbow-g1" }),
+              /* @__PURE__ */ jsx3("div", { className: "cc-rainbow-bubble cc-rainbow-b cc-rainbow-g2" }),
+              config.renderThirdBubble ? /* @__PURE__ */ jsx3("div", { className: "cc-rainbow-bubble cc-rainbow-a cc-rainbow-g3" }) : null,
+              /* @__PURE__ */ jsx3("div", { ref: interactiveRef, className: "cc-rainbow-bubble cc-rainbow-b cc-rainbow-interactive" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx3("style", { children: `
         .cc-rainbow-layer {
           contain: paint;
         }
@@ -361,21 +236,35 @@ var BackgroundRainbow = () => {
           }
         }
       ` })
-  ] });
-};
+      ] });
+    };
+  }
+});
 
 // src/components/cupcode/BackgroundStars.tsx
+var BackgroundStars_exports = {};
+__export(BackgroundStars_exports, {
+  BackgroundStars: () => BackgroundStars,
+  default: () => BackgroundStars_default
+});
 import { useEffect as useEffect2, useRef as useRef2 } from "react";
 import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var TWO_PI = Math.PI * 2;
-var rand = (a, b) => a + Math.random() * (b - a);
-var choice = (arr) => arr[Math.random() * arr.length | 0];
 function createCanvas(width, height) {
   const canvas = document.createElement("canvas");
   canvas.width = Math.max(1, Math.floor(width));
   canvas.height = Math.max(1, Math.floor(height));
   return canvas;
 }
+function dprFromPixelBudget(width, height, pixelBudget, minDpr, maxDpr) {
+  const area = Math.max(1, width * height);
+  const dpr = Math.sqrt(pixelBudget / area);
+  return clamp(dpr, minDpr, maxDpr);
+}
+function scaleFromPixelBudget(width, height, pixelBudget, minScale, maxScale) {
+  const area = Math.max(1, width * height);
+  const scale = Math.sqrt(pixelBudget / area);
+  return clamp(scale, minScale, maxScale);
+}
 function createStarBaseSprite(size) {
   const canvas = createCanvas(size, size);
   const ctx = canvas.getContext("2d");
@@ -424,8 +313,8 @@ function createFlareSprite(size) {
   const centerY = size / 2;
   const gradient = ctx.createLinearGradient(0, centerY, canvas.width, centerY);
   gradient.addColorStop(0, "rgba(0,0,0,0)");
-  gradient.addColorStop(0.44, "rgba(41,5,40,0.92)");
-  gradient.addColorStop(0.56, "rgba(41,5,40,0.92)");
+  gradient.addColorStop(0.44, "rgba(41,5,40,0.84)");
+  gradient.addColorStop(0.56, "rgba(41,5,40,0.84)");
   gradient.addColorStop(1, "rgba(0,0,0,0)");
   ctx.fillStyle = gradient;
   ctx.fillRect(0, (size - 4) / 2, canvas.width, 4);
@@ -457,21 +346,14 @@ function createCometHeadSprite(size) {
   const ctx = canvas.getContext("2d");
   if (!ctx) return canvas;
   const half = size / 2;
-  const glowA = ctx.createRadialGradient(half, half, 0, half, half, half);
-  glowA.addColorStop(0, "rgba(255,255,255,0.96)");
-  glowA.addColorStop(0.3, "rgba(151,90,182,0.78)");
-  glowA.addColorStop(1, "rgba(0,0,0,0)");
-  ctx.fillStyle = glowA;
+  const outer = ctx.createRadialGradient(half, half, 0, half, half, half);
+  outer.addColorStop(0, "rgba(255,255,255,0.96)");
+  outer.addColorStop(0.35, "rgba(151,90,182,0.72)");
+  outer.addColorStop(1, "rgba(0,0,0,0)");
+  ctx.fillStyle = outer;
   ctx.beginPath();
   ctx.arc(half, half, half, 0, TWO_PI);
   ctx.fill();
-  const glowB = ctx.createRadialGradient(half, half, 0, half, half, half * 0.56);
-  glowB.addColorStop(0, "rgba(255,255,255,0.95)");
-  glowB.addColorStop(1, "rgba(0,0,0,0)");
-  ctx.fillStyle = glowB;
-  ctx.beginPath();
-  ctx.arc(half, half, half * 0.56, 0, TWO_PI);
-  ctx.fill();
   return canvas;
 }
 function createCometTailSprite(width, height) {
@@ -481,59 +363,37 @@ function createCometTailSprite(width, height) {
   const center = height / 2;
   const gradient = ctx.createLinearGradient(0, center, width, center);
   gradient.addColorStop(0, "rgba(0,0,0,0)");
-  gradient.addColorStop(0.45, "rgba(124,91,187,0.55)");
-  gradient.addColorStop(0.8, "rgba(151,90,182,0.8)");
-  gradient.addColorStop(1, "rgba(255,255,255,0.96)");
+  gradient.addColorStop(0.5, "rgba(124,91,187,0.52)");
+  gradient.addColorStop(1, "rgba(255,255,255,0.94)");
   ctx.fillStyle = gradient;
   ctx.fillRect(0, center - 1, width, 2);
   return canvas;
 }
-function drawHaloSprite(ctx, sprite, radius) {
-  if (radius <= 0.5) return;
-  const diameter = radius * 2;
-  ctx.drawImage(sprite, -radius, -radius, diameter, diameter);
+function setCanvasDisplaySize(canvas, width, height, dpr) {
+  canvas.width = Math.max(1, Math.floor(width * dpr));
+  canvas.height = Math.max(1, Math.floor(height * dpr));
+  canvas.style.width = `${width}px`;
+  canvas.style.height = `${height}px`;
 }
 function BackgroundStars() {
   const nebulaRef = useRef2(null);
-  const starsRef = useRef2(null);
+  const staticStarsRef = useRef2(null);
+  const fxStarsRef = useRef2(null);
   useEffect2(() => {
     const nebulaCanvas = nebulaRef.current;
-    const starsCanvas = starsRef.current;
-    if (!nebulaCanvas || !starsCanvas) return;
+    const staticCanvas = staticStarsRef.current;
+    const fxCanvas = fxStarsRef.current;
+    if (!nebulaCanvas || !staticCanvas || !fxCanvas) return;
     const nebulaCtx = nebulaCanvas.getContext("2d", { alpha: true, desynchronized: true });
-    const starsCtx = starsCanvas.getContext("2d", { alpha: true, desynchronized: true });
-    if (!nebulaCtx || !starsCtx) return;
-    const width = window.innerWidth;
-    const height = window.innerHeight;
+    const staticCtx = staticCanvas.getContext("2d", { alpha: true, desynchronized: true });
+    const fxCtx = fxCanvas.getContext("2d", { alpha: true, desynchronized: true });
+    if (!nebulaCtx || !staticCtx || !fxCtx) return;
     const nav = navigator;
     const reducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
     const lowMemory = typeof nav.deviceMemory === "number" && nav.deviceMemory <= 4;
     const lowCpu = typeof nav.hardwareConcurrency === "number" && nav.hardwareConcurrency <= 4;
     const lowPowerDevice = lowMemory || lowCpu;
-    const nebulaScale = lowPowerDevice ? 0.48 : 0.62;
-    const nebulaWidth = Math.max(1, Math.floor(width * nebulaScale));
-    const nebulaHeight = Math.max(1, Math.floor(height * nebulaScale));
-    nebulaCanvas.width = nebulaWidth;
-    nebulaCanvas.height = nebulaHeight;
-    nebulaCanvas.style.width = `${width}px`;
-    nebulaCanvas.style.height = `${height}px`;
-    starsCanvas.width = width;
-    starsCanvas.height = height;
-    starsCanvas.style.width = `${width}px`;
-    starsCanvas.style.height = `${height}px`;
     const palette = ["#ffffff", "#d7c8ff", "#7c5bbb", "#b146ea", "#975ab6", "#ff8ad1"];
-    const starSpriteSize = 96;
-    const halfStarSprite = starSpriteSize / 2;
-    const starBaseSprite = createStarBaseSprite(starSpriteSize);
-    const starSprites = /* @__PURE__ */ new Map();
-    for (const color of palette) {
-      starSprites.set(color, tintSprite(starBaseSprite, color));
-    }
-    const flareSprite = createFlareSprite(starSpriteSize);
-    const haloPink = createHaloSprite(160, "rgba(251,88,235,0.68)");
-    const haloPurple = createHaloSprite(160, "rgba(151,90,182,0.6)");
-    const haloIndigo = createHaloSprite(160, "rgba(124,91,187,0.54)");
-    const haloGlow = createHaloSprite(140, "rgba(151,90,182,0.32)");
     const cloudColors = [
       "rgba(65,105,225,0.18)",
       "rgba(138,43,226,0.17)",
@@ -542,96 +402,81 @@ function BackgroundStars() {
       "rgba(147,112,219,0.17)",
       "rgba(218,112,214,0.16)"
     ];
+    const starSpriteSize = 96;
+    const starBaseSprite = createStarBaseSprite(starSpriteSize);
+    const starSprites = /* @__PURE__ */ new Map();
+    for (const color of palette) {
+      starSprites.set(color, tintSprite(starBaseSprite, color));
+    }
+    const haloSoft = createHaloSprite(160, "rgba(151,90,182,0.52)");
+    const haloPulse = createHaloSprite(192, "rgba(251,88,235,0.56)");
+    const flareSprite = createFlareSprite(starSpriteSize);
     const cloudSprites = /* @__PURE__ */ new Map();
     for (const color of cloudColors) {
       cloudSprites.set(color, createCloudSprite(256, color));
     }
-    const nebulaBackdrop = createCanvas(nebulaWidth, nebulaHeight);
-    const nebulaBackdropCtx = nebulaBackdrop.getContext("2d");
-    if (nebulaBackdropCtx) {
-      const bg = nebulaBackdropCtx.createRadialGradient(
-        nebulaWidth / 2,
-        nebulaHeight / 2,
-        0,
-        nebulaWidth / 2,
-        nebulaHeight / 2,
-        Math.max(nebulaWidth, nebulaHeight) / 1.45
-      );
-      bg.addColorStop(0, "#0c0d1d");
-      bg.addColorStop(1, "#000000");
-      nebulaBackdropCtx.fillStyle = bg;
-      nebulaBackdropCtx.fillRect(0, 0, nebulaWidth, nebulaHeight);
-    }
-    const cloudCount = lowPowerDevice ? 5 : 8;
-    const clouds = Array.from({ length: cloudCount }).map(() => {
-      const color = choice(cloudColors);
-      return {
-        x: Math.random() * nebulaWidth,
-        y: Math.random() * nebulaHeight,
-        size: rand(95, 230),
-        alpha: rand(0.65, 1),
-        sprite: cloudSprites.get(color),
-        angle: Math.random() * TWO_PI,
-        speed: rand(-5e-4, 5e-4),
-        pulseAmp: rand(0.03, 0.1),
-        pulsePhase: Math.random() * TWO_PI
-      };
-    });
-    const areaFactor = Math.min(1.25, width * height / (1920 * 1080));
-    const baseStars = lowPowerDevice ? 105 : 170;
-    const quantity = Math.max(80, Math.min(220, Math.round(baseStars * areaFactor)));
-    const stars = Array.from({ length: quantity }).map(() => {
-      const bucket = Math.random();
-      let size;
-      let isHighlight = false;
-      if (bucket < 0.25) size = rand(0.35, 0.95) * (width * 1e-3);
-      else if (bucket < 0.97) size = rand(0.6, 1.8) * (width * 1e-3);
-      else {
-        size = rand(1.8, 3.2) * (width * 1e-3);
-        isHighlight = true;
-      }
-      const twinkleDur = rand(5500, 32e3);
-      const sparkDur = rand(650, 1100);
-      const color = choice(palette);
-      return {
-        x: Math.random() * width,
-        y: Math.random() * height,
-        size: Math.max(0.8, size),
-        isHighlight,
-        sprite: starSprites.get(color),
-        driftDx: rand(-6e-3, 6e-3) * width,
-        driftDy: rand(-6e-3, 6e-3) * height,
-        driftInvDur: 1 / rand(5e4, 9e4),
-        scaleTo: rand(0.9, 1.12),
-        baseOpacity: rand(0.82, 1),
-        intensity: rand(0.95, 1.5),
-        twinkleFreq: TWO_PI / twinkleDur,
-        twinkleDelay: rand(0, 24e3),
-        sparkInvDur: 1 / sparkDur,
-        sparkDelay: rand(0, 1200),
-        phase: Math.random() * TWO_PI
-      };
-    });
-    const cometHeadSprite = createCometHeadSprite(90);
-    const cometTailSprite = createCometTailSprite(256, 8);
-    const comets = [];
-    const spawnComet = (now) => {
-      comets.push({
-        x: Math.random() * width,
-        y: Math.random() * height,
-        angle: Math.random() * TWO_PI,
-        len: rand(80, 160),
-        t0: now,
-        dur: rand(1400, 2200)
-      });
+    const cometHeadSprite = createCometHeadSprite(84);
+    const cometTailSprite = createCometTailSprite(228, 8);
+    const maxQualityLevel = lowPowerDevice ? 1 : QUALITY_PROFILES.length - 1;
+    let qualityLevel = maxQualityLevel;
+    let profile = QUALITY_PROFILES[qualityLevel];
+    let width = 0;
+    let height = 0;
+    let staticDpr = 1;
+    let fxDpr = 1;
+    let nebulaScale = lowPowerDevice ? 0.46 : 0.58;
+    let nebulaWidth = 1;
+    let nebulaHeight = 1;
+    let staticStars = [];
+    let dynamicStars = [];
+    let clouds = [];
+    let comets = [];
+    let nebulaBackdrop = createCanvas(1, 1);
+    let nextCometAt = 0;
+    const nextCometDelay = () => rand(profile.cometMinMs, profile.cometMaxMs);
+    const clearFx = () => {
+      fxCtx.setTransform(fxDpr, 0, 0, fxDpr, 0, 0);
+      fxCtx.clearRect(0, 0, width, height);
+    };
+    const clearNebula = () => {
+      nebulaCtx.setTransform(1, 0, 0, 1, 0, 0);
+      nebulaCtx.clearRect(0, 0, nebulaWidth, nebulaHeight);
+    };
+    const drawStaticStars = () => {
+      staticCtx.setTransform(staticDpr, 0, 0, staticDpr, 0, 0);
+      staticCtx.clearRect(0, 0, width, height);
+      staticCtx.globalCompositeOperation = "screen";
+      for (const star of staticStars) {
+        const size = star.size;
+        const half = size / 2;
+        staticCtx.globalAlpha = star.alpha;
+        staticCtx.drawImage(star.sprite, star.x - half, star.y - half, size, size);
+        const haloRadius = size * star.haloScale;
+        staticCtx.globalAlpha = star.alpha * 0.48;
+        staticCtx.drawImage(haloSoft, star.x - haloRadius, star.y - haloRadius, haloRadius * 2, haloRadius * 2);
+        if (star.isHighlight) {
+          const flareWidth = size * 5.2;
+          const flareHeight = size * 1.25;
+          staticCtx.globalAlpha = star.alpha * 0.22;
+          staticCtx.drawImage(flareSprite, star.x - flareWidth / 2, star.y - flareHeight / 2, flareWidth, flareHeight);
+          staticCtx.save();
+          staticCtx.translate(star.x, star.y);
+          staticCtx.rotate(Math.PI / 2);
+          staticCtx.drawImage(flareSprite, -flareWidth / 2, -flareHeight / 2, flareWidth, flareHeight);
+          staticCtx.restore();
+        }
+      }
+      staticCtx.globalAlpha = 1;
+      staticCtx.globalCompositeOperation = "source-over";
     };
     const drawNebula = (now) => {
+      nebulaCtx.setTransform(1, 0, 0, 1, 0, 0);
       nebulaCtx.clearRect(0, 0, nebulaWidth, nebulaHeight);
       nebulaCtx.drawImage(nebulaBackdrop, 0, 0);
       nebulaCtx.globalCompositeOperation = "screen";
       for (const cloud of clouds) {
         cloud.angle += cloud.speed;
-        const pulse = 1 + cloud.pulseAmp * Math.sin(now * 2e-4 + cloud.pulsePhase);
+        const pulse = 1 + cloud.pulseAmp * Math.sin(now * 18e-5 + cloud.pulsePhase);
         const radius = cloud.size * pulse;
         nebulaCtx.save();
         nebulaCtx.translate(cloud.x, cloud.y);
@@ -643,79 +488,208 @@ function BackgroundStars() {
       nebulaCtx.globalCompositeOperation = "source-over";
       nebulaCtx.globalAlpha = 1;
     };
+    const drawDynamicStars = (now) => {
+      fxCtx.setTransform(fxDpr, 0, 0, fxDpr, 0, 0);
+      fxCtx.clearRect(0, 0, width, height);
+      fxCtx.globalCompositeOperation = "screen";
+      for (const star of dynamicStars) {
+        const drift = now * star.driftInvDur % 1;
+        const x = star.x + star.driftDx * drift;
+        const y = star.y + star.driftDy * drift;
+        const twinkle = (Math.sin((now + star.twinkleDelay) * star.twinkleFreq + star.phase) + 1) * 0.5;
+        const sparkCycle = (now + star.sparkDelay) * star.sparkInvDur % 1;
+        const sparkBoost = sparkCycle < 0.15 ? sparkCycle / 0.15 : sparkCycle < 0.4 ? 1 - (sparkCycle - 0.15) / 0.25 : 0;
+        const size = star.size * (0.92 + twinkle * profile.twinkleBoost + sparkBoost * 0.12);
+        const alpha = star.baseOpacity * (0.58 + twinkle * 0.42);
+        const half = size / 2;
+        fxCtx.globalAlpha = alpha;
+        fxCtx.drawImage(star.sprite, x - half, y - half, size, size);
+        const haloRadius = size * (star.haloScale + sparkBoost * 1.8) * profile.haloBoost;
+        fxCtx.globalAlpha = alpha * 0.42;
+        fxCtx.drawImage(haloPulse, x - haloRadius, y - haloRadius, haloRadius * 2, haloRadius * 2);
+        if (profile.dynamicFlares && star.isHighlight) {
+          const flareWidth = size * 5.8;
+          const flareHeight = size * 1.25;
+          fxCtx.globalAlpha = alpha * (0.18 + sparkBoost * 0.35);
+          fxCtx.drawImage(flareSprite, x - flareWidth / 2, y - flareHeight / 2, flareWidth, flareHeight);
+          fxCtx.save();
+          fxCtx.translate(x, y);
+          fxCtx.rotate(Math.PI / 2);
+          fxCtx.drawImage(flareSprite, -flareWidth / 2, -flareHeight / 2, flareWidth, flareHeight);
+          fxCtx.restore();
+        }
+      }
+      fxCtx.globalAlpha = 1;
+      fxCtx.globalCompositeOperation = "source-over";
+    };
     const drawComets = (now) => {
-      for (let i = comets.length - 1; i >= 0; i--) {
-        const comet = comets[i];
-        const p = (now - comet.t0) / comet.dur;
-        if (p >= 1) {
-          comets.splice(i, 1);
+      if (!comets.length) return;
+      fxCtx.globalCompositeOperation = "screen";
+      for (let index = comets.length - 1; index >= 0; index -= 1) {
+        const comet = comets[index];
+        const progress = (now - comet.t0) / comet.dur;
+        if (progress >= 1) {
+          comets.splice(index, 1);
           continue;
         }
-        const ease = p < 0.5 ? p * 2 : 1 - (p - 0.5) * 2;
-        const dx = Math.cos(comet.angle) * comet.len * 6.8 * p;
-        const dy = Math.sin(comet.angle) * comet.len * 6.8 * p;
-        starsCtx.save();
-        starsCtx.translate(comet.x + dx, comet.y + dy);
-        starsCtx.rotate(comet.angle);
-        starsCtx.globalAlpha = 0.2 + 0.8 * ease;
-        starsCtx.drawImage(cometHeadSprite, -14, -14, 28, 28);
-        starsCtx.globalAlpha = 0.25 + 0.65 * ease;
-        starsCtx.drawImage(cometTailSprite, -comet.len, -3, comet.len, 6);
-        starsCtx.globalAlpha = 0.45 * ease;
-        starsCtx.drawImage(cometTailSprite, 0, -2, Math.min(24, comet.len * 0.24), 4);
-        starsCtx.restore();
-      }
+        const ease = progress < 0.5 ? progress * 2 : 1 - (progress - 0.5) * 2;
+        const dx = Math.cos(comet.angle) * comet.len * 6.2 * progress;
+        const dy = Math.sin(comet.angle) * comet.len * 6.2 * progress;
+        fxCtx.save();
+        fxCtx.translate(comet.x + dx, comet.y + dy);
+        fxCtx.rotate(comet.angle);
+        fxCtx.globalAlpha = 0.24 + 0.7 * ease;
+        fxCtx.drawImage(cometHeadSprite, -12, -12, 24, 24);
+        fxCtx.globalAlpha = 0.2 + 0.58 * ease;
+        fxCtx.drawImage(cometTailSprite, -comet.len, -3, comet.len, 6);
+        fxCtx.restore();
+      }
+      fxCtx.globalAlpha = 1;
+      fxCtx.globalCompositeOperation = "source-over";
     };
-    const drawStars = (now) => {
-      starsCtx.clearRect(0, 0, width, height);
-      starsCtx.globalCompositeOperation = "screen";
-      for (const star of stars) {
-        const drift = now * star.driftInvDur % 1;
-        const sx = star.x + star.driftDx * drift;
-        const sy = star.y + star.driftDy * drift;
-        const scaleByDrift = 1 + (star.scaleTo - 1) * drift;
-        const twinkle = (Math.sin((now + star.twinkleDelay) * star.twinkleFreq + star.phase) + 1) * 0.5;
-        const twinklePeak = 0.58 + 0.42 * twinkle;
-        const sparkCycle = (now + star.sparkDelay) * star.sparkInvDur % 1;
-        const sparkBoost = sparkCycle < 0.15 ? sparkCycle / 0.15 : sparkCycle < 0.45 ? 1 - (sparkCycle - 0.15) / 0.3 : 0;
-        const sparkScale = 1 + 0.28 * sparkBoost;
-        const glow = 0.38 + 0.2 * (0.5 + 0.5 * Math.sin(now * 2e-3 + star.phase));
-        const opacity = star.baseOpacity * twinklePeak;
-        const intensity = star.intensity * (0.82 + 0.38 * sparkBoost);
-        const size = star.size * scaleByDrift * sparkScale;
-        starsCtx.save();
-        starsCtx.globalAlpha = opacity;
-        starsCtx.translate(sx, sy);
-        starsCtx.scale(size / starSpriteSize, size / starSpriteSize);
-        starsCtx.drawImage(star.sprite, -halfStarSprite, -halfStarSprite);
-        drawHaloSprite(starsCtx, haloPink, size * 4.1 * intensity);
-        drawHaloSprite(starsCtx, haloPurple, size * 6.9 * intensity);
-        drawHaloSprite(starsCtx, haloIndigo, size * 10.2 * intensity);
-        drawHaloSprite(starsCtx, haloGlow, size * (1.8 + glow));
-        if (star.isHighlight) {
-          starsCtx.globalAlpha = opacity * (0.35 + 0.65 * sparkBoost);
-          starsCtx.drawImage(flareSprite, -2 * starSpriteSize, -halfStarSprite, 4 * starSpriteSize, starSpriteSize);
-          starsCtx.rotate(Math.PI / 2);
-          starsCtx.drawImage(flareSprite, -2 * starSpriteSize, -halfStarSprite, 4 * starSpriteSize, starSpriteSize);
+    const spawnComet = (now) => {
+      if (profile.maxComets <= 0) return;
+      if (comets.length >= profile.maxComets) return;
+      comets.push({
+        x: Math.random() * width,
+        y: Math.random() * height,
+        angle: Math.random() * TWO_PI,
+        len: rand(72, 150),
+        t0: now,
+        dur: rand(1300, 2100)
+      });
+    };
+    const buildScene = () => {
+      width = Math.max(1, window.innerWidth);
+      height = Math.max(1, window.innerHeight);
+      const deviceDpr = window.devicePixelRatio || 1;
+      staticDpr = dprFromPixelBudget(
+        width,
+        height,
+        profile.staticPixelBudget,
+        lowPowerDevice ? 0.36 : 0.44,
+        Math.min(deviceDpr, 0.85)
+      );
+      fxDpr = dprFromPixelBudget(
+        width,
+        height,
+        profile.fxPixelBudget,
+        lowPowerDevice ? 0.44 : 0.52,
+        Math.min(deviceDpr, 0.95)
+      );
+      setCanvasDisplaySize(staticCanvas, width, height, staticDpr);
+      setCanvasDisplaySize(fxCanvas, width, height, fxDpr);
+      nebulaScale = scaleFromPixelBudget(
+        width,
+        height,
+        profile.nebulaPixelBudget,
+        lowPowerDevice ? 0.32 : 0.38,
+        0.62
+      );
+      nebulaWidth = Math.max(1, Math.floor(width * nebulaScale));
+      nebulaHeight = Math.max(1, Math.floor(height * nebulaScale));
+      nebulaCanvas.width = nebulaWidth;
+      nebulaCanvas.height = nebulaHeight;
+      nebulaCanvas.style.width = `${width}px`;
+      nebulaCanvas.style.height = `${height}px`;
+      staticCtx.setTransform(staticDpr, 0, 0, staticDpr, 0, 0);
+      fxCtx.setTransform(fxDpr, 0, 0, fxDpr, 0, 0);
+      nebulaCtx.setTransform(1, 0, 0, 1, 0, 0);
+      const areaFactor = Math.min(1.25, width * height / (1920 * 1080));
+      const totalStarsBase = lowPowerDevice ? 100 : 166;
+      const totalStars = Math.max(72, Math.min(210, Math.round(totalStarsBase * areaFactor)));
+      const dynamicCount = Math.max(10, Math.round(totalStars * profile.dynamicRatio));
+      staticStars = [];
+      dynamicStars = [];
+      comets = [];
+      for (let i = 0; i < totalStars; i += 1) {
+        const bucket = Math.random();
+        const isHighlight = bucket > 0.965;
+        const size = Math.max(
+          0.8,
+          (bucket < 0.24 ? rand(0.35, 0.95) : bucket < 0.95 ? rand(0.6, 1.75) : rand(1.8, 3)) * (width * 1e-3)
+        );
+        const color = choice(palette);
+        const alpha = rand(0.76, 0.98);
+        const base = {
+          x: Math.random() * width,
+          y: Math.random() * height,
+          size,
+          sprite: starSprites.get(color),
+          isHighlight
+        };
+        if (dynamicStars.length < dynamicCount && Math.random() > 0.32) {
+          const twinkleDur = rand(5500, 26e3);
+          const sparkDur = rand(760, 1300);
+          dynamicStars.push({
+            ...base,
+            baseOpacity: alpha,
+            driftDx: rand(-5e-3, 5e-3) * width,
+            driftDy: rand(-5e-3, 5e-3) * height,
+            driftInvDur: 1 / rand(52e3, 96e3),
+            twinkleFreq: TWO_PI / twinkleDur,
+            twinkleDelay: rand(0, 2e4),
+            sparkInvDur: 1 / sparkDur,
+            sparkDelay: rand(0, 1100),
+            phase: Math.random() * TWO_PI,
+            haloScale: rand(2.2, 3.8)
+          });
+        } else {
+          staticStars.push({
+            ...base,
+            alpha,
+            haloScale: rand(2.1, 3.6)
+          });
         }
-        starsCtx.restore();
       }
-      starsCtx.globalCompositeOperation = "source-over";
+      const cloudCount = lowPowerDevice ? Math.min(profile.cloudCount, 4) : profile.cloudCount;
+      clouds = Array.from({ length: cloudCount }).map(() => {
+        const color = choice(cloudColors);
+        return {
+          x: Math.random() * nebulaWidth,
+          y: Math.random() * nebulaHeight,
+          size: rand(90, 220),
+          alpha: rand(0.64, 0.95),
+          sprite: cloudSprites.get(color),
+          angle: Math.random() * TWO_PI,
+          speed: rand(-36e-5, 36e-5),
+          pulseAmp: rand(0.02, 0.07),
+          pulsePhase: Math.random() * TWO_PI
+        };
+      });
+      nebulaBackdrop = createCanvas(nebulaWidth, nebulaHeight);
+      const backdropCtx = nebulaBackdrop.getContext("2d");
+      if (backdropCtx) {
+        const bg = backdropCtx.createRadialGradient(
+          nebulaWidth / 2,
+          nebulaHeight / 2,
+          0,
+          nebulaWidth / 2,
+          nebulaHeight / 2,
+          Math.max(nebulaWidth, nebulaHeight) / 1.5
+        );
+        bg.addColorStop(0, "#0c0d1d");
+        bg.addColorStop(1, "#000000");
+        backdropCtx.fillStyle = bg;
+        backdropCtx.fillRect(0, 0, nebulaWidth, nebulaHeight);
+      }
+      nextCometAt = performance.now() + nextCometDelay();
+      drawNebula(performance.now());
+      drawStaticStars();
+      clearFx();
     };
+    buildScene();
     let raf = 0;
+    let resizeRaf = 0;
     let running = false;
     let disposed = false;
     let lastFrame = 0;
     let lastNebulaFrame = 0;
-    let nextCometAt = performance.now() + rand(3200, 6800);
-    const minFrameMs = lowPowerDevice ? 22 : 16;
-    const nebulaFrameMs = lowPowerDevice ? 85 : 55;
-    const isDarkMode = () => document.documentElement.classList.contains("dark");
-    const clearCanvases = () => {
-      starsCtx.clearRect(0, 0, width, height);
-      nebulaCtx.clearRect(0, 0, nebulaWidth, nebulaHeight);
-    };
-    const shouldRun = () => !reducedMotion && !document.hidden && isDarkMode();
+    let avgFrameMs = profile.minFrameMs;
+    let slowFrameScore = 0;
+    let fastFrameScore = 0;
+    let qualityCooldownUntil = performance.now() + 2400;
+    const shouldRun = () => !reducedMotion && !document.hidden;
     const stop = () => {
       running = false;
       if (raf) {
@@ -723,21 +697,67 @@ function BackgroundStars() {
         raf = 0;
       }
     };
+    const scheduleRebuild = () => {
+      if (resizeRaf) cancelAnimationFrame(resizeRaf);
+      resizeRaf = requestAnimationFrame(() => {
+        resizeRaf = 0;
+        buildScene();
+        if (shouldRun() && !running) {
+          running = true;
+          lastFrame = 0;
+          lastNebulaFrame = 0;
+          raf = requestAnimationFrame(frame);
+        }
+      });
+    };
+    const setQualityLevel = (nextLevel, now) => {
+      const boundedLevel = clamp(nextLevel, 0, maxQualityLevel);
+      if (boundedLevel === qualityLevel) return;
+      qualityLevel = boundedLevel;
+      profile = QUALITY_PROFILES[qualityLevel];
+      avgFrameMs = profile.minFrameMs;
+      slowFrameScore = 0;
+      fastFrameScore = 0;
+      qualityCooldownUntil = now + 4200;
+      scheduleRebuild();
+    };
+    const adaptQuality = (deltaMs, now) => {
+      const clampedDelta = clamp(deltaMs, 1, 250);
+      avgFrameMs = avgFrameMs * 0.9 + clampedDelta * 0.1;
+      if (now < qualityCooldownUntil) return;
+      const slowThreshold = profile.minFrameMs * 1.45;
+      const fastThreshold = profile.minFrameMs * 0.9;
+      if (avgFrameMs > slowThreshold) slowFrameScore += 1;
+      else slowFrameScore = Math.max(0, slowFrameScore - 0.5);
+      if (avgFrameMs < fastThreshold) fastFrameScore += 1;
+      else fastFrameScore = Math.max(0, fastFrameScore - 1);
+      if (slowFrameScore >= 48 && qualityLevel > 0) {
+        setQualityLevel(qualityLevel - 1, now);
+        return;
+      }
+      if (fastFrameScore >= 220 && qualityLevel < maxQualityLevel) {
+        setQualityLevel(qualityLevel + 1, now);
+      }
+    };
     const frame = (now) => {
       if (!running || disposed) return;
-      if (now - lastFrame < minFrameMs) {
-        raf = requestAnimationFrame(frame);
-        return;
+      if (lastFrame !== 0) {
+        const delta = now - lastFrame;
+        if (delta < profile.minFrameMs) {
+          raf = requestAnimationFrame(frame);
+          return;
+        }
+        adaptQuality(delta, now);
       }
       lastFrame = now;
-      if (now - lastNebulaFrame >= nebulaFrameMs) {
+      if (now - lastNebulaFrame >= profile.nebulaFrameMs) {
         drawNebula(now);
         lastNebulaFrame = now;
       }
-      drawStars(now);
-      if (now >= nextCometAt) {
+      drawDynamicStars(now);
+      if (profile.maxComets > 0 && now >= nextCometAt) {
         spawnComet(now);
-        nextCometAt = now + rand(3200, 6800);
+        nextCometAt = now + nextCometDelay();
       }
       drawComets(now);
       raf = requestAnimationFrame(frame);
@@ -747,35 +767,41 @@ function BackgroundStars() {
       running = true;
       lastFrame = 0;
       lastNebulaFrame = 0;
+      nextCometAt = performance.now() + nextCometDelay();
       raf = requestAnimationFrame(frame);
     };
-    const onVisibilityOrTheme = () => {
-      if (shouldRun()) start();
-      else {
-        stop();
-        clearCanvases();
+    const onVisibilityChange = () => {
+      if (shouldRun()) {
+        start();
+        return;
       }
+      stop();
+      clearFx();
+      if (document.hidden) clearNebula();
+      else drawNebula(0);
+    };
+    const onResize = () => {
+      scheduleRebuild();
     };
     if (reducedMotion) {
-      if (isDarkMode()) {
-        drawNebula(0);
-        drawStars(0);
-      } else {
-        clearCanvases();
-      }
+      drawNebula(0);
+      drawStaticStars();
+      clearFx();
       return () => {
         stop();
       };
     }
-    const observer = new MutationObserver(onVisibilityOrTheme);
-    observer.observe(document.documentElement, { attributes: true, attributeFilter: ["class"] });
-    document.addEventListener("visibilitychange", onVisibilityOrTheme);
-    onVisibilityOrTheme();
+    document.addEventListener("visibilitychange", onVisibilityChange);
+    window.addEventListener("resize", onResize, { passive: true });
+    start();
     return () => {
       disposed = true;
       stop();
-      observer.disconnect();
-      document.removeEventListener("visibilitychange", onVisibilityOrTheme);
+      clearFx();
+      clearNebula();
+      document.removeEventListener("visibilitychange", onVisibilityChange);
+      window.removeEventListener("resize", onResize);
+      if (resizeRaf) cancelAnimationFrame(resizeRaf);
     };
   }, []);
   return /* @__PURE__ */ jsxs4(Fragment, { children: [
@@ -784,26 +810,234 @@ function BackgroundStars() {
       {
         ref: nebulaRef,
         "aria-hidden": "true",
-        className: "cc-background-stars-canvas fixed inset-0 z-0 pointer-events-none hidden dark:block"
+        className: "cc-background-stars-canvas fixed inset-0 z-0 pointer-events-none"
+      }
+    ),
+    /* @__PURE__ */ jsx4(
+      "canvas",
+      {
+        ref: staticStarsRef,
+        "aria-hidden": "true",
+        className: "cc-background-stars-canvas fixed inset-0 z-10 pointer-events-none"
       }
     ),
     /* @__PURE__ */ jsx4(
       "canvas",
       {
-        ref: starsRef,
+        ref: fxStarsRef,
         "aria-hidden": "true",
-        className: "cc-background-stars-canvas fixed inset-0 z-10 pointer-events-none hidden dark:block"
+        className: "cc-background-stars-canvas fixed inset-0 z-20 pointer-events-none"
       }
     ),
     /* @__PURE__ */ jsx4("style", { children: `
         @media (prefers-reduced-motion: reduce) {
           .cc-background-stars-canvas {
-            display: none !important;
+            animation: none !important;
           }
         }
       ` })
   ] });
 }
+var TWO_PI, rand, choice, clamp, QUALITY_PROFILES, BackgroundStars_default;
+var init_BackgroundStars = __esm({
+  "src/components/cupcode/BackgroundStars.tsx"() {
+    "use strict";
+    TWO_PI = Math.PI * 2;
+    rand = (a, b) => a + Math.random() * (b - a);
+    choice = (arr) => arr[Math.random() * arr.length | 0];
+    clamp = (value, min, max) => Math.min(max, Math.max(min, value));
+    QUALITY_PROFILES = [
+      {
+        staticPixelBudget: 42e4,
+        fxPixelBudget: 62e4,
+        nebulaPixelBudget: 3e5,
+        dynamicRatio: 0.12,
+        cloudCount: 3,
+        maxComets: 0,
+        minFrameMs: 36,
+        nebulaFrameMs: 180,
+        cometMinMs: 9e3,
+        cometMaxMs: 14e3,
+        haloBoost: 0.72,
+        twinkleBoost: 0.2,
+        dynamicFlares: false
+      },
+      {
+        staticPixelBudget: 62e4,
+        fxPixelBudget: 95e4,
+        nebulaPixelBudget: 42e4,
+        dynamicRatio: 0.18,
+        cloudCount: 4,
+        maxComets: 1,
+        minFrameMs: 26,
+        nebulaFrameMs: 130,
+        cometMinMs: 5600,
+        cometMaxMs: 9e3,
+        haloBoost: 0.88,
+        twinkleBoost: 0.26,
+        dynamicFlares: true
+      },
+      {
+        staticPixelBudget: 78e4,
+        fxPixelBudget: 125e4,
+        nebulaPixelBudget: 56e4,
+        dynamicRatio: 0.24,
+        cloudCount: 6,
+        maxComets: 2,
+        minFrameMs: 16,
+        nebulaFrameMs: 90,
+        cometMinMs: 3600,
+        cometMaxMs: 7e3,
+        haloBoost: 1,
+        twinkleBoost: 0.3,
+        dynamicFlares: true
+      }
+    ];
+    BackgroundStars_default = BackgroundStars;
+  }
+});
+
+// src/components/cupcode/AccordionCupcode.tsx
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDown } from "lucide-react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/cupcode/AccordionCupcode.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var AccordionCupcode = AccordionPrimitive.Root;
+var AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Item,
+  {
+    ref,
+    className: cn("glass rounded-xl mb-3 overflow-hidden", className),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+  AccordionPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex flex-1 items-center justify-between p-4 font-semibold text-foreground",
+      "transition-all hover:bg-cupcode-purple/5",
+      "[&[data-state=open]>svg]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronDown, { className: "h-5 w-5 shrink-0 text-cupcode-purple transition-transform duration-300" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...props,
+    children: /* @__PURE__ */ jsx("div", { className: cn("px-4 pb-4 pt-0 text-muted-foreground", className), children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+// src/components/cupcode/AvatarCupcode.tsx
+import * as React2 from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Avatar = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      "ring-2 ring-border ring-offset-2 ring-offset-background",
+      className
+    ),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full object-cover", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full",
+      "bg-gradient-to-br from-cupcode-hover to-cupcode-purple",
+      "text-white font-semibold",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+var statusStyles = {
+  online: "bg-success",
+  offline: "bg-muted-foreground",
+  away: "bg-warning",
+  busy: "bg-destructive"
+};
+var sizeClasses = {
+  sm: "h-8 w-8",
+  md: "h-10 w-10",
+  lg: "h-14 w-14",
+  xl: "h-20 w-20"
+};
+var statusSizes = {
+  sm: "h-2 w-2",
+  md: "h-2.5 w-2.5",
+  lg: "h-3 w-3",
+  xl: "h-4 w-4"
+};
+var AvatarWithStatus = ({
+  src,
+  alt,
+  fallback,
+  status,
+  size = "md",
+  className
+}) => {
+  return /* @__PURE__ */ jsxs2("div", { className: "relative inline-block", children: [
+    /* @__PURE__ */ jsxs2(Avatar, { className: cn(sizeClasses[size], className), children: [
+      /* @__PURE__ */ jsx2(AvatarImage, { src, alt }),
+      /* @__PURE__ */ jsx2(AvatarFallback, { children: fallback })
+    ] }),
+    status && /* @__PURE__ */ jsx2(
+      "span",
+      {
+        className: cn(
+          "absolute bottom-0 right-0 block rounded-full ring-2 ring-background",
+          statusStyles[status],
+          statusSizes[size],
+          status === "online" && "animate-pulse"
+        )
+      }
+    )
+  ] });
+};
+
+// src/index.ts
+init_BackgroundRainbow();
+init_BackgroundStars();
 
 // src/components/cupcode/BadgeCupcode.tsx
 import { forwardRef as forwardRef3 } from "react";
@@ -6045,34 +6279,132 @@ var TelescupUpload = ({
           ) }) : null
         ]
       }
-    )
-  ] });
-  if (!isControlled && renderTrigger) {
-    return /* @__PURE__ */ jsxs21(Fragment3, { children: [
-      renderTrigger({ open: () => setInternalOpen(true) }),
-      mode === "drawer" ? /* @__PURE__ */ jsx34(Drawer, { open: isOpen, onOpenChange: (next) => !next ? handleClose() : setInternalOpen(next), children: /* @__PURE__ */ jsx34(DrawerContent, { className: "h-[90vh] p-6", children: content }) }) : /* @__PURE__ */ jsx34(Dialog, { open: isOpen, onOpenChange: (next) => !next ? handleClose() : setInternalOpen(next), children: /* @__PURE__ */ jsxs21(DialogContent, { className: "max-w-5xl z-[4600]", children: [
-        /* @__PURE__ */ jsx34(DialogTitle, { className: "sr-only", children: labels.title }),
-        /* @__PURE__ */ jsx34(DialogDescription, { className: "sr-only", children: "Sele\xE7\xE3o e upload de assets com metadados do Telescup." }),
-        content
-      ] }) })
-    ] });
+    )
+  ] });
+  if (!isControlled && renderTrigger) {
+    return /* @__PURE__ */ jsxs21(Fragment3, { children: [
+      renderTrigger({ open: () => setInternalOpen(true) }),
+      mode === "drawer" ? /* @__PURE__ */ jsx34(Drawer, { open: isOpen, onOpenChange: (next) => !next ? handleClose() : setInternalOpen(next), children: /* @__PURE__ */ jsx34(DrawerContent, { className: "h-[90vh] p-6", children: content }) }) : /* @__PURE__ */ jsx34(Dialog, { open: isOpen, onOpenChange: (next) => !next ? handleClose() : setInternalOpen(next), children: /* @__PURE__ */ jsxs21(DialogContent, { className: "max-w-5xl z-[4600]", children: [
+        /* @__PURE__ */ jsx34(DialogTitle, { className: "sr-only", children: labels.title }),
+        /* @__PURE__ */ jsx34(DialogDescription, { className: "sr-only", children: "Sele\xE7\xE3o e upload de assets com metadados do Telescup." }),
+        content
+      ] }) })
+    ] });
+  }
+  if (!isControlled && !renderTrigger) {
+    return /* @__PURE__ */ jsxs21(Fragment3, { children: [
+      /* @__PURE__ */ jsx34(Button, { onClick: () => setInternalOpen(true), children: labels.actions.select }),
+      mode === "drawer" ? /* @__PURE__ */ jsx34(Drawer, { open: isOpen, onOpenChange: (next) => !next ? handleClose() : setInternalOpen(next), children: /* @__PURE__ */ jsx34(DrawerContent, { className: "h-[90vh] p-6", children: content }) }) : /* @__PURE__ */ jsx34(Dialog, { open: isOpen, onOpenChange: (next) => !next ? handleClose() : setInternalOpen(next), children: /* @__PURE__ */ jsxs21(DialogContent, { className: "max-w-5xl z-[4600]", children: [
+        /* @__PURE__ */ jsx34(DialogTitle, { className: "sr-only", children: labels.title }),
+        /* @__PURE__ */ jsx34(DialogDescription, { className: "sr-only", children: "Sele\xE7\xE3o e upload de assets com metadados do Telescup." }),
+        content
+      ] }) })
+    ] });
+  }
+  return mode === "drawer" ? /* @__PURE__ */ jsx34(Drawer, { open: Boolean(open), onOpenChange: (next) => !next ? handleClose() : void 0, children: /* @__PURE__ */ jsx34(DrawerContent, { className: "h-[90vh] p-6", children: content }) }) : /* @__PURE__ */ jsx34(Dialog, { open: Boolean(open), onOpenChange: (next) => !next ? handleClose() : void 0, children: /* @__PURE__ */ jsxs21(DialogContent, { className: "max-w-5xl z-[4600]", children: [
+    /* @__PURE__ */ jsx34(DialogTitle, { className: "sr-only", children: labels.title }),
+    /* @__PURE__ */ jsx34(DialogDescription, { className: "sr-only", children: "Sele\xE7\xE3o e upload de assets com metadados do Telescup." }),
+    content
+  ] }) });
+};
+
+// src/lib/themePreference.ts
+var THEME_STORAGE_KEY = "cupcode-theme";
+var LEGACY_THEME_STORAGE_KEY = "theme";
+var THEME_PREFERENCE_STORAGE_KEY = "cupcode-theme-preference";
+var EXPERIENCE_SETTINGS_STORAGE_KEY = "cc_user_menu_experience_settings";
+var THEME_PREFERENCE_CHANGE_EVENT = "cupcode:theme-preference-change";
+function isStoredThemeMode(value) {
+  return value === "light" || value === "dark";
+}
+function parseStoredThemePreference(value) {
+  return value === "light" || value === "dark" || value === "system" ? value : null;
+}
+function normalizeStoredThemePreference(value) {
+  var _a78;
+  return (_a78 = parseStoredThemePreference(value)) != null ? _a78 : "system";
+}
+function readStoredThemeMode() {
+  var _a78;
+  if (typeof window === "undefined") return null;
+  try {
+    const storedTheme = (_a78 = window.localStorage.getItem(THEME_STORAGE_KEY)) != null ? _a78 : window.localStorage.getItem(LEGACY_THEME_STORAGE_KEY);
+    return isStoredThemeMode(storedTheme) ? storedTheme : null;
+  } catch (e) {
+    return null;
+  }
+}
+function resolveSystemThemeMode() {
+  if (typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches) {
+    return "dark";
+  }
+  return "light";
+}
+function resolveAppliedThemeMode(preference) {
+  return preference === "system" ? resolveSystemThemeMode() : preference;
+}
+function readStoredExperienceSettingsRecord() {
+  if (typeof window === "undefined") return null;
+  try {
+    const raw = window.localStorage.getItem(EXPERIENCE_SETTINGS_STORAGE_KEY);
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) {
+      return null;
+    }
+    return parsed;
+  } catch (e) {
+    return null;
+  }
+}
+function persistThemePreferenceSelection(preference) {
+  if (typeof window === "undefined") return;
+  const appliedMode = resolveAppliedThemeMode(preference);
+  try {
+    window.localStorage.setItem(THEME_PREFERENCE_STORAGE_KEY, preference);
+    window.localStorage.setItem(THEME_STORAGE_KEY, appliedMode);
+    window.localStorage.setItem(LEGACY_THEME_STORAGE_KEY, appliedMode);
+    const currentExperienceSettings = readStoredExperienceSettingsRecord();
+    window.localStorage.setItem(
+      EXPERIENCE_SETTINGS_STORAGE_KEY,
+      JSON.stringify({
+        ...currentExperienceSettings != null ? currentExperienceSettings : {},
+        theme: preference
+      })
+    );
+  } catch (e) {
+  }
+  window.dispatchEvent(
+    new CustomEvent(THEME_PREFERENCE_CHANGE_EVENT, {
+      detail: {
+        appliedMode,
+        preference
+      }
+    })
+  );
+}
+function resolveStoredThemePreference(experienceSettingsTheme) {
+  var _a78;
+  if (typeof window === "undefined") {
+    return normalizeStoredThemePreference(experienceSettingsTheme);
   }
-  if (!isControlled && !renderTrigger) {
-    return /* @__PURE__ */ jsxs21(Fragment3, { children: [
-      /* @__PURE__ */ jsx34(Button, { onClick: () => setInternalOpen(true), children: labels.actions.select }),
-      mode === "drawer" ? /* @__PURE__ */ jsx34(Drawer, { open: isOpen, onOpenChange: (next) => !next ? handleClose() : setInternalOpen(next), children: /* @__PURE__ */ jsx34(DrawerContent, { className: "h-[90vh] p-6", children: content }) }) : /* @__PURE__ */ jsx34(Dialog, { open: isOpen, onOpenChange: (next) => !next ? handleClose() : setInternalOpen(next), children: /* @__PURE__ */ jsxs21(DialogContent, { className: "max-w-5xl z-[4600]", children: [
-        /* @__PURE__ */ jsx34(DialogTitle, { className: "sr-only", children: labels.title }),
-        /* @__PURE__ */ jsx34(DialogDescription, { className: "sr-only", children: "Sele\xE7\xE3o e upload de assets com metadados do Telescup." }),
-        content
-      ] }) })
-    ] });
+  try {
+    const storedThemePreference = parseStoredThemePreference(
+      window.localStorage.getItem(THEME_PREFERENCE_STORAGE_KEY)
+    );
+    if (storedThemePreference) {
+      return storedThemePreference;
+    }
+    const parsedExperienceTheme = parseStoredThemePreference(experienceSettingsTheme);
+    const storedThemeMode = readStoredThemeMode();
+    if (parsedExperienceTheme === "system" && storedThemeMode) {
+      return storedThemeMode;
+    }
+    return (_a78 = parsedExperienceTheme != null ? parsedExperienceTheme : storedThemeMode) != null ? _a78 : "system";
+  } catch (e) {
+    return normalizeStoredThemePreference(experienceSettingsTheme);
   }
-  return mode === "drawer" ? /* @__PURE__ */ jsx34(Drawer, { open: Boolean(open), onOpenChange: (next) => !next ? handleClose() : void 0, children: /* @__PURE__ */ jsx34(DrawerContent, { className: "h-[90vh] p-6", children: content }) }) : /* @__PURE__ */ jsx34(Dialog, { open: Boolean(open), onOpenChange: (next) => !next ? handleClose() : void 0, children: /* @__PURE__ */ jsxs21(DialogContent, { className: "max-w-5xl z-[4600]", children: [
-    /* @__PURE__ */ jsx34(DialogTitle, { className: "sr-only", children: labels.title }),
-    /* @__PURE__ */ jsx34(DialogDescription, { className: "sr-only", children: "Sele\xE7\xE3o e upload de assets com metadados do Telescup." }),
-    content
-  ] }) });
-};
+}
 
 // src/components/cupcode/UserMenuCupcode.tsx
 import { Fragment as Fragment4, jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
@@ -6163,12 +6495,9 @@ var CHAT_DELETED_PLACEHOLDER_TEXT = "Mensagem deletada";
 var CHAT_GROUP_PREFIX = "local-group";
 var NOTIFICATIONS_VISIBLE_LIMIT = 8;
 var CHAT_SETTINGS_STORAGE_KEY = "cc_user_menu_chat_settings";
-var EXPERIENCE_SETTINGS_STORAGE_KEY = "cc_user_menu_experience_settings";
+var EXPERIENCE_SETTINGS_STORAGE_KEY2 = "cc_user_menu_experience_settings";
 var NOTIFICATION_PREFERENCES_STORAGE_KEY = "cc_user_menu_notification_preferences";
 var INTEGRATION_SETTINGS_STORAGE_KEY = "cc_user_menu_integration_connections";
-var THEME_PREFERENCE_STORAGE_KEY = "cupcode-theme-preference";
-var THEME_STORAGE_KEY = "cupcode-theme";
-var LEGACY_THEME_STORAGE_KEY = "theme";
 var SHARED_FILE_URL_REGEX = /https?:\/\/[^\s]+/gi;
 var SHARED_FILE_EXTENSIONS = [
   ".pdf",
@@ -6345,12 +6674,6 @@ var defaultExperienceSettings = () => ({
   contrast: "normal",
   showEmailPublicly: true
 });
-var normalizeThemePreference = (value) => {
-  const normalized = value == null ? void 0 : value.trim().toLowerCase();
-  if (normalized === "light") return "light";
-  if (normalized === "dark") return "dark";
-  return "system";
-};
 var normalizeDensityMode = (value) => {
   return (value == null ? void 0 : value.trim().toLowerCase()) === "comfortable" ? "comfortable" : "compact";
 };
@@ -6358,16 +6681,13 @@ var normalizeContrastMode = (value) => {
   return (value == null ? void 0 : value.trim().toLowerCase()) === "high" ? "high" : "normal";
 };
 var readStoredExperienceSettings = () => {
-  var _a78, _b7, _c;
   const fallback = defaultExperienceSettings();
   if (typeof window === "undefined") return fallback;
   try {
-    const raw = window.localStorage.getItem(EXPERIENCE_SETTINGS_STORAGE_KEY);
+    const raw = window.localStorage.getItem(EXPERIENCE_SETTINGS_STORAGE_KEY2);
     const parsed = raw ? JSON.parse(raw) : null;
-    const storedThemePreference = window.localStorage.getItem(THEME_PREFERENCE_STORAGE_KEY);
-    const legacyTheme = (_a78 = window.localStorage.getItem(THEME_STORAGE_KEY)) != null ? _a78 : window.localStorage.getItem(LEGACY_THEME_STORAGE_KEY);
     return {
-      theme: normalizeThemePreference((_c = (_b7 = parsed == null ? void 0 : parsed.theme) != null ? _b7 : storedThemePreference) != null ? _c : legacyTheme),
+      theme: resolveStoredThemePreference(parsed == null ? void 0 : parsed.theme),
       density: normalizeDensityMode(parsed == null ? void 0 : parsed.density),
       contrast: normalizeContrastMode(parsed == null ? void 0 : parsed.contrast),
       showEmailPublicly: typeof (parsed == null ? void 0 : parsed.showEmailPublicly) === "boolean" ? parsed.showEmailPublicly : fallback.showEmailPublicly
@@ -6379,7 +6699,7 @@ var readStoredExperienceSettings = () => {
 var persistExperienceSettings = (settings) => {
   if (typeof window === "undefined") return;
   try {
-    window.localStorage.setItem(EXPERIENCE_SETTINGS_STORAGE_KEY, JSON.stringify(settings));
+    window.localStorage.setItem(EXPERIENCE_SETTINGS_STORAGE_KEY2, JSON.stringify(settings));
   } catch (e) {
   }
 };
@@ -6411,15 +6731,6 @@ var persistIntegrationConnections = (connections) => {
   } catch (e) {
   }
 };
-var resolveSystemThemeMode = () => {
-  if (typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches) {
-    return "dark";
-  }
-  return "light";
-};
-var resolveAppliedThemeMode = (preference) => {
-  return preference === "system" ? resolveSystemThemeMode() : preference;
-};
 var applyThemePreference = (preference) => {
   if (typeof document === "undefined") return;
   const root = document.documentElement;
@@ -6429,13 +6740,7 @@ var applyThemePreference = (preference) => {
   root.dataset.theme = appliedMode;
   root.dataset.cupcodeTheme = preference;
   root.style.colorScheme = appliedMode;
-  if (typeof window === "undefined") return;
-  try {
-    window.localStorage.setItem(THEME_PREFERENCE_STORAGE_KEY, preference);
-    window.localStorage.setItem(THEME_STORAGE_KEY, appliedMode);
-    window.localStorage.setItem(LEGACY_THEME_STORAGE_KEY, appliedMode);
-  } catch (e) {
-  }
+  persistThemePreferenceSelection(preference);
 };
 var applyAccessibilityAttributes = (settings) => {
   if (typeof document === "undefined") return;
@@ -7240,6 +7545,17 @@ var UserMenuCupcode = ({
   useEffect12(() => {
     applyThemePreference(experienceSettings.theme);
   }, [experienceSettings.theme]);
+  useEffect12(() => {
+    if (typeof window === "undefined") return;
+    const syncThemePreference = () => {
+      const nextThemePreference = resolveStoredThemePreference();
+      setExperienceSettings(
+        (current) => current.theme === nextThemePreference ? current : { ...current, theme: nextThemePreference }
+      );
+    };
+    window.addEventListener(THEME_PREFERENCE_CHANGE_EVENT, syncThemePreference);
+    return () => window.removeEventListener(THEME_PREFERENCE_CHANGE_EVENT, syncThemePreference);
+  }, []);
   useEffect12(() => {
     applyAccessibilityAttributes(experienceSettings);
   }, [experienceSettings]);
@@ -21946,13 +22262,15 @@ function ThemeToggle({ className }) {
         /* @__PURE__ */ jsx38("style", { children: `
         :root {
           --toggle-width: 76px;
-          --toggle-height: 42px;
+          --toggle-height: 38px;
           --thumb-size: 30px;
           --toggle-thumb-offset: 34px;
           --duration: 560ms;
           --ease: cubic-bezier(0.22, 1, 0.36, 1);
           --dark-top: #7c5bbb;
           --dark-bottom: #3a2a58;
+          --toggle-track-alpha-light: 0.88;
+          --toggle-track-alpha-dark: 0.82;
         }
 
         .cc-theme-toggle {
@@ -21972,7 +22290,12 @@ function ThemeToggle({ className }) {
           height: var(--toggle-height);
           border-radius: 999px;
           overflow: hidden;
-          background: linear-gradient(180deg, #f7f6fb 0%, #f1edf9 55%, #e6def5 100%);
+          background: linear-gradient(
+            180deg,
+            rgba(247, 246, 251, var(--toggle-track-alpha-light)) 0%,
+            rgba(241, 237, 249, var(--toggle-track-alpha-light)) 55%,
+            rgba(230, 222, 245, var(--toggle-track-alpha-light)) 100%
+          );
           box-shadow:
             inset 0 1px 0 rgba(255, 255, 255, 0.92),
             inset 0 0 0 1px rgba(232, 219, 255, 0.85),
@@ -22086,7 +22409,11 @@ function ThemeToggle({ className }) {
         }
 
         .cc-theme-toggle.is-dark .track {
-          background: linear-gradient(180deg, var(--dark-top) 0%, var(--dark-bottom) 100%);
+          background: linear-gradient(
+            180deg,
+            rgba(124, 91, 187, var(--toggle-track-alpha-dark)) 0%,
+            rgba(58, 42, 88, var(--toggle-track-alpha-dark)) 100%
+          );
           box-shadow:
             inset 0 2px 8px rgba(255, 255, 255, 0.06),
             inset 0 -4px 12px rgba(0, 0, 0, 0.28),
@@ -22101,7 +22428,7 @@ function ThemeToggle({ className }) {
 
         .cc-theme-toggle .thumb {
           position: absolute;
-          top: 6px;
+          top: 4px;
           left: 6px;
           width: var(--thumb-size);
           height: var(--thumb-size);
@@ -25456,7 +25783,6 @@ function ParticleSystem({
       canvas.height = canvas.offsetHeight;
     };
     resizeCanvas();
-    window.addEventListener("resize", resizeCanvas);
     const particles = [];
     for (let i = 0; i < count2; i++) {
       particles.push({
@@ -25468,16 +25794,17 @@ function ParticleSystem({
         opacity: Math.random() * 0.5 + 0.5
       });
     }
-    let animationId;
-    const animate = () => {
+    const drawFrame = () => {
+      const width = canvas.width;
+      const height = canvas.height;
       ctx.clearRect(0, 0, canvas.width, canvas.height);
       particles.forEach((particle) => {
         particle.x += particle.speedX;
         particle.y += particle.speedY;
-        if (particle.x < 0) particle.x = canvas.width;
-        if (particle.x > canvas.width) particle.x = 0;
-        if (particle.y < 0) particle.y = canvas.height;
-        if (particle.y > canvas.height) particle.y = 0;
+        if (particle.x < 0) particle.x = width;
+        if (particle.x > width) particle.x = 0;
+        if (particle.y < 0) particle.y = height;
+        if (particle.y > height) particle.y = 0;
         if (variant === "stars") {
           ctx.fillStyle = `rgba(151, 90, 182, ${particle.opacity})`;
           ctx.beginPath();
@@ -25503,12 +25830,98 @@ function ParticleSystem({
           ctx.stroke();
         }
       });
+    };
+    let animationId = 0;
+    let running = false;
+    let isVisible = false;
+    let lastFrameTime = 0;
+    const minFrameMs = variant === "comets" ? 32 : 24;
+    const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)");
+    const canAnimate = () => isVisible && !document.hidden && !prefersReducedMotion.matches;
+    const animate = (timestamp) => {
+      if (!running) return;
+      if (timestamp - lastFrameTime >= minFrameMs) {
+        lastFrameTime = timestamp;
+        drawFrame();
+      }
       animationId = requestAnimationFrame(animate);
     };
-    animate();
+    const stop = () => {
+      running = false;
+      if (animationId) {
+        cancelAnimationFrame(animationId);
+        animationId = 0;
+      }
+    };
+    const start = () => {
+      if (running || !canAnimate()) return;
+      running = true;
+      lastFrameTime = 0;
+      animationId = requestAnimationFrame(animate);
+    };
+    const onDocumentVisibilityChange = () => {
+      if (canAnimate()) {
+        start();
+      } else {
+        stop();
+      }
+    };
+    const onReducedMotionChange = () => {
+      if (canAnimate()) {
+        start();
+      } else {
+        stop();
+      }
+    };
+    const onResize = () => {
+      resizeCanvas();
+      if (!running) {
+        drawFrame();
+      }
+    };
+    const observer = typeof IntersectionObserver === "undefined" ? null : new IntersectionObserver(
+      (entries) => {
+        const entry = entries[0];
+        isVisible = Boolean(entry == null ? void 0 : entry.isIntersecting);
+        if (canAnimate()) {
+          start();
+        } else {
+          stop();
+        }
+      },
+      {
+        root: null,
+        threshold: 0.01,
+        rootMargin: "200px 0px"
+      }
+    );
+    const rect = canvas.getBoundingClientRect();
+    isVisible = rect.bottom >= -200 && rect.top <= window.innerHeight + 200;
+    if (observer) {
+      observer.observe(canvas);
+    }
+    window.addEventListener("resize", onResize);
+    document.addEventListener("visibilitychange", onDocumentVisibilityChange);
+    if (typeof prefersReducedMotion.addEventListener === "function") {
+      prefersReducedMotion.addEventListener("change", onReducedMotionChange);
+    } else {
+      prefersReducedMotion.addListener(onReducedMotionChange);
+    }
+    if (canAnimate()) {
+      start();
+    } else {
+      drawFrame();
+    }
     return () => {
-      window.removeEventListener("resize", resizeCanvas);
-      cancelAnimationFrame(animationId);
+      window.removeEventListener("resize", onResize);
+      document.removeEventListener("visibilitychange", onDocumentVisibilityChange);
+      if (typeof prefersReducedMotion.removeEventListener === "function") {
+        prefersReducedMotion.removeEventListener("change", onReducedMotionChange);
+      } else {
+        prefersReducedMotion.removeListener(onReducedMotionChange);
+      }
+      observer == null ? void 0 : observer.disconnect();
+      stop();
     };
   }, [count2, variant]);
   return /* @__PURE__ */ jsx49(
@@ -25928,10 +26341,25 @@ var TextareaField = React32.forwardRef(
 );
 TextareaField.displayName = "TextareaField";
 
+// src/components/cupcode/ThemeBackground.tsx
+import { Suspense, lazy } from "react";
+import { jsx as jsx57 } from "react/jsx-runtime";
+var BackgroundRainbow2 = lazy(
+  () => Promise.resolve().then(() => (init_BackgroundRainbow(), BackgroundRainbow_exports)).then((module) => ({ default: module.BackgroundRainbow }))
+);
+var BackgroundStars2 = lazy(
+  () => Promise.resolve().then(() => (init_BackgroundStars(), BackgroundStars_exports)).then((module) => ({ default: module.BackgroundStars }))
+);
+var ThemeBackground = ({ enableStars = true }) => {
+  const { theme } = useAppTheme();
+  const isDark = theme === "dark";
+  return /* @__PURE__ */ jsx57(Suspense, { fallback: null, children: isDark ? enableStars ? /* @__PURE__ */ jsx57(BackgroundStars2, {}) : null : /* @__PURE__ */ jsx57(BackgroundRainbow2, {}) });
+};
+
 // src/components/cupcode/ThemeToggle.tsx
 import * as React33 from "react";
 import { Moon as Moon2, Sun as Sun2 } from "lucide-react";
-import { jsx as jsx57, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs37 } from "react/jsx-runtime";
 var THEME_STORAGE_KEY2 = "cupcode-theme";
 function isThemeMode(value) {
   return value === "light" || value === "dark";
@@ -25990,35 +26418,48 @@ var ThemeToggle2 = ({
   onThemeChange
 }) => {
   var _a78;
+  const themeContext = React33.useContext(ThemeContext);
   const [mounted, setMounted] = React33.useState(false);
   const [internalTheme, setInternalTheme] = React33.useState(defaultTheme);
   const isControlled = typeof theme !== "undefined";
-  const activeTheme = (_a78 = isControlled ? theme : internalTheme) != null ? _a78 : defaultTheme;
+  const usesProviderTheme = !isControlled && themeContext !== null;
+  const activeTheme = (_a78 = isControlled ? theme : usesProviderTheme ? themeContext.theme : internalTheme) != null ? _a78 : defaultTheme;
   React33.useEffect(() => {
-    if (!isControlled) {
+    if (!isControlled && !usesProviderTheme) {
       setInternalTheme(resolveTheme(defaultTheme));
     }
     setMounted(true);
-  }, [defaultTheme, isControlled]);
+  }, [defaultTheme, isControlled, usesProviderTheme]);
   React33.useEffect(() => {
-    if (!mounted) return;
+    if (!mounted || usesProviderTheme) return;
     applyThemeClass(activeTheme);
     writeStoredTheme(activeTheme);
-  }, [activeTheme, mounted]);
+  }, [activeTheme, mounted, usesProviderTheme]);
   React33.useEffect(() => {
-    if (isControlled || typeof document === "undefined") return;
+    if (isControlled || usesProviderTheme || typeof document === "undefined") return;
     const observer = new MutationObserver(() => {
       const resolvedTheme = resolveTheme(defaultTheme);
       setInternalTheme((currentTheme) => currentTheme === resolvedTheme ? currentTheme : resolvedTheme);
     });
     observer.observe(document.documentElement, { attributes: true, attributeFilter: ["class", "data-theme"] });
     return () => observer.disconnect();
-  }, [defaultTheme, isControlled]);
+  }, [defaultTheme, isControlled, usesProviderTheme]);
   if (!mounted) {
-    return /* @__PURE__ */ jsx57("div", { className: cn("w-10 h-10 rounded-lg bg-muted", className) });
+    return /* @__PURE__ */ jsx58("div", { className: cn("w-10 h-10 rounded-lg bg-muted", className) });
   }
-  const handleToggle = () => {
-    const nextTheme = activeTheme === "dark" ? "light" : "dark";
+  const handleToggle = (event) => {
+    var _a79;
+    const currentTheme = (_a79 = readThemeFromRoot()) != null ? _a79 : activeTheme;
+    const nextTheme = currentTheme === "dark" ? "light" : "dark";
+    if (usesProviderTheme) {
+      themeContext.toggleTheme({
+        x: event.clientX,
+        y: event.clientY
+      });
+      onThemeChange == null ? void 0 : onThemeChange(nextTheme);
+      return;
+    }
+    persistThemePreferenceSelection(nextTheme);
     if (!isControlled) {
       setInternalTheme(nextTheme);
     }
@@ -26038,8 +26479,8 @@ var ThemeToggle2 = ({
       ),
       "aria-label": "Toggle theme",
       children: [
-        /* @__PURE__ */ jsx57(Sun2, { className: "h-5 w-5 text-cupcode-purple rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
-        /* @__PURE__ */ jsx57(Moon2, { className: "absolute h-5 w-5 text-cupcode-hover rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
+        /* @__PURE__ */ jsx58(Sun2, { className: "h-5 w-5 text-cupcode-purple rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+        /* @__PURE__ */ jsx58(Moon2, { className: "absolute h-5 w-5 text-cupcode-hover rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
         /* @__PURE__ */ jsxs37("span", { className: "sr-only", children: [
           "Current theme: ",
           activeTheme
@@ -26050,14 +26491,9 @@ var ThemeToggle2 = ({
 };
 
 // src/components/theme-provider.tsx
-import {
-  useCallback as useCallback8,
-  useEffect as useEffect20,
-  useMemo as useMemo12,
-  useState as useState17
-} from "react";
+import { useCallback as useCallback8, useEffect as useEffect20, useMemo as useMemo12, useState as useState17 } from "react";
 import { flushSync } from "react-dom";
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 var STORAGE_KEY2 = "cupcode-theme";
 var LEGACY_STORAGE_KEY = "theme";
 function getPreferredTheme() {
@@ -26119,8 +26555,14 @@ function ThemeProvider({ children }) {
     if (!mounted) {
       return;
     }
-    persistTheme(theme);
-    applyThemeToRoot(theme);
+    const rootTheme = getThemeFromRoot();
+    if (rootTheme !== theme) {
+      applyThemeToRoot(theme);
+    }
+    const storedTheme = getStoredTheme();
+    if (storedTheme !== theme) {
+      persistTheme(theme);
+    }
   }, [mounted, theme]);
   useEffect20(() => {
     if (typeof window === "undefined") {
@@ -26156,35 +26598,47 @@ function ThemeProvider({ children }) {
     });
     return () => observer.disconnect();
   }, []);
-  const setTheme = useCallback8((nextTheme) => {
-    setThemeState(nextTheme);
-  }, []);
-  const toggleTheme = useCallback8((coords) => {
+  const applyThemeSelection = useCallback8((nextTheme, coords) => {
     var _a78;
     const documentWithTransition = document;
+    const root = document.documentElement;
     const prefersReducedMotion = window.matchMedia(
       "(prefers-reduced-motion: reduce)"
     ).matches;
     const supportsTransition = typeof documentWithTransition.startViewTransition === "function";
-    const flipTheme = () => {
+    const commitTheme = () => {
+      applyThemeToRoot(nextTheme);
+      persistThemePreferenceSelection(nextTheme);
       setThemeState(
-        (currentTheme) => currentTheme === "light" ? "dark" : "light"
+        (currentTheme) => currentTheme === nextTheme ? currentTheme : nextTheme
       );
     };
-    if (coords) {
-      document.documentElement.style.setProperty("--theme-x", `${coords.x}px`);
-      document.documentElement.style.setProperty("--theme-y", `${coords.y}px`);
-    }
     if (!supportsTransition || prefersReducedMotion) {
-      flipTheme();
+      commitTheme();
       return;
     }
+    if (coords) {
+      root.style.setProperty("--theme-x", `${coords.x}px`);
+      root.style.setProperty("--theme-y", `${coords.y}px`);
+    } else {
+      root.style.setProperty("--theme-x", "50%");
+      root.style.setProperty("--theme-y", "50%");
+    }
     (_a78 = documentWithTransition.startViewTransition) == null ? void 0 : _a78.call(documentWithTransition, () => {
       flushSync(() => {
-        flipTheme();
+        commitTheme();
       });
     });
   }, []);
+  const setTheme = useCallback8((nextTheme) => {
+    applyThemeSelection(nextTheme);
+  }, [applyThemeSelection]);
+  const toggleTheme = useCallback8((coords) => {
+    var _a78;
+    const currentTheme = (_a78 = getThemeFromRoot()) != null ? _a78 : theme;
+    const nextTheme = currentTheme === "light" ? "dark" : "light";
+    applyThemeSelection(nextTheme, coords);
+  }, [applyThemeSelection, theme]);
   const value = useMemo12(
     () => ({
       theme,
@@ -26193,7 +26647,7 @@ function ThemeProvider({ children }) {
     }),
     [theme, setTheme, toggleTheme]
   );
-  return /* @__PURE__ */ jsx58(ThemeContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx59(ThemeContext.Provider, { value, children });
 }
 function ThemeScript() {
   const script = `
@@ -26214,15 +26668,15 @@ function ThemeScript() {
       root.style.colorScheme = theme;
     })();
   `;
-  return /* @__PURE__ */ jsx58("script", { dangerouslySetInnerHTML: { __html: script } });
+  return /* @__PURE__ */ jsx59("script", { dangerouslySetInnerHTML: { __html: script } });
 }
 
 // src/components/cupcode/TimelineCupcode.tsx
-import { jsx as jsx59, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs38 } from "react/jsx-runtime";
 function Timeline({ items, variant = "vertical", className }) {
   if (variant === "horizontal") {
-    return /* @__PURE__ */ jsx59("div", { className: cn("flex items-start gap-4 overflow-x-auto pb-4", className), children: items.map((item, index) => /* @__PURE__ */ jsxs38("div", { className: "flex flex-col items-center min-w-[200px]", children: [
-      /* @__PURE__ */ jsx59(
+    return /* @__PURE__ */ jsx60("div", { className: cn("flex items-start gap-4 overflow-x-auto pb-4", className), children: items.map((item, index) => /* @__PURE__ */ jsxs38("div", { className: "flex flex-col items-center min-w-[200px]", children: [
+      /* @__PURE__ */ jsx60(
         "div",
         {
           className: cn(
@@ -26230,27 +26684,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__ */ jsx59("span", { className: "text-sm font-bold", children: index + 1 })
+          children: item.icon || /* @__PURE__ */ jsx60("span", { className: "text-sm font-bold", children: index + 1 })
         }
       ),
-      index < items.length - 1 && /* @__PURE__ */ jsx59("div", { className: cn(
+      index < items.length - 1 && /* @__PURE__ */ jsx60("div", { className: cn(
         "h-1 w-full mb-3",
         item.active ? "bg-cupcode-purple" : "bg-muted"
       ) }),
       /* @__PURE__ */ jsxs38("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx59("h4", { className: cn(
+        /* @__PURE__ */ jsx60("h4", { className: cn(
           "font-display font-semibold mb-1",
           item.active ? "text-cupcode-purple" : "text-foreground"
         ), children: item.title }),
-        item.description && /* @__PURE__ */ jsx59("p", { className: "text-sm text-muted-foreground", children: item.description }),
-        item.date && /* @__PURE__ */ jsx59("p", { className: "text-xs text-muted-foreground mt-1", children: item.date })
+        item.description && /* @__PURE__ */ jsx60("p", { className: "text-sm text-muted-foreground", children: item.description }),
+        item.date && /* @__PURE__ */ jsx60("p", { className: "text-xs text-muted-foreground mt-1", children: item.date })
       ] })
     ] }, item.id)) });
   }
   return /* @__PURE__ */ jsxs38("div", { className: cn("relative space-6", className), children: [
-    /* @__PURE__ */ jsx59("div", { className: "absolute left-6 top-0 bottom-0 w-0.5 bg-muted" }),
+    /* @__PURE__ */ jsx60("div", { className: "absolute left-6 top-0 bottom-0 w-0.5 bg-muted" }),
     items.map((item, index) => /* @__PURE__ */ jsxs38("div", { className: "relative flex gap-6 pb-8 last:pb-0", children: [
-      /* @__PURE__ */ jsx59(
+      /* @__PURE__ */ jsx60(
         "div",
         {
           className: cn(
@@ -26258,16 +26712,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__ */ jsx59("span", { className: "text-sm font-bold", children: index + 1 })
+          children: item.icon || /* @__PURE__ */ jsx60("span", { className: "text-sm font-bold", children: index + 1 })
         }
       ),
       /* @__PURE__ */ jsxs38("div", { className: "flex-1 pt-1", children: [
-        /* @__PURE__ */ jsx59("h4", { className: cn(
+        /* @__PURE__ */ jsx60("h4", { className: cn(
           "font-display font-semibold mb-1",
           item.active ? "text-cupcode-purple" : "text-foreground"
         ), children: item.title }),
-        item.description && /* @__PURE__ */ jsx59("p", { className: "text-sm text-muted-foreground mb-2", children: item.description }),
-        item.date && /* @__PURE__ */ jsx59("p", { className: "text-xs text-muted-foreground", children: item.date })
+        item.description && /* @__PURE__ */ jsx60("p", { className: "text-sm text-muted-foreground mb-2", children: item.description }),
+        item.date && /* @__PURE__ */ jsx60("p", { className: "text-xs text-muted-foreground", children: item.date })
       ] })
     ] }, item.id))
   ] });
@@ -26275,7 +26729,7 @@ function Timeline({ items, variant = "vertical", className }) {
 
 // src/components/cupcode/ToastCupcode.tsx
 import { X as X6, CheckCircle, AlertCircle, Info as Info2, AlertTriangle as AlertTriangle2 } from "lucide-react";
-import { jsx as jsx60, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs39 } from "react/jsx-runtime";
 var variantStyles2 = {
   success: {
     gradient: "from-success/20 to-success/5",
@@ -26310,7 +26764,7 @@ var ToastCupcode = ({
 }) => {
   const style = variantStyles2[variant];
   const Icon3 = style.icon;
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx61(
     "div",
     {
       className: cn(
@@ -26323,17 +26777,17 @@ var ToastCupcode = ({
         "animate-slide-up"
       ),
       children: /* @__PURE__ */ jsxs39("div", { className: "flex items-start gap-3", children: [
-        /* @__PURE__ */ jsx60(Icon3, { className: cn("h-5 w-5 shrink-0 mt-0.5", style.iconColor) }),
+        /* @__PURE__ */ jsx61(Icon3, { className: cn("h-5 w-5 shrink-0 mt-0.5", style.iconColor) }),
         /* @__PURE__ */ jsxs39("div", { className: "flex-1 space-y-1", children: [
-          /* @__PURE__ */ jsx60("p", { className: "text-sm font-semibold text-cupcode-ink", children: title }),
-          description && /* @__PURE__ */ jsx60("p", { className: "text-xs text-cupcode-ink/70", children: description })
+          /* @__PURE__ */ jsx61("p", { className: "text-sm font-semibold text-foreground", children: title }),
+          description && /* @__PURE__ */ jsx61("p", { className: "text-xs text-foreground/80", children: description })
         ] }),
-        onClose && /* @__PURE__ */ jsx60(
+        onClose && /* @__PURE__ */ jsx61(
           "button",
           {
             onClick: onClose,
-            className: "shrink-0 rounded-md p-1 hover:bg-cupcode-ink/10 transition-colors",
-            children: /* @__PURE__ */ jsx60(X6, { className: "h-4 w-4 text-cupcode-ink/50" })
+            className: "shrink-0 rounded-md p-1 transition-colors hover:bg-foreground/10",
+            children: /* @__PURE__ */ jsx61(X6, { className: "h-4 w-4 text-foreground/60" })
           }
         )
       ] })
@@ -26342,10 +26796,10 @@ var ToastCupcode = ({
 };
 
 // src/components/cupcode/VideoWatchButton.tsx
-import React35 from "react";
-import { jsx as jsx61, jsxs as jsxs40 } from "react/jsx-runtime";
-var PlayGlyph = () => /* @__PURE__ */ jsx61("svg", { viewBox: "0 0 18 18", "aria-hidden": "true", className: "h-[18px] w-[18px]", children: /* @__PURE__ */ jsx61("path", { d: "M6 4.5L13.5 9L6 13.5V4.5Z", fill: "currentColor" }) });
-var VideoWatchButton = React35.forwardRef(
+import React34 from "react";
+import { jsx as jsx62, jsxs as jsxs40 } from "react/jsx-runtime";
+var PlayGlyph = () => /* @__PURE__ */ jsx62("svg", { viewBox: "0 0 18 18", "aria-hidden": "true", className: "h-[18px] w-[18px]", children: /* @__PURE__ */ jsx62("path", { d: "M6 4.5L13.5 9L6 13.5V4.5Z", fill: "currentColor" }) });
+var VideoWatchButton = React34.forwardRef(
   ({ className, label = "Assistir", type = "button", "aria-label": ariaLabel, ...props }, ref) => {
     return /* @__PURE__ */ jsxs40(
       "button",
@@ -26357,17 +26811,17 @@ var VideoWatchButton = React35.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxs40("span", { className: "cc-video-watch-btn__bg", children: [
-            /* @__PURE__ */ jsx61("span", { className: "cc-video-watch-btn__icon", children: /* @__PURE__ */ jsx61(PlayGlyph, {}) }),
-            /* @__PURE__ */ jsx61("span", { className: "cc-video-watch-btn__label", children: label }),
+            /* @__PURE__ */ jsx62("span", { className: "cc-video-watch-btn__icon", children: /* @__PURE__ */ jsx62(PlayGlyph, {}) }),
+            /* @__PURE__ */ jsx62("span", { className: "cc-video-watch-btn__label", children: label }),
             /* @__PURE__ */ jsxs40("span", { className: "cc-video-watch-btn__mask", "aria-hidden": "true", children: [
-              /* @__PURE__ */ jsx61("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--1" }),
-              /* @__PURE__ */ jsx61("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--2" }),
-              /* @__PURE__ */ jsx61("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--3" }),
-              /* @__PURE__ */ jsx61("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--4" }),
-              /* @__PURE__ */ jsx61("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--5" })
+              /* @__PURE__ */ jsx62("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--1" }),
+              /* @__PURE__ */ jsx62("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--2" }),
+              /* @__PURE__ */ jsx62("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--3" }),
+              /* @__PURE__ */ jsx62("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--4" }),
+              /* @__PURE__ */ jsx62("span", { className: "cc-video-watch-btn__blob cc-video-watch-btn__blob--5" })
             ] })
           ] }),
-          /* @__PURE__ */ jsx61("span", { className: "cc-video-watch-btn__glow", "aria-hidden": "true" })
+          /* @__PURE__ */ jsx62("span", { className: "cc-video-watch-btn__glow", "aria-hidden": "true" })
         ]
       }
     );
@@ -26376,13 +26830,13 @@ var VideoWatchButton = React35.forwardRef(
 VideoWatchButton.displayName = "VideoWatchButton";
 
 // src/components/cupcode/TooltipCupcode.tsx
-import * as React36 from "react";
+import * as React35 from "react";
 import * as TooltipPrimitive2 from "@radix-ui/react-tooltip";
-import { jsx as jsx62 } from "react/jsx-runtime";
+import { jsx as jsx63 } from "react/jsx-runtime";
 var TooltipProvider2 = TooltipPrimitive2.Provider;
 var TooltipCupcode = TooltipPrimitive2.Root;
 var TooltipTrigger2 = TooltipPrimitive2.Trigger;
-var TooltipContent2 = React36.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx62(
+var TooltipContent2 = React35.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx63(
   TooltipPrimitive2.Content,
   {
     ref,
@@ -26403,14 +26857,14 @@ var TooltipContent2 = React36.forwardRef(({ className, sideOffset = 4, ...props
 TooltipContent2.displayName = TooltipPrimitive2.Content.displayName;
 
 // src/components/ui/accordion.tsx
-import * as React37 from "react";
+import * as React36 from "react";
 import * as AccordionPrimitive2 from "@radix-ui/react-accordion";
 import { ChevronDown as ChevronDown6 } from "lucide-react";
-import { jsx as jsx63, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs41 } from "react/jsx-runtime";
 var Accordion = AccordionPrimitive2.Root;
-var AccordionItem2 = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx63(AccordionPrimitive2.Item, { ref, className: cn("border-b", className), ...props }));
+var AccordionItem2 = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx64(AccordionPrimitive2.Item, { ref, className: cn("border-b", className), ...props }));
 AccordionItem2.displayName = "AccordionItem";
-var AccordionTrigger2 = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx63(AccordionPrimitive2.Header, { className: "flex", children: /* @__PURE__ */ jsxs41(
+var AccordionTrigger2 = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx64(AccordionPrimitive2.Header, { className: "flex", children: /* @__PURE__ */ jsxs41(
   AccordionPrimitive2.Trigger,
   {
     ref,
@@ -26421,33 +26875,33 @@ var AccordionTrigger2 = React37.forwardRef(({ className, children, ...props }, r
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx63(ChevronDown6, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+      /* @__PURE__ */ jsx64(ChevronDown6, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
     ]
   }
 ) }));
 AccordionTrigger2.displayName = AccordionPrimitive2.Trigger.displayName;
-var AccordionContent2 = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx63(
+var AccordionContent2 = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx64(
   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__ */ jsx63("div", { className: cn("pb-4 pt-0", className), children })
+    children: /* @__PURE__ */ jsx64("div", { className: cn("pb-4 pt-0", className), children })
   }
 ));
 AccordionContent2.displayName = AccordionPrimitive2.Content.displayName;
 
 // src/components/ui/alert.tsx
-import * as React38 from "react";
+import * as React37 from "react";
 import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx65 } from "react/jsx-runtime";
 var alertVariants = cva3(
   "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",
   {
     variants: {
       variant: {
         default: "bg-background text-foreground",
-        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+        destructive: "border-destructive/50 bg-destructive/10 text-foreground dark:border-destructive/70 dark:bg-destructive/20 [&>svg]:text-destructive"
       }
     },
     defaultVariants: {
@@ -26455,14 +26909,14 @@ var alertVariants = cva3(
     }
   }
 );
-var Alert = React38.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx64("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+var Alert = React37.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx65("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
 Alert.displayName = "Alert";
-var AlertTitle = React38.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx64("h5", { ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })
+var AlertTitle = React37.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx65("h5", { ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })
 );
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React38.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx64("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
+var AlertDescription = React37.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx65("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
 );
 AlertDescription.displayName = "AlertDescription";
 
@@ -26471,14 +26925,14 @@ import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
 var AspectRatio = AspectRatioPrimitive.Root;
 
 // src/components/ui/breadcrumb.tsx
-import * as React39 from "react";
+import * as React38 from "react";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { ChevronRight as ChevronRight3, MoreHorizontal } from "lucide-react";
-import { jsx as jsx65, jsxs as jsxs42 } from "react/jsx-runtime";
-var Breadcrumb = React39.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx65("nav", { ref, "aria-label": "breadcrumb", ...props }));
+import { jsx as jsx66, jsxs as jsxs42 } from "react/jsx-runtime";
+var Breadcrumb = React38.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx66("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React39.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx65(
+var BreadcrumbList = React38.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
     "ol",
     {
       ref,
@@ -26491,17 +26945,17 @@ var BreadcrumbList = React39.forwardRef(
   )
 );
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React39.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx65("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
+var BreadcrumbItem = React38.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx66("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
 );
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React39.forwardRef(({ asChild, className, ...props }, ref) => {
+var BreadcrumbLink = React38.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? Slot2 : "a";
-  return /* @__PURE__ */ jsx65(Comp, { ref, className: cn("transition-colors hover:text-foreground", className), ...props });
+  return /* @__PURE__ */ jsx66(Comp, { ref, className: cn("transition-colors hover:text-foreground", className), ...props });
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React39.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx65(
+var BreadcrumbPage = React38.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
     "span",
     {
       ref,
@@ -26514,7 +26968,7 @@ var BreadcrumbPage = React39.forwardRef(
   )
 );
 BreadcrumbPage.displayName = "BreadcrumbPage";
-var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ jsx65("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:size-3.5", className), ...props, children: children != null ? children : /* @__PURE__ */ jsx65(ChevronRight3, {}) });
+var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ jsx66("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:size-3.5", className), ...props, children: children != null ? children : /* @__PURE__ */ jsx66(ChevronRight3, {}) });
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
 var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs42(
   "span",
@@ -26524,8 +26978,8 @@ var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs42(
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx65(MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx65("span", { className: "sr-only", children: "More" })
+      /* @__PURE__ */ jsx66(MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx66("span", { className: "sr-only", children: "More" })
     ]
   }
 );
@@ -26534,9 +26988,9 @@ BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 // src/components/ui/calendar.tsx
 import { ChevronLeft, ChevronRight as ChevronRight4 } from "lucide-react";
 import { DayPicker } from "react-day-picker";
-import { jsx as jsx66 } from "react/jsx-runtime";
+import { jsx as jsx67 } from "react/jsx-runtime";
 function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx67(
     DayPicker,
     {
       showOutsideDays,
@@ -26571,9 +27025,9 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
       components: {
         Chevron: ({ orientation, className: className2, ...chevronProps }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ jsx66(ChevronLeft, { className: cn("h-4 w-4", className2), ...chevronProps });
+            return /* @__PURE__ */ jsx67(ChevronLeft, { className: cn("h-4 w-4", className2), ...chevronProps });
           }
-          return /* @__PURE__ */ jsx66(ChevronRight4, { className: cn("h-4 w-4", className2), ...chevronProps });
+          return /* @__PURE__ */ jsx67(ChevronRight4, { className: cn("h-4 w-4", className2), ...chevronProps });
         }
       },
       ...props
@@ -26583,45 +27037,45 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
 Calendar.displayName = "Calendar";
 
 // src/components/ui/card.tsx
-import * as React40 from "react";
-import { jsx as jsx67 } from "react/jsx-runtime";
-var Card = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67("div", { ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props }));
+import * as React39 from "react";
+import { jsx as jsx68 } from "react/jsx-runtime";
+var Card = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx68("div", { ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props }));
 Card.displayName = "Card";
-var CardHeader = React40.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx67("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
+var CardHeader = React39.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx68("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React40.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx67("h3", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })
+var CardTitle = React39.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx68("h3", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React40.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx67("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
+var CardDescription = React39.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx68("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React40.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx67("div", { ref, className: cn("p-6 pt-0", className), ...props })
+var CardContent = React39.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx68("div", { ref, className: cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React40.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx67("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
+var CardFooter = React39.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx68("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
 
 // src/components/ui/carousel.tsx
-import * as React41 from "react";
+import * as React40 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import { jsx as jsx68, jsxs as jsxs43 } from "react/jsx-runtime";
-var CarouselContext = React41.createContext(null);
+import { jsx as jsx69, jsxs as jsxs43 } from "react/jsx-runtime";
+var CarouselContext = React40.createContext(null);
 function useCarousel() {
-  const context = React41.useContext(CarouselContext);
+  const context = React40.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React41.forwardRef(
+var Carousel = React40.forwardRef(
   ({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }, ref) => {
     const [carouselRef, api] = useEmblaCarousel(
       {
@@ -26630,22 +27084,22 @@ var Carousel = React41.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React41.useState(false);
-    const [canScrollNext, setCanScrollNext] = React41.useState(false);
-    const onSelect = React41.useCallback((api2) => {
+    const [canScrollPrev, setCanScrollPrev] = React40.useState(false);
+    const [canScrollNext, setCanScrollNext] = React40.useState(false);
+    const onSelect = React40.useCallback((api2) => {
       if (!api2) {
         return;
       }
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React41.useCallback(() => {
+    const scrollPrev = React40.useCallback(() => {
       api == null ? void 0 : api.scrollPrev();
     }, [api]);
-    const scrollNext = React41.useCallback(() => {
+    const scrollNext = React40.useCallback(() => {
       api == null ? void 0 : api.scrollNext();
     }, [api]);
-    const handleKeyDown = React41.useCallback(
+    const handleKeyDown = React40.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -26657,13 +27111,13 @@ var Carousel = React41.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React41.useEffect(() => {
+    React40.useEffect(() => {
       if (!api || !setApi) {
         return;
       }
       setApi(api);
     }, [api, setApi]);
-    React41.useEffect(() => {
+    React40.useEffect(() => {
       if (!api) {
         return;
       }
@@ -26674,7 +27128,7 @@ var Carousel = React41.forwardRef(
         api == null ? void 0 : api.off("select", onSelect);
       };
     }, [api, onSelect]);
-    return /* @__PURE__ */ jsx68(
+    return /* @__PURE__ */ jsx69(
       CarouselContext.Provider,
       {
         value: {
@@ -26687,7 +27141,7 @@ var Carousel = React41.forwardRef(
           canScrollPrev,
           canScrollNext
         },
-        children: /* @__PURE__ */ jsx68(
+        children: /* @__PURE__ */ jsx69(
           "div",
           {
             ref,
@@ -26704,10 +27158,10 @@ var Carousel = React41.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React41.forwardRef(
+var CarouselContent = React40.forwardRef(
   ({ className, ...props }, ref) => {
     const { carouselRef, orientation } = useCarousel();
-    return /* @__PURE__ */ jsx68("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx68(
+    return /* @__PURE__ */ jsx69("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx69(
       "div",
       {
         ref,
@@ -26718,10 +27172,10 @@ var CarouselContent = React41.forwardRef(
   }
 );
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React41.forwardRef(
+var CarouselItem = React40.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
-    return /* @__PURE__ */ jsx68(
+    return /* @__PURE__ */ jsx69(
       "div",
       {
         ref,
@@ -26734,7 +27188,7 @@ var CarouselItem = React41.forwardRef(
   }
 );
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React41.forwardRef(
+var CarouselPrevious = React40.forwardRef(
   ({ className, variant = "outline", size = "icon", ...props }, ref) => {
     const { orientation, scrollPrev, canScrollPrev } = useCarousel();
     return /* @__PURE__ */ jsxs43(
@@ -26752,15 +27206,15 @@ var CarouselPrevious = React41.forwardRef(
         onClick: scrollPrev,
         ...props,
         children: [
-          /* @__PURE__ */ jsx68(ArrowLeft, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx68("span", { className: "sr-only", children: "Previous slide" })
+          /* @__PURE__ */ jsx69(ArrowLeft, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx69("span", { className: "sr-only", children: "Previous slide" })
         ]
       }
     );
   }
 );
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React41.forwardRef(
+var CarouselNext = React40.forwardRef(
   ({ className, variant = "outline", size = "icon", ...props }, ref) => {
     const { orientation, scrollNext, canScrollNext } = useCarousel();
     return /* @__PURE__ */ jsxs43(
@@ -26778,8 +27232,8 @@ var CarouselNext = React41.forwardRef(
         onClick: scrollNext,
         ...props,
         children: [
-          /* @__PURE__ */ jsx68(ArrowRight, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx68("span", { className: "sr-only", children: "Next slide" })
+          /* @__PURE__ */ jsx69(ArrowRight, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx69("span", { className: "sr-only", children: "Next slide" })
         ]
       }
     );
@@ -26788,22 +27242,22 @@ var CarouselNext = React41.forwardRef(
 CarouselNext.displayName = "CarouselNext";
 
 // src/components/ui/chart.tsx
-import * as React42 from "react";
+import * as React41 from "react";
 import * as RechartsPrimitive from "recharts";
-import { Fragment as Fragment6, jsx as jsx69, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx70, jsxs as jsxs44 } from "react/jsx-runtime";
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React42.createContext(null);
+var ChartContext = React41.createContext(null);
 function useChart() {
-  const context = React42.useContext(ChartContext);
+  const context = React41.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
   return context;
 }
-var ChartContainer = React42.forwardRef(({ id, className, children, config, ...props }, ref) => {
-  const uniqueId = React42.useId();
+var ChartContainer = React41.forwardRef(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React41.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx69(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs44(
+  return /* @__PURE__ */ jsx70(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs44(
     "div",
     {
       "data-chart": chartId,
@@ -26814,8 +27268,8 @@ var ChartContainer = React42.forwardRef(({ id, className, children, config, ...p
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx69(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ jsx69(RechartsPrimitive.ResponsiveContainer, { children })
+        /* @__PURE__ */ jsx70(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx70(RechartsPrimitive.ResponsiveContainer, { children })
       ]
     }
   ) });
@@ -26826,7 +27280,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx70(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -26846,7 +27300,7 @@ ${colorConfig.map(([key, itemConfig]) => {
   );
 };
 var ChartTooltip = RechartsPrimitive.Tooltip;
-var ChartTooltipContent = React42.forwardRef(
+var ChartTooltipContent = React41.forwardRef(
   ({
     active,
     payload,
@@ -26863,7 +27317,7 @@ var ChartTooltipContent = React42.forwardRef(
     labelKey
   }, ref) => {
     const { config } = useChart();
-    const tooltipLabel = React42.useMemo(() => {
+    const tooltipLabel = React41.useMemo(() => {
       var _a78;
       if (hideLabel || !(payload == null ? void 0 : payload.length)) {
         return null;
@@ -26873,12 +27327,12 @@ var ChartTooltipContent = React42.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__ */ jsx69("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+        return /* @__PURE__ */ jsx70("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
       }
       if (!value) {
         return null;
       }
-      return /* @__PURE__ */ jsx69("div", { className: cn("font-medium", labelClassName), children: value });
+      return /* @__PURE__ */ jsx70("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;
@@ -26894,11 +27348,11 @@ var ChartTooltipContent = React42.forwardRef(
         ),
         children: [
           !nestLabel ? tooltipLabel : null,
-          /* @__PURE__ */ jsx69("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
+          /* @__PURE__ */ jsx70("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__ */ jsx69(
+            return /* @__PURE__ */ jsx70(
               "div",
               {
                 className: cn(
@@ -26906,7 +27360,7 @@ var ChartTooltipContent = React42.forwardRef(
                   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__ */ jsxs44(Fragment6, { children: [
-                  (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ jsx69(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx69(
+                  (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ jsx70(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx70(
                     "div",
                     {
                       className: cn("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
@@ -26931,9 +27385,9 @@ var ChartTooltipContent = React42.forwardRef(
                       children: [
                         /* @__PURE__ */ jsxs44("div", { className: "grid gap-1.5", children: [
                           nestLabel ? tooltipLabel : null,
-                          /* @__PURE__ */ jsx69("span", { className: "text-muted-foreground", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
+                          /* @__PURE__ */ jsx70("span", { className: "text-muted-foreground", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
                         ] }),
-                        item.value && /* @__PURE__ */ jsx69("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
+                        item.value && /* @__PURE__ */ jsx70("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
                       ]
                     }
                   )
@@ -26949,12 +27403,12 @@ var ChartTooltipContent = React42.forwardRef(
 );
 ChartTooltipContent.displayName = "ChartTooltip";
 var ChartLegend = RechartsPrimitive.Legend;
-var ChartLegendContent = React42.forwardRef(({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
+var ChartLegendContent = React41.forwardRef(({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
   const { config } = useChart();
   if (!(payload == null ? void 0 : payload.length)) {
     return null;
   }
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx70(
     "div",
     {
       ref,
@@ -26967,7 +27421,7 @@ var ChartLegendContent = React42.forwardRef(({ className, hideIcon = false, payl
           {
             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__ */ jsx69(itemConfig.icon, {}) : /* @__PURE__ */ jsx69(
+              (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ jsx70(itemConfig.icon, {}) : /* @__PURE__ */ jsx70(
                 "div",
                 {
                   className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -27001,11 +27455,11 @@ function getPayloadConfigFromPayload(config, payload, key) {
 }
 
 // src/components/ui/checkbox.tsx
-import * as React43 from "react";
+import * as React42 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check as Check6 } from "lucide-react";
-import { jsx as jsx70 } from "react/jsx-runtime";
-var Checkbox = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx70(
+import { jsx as jsx71 } from "react/jsx-runtime";
+var Checkbox = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -27014,7 +27468,7 @@ var Checkbox = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx70(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx70(Check6, { className: "h-4 w-4" }) })
+    children: /* @__PURE__ */ jsx71(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx71(Check6, { className: "h-4 w-4" }) })
   }
 ));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
@@ -27026,11 +27480,11 @@ var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 
 // src/components/ui/command.tsx
-import * as React44 from "react";
+import * as React43 from "react";
 import { Command as CommandPrimitive } from "cmdk";
 import { Search as Search3 } from "lucide-react";
-import { jsx as jsx71, jsxs as jsxs45 } from "react/jsx-runtime";
-var Command = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
+import { jsx as jsx72, jsxs as jsxs45 } from "react/jsx-runtime";
+var Command = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx72(
   CommandPrimitive,
   {
     ref,
@@ -27043,11 +27497,11 @@ var Command = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Command.displayName = CommandPrimitive.displayName;
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx71(Dialog, { ...props, children: /* @__PURE__ */ jsx71(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ jsx71(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__ */ jsx72(Dialog, { ...props, children: /* @__PURE__ */ jsx72(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ jsx72(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 = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs45("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ jsx71(Search3, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ jsx71(
+var CommandInput = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs45("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx72(Search3, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx72(
     CommandPrimitive.Input,
     {
       ref,
@@ -27060,7 +27514,7 @@ var CommandInput = React44.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
+var CommandList = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx72(
   CommandPrimitive.List,
   {
     ref,
@@ -27069,9 +27523,9 @@ var CommandList = React44.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React44.forwardRef((props, ref) => /* @__PURE__ */ jsx71(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+var CommandEmpty = React43.forwardRef((props, ref) => /* @__PURE__ */ jsx72(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
+var CommandGroup = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx72(
   CommandPrimitive.Group,
   {
     ref,
@@ -27083,9 +27537,9 @@ var CommandGroup = React44.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(CommandPrimitive.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), ...props }));
+var CommandSeparator = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx72(CommandPrimitive.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), ...props }));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx71(
+var CommandItem = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx72(
   CommandPrimitive.Item,
   {
     ref,
@@ -27098,22 +27552,22 @@ var CommandItem = React44.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 CommandItem.displayName = CommandPrimitive.Item.displayName;
 var CommandShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx71("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx72("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 CommandShortcut.displayName = "CommandShortcut";
 
 // src/components/ui/context-menu.tsx
-import * as React45 from "react";
+import * as React44 from "react";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 import { Check as Check7, ChevronRight as ChevronRight5, Circle as Circle3 } from "lucide-react";
-import { jsx as jsx72, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs46 } from "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 = React45.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs46(
+var ContextMenuSubTrigger = React44.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs46(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -27125,12 +27579,12 @@ var ContextMenuSubTrigger = React45.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx72(ChevronRight5, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx73(ChevronRight5, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx72(
+var ContextMenuSubContent = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
   ContextMenuPrimitive.SubContent,
   {
     ref,
@@ -27142,7 +27596,7 @@ var ContextMenuSubContent = React45.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx72(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx72(
+var ContextMenuContent = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx73(
   ContextMenuPrimitive.Content,
   {
     ref,
@@ -27154,7 +27608,7 @@ var ContextMenuContent = React45.forwardRef(({ className, ...props }, ref) => /*
   }
 ) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React45.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx72(
+var ContextMenuItem = React44.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx73(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -27167,7 +27621,7 @@ var ContextMenuItem = React45.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React45.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs46(
+var ContextMenuCheckboxItem = React44.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs46(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -27178,13 +27632,13 @@ var ContextMenuCheckboxItem = React45.forwardRef(({ className, children, checked
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx72("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx72(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx72(Check7, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx73("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx73(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx73(Check7, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React45.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs46(
+var ContextMenuRadioItem = React44.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs46(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -27194,13 +27648,13 @@ var ContextMenuRadioItem = React45.forwardRef(({ className, children, ...props }
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx72("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx72(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx72(Circle3, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx73("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx73(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx73(Circle3, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React45.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx72(
+var ContextMenuLabel = React44.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx73(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -27209,39 +27663,39 @@ var ContextMenuLabel = React45.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx72(ContextMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
+var ContextMenuSeparator = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(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__ */ jsx72("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx73("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
 
 // src/components/ui/form.tsx
-import * as React47 from "react";
+import * as React46 from "react";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 import { Controller, FormProvider, useFormContext } from "react-hook-form";
 
 // src/components/ui/label.tsx
-import * as React46 from "react";
+import * as React45 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx73 } from "react/jsx-runtime";
+import { jsx as jsx74 } from "react/jsx-runtime";
 var labelVariants = cva4("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
-var Label4 = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
+var Label4 = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx74(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
 Label4.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/ui/form.tsx
-import { jsx as jsx74 } from "react/jsx-runtime";
+import { jsx as jsx75 } from "react/jsx-runtime";
 var Form = FormProvider;
-var FormFieldContext = React47.createContext({});
+var FormFieldContext = React46.createContext({});
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ jsx74(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx74(Controller, { ...props }) });
+  return /* @__PURE__ */ jsx75(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx75(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React47.useContext(FormFieldContext);
-  const itemContext = React47.useContext(FormItemContext);
+  const fieldContext = React46.useContext(FormFieldContext);
+  const itemContext = React46.useContext(FormItemContext);
   const { getFieldState, formState } = useFormContext();
   const fieldState = getFieldState(fieldContext.name, formState);
   if (!fieldContext) {
@@ -27257,23 +27711,23 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React47.createContext({});
-var FormItem = React47.forwardRef(
+var FormItemContext = React46.createContext({});
+var FormItem = React46.forwardRef(
   ({ className, ...props }, ref) => {
-    const id = React47.useId();
-    return /* @__PURE__ */ jsx74(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx74("div", { ref, className: cn("space-y-2", className), ...props }) });
+    const id = React46.useId();
+    return /* @__PURE__ */ jsx75(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx75("div", { ref, className: cn("space-y-2", className), ...props }) });
   }
 );
 FormItem.displayName = "FormItem";
-var FormLabel = React47.forwardRef(({ className, ...props }, ref) => {
+var FormLabel = React46.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx74(Label4, { ref, className: cn(error && "text-destructive", className), htmlFor: formItemId, ...props });
+  return /* @__PURE__ */ jsx75(Label4, { ref, className: cn(error && "text-destructive", className), htmlFor: formItemId, ...props });
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React47.forwardRef(
+var FormControl = React46.forwardRef(
   ({ ...props }, ref) => {
     const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-    return /* @__PURE__ */ jsx74(
+    return /* @__PURE__ */ jsx75(
       Slot3,
       {
         ref,
@@ -27286,42 +27740,42 @@ var FormControl = React47.forwardRef(
   }
 );
 FormControl.displayName = "FormControl";
-var FormDescription = React47.forwardRef(
+var FormDescription = React46.forwardRef(
   ({ className, ...props }, ref) => {
     const { formDescriptionId } = useFormField();
-    return /* @__PURE__ */ jsx74("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
+    return /* @__PURE__ */ jsx75("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
   }
 );
 FormDescription.displayName = "FormDescription";
-var FormMessage = React47.forwardRef(
+var FormMessage = React46.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__ */ jsx74("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
+    return /* @__PURE__ */ jsx75("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
-import * as React48 from "react";
-import { jsx as jsx75 } from "react/jsx-runtime";
-var GlassCard = React48.forwardRef(
+import * as React47 from "react";
+import { jsx as jsx76 } from "react/jsx-runtime";
+var GlassCard = React47.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx75("div", { ref, className: cn("glass-card", className), ...props });
+    return /* @__PURE__ */ jsx76("div", { ref, className: cn("glass-card", className), ...props });
   }
 );
 GlassCard.displayName = "GlassCard";
 
 // src/components/ui/hover-card.tsx
-import * as React49 from "react";
+import * as React48 from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import { jsx as jsx76 } from "react/jsx-runtime";
+import { jsx as jsx77 } from "react/jsx-runtime";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React49.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx76(
+var HoverCardContent = React48.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx77(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -27337,12 +27791,12 @@ var HoverCardContent = React49.forwardRef(({ className, align = "center", sideOf
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/components/ui/input-otp.tsx
-import * as React50 from "react";
+import * as React49 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { Dot } from "lucide-react";
-import { jsx as jsx77, jsxs as jsxs47 } from "react/jsx-runtime";
-var InputOTP = React50.forwardRef(
-  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx77(
+import { jsx as jsx78, jsxs as jsxs47 } from "react/jsx-runtime";
+var InputOTP = React49.forwardRef(
+  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx78(
     OTPInput,
     {
       ref,
@@ -27353,12 +27807,12 @@ var InputOTP = React50.forwardRef(
   )
 );
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React50.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx77("div", { ref, className: cn("flex items-center", className), ...props })
+var InputOTPGroup = React49.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx78("div", { ref, className: cn("flex items-center", className), ...props })
 );
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React50.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React50.useContext(OTPInputContext);
+var InputOTPSlot = React49.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React49.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
   return /* @__PURE__ */ jsxs47(
     "div",
@@ -27372,28 +27826,28 @@ var InputOTPSlot = React50.forwardRef(({ index, className, ...props }, ref) => {
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx77("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx77("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx78("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx78("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
       ]
     }
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React50.forwardRef(
-  ({ ...props }, ref) => /* @__PURE__ */ jsx77("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx77(Dot, {}) })
+var InputOTPSeparator = React49.forwardRef(
+  ({ ...props }, ref) => /* @__PURE__ */ jsx78("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx78(Dot, {}) })
 );
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/ui/menubar.tsx
-import * as React51 from "react";
+import * as React50 from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { Check as Check8, ChevronRight as ChevronRight6, Circle as Circle4 } from "lucide-react";
-import { jsx as jsx78, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs48 } from "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 = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
+var Menubar = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx79(
   MenubarPrimitive.Root,
   {
     ref,
@@ -27402,7 +27856,7 @@ var Menubar = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
+var MenubarTrigger = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx79(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -27414,7 +27868,7 @@ var MenubarTrigger = React51.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React51.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs48(
+var MenubarSubTrigger = React50.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs48(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -27426,12 +27880,12 @@ var MenubarSubTrigger = React51.forwardRef(({ className, inset, children, ...pro
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx78(ChevronRight6, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx79(ChevronRight6, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(
+var MenubarSubContent = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx79(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -27443,7 +27897,7 @@ var MenubarSubContent = React51.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React51.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx78(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx78(
+var MenubarContent = React50.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx79(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx79(
   MenubarPrimitive.Content,
   {
     ref,
@@ -27458,7 +27912,7 @@ var MenubarContent = React51.forwardRef(({ className, align = "start", alignOffs
   }
 ) }));
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React51.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx78(
+var MenubarItem = React50.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx79(
   MenubarPrimitive.Item,
   {
     ref,
@@ -27471,7 +27925,7 @@ var MenubarItem = React51.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React51.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs48(
+var MenubarCheckboxItem = React50.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs48(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -27482,13 +27936,13 @@ var MenubarCheckboxItem = React51.forwardRef(({ className, children, checked, ..
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx78("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx78(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx78(Check8, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx79("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx79(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx79(Check8, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React51.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs48(
+var MenubarRadioItem = React50.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs48(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -27498,13 +27952,13 @@ var MenubarRadioItem = React51.forwardRef(({ className, children, ...props }, re
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx78("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx78(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx78(Circle4, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx79("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx79(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx79(Circle4, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React51.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx78(
+var MenubarLabel = React50.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx79(
   MenubarPrimitive.Label,
   {
     ref,
@@ -27513,20 +27967,20 @@ var MenubarLabel = React51.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx78(MenubarPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var MenubarSeparator = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx79(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__ */ jsx78("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx79("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 MenubarShortcut.displayname = "MenubarShortcut";
 
 // src/components/ui/navigation-menu.tsx
-import * as React52 from "react";
+import * as React51 from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva as cva5 } from "class-variance-authority";
 import { ChevronDown as ChevronDown7 } from "lucide-react";
-import { jsx as jsx79, jsxs as jsxs49 } from "react/jsx-runtime";
-var NavigationMenu = React52.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs49(
+import { jsx as jsx80, jsxs as jsxs49 } from "react/jsx-runtime";
+var NavigationMenu = React51.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs49(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -27534,12 +27988,12 @@ var NavigationMenu = React52.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx79(NavigationMenuViewport, {})
+      /* @__PURE__ */ jsx80(NavigationMenuViewport, {})
     ]
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx79(
+var NavigationMenuList = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx80(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -27552,7 +28006,7 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = cva5(
   "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 = React52.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs49(
+var NavigationMenuTrigger = React51.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs49(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -27561,7 +28015,7 @@ var NavigationMenuTrigger = React52.forwardRef(({ className, children, ...props
     children: [
       children,
       " ",
-      /* @__PURE__ */ jsx79(
+      /* @__PURE__ */ jsx80(
         ChevronDown7,
         {
           className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
@@ -27572,7 +28026,7 @@ var NavigationMenuTrigger = React52.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx79(
+var NavigationMenuContent = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx80(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -27585,7 +28039,7 @@ var NavigationMenuContent = React52.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx79("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx79(
+var NavigationMenuViewport = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx80("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx80(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -27597,7 +28051,7 @@ var NavigationMenuViewport = React52.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx79(
+var NavigationMenuIndicator = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx80(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -27606,16 +28060,16 @@ var NavigationMenuIndicator = React52.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx79("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+    children: /* @__PURE__ */ jsx80("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
-import * as React53 from "react";
+import * as React52 from "react";
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight7, MoreHorizontal as MoreHorizontal2 } from "lucide-react";
-import { jsx as jsx80, jsxs as jsxs50 } from "react/jsx-runtime";
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx80(
+import { jsx as jsx81, jsxs as jsxs50 } from "react/jsx-runtime";
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx81(
   "nav",
   {
     role: "navigation",
@@ -27625,13 +28079,13 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx80(
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React53.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx80("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
+var PaginationContent = React52.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx81("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
 );
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx80("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx81("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
-var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx80(
+var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx81(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -27647,28 +28101,28 @@ var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @_
 );
 PaginationLink.displayName = "PaginationLink";
 var PaginationPrevious = ({ className, ...props }) => /* @__PURE__ */ jsxs50(PaginationLink, { "aria-label": "Go to previous page", size: "default", className: cn("gap-1 pl-2.5", className), ...props, children: [
-  /* @__PURE__ */ jsx80(ChevronLeft2, { className: "h-4 w-4" }),
-  /* @__PURE__ */ jsx80("span", { children: "Previous" })
+  /* @__PURE__ */ jsx81(ChevronLeft2, { className: "h-4 w-4" }),
+  /* @__PURE__ */ jsx81("span", { children: "Previous" })
 ] });
 PaginationPrevious.displayName = "PaginationPrevious";
 var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ jsxs50(PaginationLink, { "aria-label": "Go to next page", size: "default", className: cn("gap-1 pr-2.5", className), ...props, children: [
-  /* @__PURE__ */ jsx80("span", { children: "Next" }),
-  /* @__PURE__ */ jsx80(ChevronRight7, { className: "h-4 w-4" })
+  /* @__PURE__ */ jsx81("span", { children: "Next" }),
+  /* @__PURE__ */ jsx81(ChevronRight7, { className: "h-4 w-4" })
 ] });
 PaginationNext.displayName = "PaginationNext";
 var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs50("span", { "aria-hidden": true, className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
-  /* @__PURE__ */ jsx80(MoreHorizontal2, { className: "h-4 w-4" }),
-  /* @__PURE__ */ jsx80("span", { className: "sr-only", children: "More pages" })
+  /* @__PURE__ */ jsx81(MoreHorizontal2, { className: "h-4 w-4" }),
+  /* @__PURE__ */ jsx81("span", { className: "sr-only", children: "More pages" })
 ] });
 PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/ui/popover.tsx
-import * as React54 from "react";
+import * as React53 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx81 } from "react/jsx-runtime";
+import { jsx as jsx82 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React54.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx81(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx81(
+var PopoverContent = React53.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx82(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx82(
   PopoverPrimitive.Content,
   {
     ref,
@@ -27684,16 +28138,16 @@ var PopoverContent = React54.forwardRef(({ className, align = "center", sideOffs
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/ui/radio-group.tsx
-import * as React55 from "react";
+import * as React54 from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { Circle as Circle5 } from "lucide-react";
-import { jsx as jsx82 } from "react/jsx-runtime";
-var RadioGroup4 = React55.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx82(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref });
+import { jsx as jsx83 } from "react/jsx-runtime";
+var RadioGroup4 = React54.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx83(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref });
 });
 RadioGroup4.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React55.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx82(
+var RadioGroupItem = React54.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx83(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -27702,7 +28156,7 @@ var RadioGroupItem = React55.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx82(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx82(Circle5, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+      children: /* @__PURE__ */ jsx83(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx83(Circle5, { className: "h-2.5 w-2.5 fill-current text-current" }) })
     }
   );
 });
@@ -27711,8 +28165,8 @@ RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 // src/components/ui/resizable.tsx
 import { GripVertical } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx83 } from "react/jsx-runtime";
-var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsx83(
+import { jsx as jsx84 } from "react/jsx-runtime";
+var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsx84(
   ResizablePrimitive.PanelGroup,
   {
     className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
@@ -27724,7 +28178,7 @@ var ResizableHandle = ({
   withHandle,
   className,
   ...props
-}) => /* @__PURE__ */ jsx83(
+}) => /* @__PURE__ */ jsx84(
   ResizablePrimitive.PanelResizeHandle,
   {
     className: cn(
@@ -27732,15 +28186,15 @@ var ResizableHandle = ({
       className
     ),
     ...props,
-    children: withHandle && /* @__PURE__ */ jsx83("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx83(GripVertical, { className: "h-2.5 w-2.5" }) })
+    children: withHandle && /* @__PURE__ */ jsx84("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx84(GripVertical, { className: "h-2.5 w-2.5" }) })
   }
 );
 
 // src/components/ui/separator.tsx
-import * as React56 from "react";
+import * as React55 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx84 } from "react/jsx-runtime";
-var Separator5 = React56.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx84(
+import { jsx as jsx85 } from "react/jsx-runtime";
+var Separator5 = React55.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx85(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -27756,13 +28210,13 @@ Separator5.displayName = SeparatorPrimitive.Root.displayName;
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva as cva6 } from "class-variance-authority";
 import { X as X7 } from "lucide-react";
-import * as React57 from "react";
-import { jsx as jsx85, jsxs as jsxs51 } from "react/jsx-runtime";
+import * as React56 from "react";
+import { jsx as jsx86, jsxs as jsxs51 } from "react/jsx-runtime";
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx85(
+var SheetOverlay = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx86(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -27790,7 +28244,7 @@ var sheetVariants = cva6(
     }
   }
 );
-var SheetContent = React57.forwardRef(
+var SheetContent = React56.forwardRef(
   ({
     side = "right",
     className,
@@ -27800,7 +28254,7 @@ var SheetContent = React57.forwardRef(
     closeButtonLabel = "Close",
     ...props
   }, ref) => /* @__PURE__ */ jsxs51(SheetPortal, { children: [
-    /* @__PURE__ */ jsx85(SheetOverlay, {}),
+    /* @__PURE__ */ jsx86(SheetOverlay, {}),
     /* @__PURE__ */ jsxs51(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
       children,
       showCloseButton ? /* @__PURE__ */ jsxs51(
@@ -27811,8 +28265,8 @@ var SheetContent = React57.forwardRef(
             closeButtonClassName
           ),
           children: [
-            /* @__PURE__ */ jsx85(X7, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx85("span", { className: "sr-only", children: closeButtonLabel })
+            /* @__PURE__ */ jsx86(X7, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx86("span", { className: "sr-only", children: closeButtonLabel })
           ]
         }
       ) : null
@@ -27820,27 +28274,27 @@ var SheetContent = React57.forwardRef(
   ] })
 );
 SheetContent.displayName = SheetPrimitive.Content.displayName;
-var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx85("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx86("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 SheetHeader.displayName = "SheetHeader";
-var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx85("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx86("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx85(SheetPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
+var SheetTitle = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx86(SheetPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx85(SheetPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var SheetDescription = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx86(SheetPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/sidebar.tsx
-import * as React59 from "react";
+import * as React58 from "react";
 import { Slot as Slot4 } from "@radix-ui/react-slot";
 import { cva as cva7 } from "class-variance-authority";
 import { PanelLeft as PanelLeft2 } from "lucide-react";
 
 // src/hooks/use-mobile.tsx
-import * as React58 from "react";
+import * as React57 from "react";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React58.useState(void 0);
-  React58.useEffect(() => {
+  const [isMobile, setIsMobile] = React57.useState(void 0);
+  React57.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -27853,27 +28307,27 @@ function useIsMobile() {
 }
 
 // src/components/ui/sidebar.tsx
-import { jsx as jsx86, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs52 } from "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 = React59.createContext(null);
+var SidebarContext = React58.createContext(null);
 function useSidebar() {
-  const context = React59.useContext(SidebarContext);
+  const context = React58.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React59.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }, ref) => {
+var SidebarProvider = React58.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }, ref) => {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React59.useState(false);
-  const [_open, _setOpen] = React59.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React58.useState(false);
+  const [_open, _setOpen] = React58.useState(defaultOpen);
   const open = openProp != null ? openProp : _open;
-  const setOpen = React59.useCallback(
+  const setOpen = React58.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -27885,10 +28339,10 @@ var SidebarProvider = React59.forwardRef(({ defaultOpen = true, open: openProp,
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React59.useCallback(() => {
+  const toggleSidebar = React58.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React59.useEffect(() => {
+  React58.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -27899,7 +28353,7 @@ var SidebarProvider = React59.forwardRef(({ defaultOpen = true, open: openProp,
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React59.useMemo(
+  const contextValue = React58.useMemo(
     () => ({
       state,
       open,
@@ -27911,7 +28365,7 @@ var SidebarProvider = React59.forwardRef(({ defaultOpen = true, open: openProp,
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx86(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx86(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsx87(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx87(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx87(
     "div",
     {
       style: {
@@ -27927,10 +28381,10 @@ var SidebarProvider = React59.forwardRef(({ defaultOpen = true, open: openProp,
   ) }) });
 });
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React59.forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }, ref) => {
+var Sidebar = React58.forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }, ref) => {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx86(
+    return /* @__PURE__ */ jsx87(
       "div",
       {
         className: cn("flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground", className),
@@ -27941,7 +28395,7 @@ var Sidebar = React59.forwardRef(({ side = "left", variant = "sidebar", collapsi
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx86(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsx86(
+    return /* @__PURE__ */ jsx87(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsx87(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -27951,7 +28405,7 @@ var Sidebar = React59.forwardRef(({ side = "left", variant = "sidebar", collapsi
           "--sidebar-width": SIDEBAR_WIDTH_MOBILE
         },
         side,
-        children: /* @__PURE__ */ jsx86("div", { className: "flex h-full w-full flex-col", children })
+        children: /* @__PURE__ */ jsx87("div", { className: "flex h-full w-full flex-col", children })
       }
     ) });
   }
@@ -27965,7 +28419,7 @@ var Sidebar = React59.forwardRef(({ side = "left", variant = "sidebar", collapsi
       "data-variant": variant,
       "data-side": side,
       children: [
-        /* @__PURE__ */ jsx86(
+        /* @__PURE__ */ jsx87(
           "div",
           {
             className: cn(
@@ -27976,7 +28430,7 @@ var Sidebar = React59.forwardRef(({ side = "left", variant = "sidebar", collapsi
             )
           }
         ),
-        /* @__PURE__ */ jsx86(
+        /* @__PURE__ */ jsx87(
           "div",
           {
             className: cn(
@@ -27987,7 +28441,7 @@ var Sidebar = React59.forwardRef(({ side = "left", variant = "sidebar", collapsi
               className
             ),
             ...props,
-            children: /* @__PURE__ */ jsx86(
+            children: /* @__PURE__ */ jsx87(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -28002,7 +28456,7 @@ var Sidebar = React59.forwardRef(({ side = "left", variant = "sidebar", collapsi
   );
 });
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React59.forwardRef(
+var SidebarTrigger = React58.forwardRef(
   ({ className, onClick, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
     return /* @__PURE__ */ jsxs52(
@@ -28019,18 +28473,18 @@ var SidebarTrigger = React59.forwardRef(
         },
         ...props,
         children: [
-          /* @__PURE__ */ jsx86(PanelLeft2, {}),
-          /* @__PURE__ */ jsx86("span", { className: "sr-only", children: "Toggle Sidebar" })
+          /* @__PURE__ */ jsx87(PanelLeft2, {}),
+          /* @__PURE__ */ jsx87("span", { className: "sr-only", children: "Toggle Sidebar" })
         ]
       }
     );
   }
 );
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React59.forwardRef(
+var SidebarRail = React58.forwardRef(
   ({ className, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
-    return /* @__PURE__ */ jsx86(
+    return /* @__PURE__ */ jsx87(
       "button",
       {
         ref,
@@ -28054,8 +28508,8 @@ var SidebarRail = React59.forwardRef(
   }
 );
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React59.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx86(
+var SidebarInset = React58.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx87(
     "main",
     {
       ref,
@@ -28069,9 +28523,9 @@ var SidebarInset = React59.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React59.forwardRef(
+var SidebarInput = React58.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx86(
+    return /* @__PURE__ */ jsx87(
       Input,
       {
         ref,
@@ -28086,17 +28540,17 @@ var SidebarInput = React59.forwardRef(
   }
 );
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React59.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx86("div", { ref, "data-sidebar": "header", className: cn("flex flex-col gap-2 p-2", className), ...props });
+var SidebarHeader = React58.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx87("div", { ref, "data-sidebar": "header", className: cn("flex flex-col gap-2 p-2", className), ...props });
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React59.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx86("div", { ref, "data-sidebar": "footer", className: cn("flex flex-col gap-2 p-2", className), ...props });
+var SidebarFooter = React58.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx87("div", { ref, "data-sidebar": "footer", className: cn("flex flex-col gap-2 p-2", className), ...props });
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React59.forwardRef(
+var SidebarSeparator = React58.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx86(
+    return /* @__PURE__ */ jsx87(
       Separator5,
       {
         ref,
@@ -28108,8 +28562,8 @@ var SidebarSeparator = React59.forwardRef(
   }
 );
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React59.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx86(
+var SidebarContent = React58.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx87(
     "div",
     {
       ref,
@@ -28123,8 +28577,8 @@ var SidebarContent = React59.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React59.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx86(
+var SidebarGroup = React58.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx87(
     "div",
     {
       ref,
@@ -28135,10 +28589,10 @@ var SidebarGroup = React59.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React59.forwardRef(
+var SidebarGroupLabel = React58.forwardRef(
   ({ className, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot4 : "div";
-    return /* @__PURE__ */ jsx86(
+    return /* @__PURE__ */ jsx87(
       Comp,
       {
         ref,
@@ -28154,10 +28608,10 @@ var SidebarGroupLabel = React59.forwardRef(
   }
 );
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React59.forwardRef(
+var SidebarGroupAction = React58.forwardRef(
   ({ className, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot4 : "button";
-    return /* @__PURE__ */ jsx86(
+    return /* @__PURE__ */ jsx87(
       Comp,
       {
         ref,
@@ -28175,13 +28629,13 @@ var SidebarGroupAction = React59.forwardRef(
   }
 );
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React59.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx86("div", { ref, "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props })
+var SidebarGroupContent = React58.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx87("div", { ref, "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props })
 );
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx86("ul", { ref, "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props }));
+var SidebarMenu = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx87("ul", { ref, "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props }));
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx86("li", { ref, "data-sidebar": "menu-item", className: cn("group/menu-item relative", className), ...props }));
+var SidebarMenuItem = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx87("li", { ref, "data-sidebar": "menu-item", className: cn("group/menu-item relative", className), ...props }));
 SidebarMenuItem.displayName = "SidebarMenuItem";
 var sidebarMenuButtonVariants = cva7(
   "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",
@@ -28203,10 +28657,10 @@ var sidebarMenuButtonVariants = cva7(
     }
   }
 );
-var SidebarMenuButton = React59.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }, ref) => {
+var SidebarMenuButton = React58.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx86(
+  const button = /* @__PURE__ */ jsx87(
     Comp,
     {
       ref,
@@ -28226,14 +28680,14 @@ var SidebarMenuButton = React59.forwardRef(({ asChild = false, isActive = false,
     };
   }
   return /* @__PURE__ */ jsxs52(Tooltip, { children: [
-    /* @__PURE__ */ jsx86(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx86(TooltipContent, { side: "right", align: "center", hidden: state !== "collapsed" || isMobile, ...tooltip })
+    /* @__PURE__ */ jsx87(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx87(TooltipContent, { side: "right", align: "center", hidden: state !== "collapsed" || isMobile, ...tooltip })
   ] });
 });
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React59.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React58.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "button";
-  return /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsx87(
     Comp,
     {
       ref,
@@ -28254,8 +28708,8 @@ var SidebarMenuAction = React59.forwardRef(({ className, asChild = false, showOn
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React59.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx86(
+var SidebarMenuBadge = React58.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx87(
     "div",
     {
       ref,
@@ -28274,8 +28728,8 @@ var SidebarMenuBadge = React59.forwardRef(
   )
 );
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React59.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React59.useMemo(() => {
+var SidebarMenuSkeleton = React58.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React58.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxs52(
@@ -28286,8 +28740,8 @@ var SidebarMenuSkeleton = React59.forwardRef(({ className, showIcon = false, ...
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ jsx86(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
-        /* @__PURE__ */ jsx86(
+        showIcon && /* @__PURE__ */ jsx87(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
+        /* @__PURE__ */ jsx87(
           Skeleton,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -28302,8 +28756,8 @@ var SidebarMenuSkeleton = React59.forwardRef(({ className, showIcon = false, ...
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React59.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx86(
+var SidebarMenuSub = React58.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx87(
     "ul",
     {
       ref,
@@ -28318,11 +28772,11 @@ var SidebarMenuSub = React59.forwardRef(
   )
 );
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React59.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx86("li", { ref, ...props }));
+var SidebarMenuSubItem = React58.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx87("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React59.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButton = React58.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "a";
-  return /* @__PURE__ */ jsx86(
+  return /* @__PURE__ */ jsx87(
     Comp,
     {
       ref,
@@ -28344,44 +28798,44 @@ var SidebarMenuSubButton = React59.forwardRef(({ asChild = false, size = "md", i
 SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 
 // src/components/ui/slider.tsx
-import * as React60 from "react";
+import * as React59 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx as jsx87, jsxs as jsxs53 } from "react/jsx-runtime";
-var Slider = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs53(
+import { jsx as jsx88, jsxs as jsxs53 } from "react/jsx-runtime";
+var Slider = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs53(
   SliderPrimitive.Root,
   {
     ref,
     className: cn("relative flex w-full touch-none select-none items-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx87(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ jsx87(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
-      /* @__PURE__ */ jsx87(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__ */ jsx88(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ jsx88(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ jsx88(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
-import * as React61 from "react";
-import { jsx as jsx88 } from "react/jsx-runtime";
-var Table = React61.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx88("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx88("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
+import * as React60 from "react";
+import { jsx as jsx89 } from "react/jsx-runtime";
+var Table = React60.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx89("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx89("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
 );
 Table.displayName = "Table";
-var TableHeader = React61.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx88("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
+var TableHeader = React60.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx89("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
 );
 TableHeader.displayName = "TableHeader";
-var TableBody = React61.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx88("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
+var TableBody = React60.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx89("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
 );
 TableBody.displayName = "TableBody";
-var TableFooter = React61.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx88("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props })
+var TableFooter = React60.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx89("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props })
 );
 TableFooter.displayName = "TableFooter";
-var TableRow = React61.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx88(
+var TableRow = React60.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx89(
     "tr",
     {
       ref,
@@ -28391,8 +28845,8 @@ var TableRow = React61.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React61.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx88(
+var TableHead = React60.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx89(
     "th",
     {
       ref,
@@ -28405,23 +28859,23 @@ var TableHead = React61.forwardRef(
   )
 );
 TableHead.displayName = "TableHead";
-var TableCell = React61.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx88("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })
+var TableCell = React60.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx89("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })
 );
 TableCell.displayName = "TableCell";
-var TableCaption = React61.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx88("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
+var TableCaption = React60.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx89("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
 );
 TableCaption.displayName = "TableCaption";
 
 // src/components/ui/toast.tsx
-import * as React62 from "react";
+import * as React61 from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva as cva8 } from "class-variance-authority";
 import { X as X8 } from "lucide-react";
-import { jsx as jsx89 } from "react/jsx-runtime";
+import { jsx as jsx90 } from "react/jsx-runtime";
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx89(
+var ToastViewport = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx90(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -28447,11 +28901,11 @@ var toastVariants = cva8(
     }
   }
 );
-var Toast = React62.forwardRef(({ className, variant, ...props }, ref) => {
-  return /* @__PURE__ */ jsx89(ToastPrimitives.Root, { ref, className: cn(toastVariants({ variant }), className), ...props });
+var Toast = React61.forwardRef(({ className, variant, ...props }, ref) => {
+  return /* @__PURE__ */ jsx90(ToastPrimitives.Root, { ref, className: cn(toastVariants({ variant }), className), ...props });
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx89(
+var ToastAction = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx90(
   ToastPrimitives.Action,
   {
     ref,
@@ -28463,7 +28917,7 @@ var ToastAction = React62.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React62.forwardRef(({ className, onClick, ...props }, ref) => /* @__PURE__ */ jsx89(
+var ToastClose = React61.forwardRef(({ className, onClick, ...props }, ref) => /* @__PURE__ */ jsx90(
   ToastPrimitives.Close,
   {
     ref,
@@ -28477,39 +28931,39 @@ var ToastClose = React62.forwardRef(({ className, onClick, ...props }, ref) => /
     },
     "toast-close": "",
     ...props,
-    children: /* @__PURE__ */ jsx89(X8, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx90(X8, { className: "h-4 w-4" })
   }
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx89(ToastPrimitives.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
+var ToastTitle = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx90(ToastPrimitives.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx89(ToastPrimitives.Description, { ref, className: cn("text-sm opacity-90", className), ...props }));
+var ToastDescription = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx90(ToastPrimitives.Description, { ref, className: cn("text-sm opacity-90", className), ...props }));
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // src/components/ui/toaster.tsx
-import { jsx as jsx90, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs54 } from "react/jsx-runtime";
 function Toaster2() {
   const { toasts } = useToast();
   return /* @__PURE__ */ jsxs54(ToastProvider, { children: [
     toasts.map(function({ id, title, description, action, ...props }) {
       return /* @__PURE__ */ jsxs54(Toast, { ...props, children: [
         /* @__PURE__ */ jsxs54("div", { className: "grid gap-1", children: [
-          title && /* @__PURE__ */ jsx90(ToastTitle, { children: title }),
-          description && /* @__PURE__ */ jsx90(ToastDescription, { children: description })
+          title && /* @__PURE__ */ jsx91(ToastTitle, { children: title }),
+          description && /* @__PURE__ */ jsx91(ToastDescription, { children: description })
         ] }),
         action,
-        /* @__PURE__ */ jsx90(ToastClose, {})
+        /* @__PURE__ */ jsx91(ToastClose, {})
       ] }, id);
     }),
-    /* @__PURE__ */ jsx90(ToastViewport, {})
+    /* @__PURE__ */ jsx91(ToastViewport, {})
   ] });
 }
 
 // src/components/ui/toggle.tsx
-import * as React63 from "react";
+import * as React62 from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva as cva9 } from "class-variance-authority";
-import { jsx as jsx91 } from "react/jsx-runtime";
+import { jsx as jsx92 } from "react/jsx-runtime";
 var toggleVariants = cva9(
   "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",
   {
@@ -28530,22 +28984,22 @@ var toggleVariants = cva9(
     }
   }
 );
-var Toggle = React63.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx91(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
+var Toggle = React62.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx92(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/ui/toggle-group.tsx
-import * as React64 from "react";
+import * as React63 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import { jsx as jsx92 } from "react/jsx-runtime";
-var ToggleGroupContext = React64.createContext({
+import { jsx as jsx93 } from "react/jsx-runtime";
+var ToggleGroupContext = React63.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React64.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx92(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ jsx92(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
+var ToggleGroup = React63.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx93(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ jsx93(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React64.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React64.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx92(
+var ToggleGroupItem = React63.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React63.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx93(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -28565,30 +29019,126 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/hooks/useActiveSection.ts
 import { useEffect as useEffect24, useState as useState21 } from "react";
+var resolveActiveFromOffsets = (sectionIds, topById, offset, scrollY) => {
+  var _a78;
+  const line = scrollY + offset;
+  let nextActive = (_a78 = sectionIds[0]) != null ? _a78 : "";
+  for (const id of sectionIds) {
+    const top = topById.get(id);
+    if (typeof top !== "number") continue;
+    if (top <= line) {
+      nextActive = id;
+      continue;
+    }
+    break;
+  }
+  return nextActive;
+};
 var useActiveSection = (sectionIds, offset = 180) => {
   var _a78;
   const [activeId, setActiveId] = useState21((_a78 = sectionIds[0]) != null ? _a78 : "");
   useEffect24(() => {
+    var _a79;
     if (!sectionIds.length || typeof window === "undefined") return;
-    const update = () => {
-      let nextActive = sectionIds[0];
-      for (const id of sectionIds) {
-        const element = document.getElementById(id);
-        if (!element) continue;
-        if (element.getBoundingClientRect().top <= offset) {
-          nextActive = id;
-          continue;
+    const sections = sectionIds.map((id) => {
+      const element = document.getElementById(id);
+      if (!element) return null;
+      return { id, element };
+    }).filter((section) => section !== null);
+    if (!sections.length) {
+      setActiveId((_a79 = sectionIds[0]) != null ? _a79 : "");
+      return;
+    }
+    const topById = /* @__PURE__ */ new Map();
+    const visibleIds = /* @__PURE__ */ new Set();
+    const sectionIndexes = new Map(sectionIds.map((id, index) => [id, index]));
+    const normalizedOffset = Math.max(0, offset);
+    const measure = () => {
+      const scrollY = window.scrollY || window.pageYOffset;
+      for (const section of sections) {
+        topById.set(section.id, section.element.getBoundingClientRect().top + scrollY);
+      }
+    };
+    const commit = (nextId) => {
+      setActiveId((current) => current === nextId ? current : nextId);
+    };
+    const resolveVisibleActive = () => {
+      let nextId = null;
+      let maxIndex = -1;
+      for (const id of visibleIds) {
+        const index = sectionIndexes.get(id);
+        if (typeof index !== "number" || index < maxIndex) continue;
+        maxIndex = index;
+        nextId = id;
+      }
+      return nextId;
+    };
+    const resolveByScroll = () => resolveActiveFromOffsets(sectionIds, topById, normalizedOffset, window.scrollY || window.pageYOffset);
+    const syncActive = () => {
+      const visibleActive = resolveVisibleActive();
+      commit(visibleActive != null ? visibleActive : resolveByScroll());
+    };
+    measure();
+    syncActive();
+    if (typeof IntersectionObserver === "undefined") {
+      let raf = 0;
+      const onScroll = () => {
+        if (raf) return;
+        raf = window.requestAnimationFrame(() => {
+          raf = 0;
+          commit(resolveByScroll());
+        });
+      };
+      const onResize2 = () => {
+        measure();
+        commit(resolveByScroll());
+      };
+      window.addEventListener("scroll", onScroll, { passive: true });
+      window.addEventListener("resize", onResize2);
+      return () => {
+        if (raf) window.cancelAnimationFrame(raf);
+        window.removeEventListener("scroll", onScroll);
+        window.removeEventListener("resize", onResize2);
+      };
+    }
+    const observer = new IntersectionObserver(
+      (entries) => {
+        let changed = false;
+        for (const entry of entries) {
+          const target = entry.target;
+          if (!target.id) continue;
+          if (entry.isIntersecting) {
+            if (!visibleIds.has(target.id)) {
+              visibleIds.add(target.id);
+              changed = true;
+            }
+            continue;
+          }
+          if (visibleIds.delete(target.id)) {
+            changed = true;
+          }
         }
-        break;
+        if (changed) {
+          syncActive();
+        }
+      },
+      {
+        root: null,
+        threshold: [0, 0.01],
+        rootMargin: `-${normalizedOffset}px 0px -55% 0px`
       }
-      setActiveId(nextActive);
+    );
+    for (const section of sections) {
+      observer.observe(section.element);
+    }
+    const onResize = () => {
+      measure();
+      syncActive();
     };
-    update();
-    window.addEventListener("scroll", update, { passive: true });
-    window.addEventListener("resize", update);
+    window.addEventListener("resize", onResize);
     return () => {
-      window.removeEventListener("scroll", update);
-      window.removeEventListener("resize", update);
+      observer.disconnect();
+      window.removeEventListener("resize", onResize);
     };
   }, [offset, sectionIds]);
   return activeId;
@@ -28653,8 +29203,8 @@ var useLayoutModeControl = () => {
 };
 
 // src/lib/auth.tsx
-import { createContext as createContext7, useCallback as useCallback12, useContext as useContext8, useEffect as useEffect26, useMemo as useMemo15, useRef as useRef13, useState as useState23 } from "react";
-import { jsx as jsx93 } from "react/jsx-runtime";
+import { createContext as createContext7, useCallback as useCallback12, useContext as useContext9, useEffect as useEffect26, useMemo as useMemo15, useRef as useRef13, useState as useState23 } from "react";
+import { jsx as jsx94 } from "react/jsx-runtime";
 var STORAGE_KEYS = {
   accessToken: "cc_access_token",
   idToken: "cc_id_token",
@@ -29542,10 +30092,10 @@ var AuthProvider = ({ children }) => {
     }),
     [status, user, accessToken, login, logout, completeLogin, getAccessToken, presenceStatus, setPresenceStatus]
   );
-  return /* @__PURE__ */ jsx93(AuthContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx94(AuthContext.Provider, { value, children });
 };
 var useAuth = () => {
-  const ctx = useContext8(AuthContext);
+  const ctx = useContext9(AuthContext);
   if (!ctx) {
     throw new Error("useAuth deve ser usado dentro de AuthProvider.");
   }
@@ -29700,6 +30250,7 @@ export {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
+  EXPERIENCE_SETTINGS_STORAGE_KEY,
   EmptyState,
   ErrorBoundary,
   Eyebrow,
@@ -29723,6 +30274,7 @@ export {
   InputOTPSlot,
   JellyButton,
   JellyButtonOriginal,
+  LEGACY_THEME_STORAGE_KEY,
   Label4 as Label,
   LoadingScreen,
   LoadingSpinner,
@@ -29778,6 +30330,15 @@ export {
   PopoverContent,
   PopoverTrigger,
   PricingCard,
+  Skeleton as PrimitiveSkeleton,
+  Tabs as PrimitiveTabs,
+  TabsContent as PrimitiveTabsContent,
+  TabsList as PrimitiveTabsList,
+  TabsTrigger as PrimitiveTabsTrigger,
+  Tooltip as PrimitiveTooltip,
+  TooltipContent as PrimitiveTooltipContent,
+  TooltipProvider as PrimitiveTooltipProvider,
+  TooltipTrigger as PrimitiveTooltipTrigger,
   Progress,
   ProgressCupcode,
   RadioGroup4 as RadioGroup,
@@ -29834,11 +30395,15 @@ export {
   SidebarRail,
   SidebarSeparator,
   SidebarTrigger,
-  Skeleton,
+  Skeleton2 as Skeleton,
+  SkeletonText,
   Slider,
   Toaster as SonnerToaster,
   Switch,
   SwitchField,
+  THEME_PREFERENCE_CHANGE_EVENT,
+  THEME_PREFERENCE_STORAGE_KEY,
+  THEME_STORAGE_KEY,
   Table,
   TableBody,
   TableCaption,
@@ -29847,10 +30412,10 @@ export {
   TableHead,
   TableHeader,
   TableRow,
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger,
+  Tabs2 as Tabs,
+  TabsContent2 as TabsContent,
+  TabsList2 as TabsList,
+  TabsTrigger2 as TabsTrigger,
   TagGroup,
   TelescupAssetPicker,
   TelescupClientError,
@@ -29860,6 +30425,7 @@ export {
   TelescupVideo,
   Textarea,
   TextareaField,
+  ThemeBackground,
   ThemeProvider,
   ThemeScript,
   ThemeToggle2 as ThemeToggle,
@@ -29876,11 +30442,11 @@ export {
   Toggle,
   ToggleGroup,
   ToggleGroupItem,
-  Tooltip,
-  TooltipContent,
+  TooltipCupcode as Tooltip,
+  TooltipContent2 as TooltipContent,
   TooltipCupcode,
-  TooltipProvider,
-  TooltipTrigger,
+  TooltipProvider2 as TooltipProvider,
+  TooltipTrigger2 as TooltipTrigger,
   USER_PRESENCE_LAST_ACTIVE_COLUMN_ENV_KEY,
   USER_PRESENCE_SOURCE_COLUMN_ENV_KEY,
   UserMenuCupcode_default as UserMenuCupcode,
@@ -29908,12 +30474,20 @@ export {
   getSupabase,
   getSupabasePublic,
   isRuntimeDev,
+  isStoredThemeMode,
   navigationMenuTriggerStyle,
+  normalizeStoredThemePreference,
   parseAssetId,
+  parseStoredThemePreference,
+  persistThemePreferenceSelection,
   readStoredLayoutMode,
+  readStoredThemeMode,
   reducer,
+  resolveAppliedThemeMode,
   resolveCupcodeAppVersion,
   resolveOidcEndpoints,
+  resolveStoredThemePreference,
+  resolveSystemThemeMode,
   resolveTelescupImageURL,
   responsiveSizeClasses,
   setCupcodeRuntimeEnv,