@cupcodev/ui 1.4.0 → 2.0.0

package/dist/index.js

@@ -141,41 +141,114 @@ var AvatarWithStatus = ({
 };
 
 // src/components/cupcode/BackgroundRainbow.tsx
-import { useEffect, useRef } from "react";
+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 rafRef = useRef(null);
-  const cur = useRef({ x: 0, y: 0 });
-  const target = useRef({ x: 0, y: 0 });
+  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 easeFactor = 10;
-    const move = () => {
-      cur.current.x += (target.current.x - cur.current.x) / easeFactor;
-      cur.current.y += (target.current.y - cur.current.y) / easeFactor;
-      if (interactiveRef.current) {
-        interactiveRef.current.style.transform = `translate(${Math.round(
-          cur.current.x
-        )}px, ${Math.round(cur.current.y)}px)`;
-      }
-      rafRef.current = requestAnimationFrame(move);
+    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) => {
-      target.current.x = e.clientX;
-      target.current.y = e.clientY;
+      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 });
-    const prefersReduced = window.matchMedia("(prefers-reduced-motion: reduce)");
-    if (!prefersReduced.matches) {
-      rafRef.current = requestAnimationFrame(move);
+    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);
-      if (rafRef.current) cancelAnimationFrame(rafRef.current);
+      document.removeEventListener("visibilitychange", onStateChange);
+      if (typeof prefersReducedMotion.removeEventListener === "function") {
+        prefersReducedMotion.removeEventListener("change", onStateChange);
+      } else {
+        prefersReducedMotion.removeListener(onStateChange);
+      }
+      observer.disconnect();
+      stop();
     };
-  }, []);
-  return /* @__PURE__ */ jsxs3("div", { className: "fixed inset-0 overflow-hidden pointer-events-none z-0 bg-white", 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: "cc-goo", children: [
+  }, [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",
@@ -188,79 +261,104 @@ var BackgroundRainbow = () => {
       ),
       /* @__PURE__ */ jsx3("feBlend", { in: "SourceGraphic", in2: "goo" })
     ] }) }) }),
-    /* @__PURE__ */ jsxs3("div", { className: "absolute inset-0", style: { filter: "url(#cc-goo) blur(36px)" }, children: [
-      /* @__PURE__ */ jsx3("div", { className: "cc-bubble cc-a cc-g1" }),
-      /* @__PURE__ */ jsx3("div", { className: "cc-bubble cc-b cc-g2" }),
-      /* @__PURE__ */ jsx3("div", { className: "cc-bubble cc-a cc-g3" }),
-      /* @__PURE__ */ jsx3("div", { ref: interactiveRef, className: "cc-bubble cc-b cc-interactive" })
-    ] }),
+    /* @__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-bubble {
+        .cc-rainbow-layer {
+          contain: paint;
+        }
+
+        .cc-rainbow-bubble {
           position: absolute;
-          mix-blend-mode: hard-light;
+          mix-blend-mode: ${config.blendMode};
           pointer-events: none;
           will-change: transform;
+          transform: translate3d(0, 0, 0);
         }
 
-        /* usa as cores globais de hover/purple com ~0.4 de opacidade */
-        .cc-a {
+        .cc-rainbow-a {
           background: radial-gradient(circle at center,
             color-mix(in srgb, var(--color-one) 40%, transparent) 0%,
             transparent 50%) no-repeat;
         }
-        .cc-b {
+
+        .cc-rainbow-b {
           background: radial-gradient(circle at center,
             color-mix(in srgb, var(--color-two) 40%, transparent) 0%,
             transparent 50%) no-repeat;
         }
 
-        .cc-g1, .cc-g2, .cc-g3 {
+        .cc-rainbow-g1, .cc-rainbow-g2, .cc-rainbow-g3 {
           width: 80vmin;
           height: 80vmin;
           top: calc(50% - 40vmin);
           left: calc(50% - 40vmin);
         }
 
-        .cc-g1 {
+        .cc-rainbow-g1 {
           transform-origin: center center;
-          animation: cc-bounceV 28s var(--ease-smooth, ease-in-out) infinite;
+          animation: cc-rainbow-bounce-v 28s var(--ease-smooth, ease-in-out) infinite;
+          animation-play-state: var(--cc-rainbow-play, running);
           opacity: 1;
         }
-        .cc-g2 {
+
+        .cc-rainbow-g2 {
           transform-origin: calc(50% - 360px);
-          animation: cc-circle 22s linear infinite reverse;
+          animation: cc-rainbow-circle 22s linear infinite reverse;
+          animation-play-state: var(--cc-rainbow-play, running);
           opacity: 1;
         }
-        .cc-g3 {
+
+        .cc-rainbow-g3 {
           top: calc(50% - 40vmin + 160px);
           left: calc(50% - 40vmin - 420px);
           transform-origin: calc(50% + 360px);
-          animation: cc-circle 38s linear infinite;
+          animation: cc-rainbow-circle 38s linear infinite;
+          animation-play-state: var(--cc-rainbow-play, running);
           opacity: 0.9;
         }
 
-        .cc-interactive {
+        .cc-rainbow-interactive {
           width: 100%;
           height: 100%;
           top: -50%;
           left: -50%;
-          opacity: 0.7;
-          transform: translate(0px, 0px); /* evita warning de transform null */
+          opacity: ${config.interactiveOpacity};
+          transform: translate3d(0px, 0px, 0);
         }
 
-        @keyframes cc-circle {
+        @keyframes cc-rainbow-circle {
           0% { transform: rotate(0deg); }
           50% { transform: rotate(180deg); }
           100% { transform: rotate(360deg); }
         }
-        @keyframes cc-bounceV {
+
+        @keyframes cc-rainbow-bounce-v {
           0% { transform: translateY(-50%); }
           50% { transform: translateY(50%); }
           100% { transform: translateY(-50%); }
         }
 
         @media (prefers-reduced-motion: reduce) {
-          .cc-g1, .cc-g2, .cc-g3 { animation: none !important; }
+          .cc-rainbow-g1, .cc-rainbow-g2, .cc-rainbow-g3 {
+            animation: none !important;
+          }
+          .cc-rainbow-interactive {
+            opacity: 0.35;
+          }
         }
       ` })
   ] });
@@ -269,280 +367,439 @@ var BackgroundRainbow = () => {
 // src/components/cupcode/BackgroundStars.tsx
 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 hexToRgb(hex) {
-  const c = hex.replace("#", "");
-  const n = parseInt(c.length === 3 ? c.split("").map((x) => x + x).join("") : c, 16);
-  return { r: n >> 16 & 255, g: n >> 8 & 255, b: n & 255 };
+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 createStarBaseSprite(size) {
+  const canvas = createCanvas(size, size);
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return canvas;
+  const half = size / 2;
+  const gradient = ctx.createRadialGradient(half, half, 0, half, half, half);
+  gradient.addColorStop(0, "rgba(255,255,255,0.95)");
+  gradient.addColorStop(0.24, "rgba(255,255,255,0.72)");
+  gradient.addColorStop(0.54, "rgba(255,255,255,0.28)");
+  gradient.addColorStop(1, "rgba(0,0,0,0)");
+  ctx.fillStyle = gradient;
+  ctx.beginPath();
+  ctx.arc(half, half, half, 0, TWO_PI);
+  ctx.fill();
+  return canvas;
+}
+function tintSprite(base, color) {
+  const canvas = createCanvas(base.width, base.height);
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return canvas;
+  ctx.drawImage(base, 0, 0);
+  ctx.globalCompositeOperation = "source-atop";
+  ctx.fillStyle = color;
+  ctx.fillRect(0, 0, base.width, base.height);
+  ctx.globalCompositeOperation = "source-over";
+  return canvas;
+}
+function createHaloSprite(size, color) {
+  const canvas = createCanvas(size, size);
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return canvas;
+  const half = size / 2;
+  const gradient = ctx.createRadialGradient(half, half, 0, half, half, half);
+  gradient.addColorStop(0, color);
+  gradient.addColorStop(1, "rgba(0,0,0,0)");
+  ctx.fillStyle = gradient;
+  ctx.beginPath();
+  ctx.arc(half, half, half, 0, TWO_PI);
+  ctx.fill();
+  return canvas;
+}
+function createFlareSprite(size) {
+  const canvas = createCanvas(size * 4, size);
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return canvas;
+  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(1, "rgba(0,0,0,0)");
+  ctx.fillStyle = gradient;
+  ctx.fillRect(0, (size - 4) / 2, canvas.width, 4);
+  return canvas;
+}
+function createCloudSprite(size, color) {
+  const canvas = createCanvas(size, size);
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return canvas;
+  const center = size / 2;
+  const blobs = [
+    { x: center * 0.76, y: center * 0.86, r: center * 0.68 },
+    { x: center * 1.28, y: center * 0.94, r: center * 0.72 },
+    { x: center * 1.02, y: center * 1.28, r: center * 0.78 }
+  ];
+  for (const blob of blobs) {
+    const g = ctx.createRadialGradient(blob.x, blob.y, 0, blob.x, blob.y, blob.r);
+    g.addColorStop(0, color);
+    g.addColorStop(1, "rgba(0,0,0,0)");
+    ctx.fillStyle = g;
+    ctx.beginPath();
+    ctx.arc(blob.x, blob.y, blob.r, 0, TWO_PI);
+    ctx.fill();
+  }
+  return canvas;
+}
+function createCometHeadSprite(size) {
+  const canvas = createCanvas(size, 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;
+  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) {
+  const canvas = createCanvas(width, height);
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return canvas;
+  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)");
+  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 BackgroundStars() {
   const nebulaRef = useRef2(null);
   const starsRef = useRef2(null);
   useEffect2(() => {
-    const w = window.innerWidth;
-    const h = window.innerHeight;
     const nebulaCanvas = nebulaRef.current;
-    const nebulaCtx = nebulaCanvas.getContext("2d", { alpha: true });
-    nebulaCanvas.width = w;
-    nebulaCanvas.height = h;
     const starsCanvas = starsRef.current;
-    const starsCtx = starsCanvas.getContext("2d", { alpha: true });
-    starsCanvas.width = w;
-    starsCanvas.height = h;
-    const palette = [
-      "#ffffff",
-      "#d7c8ff",
-      "#7c5bbb",
-      // roxo Cupcode
-      "#b146ea",
-      "#975ab6",
-      // hover tone Cupcode
-      "#ff8ad1"
+    if (!nebulaCanvas || !starsCanvas) 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 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)",
+      "rgba(255,20,147,0.16)",
+      "rgba(75,0,130,0.18)",
+      "rgba(147,112,219,0.17)",
+      "rgba(218,112,214,0.16)"
     ];
-    const starSprite = document.createElement("canvas");
-    const SPR = 128;
-    starSprite.width = SPR;
-    starSprite.height = SPR;
-    const sprCtx = starSprite.getContext("2d");
-    const grad = sprCtx.createRadialGradient(SPR / 2, SPR / 2, 0, SPR / 2, SPR / 2, SPR / 2);
-    grad.addColorStop(0, "rgba(255,255,255,0.5)");
-    grad.addColorStop(0.28, "rgba(255,255,255,0.4)");
-    grad.addColorStop(0.36, "rgba(255,2,230,0.35)");
-    grad.addColorStop(0.78, "rgba(255,255,255,0.0)");
-    sprCtx.fillStyle = grad;
-    sprCtx.beginPath();
-    sprCtx.arc(SPR / 2, SPR / 2, SPR / 2, 0, Math.PI * 2);
-    sprCtx.fill();
-    const flareSprite = document.createElement("canvas");
-    flareSprite.width = SPR * 4;
-    flareSprite.height = SPR;
-    const flareCtx = flareSprite.getContext("2d");
-    const g2 = flareCtx.createLinearGradient(0, SPR / 2, flareSprite.width, SPR / 2);
-    g2.addColorStop(0, "rgba(0,0,0,0)");
-    g2.addColorStop(0.45, "rgba(41,5,40,0.98)");
-    g2.addColorStop(0.55, "rgba(41,5,40,0.98)");
-    g2.addColorStop(1, "rgba(0,0,0,0)");
-    flareCtx.fillStyle = g2;
-    flareCtx.filter = "blur(0.45px)";
-    flareCtx.fillRect(0, (SPR - 4) / 2, flareSprite.width, 4);
-    const off = document.createElement("canvas");
-    off.width = w;
-    off.height = h;
-    const offCtx = off.getContext("2d");
-    const bg = offCtx.createRadialGradient(w / 2, h / 2, 0, w / 2, h / 2, Math.max(w, h) / 2);
-    bg.addColorStop(0, "#0c0d1d");
-    bg.addColorStop(1, "#000000");
-    offCtx.fillStyle = bg;
-    offCtx.fillRect(0, 0, w, h);
-    const colors = [
-      "rgba(65,105,225,0.10)",
-      "rgba(138,43,226,0.10)",
-      "rgba(255,20,147,0.10)",
-      "rgba(75,0,130,0.10)",
-      "rgba(147,112,219,0.10)",
-      "rgba(218,112,214,0.10)"
-    ];
-    function genCloud() {
-      const r = rand(150, 450);
-      const n = 12;
-      const step = Math.PI * 2 / n;
-      const pts = [];
-      for (let i = 0; i <= n; i++) {
-        const a = i * step;
-        const dist = rand(0.5, 1);
-        pts.push({ x: Math.cos(a) * r * dist, y: Math.sin(a) * r * dist });
-      }
+    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() * w,
-        y: Math.random() * h,
-        r,
-        color: choice(colors),
-        pts,
-        angle: 0,
-        speed: (Math.random() - 0.5) * 1e-3
+        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 clouds = Array.from({ length: 8 }, genCloud);
-    function drawNebula(t) {
-      nebulaCtx.clearRect(0, 0, w, h);
-      nebulaCtx.drawImage(off, 0, 0);
-      nebulaCtx.globalCompositeOperation = "screen";
-      for (const c of clouds) {
-        c.angle += c.speed;
-        nebulaCtx.save();
-        nebulaCtx.translate(c.x, c.y);
-        nebulaCtx.rotate(c.angle);
-        nebulaCtx.beginPath();
-        nebulaCtx.moveTo(c.pts[0].x, c.pts[0].y);
-        for (let i = 1; i < c.pts.length; i++) nebulaCtx.lineTo(c.pts[i].x, c.pts[i].y);
-        nebulaCtx.closePath();
-        const g = nebulaCtx.createRadialGradient(0, 0, 0, 0, 0, c.r);
-        g.addColorStop(0, c.color);
-        g.addColorStop(1, "rgba(0,0,0,0)");
-        nebulaCtx.fillStyle = g;
-        nebulaCtx.fill();
-        nebulaCtx.restore();
-      }
-      nebulaCtx.globalCompositeOperation = "source-over";
-    }
-    const QUANTITY = 260;
-    const stars = Array.from({ length: QUANTITY }).map(() => {
-      const r = Math.random();
+    });
+    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 (r < 0.25) size = rand(0.35, 0.95) * (w * 1e-3);
-      else if (r < 0.97) size = rand(0.6, 1.8) * (w * 1e-3);
+      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.6) * (w * 1e-3);
+        size = rand(1.8, 3.2) * (width * 1e-3);
         isHighlight = true;
       }
-      const twMs = rand(5e3, 35e3);
+      const twinkleDur = rand(5500, 32e3);
+      const sparkDur = rand(650, 1100);
+      const color = choice(palette);
       return {
-        x: Math.random() * w,
-        y: Math.random() * h,
-        size: Math.max(1, size),
-        color: choice(palette),
+        x: Math.random() * width,
+        y: Math.random() * height,
+        size: Math.max(0.8, size),
         isHighlight,
-        driftDx: rand(-6e-3, 6e-3) * w,
-        // ~ -0.6..0.6vw aproximado em px
-        driftDy: rand(-6e-3, 6e-3) * h,
-        driftDur: rand(5e4, 9e4),
+        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.85, 1),
-        intensity: rand(1, 1.6),
-        twinkleDur: twMs,
-        twinkleDelay: rand(0, 25e3),
-        sparkDur: rand(600, 1e3),
+        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() * Math.PI * 2
+        phase: Math.random() * TWO_PI
       };
     });
-    function tintMultiplier(hex) {
-      const { r, g, b } = hexToRgb(hex);
-      return [r / 255, g / 255, b / 255];
-    }
+    const cometHeadSprite = createCometHeadSprite(90);
+    const cometTailSprite = createCometTailSprite(256, 8);
     const comets = [];
-    function spawnComet() {
-      const angle = Math.random() * Math.PI * 2;
-      const len = rand(80, 160);
-      const dur = rand(1400, 2200);
-      const x = Math.random() * w;
-      const y = Math.random() * h;
-      comets.push({ x, y, angle, len, life: 0, t0: performance.now(), dur });
-    }
-    let lastComet = performance.now();
-    let raf = 0;
-    function draw(t) {
-      drawNebula(t);
-      starsCtx.clearRect(0, 0, w, h);
+    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 drawNebula = (now) => {
+      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 radius = cloud.size * pulse;
+        nebulaCtx.save();
+        nebulaCtx.translate(cloud.x, cloud.y);
+        nebulaCtx.rotate(cloud.angle);
+        nebulaCtx.globalAlpha = cloud.alpha;
+        nebulaCtx.drawImage(cloud.sprite, -radius, -radius, radius * 2, radius * 2);
+        nebulaCtx.restore();
+      }
+      nebulaCtx.globalCompositeOperation = "source-over";
+      nebulaCtx.globalAlpha = 1;
+    };
+    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);
+          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 drawStars = (now) => {
+      starsCtx.clearRect(0, 0, width, height);
       starsCtx.globalCompositeOperation = "screen";
-      for (const s of stars) {
-        const driftP = Math.min(1, t % s.driftDur / s.driftDur);
-        const sx = s.x + s.driftDx * driftP;
-        const sy = s.y + s.driftDy * driftP;
-        const sc = 1 + (s.scaleTo - 1) * driftP;
-        const twLerp = (Math.sin((t + s.twinkleDelay) / s.twinkleDur * Math.PI * 2 + s.phase) + 1) * 0.5;
-        const twPeak = 0.6 + 0.4 * twLerp;
-        const sparkCycle = (t + s.sparkDelay) % s.sparkDur / s.sparkDur;
+      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(t * 2e-3 + s.phase));
-        const opacity = s.baseOpacity * twPeak;
-        const k = s.intensity * (0.8 + 0.4 * sparkBoost);
-        const size = s.size * sc * sparkScale;
-        const [tr, tg, tb] = tintMultiplier(s.color);
+        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 / SPR, size / SPR);
-        starsCtx.drawImage(starSprite, -SPR / 2, -SPR / 2);
-        starsCtx.globalCompositeOperation = "multiply";
-        starsCtx.fillStyle = `rgba(${tr * 255 | 0}, ${tg * 255 | 0}, ${tb * 255 | 0}, ${0.75})`;
-        starsCtx.fillRect(-SPR / 2, -SPR / 2, SPR, SPR);
-        starsCtx.globalCompositeOperation = "screen";
-        const halo1 = size * 4.2 * k;
-        const halo2 = size * 7.2 * k;
-        const halo3 = size * 10.8 * k;
-        drawHalo(starsCtx, 0, 0, halo1, "rgba(251,88,235,0.65)");
-        drawHalo(starsCtx, 0, 0, halo2, "rgba(151,90,182,0.58)");
-        drawHalo(starsCtx, 0, 0, halo3, "rgba(124,91,187,0.52)");
-        const gp = size * (1.8 + glow);
-        drawHalo(starsCtx, 0, 0, gp, "rgba(151,90,182,0.28)");
-        if (s.isHighlight) {
+        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.rotate(0);
-          starsCtx.drawImage(flareSprite, -2 * SPR, -SPR / 2, 4 * SPR, SPR);
+          starsCtx.drawImage(flareSprite, -2 * starSpriteSize, -halfStarSprite, 4 * starSpriteSize, starSpriteSize);
           starsCtx.rotate(Math.PI / 2);
-          starsCtx.drawImage(flareSprite, -2 * SPR, -SPR / 2, 4 * SPR, SPR);
+          starsCtx.drawImage(flareSprite, -2 * starSpriteSize, -halfStarSprite, 4 * starSpriteSize, starSpriteSize);
         }
         starsCtx.restore();
       }
-      if (t - lastComet > rand(3200, 6800)) {
-        spawnComet();
-        lastComet = t;
-      }
-      drawComets(starsCtx, comets, t);
       starsCtx.globalCompositeOperation = "source-over";
-      raf = requestAnimationFrame(draw);
-    }
-    function drawHalo(ctx, x, y, r, color) {
-      if (r <= 0.5) return;
-      const g = ctx.createRadialGradient(x, y, 0, x, y, r);
-      g.addColorStop(0, color);
-      g.addColorStop(1, "rgba(0,0,0,0)");
-      ctx.fillStyle = g;
-      ctx.beginPath();
-      ctx.arc(x, y, r, 0, Math.PI * 2);
-      ctx.fill();
-    }
-    function drawComets(ctx, list, t) {
-      for (let i = list.length - 1; i >= 0; i--) {
-        const c = list[i];
-        const p = (t - c.t0) / c.dur;
-        if (p >= 1) {
-          list.splice(i, 1);
-          continue;
-        }
-        const ease = p < 0.5 ? p * 2 : 1 - (p - 0.5) * 2;
-        const dx = Math.cos(c.angle) * c.len * 7 * p;
-        const dy = Math.sin(c.angle) * c.len * 7 * p;
-        const x = c.x + dx;
-        const y = c.y + dy;
-        ctx.save();
-        ctx.translate(x, y);
-        ctx.rotate(c.angle);
-        ctx.globalAlpha = 0.2 + 0.8 * ease;
-        drawHalo(ctx, 0, 0, 0.85, "rgba(255,255,255,1)");
-        drawHalo(ctx, 0, 0, 8, "rgba(151,90,182,0.75)");
-        drawHalo(ctx, 0, 0, 14, "rgba(124,91,187,0.6)");
-        const tailLen = c.len;
-        const grd = ctx.createLinearGradient(0, 0, -tailLen, 0);
-        grd.addColorStop(0, "rgba(255,255,255,0.95)");
-        grd.addColorStop(0.4, "rgba(151,90,182,0.75)");
-        grd.addColorStop(0.75, "rgba(124,91,187,0.55)");
-        grd.addColorStop(1, "rgba(0,0,0,0)");
-        ctx.fillStyle = grd;
-        ctx.fillRect(-tailLen, -1, tailLen, 2);
-        const shine = ctx.createLinearGradient(0, 0, 20, 0);
-        shine.addColorStop(0, "rgba(0,0,0,0)");
-        shine.addColorStop(0.5, "rgba(255,255,255,0.95)");
-        shine.addColorStop(1, "rgba(0,0,0,0)");
-        ctx.globalAlpha = 0.6 * ease;
-        ctx.fillStyle = shine;
-        ctx.fillRect(0, -1, 20, 2);
-        ctx.restore();
-      }
-    }
-    raf = requestAnimationFrame(draw);
-    return () => cancelAnimationFrame(raf);
+    };
+    let raf = 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();
+    const stop = () => {
+      running = false;
+      if (raf) {
+        cancelAnimationFrame(raf);
+        raf = 0;
+      }
+    };
+    const frame = (now) => {
+      if (!running || disposed) return;
+      if (now - lastFrame < minFrameMs) {
+        raf = requestAnimationFrame(frame);
+        return;
+      }
+      lastFrame = now;
+      if (now - lastNebulaFrame >= nebulaFrameMs) {
+        drawNebula(now);
+        lastNebulaFrame = now;
+      }
+      drawStars(now);
+      if (now >= nextCometAt) {
+        spawnComet(now);
+        nextCometAt = now + rand(3200, 6800);
+      }
+      drawComets(now);
+      raf = requestAnimationFrame(frame);
+    };
+    const start = () => {
+      if (running || disposed || !shouldRun()) return;
+      running = true;
+      lastFrame = 0;
+      lastNebulaFrame = 0;
+      raf = requestAnimationFrame(frame);
+    };
+    const onVisibilityOrTheme = () => {
+      if (shouldRun()) start();
+      else {
+        stop();
+        clearCanvases();
+      }
+    };
+    if (reducedMotion) {
+      if (isDarkMode()) {
+        drawNebula(0);
+        drawStars(0);
+      } else {
+        clearCanvases();
+      }
+      return () => {
+        stop();
+      };
+    }
+    const observer = new MutationObserver(onVisibilityOrTheme);
+    observer.observe(document.documentElement, { attributes: true, attributeFilter: ["class"] });
+    document.addEventListener("visibilitychange", onVisibilityOrTheme);
+    onVisibilityOrTheme();
+    return () => {
+      disposed = true;
+      stop();
+      observer.disconnect();
+      document.removeEventListener("visibilitychange", onVisibilityOrTheme);
+    };
   }, []);
   return /* @__PURE__ */ jsxs4(Fragment, { children: [
-    /* @__PURE__ */ jsx4("canvas", { ref: nebulaRef, className: "fixed inset-0 z-0 pointer-events-none hidden dark:block" }),
-    /* @__PURE__ */ jsx4("canvas", { ref: starsRef, className: "fixed inset-0 z-10 pointer-events-none hidden dark:block" }),
+    /* @__PURE__ */ jsx4(
+      "canvas",
+      {
+        ref: nebulaRef,
+        "aria-hidden": "true",
+        className: "cc-background-stars-canvas fixed inset-0 z-0 pointer-events-none hidden dark:block"
+      }
+    ),
+    /* @__PURE__ */ jsx4(
+      "canvas",
+      {
+        ref: starsRef,
+        "aria-hidden": "true",
+        className: "cc-background-stars-canvas fixed inset-0 z-10 pointer-events-none hidden dark:block"
+      }
+    ),
     /* @__PURE__ */ jsx4("style", { children: `
         @media (prefers-reduced-motion: reduce) {
-          canvas { display: none !important; }
+          .cc-background-stars-canvas {
+            display: none !important;
+          }
         }
       ` })
   ] });
@@ -680,13 +937,13 @@ var TagGroup = ({
 import { useState, useRef as useRef3, useEffect as useEffect3 } from "react";
 
 // src/components/ui/tooltip.tsx
-import * as React4 from "react";
+import * as React3 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { jsx as jsx8 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx8(
+var TooltipContent = React3.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx8(
   TooltipPrimitive.Content,
   {
     ref,
@@ -804,13 +1061,21 @@ var Dock = ({ items, className }) => {
 };
 
 // src/components/cupcode/DockWrapper.tsx
-import { useEffect as useEffect5, useRef as useRef4, useMemo } from "react";
+import { useEffect as useEffect5, useRef as useRef4, useMemo as useMemo2 } from "react";
 
 // src/hooks/useTelescupAsset.ts
 import { useState as useState2, useEffect as useEffect4 } from "react";
 
 // src/lib/runtimeEnv.ts
 var import_meta = {};
+var CUPCODE_APP_VERSION_ENV_KEY = "CUPCODE_APP_VERSION";
+var CUPCODE_APP_VERSION_ENV_KEYS = [
+  CUPCODE_APP_VERSION_ENV_KEY,
+  "VITE_APP_VERSION",
+  "APP_VERSION",
+  "NEXT_PUBLIC_APP_VERSION",
+  "REACT_APP_VERSION"
+];
 var runtimeStore = {};
 var normalizeValue = (value) => {
   if (value === null || typeof value === "undefined") return void 0;
@@ -872,6 +1137,15 @@ var isRuntimeDev = () => {
   const mode = ((_c = (_b7 = getRuntimeEnv("MODE")) != null ? _b7 : getRuntimeEnv("NODE_ENV")) != null ? _c : "").toLowerCase();
   return mode === "development";
 };
+var resolveCupcodeAppVersion = (explicitVersion) => {
+  const normalizedExplicitVersion = normalizeValue(explicitVersion);
+  if (normalizedExplicitVersion) return normalizedExplicitVersion;
+  for (const key of CUPCODE_APP_VERSION_ENV_KEYS) {
+    const value = getRuntimeEnv(key);
+    if (value) return value;
+  }
+  return void 0;
+};
 
 // src/utils/parseAssetId.ts
 var UUID_REGEX = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
@@ -1007,11 +1281,11 @@ var DockWrapper = ({ categories, activeCategoryId }) => {
   const rootRef = useRef4(null);
   const timeoutsRef = useRef4([]);
   const listenersRef = useRef4([]);
-  const sortedCategories = useMemo(
+  const sortedCategories = useMemo2(
     () => [...categories].sort((a, b) => a.order - b.order),
     [categories]
   );
-  const lastInteractiveId = useMemo(() => {
+  const lastInteractiveId = useMemo2(() => {
     for (let i = sortedCategories.length - 1; i >= 0; i -= 1) {
       const candidate = sortedCategories[i];
       if (candidate && candidate.type !== "divider") {
@@ -1802,10 +2076,10 @@ function EmptyState({
 }
 
 // src/components/cupcode/ErrorBoundary.tsx
-import React6 from "react";
+import React5 from "react";
 import { AlertTriangle } from "lucide-react";
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
-var ErrorBoundary = class extends React6.Component {
+var ErrorBoundary = class extends React5.Component {
   constructor(props) {
     super(props);
     __publicField(this, "handleReset", () => {
@@ -1898,9 +2172,9 @@ var HeroTitle = ({
 };
 
 // src/components/cupcode/InputField.tsx
-import * as React7 from "react";
+import * as React6 from "react";
 import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
-var InputField = React7.forwardRef(
+var InputField = React6.forwardRef(
   ({ className, type, label, error, leftIcon, rightIcon, ...props }, ref) => {
     return /* @__PURE__ */ jsxs13("div", { className: "cc-stack space-2 w-full", children: [
       label && /* @__PURE__ */ jsx16("label", { className: "text-sm font-semibold text-cupcode-ink", children: label }),
@@ -2207,7 +2481,7 @@ var LoadingScreen = ({
 };
 
 // src/components/cupcode/ModalCupcode.tsx
-import * as React9 from "react";
+import * as React8 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X as X2 } from "lucide-react";
 import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
@@ -2215,7 +2489,7 @@ var Modal = DialogPrimitive.Root;
 var ModalTrigger = DialogPrimitive.Trigger;
 var ModalPortal = DialogPrimitive.Portal;
 var ModalClose = DialogPrimitive.Close;
-var ModalOverlay = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var ModalOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -2228,7 +2502,7 @@ var ModalOverlay = React9.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ModalOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var ModalContent = React9.forwardRef(({ className, children, size = "md", ...props }, ref) => {
+var ModalContent = React8.forwardRef(({ className, children, size = "md", ...props }, ref) => {
   const sizeClasses2 = {
     sm: "max-w-sm",
     md: "max-w-md",
@@ -2284,7 +2558,7 @@ var ModalFooter = ({
   }
 );
 ModalFooter.displayName = "ModalFooter";
-var ModalTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var ModalTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   DialogPrimitive.Title,
   {
     ref,
@@ -2293,7 +2567,7 @@ var ModalTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 ModalTitle.displayName = DialogPrimitive.Title.displayName;
-var ModalDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var ModalDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   DialogPrimitive.Description,
   {
     ref,
@@ -2304,7 +2578,7 @@ var ModalDescription = React9.forwardRef(({ className, ...props }, ref) => /* @_
 ModalDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/cupcode/NavbarCupcode.tsx
-import * as React10 from "react";
+import * as React9 from "react";
 import { Menu } from "lucide-react";
 import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 var NavbarCupcode = ({
@@ -2313,10 +2587,10 @@ var NavbarCupcode = ({
   actions,
   className
 }) => {
-  const [isOpen, setIsOpen] = React10.useState(false);
-  const navRef = React10.useRef(null);
-  const mobileMenuId = React10.useId();
-  React10.useEffect(() => {
+  const [isOpen, setIsOpen] = React9.useState(false);
+  const navRef = React9.useRef(null);
+  const mobileMenuId = React9.useId();
+  React9.useEffect(() => {
     if (!isOpen) return;
     const handlePointerDown = (event) => {
       var _a74;
@@ -2338,7 +2612,7 @@ var NavbarCupcode = ({
       document.removeEventListener("keydown", handleEscape);
     };
   }, [isOpen]);
-  React10.useEffect(() => {
+  React9.useEffect(() => {
     if (!isOpen) return;
     const { style } = document.body;
     const previousOverflow = style.overflow;
@@ -2347,7 +2621,7 @@ var NavbarCupcode = ({
       style.overflow = previousOverflow;
     };
   }, [isOpen]);
-  React10.useEffect(() => {
+  React9.useEffect(() => {
     const handleResize = () => {
       if (window.innerWidth >= 768) {
         setIsOpen(false);
@@ -2469,7 +2743,7 @@ var NavbarCupcode = ({
 };
 
 // src/components/cupcode/MainNavbar.tsx
-import { useCallback as useCallback6, useEffect as useEffect16, useMemo as useMemo8, useRef as useRef12, useState as useState13 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect16, useMemo as useMemo9, useRef as useRef12, useState as useState13 } from "react";
 
 // src/components/cupcode/TelescupImage.tsx
 import { jsx as jsx22 } from "react/jsx-runtime";
@@ -2562,20 +2836,20 @@ import {
 import {
   useCallback as useCallback5,
   useEffect as useEffect14,
-  useMemo as useMemo7,
+  useMemo as useMemo8,
   useRef as useRef11,
   useState as useState11
 } from "react";
 
 // src/components/ui/select.tsx
-import * as React11 from "react";
+import * as React10 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check, ChevronDown as ChevronDown2, ChevronUp } from "lucide-react";
 import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(
+var SelectTrigger = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -2591,7 +2865,7 @@ var SelectTrigger = React11.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var SelectScrollUpButton = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -2601,7 +2875,7 @@ var SelectScrollUpButton = React11.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var SelectScrollDownButton = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -2611,7 +2885,7 @@ var SelectScrollDownButton = React11.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React11.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx23(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs18(
+var SelectContent = React10.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx23(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs18(
   SelectPrimitive.Content,
   {
     ref,
@@ -2639,9 +2913,9 @@ var SelectContent = React11.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(SelectPrimitive.Label, { ref, className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className), ...props }));
+var SelectLabel = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(SelectPrimitive.Label, { ref, className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className), ...props }));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(
+var SelectItem = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(
   SelectPrimitive.Item,
   {
     ref,
@@ -2657,14 +2931,14 @@ var SelectItem = React11.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(SelectPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var SelectSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(SelectPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/ui/avatar.tsx
-import * as React12 from "react";
+import * as React11 from "react";
 import * as AvatarPrimitive2 from "@radix-ui/react-avatar";
 import { jsx as jsx24 } from "react/jsx-runtime";
-var Avatar2 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var Avatar2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   AvatarPrimitive2.Root,
   {
     ref,
@@ -2673,7 +2947,7 @@ var Avatar2 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Avatar2.displayName = AvatarPrimitive2.Root.displayName;
-var AvatarImage2 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var AvatarImage2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   AvatarPrimitive2.Image,
   {
     ref,
@@ -2682,7 +2956,7 @@ var AvatarImage2 = React12.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 AvatarImage2.displayName = AvatarPrimitive2.Image.displayName;
-var AvatarFallback2 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var AvatarFallback2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   AvatarPrimitive2.Fallback,
   {
     ref,
@@ -2693,7 +2967,7 @@ var AvatarFallback2 = React12.forwardRef(({ className, ...props }, ref) => /* @_
 AvatarFallback2.displayName = AvatarPrimitive2.Fallback.displayName;
 
 // src/components/ui/dropdown-menu.tsx
-import * as React13 from "react";
+import * as React12 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check as Check2, ChevronRight, Circle } from "lucide-react";
 import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
@@ -2703,7 +2977,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React13.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs19(
+var DropdownMenuSubTrigger = React12.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs19(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -2720,7 +2994,7 @@ var DropdownMenuSubTrigger = React13.forwardRef(({ className, inset, children, .
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+var DropdownMenuSubContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -2732,7 +3006,7 @@ var DropdownMenuSubContent = React13.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React13.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
+var DropdownMenuContent = React12.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -2745,7 +3019,7 @@ var DropdownMenuContent = React13.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React13.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx25(
+var DropdownMenuItem = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx25(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -2758,7 +3032,7 @@ var DropdownMenuItem = React13.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React13.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs19(
+var DropdownMenuCheckboxItem = React12.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs19(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -2775,7 +3049,7 @@ var DropdownMenuCheckboxItem = React13.forwardRef(({ className, children, checke
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs19(
+var DropdownMenuRadioItem = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs19(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -2791,7 +3065,7 @@ var DropdownMenuRadioItem = React13.forwardRef(({ className, children, ...props
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React13.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx25(
+var DropdownMenuLabel = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx25(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -2800,7 +3074,7 @@ var DropdownMenuLabel = React13.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var DropdownMenuSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
 var DropdownMenuShortcut = ({ className, ...props }) => {
   return /* @__PURE__ */ jsx25("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
@@ -2808,11 +3082,11 @@ var DropdownMenuShortcut = ({ className, ...props }) => {
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/ui/alert-dialog.tsx
-import * as React15 from "react";
+import * as React14 from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 
 // src/components/ui/button.tsx
-import * as React14 from "react";
+import * as React13 from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { jsx as jsx26 } from "react/jsx-runtime";
@@ -2841,7 +3115,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React14.forwardRef(
+var Button = React13.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx26(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
@@ -2854,7 +3128,7 @@ import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var AlertDialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -2866,7 +3140,7 @@ var AlertDialogOverlay = React15.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs20(AlertDialogPortal, { children: [
+var AlertDialogContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs20(AlertDialogPortal, { children: [
   /* @__PURE__ */ jsx27(AlertDialogOverlay, {}),
   /* @__PURE__ */ jsx27(
     AlertDialogPrimitive.Content,
@@ -2885,13 +3159,13 @@ var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx27("div"
 AlertDialogHeader.displayName = "AlertDialogHeader";
 var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx27("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(AlertDialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
+var AlertDialogTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(AlertDialogPrimitive.Title, { ref, className: cn("text-lg font-semibold", className), ...props }));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(AlertDialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var AlertDialogDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(AlertDialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
+var AlertDialogAction = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var AlertDialogCancel = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -2902,7 +3176,7 @@ var AlertDialogCancel = React15.forwardRef(({ className, ...props }, ref) => /*
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 
 // src/components/ui/dialog.tsx
-import * as React16 from "react";
+import * as React15 from "react";
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
 import { X as X3 } from "lucide-react";
 import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
@@ -2910,7 +3184,7 @@ var Dialog = DialogPrimitive2.Root;
 var DialogTrigger = DialogPrimitive2.Trigger;
 var DialogPortal = DialogPrimitive2.Portal;
 var DialogClose = DialogPrimitive2.Close;
-var DialogOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var DialogOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
   DialogPrimitive2.Overlay,
   {
     ref,
@@ -2922,7 +3196,7 @@ var DialogOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive2.Overlay.displayName;
-var DialogContent = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs21(DialogPortal, { children: [
+var DialogContent = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs21(DialogPortal, { children: [
   /* @__PURE__ */ jsx28(DialogOverlay, {}),
   /* @__PURE__ */ jsxs21(
     DialogPrimitive2.Content,
@@ -2948,7 +3222,7 @@ var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx28("div", { c
 DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx28("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var DialogTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
   DialogPrimitive2.Title,
   {
     ref,
@@ -2957,14 +3231,14 @@ var DialogTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive2.Title.displayName;
-var DialogDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(DialogPrimitive2.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var DialogDescription = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(DialogPrimitive2.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 DialogDescription.displayName = DialogPrimitive2.Description.displayName;
 
 // src/components/ui/switch.tsx
-import * as React17 from "react";
+import * as React16 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 import { jsx as jsx29 } from "react/jsx-runtime";
-var Switch = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var Switch = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -2986,7 +3260,7 @@ var Switch = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/hooks/use-toast.ts
-import * as React18 from "react";
+import * as React17 from "react";
 var TOAST_LIMIT = 1;
 var TOAST_REMOVE_DELAY = 1e6;
 var count = 0;
@@ -3085,8 +3359,8 @@ function toast({ ...props }) {
   };
 }
 function useToast() {
-  const [state, setState] = React18.useState(memoryState);
-  React18.useEffect(() => {
+  const [state, setState] = React17.useState(memoryState);
+  React17.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -3103,7 +3377,7 @@ function useToast() {
 }
 
 // src/components/cupcode/TelescupUpload.tsx
-import React27, { useCallback as useCallback4, useEffect as useEffect13, useMemo as useMemo6, useState as useState10 } from "react";
+import React26, { useCallback as useCallback4, useEffect as useEffect13, useMemo as useMemo7, useState as useState10 } from "react";
 
 // src/lib/telescupClient.ts
 var TelescupClientError = class extends Error {
@@ -4449,10 +4723,10 @@ var createTelescupClient = (config) => ({
 });
 
 // src/components/cupcode/TelescupAssetPicker.tsx
-import React21, { useCallback as useCallback2, useMemo as useMemo3, useState as useState7 } from "react";
+import React20, { useCallback as useCallback2, useMemo as useMemo4, useState as useState7 } from "react";
 
 // src/hooks/useTelescupAssets.ts
-import { useCallback, useEffect as useEffect11, useMemo as useMemo2, useRef as useRef8, useState as useState6 } from "react";
+import { useCallback, useEffect as useEffect11, useMemo as useMemo3, useRef as useRef8, useState as useState6 } from "react";
 var mergeFacetValues = (current, incoming) => {
   if (!current && !incoming) return void 0;
   const map = /* @__PURE__ */ new Map();
@@ -4515,14 +4789,14 @@ function useTelescupAssets(options) {
     pageSize = 24,
     cacheTimeMs = DEFAULT_CACHE_MS
   } = options;
-  const resolvedClient = useMemo2(() => {
+  const resolvedClient = useMemo3(() => {
     if (client) return client;
     if (!baseUrl || !getAccessToken) {
       throw new Error("useTelescupAssets: baseUrl e getAccessToken s\xE3o obrigat\xF3rios.");
     }
     return createTelescupClient({ baseUrl, getAccessToken });
   }, [client, baseUrl, getAccessToken]);
-  const cacheKey = useMemo2(() => {
+  const cacheKey = useMemo3(() => {
     const base = baseUrl != null ? baseUrl : "client";
     return buildCacheKey(base, filters);
   }, [baseUrl, filters]);
@@ -4672,9 +4946,9 @@ var TelescupVideo = ({
 };
 
 // src/components/ui/input.tsx
-import * as React19 from "react";
+import * as React18 from "react";
 import { jsx as jsx31 } from "react/jsx-runtime";
-var Input = React19.forwardRef(
+var Input = React18.forwardRef(
   ({ className, type, ...props }, ref) => {
     return /* @__PURE__ */ jsx31(
       "input",
@@ -4722,10 +4996,10 @@ function Skeleton2({ className, ...props }) {
 }
 
 // src/components/ui/scroll-area.tsx
-import * as React20 from "react";
+import * as React19 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import { jsx as jsx34, jsxs as jsxs22 } from "react/jsx-runtime";
-var ScrollArea = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs22(
+var ScrollArea = React19.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs22(
   ScrollAreaPrimitive.Root,
   {
     ref,
@@ -4741,7 +5015,7 @@ var ScrollArea = React20.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React20.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx34(
+var ScrollBar = React19.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx34(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -4939,7 +5213,7 @@ var TelescupAssetPicker = ({
   const [typeFilter, setTypeFilter] = useState7("all");
   const [folderFilter, setFolderFilter] = useState7("all");
   const [previewAsset, setPreviewAsset] = useState7(null);
-  const baseFilters = useMemo3(
+  const baseFilters = useMemo4(
     () => ({
       query: query || void 0,
       // Mantemos type fora da query server-side porque dados legados podem ter kind incorreto.
@@ -4955,7 +5229,7 @@ var TelescupAssetPicker = ({
     enabled,
     pageSize: 500
   });
-  const folderOptions = useMemo3(() => {
+  const folderOptions = useMemo4(() => {
     const options = normalizeFacetOptions(facets == null ? void 0 : facets.folders);
     return options.length ? options : collectFacetOptions(
       items,
@@ -4963,11 +5237,11 @@ var TelescupAssetPicker = ({
       (asset) => asset.folderName
     );
   }, [facets == null ? void 0 : facets.folders, items]);
-  const selectedFolderOption = useMemo3(() => {
+  const selectedFolderOption = useMemo4(() => {
     if (folderFilter === "all") return void 0;
     return folderOptions.find((option) => option.value === folderFilter);
   }, [folderFilter, folderOptions]);
-  const filteredItems = useMemo3(() => {
+  const filteredItems = useMemo4(() => {
     var _a74;
     const selectedFolderAliases = new Set(
       ((_a74 = selectedFolderOption == null ? void 0 : selectedFolderOption.aliases) != null ? _a74 : folderFilter === "all" ? [] : [folderFilter]).map(
@@ -5004,13 +5278,13 @@ var TelescupAssetPicker = ({
     },
     [filteredItems, multiple, onChange, value]
   );
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     if (filteredItems.length) onAssetsLoaded == null ? void 0 : onAssetsLoaded(filteredItems);
   }, [filteredItems, onAssetsLoaded]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     onTotalAssetsChange == null ? void 0 : onTotalAssetsChange(total != null ? total : 0);
   }, [onTotalAssetsChange, total]);
-  React21.useEffect(() => {
+  React20.useEffect(() => {
     if (!enabled) return;
     if (isLoading || isLoadingMore) return;
     if (!hasMore) return;
@@ -5096,10 +5370,10 @@ var TelescupAssetPicker = ({
 };
 
 // src/components/cupcode/TelescupUploader.tsx
-import { useMemo as useMemo5, useRef as useRef10, useState as useState9 } from "react";
+import { useMemo as useMemo6, useRef as useRef10, useState as useState9 } from "react";
 
 // src/hooks/useTelescupUploadQueue.tsx
-import { useCallback as useCallback3, useEffect as useEffect12, useMemo as useMemo4, useRef as useRef9, useState as useState8 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect12, useMemo as useMemo5, useRef as useRef9, useState as useState8 } from "react";
 var DEFAULT_CONCURRENCY = 3;
 var TELESCUP_UPLOAD_MODE = getRuntimeEnvOr("VITE_TELESCUP_UPLOAD_MODE", "standard").trim().toLowerCase();
 var makeId = () => Math.random().toString(36).slice(2, 10);
@@ -5315,7 +5589,7 @@ function useTelescupUploadQueue(options) {
     },
     [updateItem]
   );
-  const isUploading = useMemo4(
+  const isUploading = useMemo5(
     () => queue.some((item) => item.status === "uploading" || item.status === "queued"),
     [queue]
   );
@@ -5331,10 +5605,10 @@ function useTelescupUploadQueue(options) {
 }
 
 // src/components/ui/progress.tsx
-import * as React22 from "react";
+import * as React21 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import { jsx as jsx36 } from "react/jsx-runtime";
-var Progress = React22.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx36(
+var Progress = React21.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx36(
   ProgressPrimitive.Root,
   {
     ref,
@@ -5390,10 +5664,10 @@ var TelescupUploader = ({
       });
     }
   });
-  const accept = useMemo5(() => allowedTypes && allowedTypes.length ? allowedTypes.join(",") : void 0, [
+  const accept = useMemo6(() => allowedTypes && allowedTypes.length ? allowedTypes.join(",") : void 0, [
     allowedTypes
   ]);
-  const conflictItem = useMemo5(() => queue.find((item) => item.status === "conflict"), [queue]);
+  const conflictItem = useMemo6(() => queue.find((item) => item.status === "conflict"), [queue]);
   const handleFiles = (files) => {
     const { rejected } = enqueueFiles(files);
     rejected.forEach(({ file, reason }) => {
@@ -5522,11 +5796,11 @@ var TelescupUploader = ({
 };
 
 // src/components/ui/tabs.tsx
-import * as React24 from "react";
+import * as React23 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { jsx as jsx38 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var TabsList = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   TabsPrimitive.List,
   {
     ref,
@@ -5538,7 +5812,7 @@ var TabsList = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var TabsTrigger = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -5550,7 +5824,7 @@ var TabsTrigger = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var TabsContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   TabsPrimitive.Content,
   {
     ref,
@@ -5564,7 +5838,7 @@ var TabsContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/ui/drawer.tsx
-import * as React25 from "react";
+import * as React24 from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
 import { jsx as jsx39, jsxs as jsxs25 } from "react/jsx-runtime";
 var Drawer = ({ shouldScaleBackground = true, ...props }) => /* @__PURE__ */ jsx39(DrawerPrimitive.Root, { shouldScaleBackground, ...props });
@@ -5572,9 +5846,9 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = DrawerPrimitive.Trigger;
 var DrawerPortal = DrawerPrimitive.Portal;
 var DrawerClose = DrawerPrimitive.Close;
-var DrawerOverlay = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(DrawerPrimitive.Overlay, { ref, className: cn("fixed inset-0 z-50 bg-black/80", className), ...props }));
+var DrawerOverlay = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(DrawerPrimitive.Overlay, { ref, className: cn("fixed inset-0 z-50 bg-black/80", className), ...props }));
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
-var DrawerContent = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs25(DrawerPortal, { children: [
+var DrawerContent = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs25(DrawerPortal, { children: [
   /* @__PURE__ */ jsx39(DrawerOverlay, {}),
   /* @__PURE__ */ jsxs25(
     DrawerPrimitive.Content,
@@ -5597,7 +5871,7 @@ var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx39("div", { c
 DrawerHeader.displayName = "DrawerHeader";
 var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx39("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props });
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+var DrawerTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   DrawerPrimitive.Title,
   {
     ref,
@@ -5606,13 +5880,13 @@ var DrawerTitle = React25.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
-var DrawerDescription = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(DrawerPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var DrawerDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(DrawerPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
 
 // src/components/ui/textarea.tsx
-import * as React26 from "react";
+import * as React25 from "react";
 import { jsx as jsx40 } from "react/jsx-runtime";
-var Textarea = React26.forwardRef(({ className, ...props }, ref) => {
+var Textarea = React25.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx40(
     "textarea",
     {
@@ -5756,7 +6030,7 @@ var TelescupMetaEditor = ({
     }
   }, [activeAssetId, assets]);
   const asset = assets.find((item) => item.id === activeAssetId);
-  const currentDraft = useMemo6(() => {
+  const currentDraft = useMemo7(() => {
     var _a75;
     const existing = (_a75 = drafts[activeAssetId]) == null ? void 0 : _a75[activeLang];
     if (existing) return existing;
@@ -5965,8 +6239,8 @@ var TelescupUpload = ({
   className,
   renderTrigger
 }) => {
-  const labels = useMemo6(() => mergeLabels(labelsOverride), [labelsOverride]);
-  const client = useMemo6(() => createTelescupClient({ baseUrl, getAccessToken }), [baseUrl, getAccessToken]);
+  const labels = useMemo7(() => mergeLabels(labelsOverride), [labelsOverride]);
+  const client = useMemo7(() => createTelescupClient({ baseUrl, getAccessToken }), [baseUrl, getAccessToken]);
   const isControlled = open !== void 0;
   const [internalOpen, setInternalOpen] = useState10(false);
   const isOpen = isControlled ? open : internalOpen;
@@ -5975,7 +6249,7 @@ var TelescupUpload = ({
   const [totalAssets, setTotalAssets] = useState10(0);
   const [activeTab, setActiveTab] = useState10("library");
   const [assetRevision, setAssetRevision] = useState10(0);
-  const assetMapRef = React27.useRef(/* @__PURE__ */ new Map());
+  const assetMapRef = React26.useRef(/* @__PURE__ */ new Map());
   useEffect13(() => {
     if (value) {
       setInternalSelection(value);
@@ -5983,14 +6257,14 @@ var TelescupUpload = ({
   }, [value]);
   const selectedIds = value != null ? value : internalSelection;
   const effectiveSelectedIds = deferSelectionCommit ? stagedSelection != null ? stagedSelection : selectedIds : selectedIds;
-  const hasPendingSelectionChange = useMemo6(() => {
+  const hasPendingSelectionChange = useMemo7(() => {
     if (!deferSelectionCommit || stagedSelection === null) return false;
     if (stagedSelection.length !== selectedIds.length) return true;
     const left = [...stagedSelection].sort();
     const right = [...selectedIds].sort();
     return left.some((entry, index) => entry !== right[index]);
   }, [deferSelectionCommit, selectedIds, stagedSelection]);
-  const selectedAssets = useMemo6(() => {
+  const selectedAssets = useMemo7(() => {
     void assetRevision;
     const map = assetMapRef.current;
     return effectiveSelectedIds.map((id) => map.get(id)).filter(Boolean);
@@ -6772,6 +7046,11 @@ var formatRecentActivityDateTime = (value) => {
     minute: "2-digit"
   });
 };
+var formatAppVersion = (value) => {
+  const normalized = value == null ? void 0 : value.trim();
+  if (!normalized) return "N\xE3o informada";
+  return normalized.toLowerCase().startsWith("v") ? normalized : `v${normalized}`;
+};
 var PresenceBadge = ({ status, size = "sm" }) => {
   const meta = PRESENCE_META[status];
   const dotSize = size === "lg" ? "h-[0.95rem] w-[0.95rem]" : size === "md" ? "h-3 w-3" : "h-2.5 w-2.5";
@@ -6842,6 +7121,7 @@ var UserMenuCupcode = ({
   isRecentActivityLoading = false,
   telescupBaseUrl,
   getTelescupAccessToken,
+  appVersion,
   panels,
   className
 }) => {
@@ -6923,17 +7203,19 @@ var UserMenuCupcode = ({
   const autoScrollArmTimeoutRef = useRef11(null);
   const isChatMessagesControlled = typeof chatMessages !== "undefined";
   const isChatReactionsControlled = typeof chatReactions !== "undefined";
-  const initials = useMemo7(() => buildInitials(displayName, email), [displayName, email]);
-  const handle = useMemo7(() => buildHandle(username, email), [username, email]);
+  const initials = useMemo8(() => buildInitials(displayName, email), [displayName, email]);
+  const handle = useMemo8(() => buildHandle(username, email), [username, email]);
   const resolvedRole = roleLabel == null ? void 0 : roleLabel.trim();
+  const resolvedAppVersion = useMemo8(() => resolveCupcodeAppVersion(appVersion), [appVersion]);
+  const appVersionLabel = useMemo8(() => formatAppVersion(resolvedAppVersion), [resolvedAppVersion]);
   const isStatusControlled = typeof status !== "undefined";
   const currentStatus = status != null ? status : internalStatus;
-  const baseNotificationList = useMemo7(
+  const baseNotificationList = useMemo8(
     () => notifications && notifications.length > 0 ? notifications : DEFAULT_NOTIFICATIONS,
     [notifications]
   );
   const isStatusFocusMode = isFocusRestrictedStatus(currentStatus);
-  const isTimedFocusMode = useMemo7(() => {
+  const isTimedFocusMode = useMemo8(() => {
     if (!notificationPreferences.focusUntil) return false;
     const deadline = new Date(notificationPreferences.focusUntil).getTime();
     if (Number.isNaN(deadline)) return false;
@@ -6941,11 +7223,11 @@ var UserMenuCupcode = ({
   }, [notificationPreferences.focusUntil]);
   const isFocusModeActive = isStatusFocusMode || isTimedFocusMode;
   const isBadgeSuppressedByFocus = isFocusModeActive;
-  const resolvedNotificationFeed = useMemo7(
+  const resolvedNotificationFeed = useMemo8(
     () => appendUniqueNotifications(baseNotificationList, runtimeNotifications),
     [baseNotificationList, runtimeNotifications]
   );
-  const normalizedNotificationFeed = useMemo7(
+  const normalizedNotificationFeed = useMemo8(
     () => resolvedNotificationFeed.map((notification) => {
       var _a75;
       const kind = normalizeNotificationKind(notification.kind);
@@ -6962,7 +7244,7 @@ var UserMenuCupcode = ({
     if (typeof override === "boolean") return override;
     return notification.unread !== true;
   }, [notificationReadMap]);
-  const filteredNotifications = useMemo7(() => {
+  const filteredNotifications = useMemo8(() => {
     return normalizedNotificationFeed.filter((notification) => {
       if (notificationReadFilter === "unread" && isNotificationRead(notification)) {
         return false;
@@ -6973,18 +7255,18 @@ var UserMenuCupcode = ({
       return true;
     });
   }, [isNotificationRead, normalizedNotificationFeed, notificationReadFilter, notificationTypeFilter]);
-  const unreadNotificationsCount = useMemo7(
+  const unreadNotificationsCount = useMemo8(
     () => normalizedNotificationFeed.filter((notification) => !isNotificationRead(notification)).length,
     [isNotificationRead, normalizedNotificationFeed]
   );
-  const unreadGeneralNotificationsCount = useMemo7(
+  const unreadGeneralNotificationsCount = useMemo8(
     () => normalizedNotificationFeed.filter((notification) => {
       if (normalizeNotificationKind(notification.kind) === "chat") return false;
       return !isNotificationRead(notification);
     }).length,
     [isNotificationRead, normalizedNotificationFeed]
   );
-  const groupedNotifications = useMemo7(() => {
+  const groupedNotifications = useMemo8(() => {
     const groups = /* @__PURE__ */ new Map();
     filteredNotifications.forEach((notification) => {
       var _a75, _b7;
@@ -7011,7 +7293,7 @@ var UserMenuCupcode = ({
       items: values.sort((left, right) => getNotificationTimestamp(right) - getNotificationTimestamp(left))
     }));
   }, [filteredNotifications, notificationPreferences.grouping]);
-  const visibleGroupedNotifications = useMemo7(() => {
+  const visibleGroupedNotifications = useMemo8(() => {
     if (isNotificationsExpanded) return groupedNotifications;
     let remaining = NOTIFICATIONS_VISIBLE_LIMIT;
     const visibleGroups = [];
@@ -7025,7 +7307,7 @@ var UserMenuCupcode = ({
     return visibleGroups;
   }, [groupedNotifications, isNotificationsExpanded]);
   const hiddenNotificationsCount = Math.max(filteredNotifications.length - NOTIFICATIONS_VISIBLE_LIMIT, 0);
-  const focusModeSummaryLabel = useMemo7(() => {
+  const focusModeSummaryLabel = useMemo8(() => {
     if (isStatusFocusMode) {
       const label = PRESENCE_META[currentStatus].label;
       return `Ativo pelo status "${label}"`;
@@ -7038,28 +7320,28 @@ var UserMenuCupcode = ({
     }
     return "Desativado";
   }, [currentStatus, isStatusFocusMode, isTimedFocusMode, notificationPreferences.focusUntil]);
-  const baseChatUsersList = useMemo7(() => chatUsers != null ? chatUsers : [], [chatUsers]);
-  const chatUsersList = useMemo7(() => [...internalChatGroups, ...baseChatUsersList], [baseChatUsersList, internalChatGroups]);
-  const resolvedCurrentChatUserId = useMemo7(() => (currentChatUserId == null ? void 0 : currentChatUserId.trim()) || null, [currentChatUserId]);
+  const baseChatUsersList = useMemo8(() => chatUsers != null ? chatUsers : [], [chatUsers]);
+  const chatUsersList = useMemo8(() => [...internalChatGroups, ...baseChatUsersList], [baseChatUsersList, internalChatGroups]);
+  const resolvedCurrentChatUserId = useMemo8(() => (currentChatUserId == null ? void 0 : currentChatUserId.trim()) || null, [currentChatUserId]);
   const [internalChatMessages, setInternalChatMessages] = useState11(chatMessages != null ? chatMessages : []);
   const [internalChatReactions, setInternalChatReactions] = useState11(chatReactions != null ? chatReactions : []);
-  const resolvedChatMessages = useMemo7(
+  const resolvedChatMessages = useMemo8(
     () => isChatMessagesControlled ? chatMessages != null ? chatMessages : [] : internalChatMessages,
     [chatMessages, internalChatMessages, isChatMessagesControlled]
   );
-  const resolvedChatReactions = useMemo7(
+  const resolvedChatReactions = useMemo8(
     () => isChatReactionsControlled ? chatReactions != null ? chatReactions : [] : internalChatReactions,
     [chatReactions, internalChatReactions, isChatReactionsControlled]
   );
-  const resolvedAllChatMessages = useMemo7(
+  const resolvedAllChatMessages = useMemo8(
     () => [...resolvedChatMessages, ...internalGroupMessages],
     [resolvedChatMessages, internalGroupMessages]
   );
-  const resolvedAllChatReactions = useMemo7(
+  const resolvedAllChatReactions = useMemo8(
     () => [...resolvedChatReactions, ...internalGroupReactions],
     [resolvedChatReactions, internalGroupReactions]
   );
-  const resolvedChatLogs = useMemo7(() => chatMessageLogs != null ? chatMessageLogs : [], [chatMessageLogs]);
+  const resolvedChatLogs = useMemo8(() => chatMessageLogs != null ? chatMessageLogs : [], [chatMessageLogs]);
   const resolvedName = (displayName == null ? void 0 : displayName.trim()) || "Usu\xE1rio Cupcode";
   const resolvedEmail = (email == null ? void 0 : email.trim()) || "email n\xE3o informado";
   const resolvedVisibleEmail = experienceSettings.showEmailPublicly ? resolvedEmail : "Email privado";
@@ -7068,7 +7350,7 @@ var UserMenuCupcode = ({
   const resolvedLanguage = normalizeLanguage(isLanguageControlled ? language : internalLanguage);
   const isHighContrastEnabled = experienceSettings.contrast === "high";
   const isComfortableDensity = experienceSettings.density === "comfortable";
-  const resolvedRecentActivity = useMemo7(() => {
+  const resolvedRecentActivity = useMemo8(() => {
     const activityList = recentActivity != null ? recentActivity : [];
     return [...activityList].sort((left, right) => {
       const leftTs = left.occurredAt ? new Date(left.occurredAt).getTime() : 0;
@@ -7081,11 +7363,11 @@ var UserMenuCupcode = ({
   const isChatSidebarOpen = isChatSidebarExpanded || isChatSidebarPinned;
   const hasTelescupAvatarSupport = Boolean(telescupBaseUrl && getTelescupAccessToken);
   const hasTelescupGroupAvatarSupport = hasTelescupAvatarSupport;
-  const createGroupCandidates = useMemo7(
+  const createGroupCandidates = useMemo8(
     () => baseChatUsersList.filter((user) => !user.isGroup),
     [baseChatUsersList]
   );
-  const conversationMetaByUserId = useMemo7(() => {
+  const conversationMetaByUserId = useMemo8(() => {
     const meta = /* @__PURE__ */ new Map();
     chatUsersList.forEach((user) => {
       meta.set(user.id, { lastMessage: null, lastTimestamp: 0, unreadCount: 0 });
@@ -7105,7 +7387,7 @@ var UserMenuCupcode = ({
     });
     return meta;
   }, [chatUsersList, resolvedAllChatMessages]);
-  const filteredAndSortedChatUsers = useMemo7(() => {
+  const filteredAndSortedChatUsers = useMemo8(() => {
     const query = chatQuery.trim().toLowerCase();
     const filtered = !query ? [...chatUsersList] : chatUsersList.filter((user) => {
       const haystack = `${user.name} ${user.username}`.toLowerCase();
@@ -7124,7 +7406,7 @@ var UserMenuCupcode = ({
       return left.name.localeCompare(right.name, "pt-BR");
     });
   }, [chatQuery, chatUsersList, conversationMetaByUserId]);
-  const presenceGroupCounts = useMemo7(() => {
+  const presenceGroupCounts = useMemo8(() => {
     const counts = {
       online: 0,
       busy: 0,
@@ -7137,7 +7419,7 @@ var UserMenuCupcode = ({
     });
     return counts;
   }, [filteredAndSortedChatUsers]);
-  const groupedChatUsers = useMemo7(() => {
+  const groupedChatUsers = useMemo8(() => {
     const groups = {
       online: [],
       busy: [],
@@ -7150,7 +7432,7 @@ var UserMenuCupcode = ({
     });
     return groups;
   }, [filteredAndSortedChatUsers]);
-  const resolvedChatUnreadByUser = useMemo7(() => {
+  const resolvedChatUnreadByUser = useMemo8(() => {
     const unreadByUser = {};
     conversationMetaByUserId.forEach((value, contactId) => {
       if (value.unreadCount > 0) {
@@ -7177,11 +7459,11 @@ var UserMenuCupcode = ({
       return changed ? next : current;
     });
   }, [normalizedNotificationFeed, resolvedChatUnreadByUser]);
-  const resolvedChatUnreadCount = useMemo7(() => {
+  const resolvedChatUnreadCount = useMemo8(() => {
     return Object.values(resolvedChatUnreadByUser).reduce((total, value) => total + value, 0);
   }, [resolvedChatUnreadByUser]);
   const visibleChatUnreadCount = resolvedChatUnreadCount;
-  const firstUnreadChatUserId = useMemo7(
+  const firstUnreadChatUserId = useMemo8(
     () => {
       var _a75, _b7;
       return (_b7 = (_a75 = filteredAndSortedChatUsers.find((user) => {
@@ -7281,7 +7563,7 @@ var UserMenuCupcode = ({
     setShowJumpToLatestMessage(false);
     setPendingLatestMessagesCount(0);
   }, [prefersReducedMotion, scrollChatMessagesToBottom]);
-  const reactionsByMessageId = useMemo7(() => {
+  const reactionsByMessageId = useMemo8(() => {
     const grouped = /* @__PURE__ */ new Map();
     resolvedAllChatReactions.forEach((reaction) => {
       var _a75, _b7;
@@ -7682,20 +7964,20 @@ var UserMenuCupcode = ({
     openChatPanel,
     resolvedAllChatMessages
   ]);
-  const activeChatUser = useMemo7(
+  const activeChatUser = useMemo8(
     () => {
       var _a75;
       return (_a75 = chatUsersList.find((user) => user.id === activeChatUserId)) != null ? _a75 : null;
     },
     [activeChatUserId, chatUsersList]
   );
-  const activeGroupMembers = useMemo7(() => {
+  const activeGroupMembers = useMemo8(() => {
     var _a75;
     if (!(activeChatUser == null ? void 0 : activeChatUser.isGroup) || !((_a75 = activeChatUser.memberIds) == null ? void 0 : _a75.length)) return [];
     const members = activeChatUser.memberIds.map((memberId) => baseChatUsersList.find((user) => user.id === memberId)).filter((member) => Boolean(member));
     return members;
   }, [activeChatUser, baseChatUsersList]);
-  const activeChatMessages = useMemo7(() => {
+  const activeChatMessages = useMemo8(() => {
     if (!activeChatUser) return [];
     return [...resolvedAllChatMessages].filter((message) => message.contactId === activeChatUser.id).sort((left, right) => {
       const leftTimestamp = getChatMessageTimestamp(left);
@@ -7704,11 +7986,11 @@ var UserMenuCupcode = ({
       return left.id.localeCompare(right.id);
     });
   }, [activeChatUser, resolvedAllChatMessages]);
-  const activeSharedFiles = useMemo7(() => extractSharedFilesFromMessages(activeChatMessages), [activeChatMessages]);
-  const activeChatMessagesMap = useMemo7(() => {
+  const activeSharedFiles = useMemo8(() => extractSharedFilesFromMessages(activeChatMessages), [activeChatMessages]);
+  const activeChatMessagesMap = useMemo8(() => {
     return new Map(activeChatMessages.map((message) => [message.id, message]));
   }, [activeChatMessages]);
-  const activeChatTimeline = useMemo7(() => {
+  const activeChatTimeline = useMemo8(() => {
     const items = [];
     activeChatMessages.forEach((message, index) => {
       const dayKey = getChatDayKey(message);
@@ -7774,7 +8056,7 @@ var UserMenuCupcode = ({
     setShowJumpToLatestMessage(true);
     setPendingLatestMessagesCount((current) => Math.min(999, current + incomingMessagesCount));
   }, [activeChatMessages, activeChatUser == null ? void 0 : activeChatUser.id, activeTab, open, prefersReducedMotion, scrollChatMessagesToBottom]);
-  const activeConversationLogs = useMemo7(() => {
+  const activeConversationLogs = useMemo8(() => {
     if (!activeChatUser || !resolvedChatLogs.length) return [];
     return resolvedChatLogs.filter((entry) => entry.contactId === activeChatUser.id).sort((left, right) => {
       const leftTs = left.createdAt ? new Date(left.createdAt).getTime() : 0;
@@ -7783,7 +8065,7 @@ var UserMenuCupcode = ({
       return left.id.localeCompare(right.id);
     });
   }, [activeChatUser, resolvedChatLogs]);
-  const replyToMessage = useMemo7(() => {
+  const replyToMessage = useMemo8(() => {
     var _a75;
     if (!replyToMessageId) return null;
     return (_a75 = activeChatMessagesMap.get(replyToMessageId)) != null ? _a75 : null;
@@ -10098,6 +10380,28 @@ var UserMenuCupcode = ({
               ]
             }
           )
+        ] }),
+        /* @__PURE__ */ jsxs27("div", { className: cn(settingsCardClassName, "space-y-2.5"), children: [
+          /* @__PURE__ */ jsxs27("div", { children: [
+            /* @__PURE__ */ jsx42("p", { className: "text-xs font-semibold text-foreground", children: "Vers\xE3o do app" }),
+            /* @__PURE__ */ jsx42("p", { className: "mt-1 text-[11px] leading-relaxed text-muted-foreground", children: "Vers\xE3o do aplicativo atual que est\xE1 exibindo este menu." })
+          ] }),
+          /* @__PURE__ */ jsxs27(
+            "div",
+            {
+              className: cn(
+                "flex items-center justify-between gap-2 rounded-xl border bg-background/45 px-3 py-2",
+                isHighContrastEnabled ? "border-foreground/40" : "border-border/70"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs27("span", { className: "inline-flex items-center gap-1.5 text-xs font-semibold text-foreground", children: [
+                  /* @__PURE__ */ jsx42(Info, { className: "h-3.5 w-3.5 text-primary" }),
+                  "Vers\xE3o atual"
+                ] }),
+                /* @__PURE__ */ jsx42("span", { className: "rounded-md border border-border/70 bg-background/60 px-2 py-1 text-[10px] font-semibold text-foreground", children: appVersionLabel })
+              ]
+            }
+          )
         ] })
       ] });
     }
@@ -22091,7 +22395,7 @@ function getSupabasePublic() {
 }
 
 // src/components/ui/sonner.tsx
-import * as React28 from "react";
+import * as React27 from "react";
 import { Toaster as Sonner, toast as toast2 } from "sonner";
 import { jsx as jsx44 } from "react/jsx-runtime";
 function resolveDocumentTheme() {
@@ -22104,8 +22408,8 @@ function resolveDocumentTheme() {
   return "light";
 }
 var Toaster = ({ theme, ...props }) => {
-  const [resolvedTheme, setResolvedTheme] = React28.useState(() => theme != null ? theme : "system");
-  React28.useEffect(() => {
+  const [resolvedTheme, setResolvedTheme] = React27.useState(() => theme != null ? theme : "system");
+  React27.useEffect(() => {
     if (typeof theme !== "undefined") return;
     const syncTheme = () => setResolvedTheme(resolveDocumentTheme());
     syncTheme();
@@ -22807,7 +23111,8 @@ var MainNavbar = ({
   onPresenceStatusChange,
   onLogoutClick,
   onOpenAccountClick,
-  getAccessToken
+  getAccessToken,
+  appVersion
 }) => {
   var _a74, _b7, _c;
   const [chatUsers, setChatUsers] = useState13([]);
@@ -22834,28 +23139,28 @@ var MainNavbar = ({
     chatFeatureFlagsRef.current = nextFlags;
     persistChatFeatureFlags(nextFlags);
   }, []);
-  const currentPathname = useMemo8(() => {
+  const currentPathname = useMemo9(() => {
     if (pathname && pathname.trim() !== "") return pathname;
     if (typeof window !== "undefined") return window.location.pathname || "/";
     return "/";
   }, [pathname]);
-  const currentUserId = useMemo8(() => {
+  const currentUserId = useMemo9(() => {
     var _a75;
     return (_a75 = resolveCurrentUserId(authUser)) != null ? _a75 : tokenDerivedUserId;
   }, [authUser, tokenDerivedUserId]);
-  const authEmail = useMemo8(
+  const authEmail = useMemo9(
     () => {
       var _a75, _b8;
       return (_b8 = (_a75 = toStringOrUndefined(authUser == null ? void 0 : authUser.email)) == null ? void 0 : _a75.toLowerCase()) != null ? _b8 : tokenDerivedEmail;
     },
     [authUser == null ? void 0 : authUser.email, tokenDerivedEmail]
   );
-  const isChatSuperAdmin = useMemo8(() => {
+  const isChatSuperAdmin = useMemo9(() => {
     var _a75, _b8;
     const roleTokens = `${(_a75 = authUser == null ? void 0 : authUser.role) != null ? _a75 : ""} ${(_b8 = authUser == null ? void 0 : authUser.jobTitle) != null ? _b8 : ""}`.toLowerCase();
     return roleTokens.includes("superadmin") || roleTokens.includes("super admin");
   }, [authUser == null ? void 0 : authUser.jobTitle, authUser == null ? void 0 : authUser.role]);
-  const resolvedTelescupBaseUrl = useMemo8(() => {
+  const resolvedTelescupBaseUrl = useMemo9(() => {
     if (TELESCUP_BASE_URL) {
       return TELESCUP_BASE_URL;
     }
@@ -22871,7 +23176,7 @@ var MainNavbar = ({
       return false;
     }
   })();
-  const resolvedAuthStatus = useMemo8(() => {
+  const resolvedAuthStatus = useMemo9(() => {
     if (authStatus) return authStatus;
     if ((authUser == null ? void 0 : authUser.sub) || (authUser == null ? void 0 : authUser.id) || (authUser == null ? void 0 : authUser.userId) || (authUser == null ? void 0 : authUser.email)) {
       return "authenticated";
@@ -23585,7 +23890,7 @@ var MainNavbar = ({
       void supabase.removeChannel(presenceChannel);
     };
   }, [effectiveCurrentUserId, isAuthenticated, isChatSuperAdmin]);
-  const chatUnreadByUser = useMemo8(() => {
+  const chatUnreadByUser = useMemo9(() => {
     const counters = {};
     chatMessages.forEach((message) => {
       var _a75;
@@ -23595,7 +23900,7 @@ var MainNavbar = ({
     });
     return counters;
   }, [chatMessages]);
-  const chatUnreadCount = useMemo8(() => {
+  const chatUnreadCount = useMemo9(() => {
     return Object.values(chatUnreadByUser).reduce((total, count2) => total + count2, 0);
   }, [chatUnreadByUser]);
   const handleChatMarkConversationRead = useCallback6(
@@ -24023,7 +24328,7 @@ var MainNavbar = ({
     },
     [effectiveCurrentUserId, updateChatFeatureFlags]
   );
-  const items = useMemo8(() => {
+  const items = useMemo9(() => {
     const normalizedPathname = currentPathname === "" ? "/" : currentPathname;
     return getMainNavItems().map((item) => {
       const isAnchor = item.href.startsWith("#");
@@ -24336,7 +24641,8 @@ var MainNavbar = ({
           recentActivity: accountsRecentActivity,
           isRecentActivityLoading: isAccountsActivityLoading,
           telescupBaseUrl: resolvedTelescupBaseUrl,
-          getTelescupAccessToken
+          getTelescupAccessToken,
+          appVersion
         }
       ) })
     }
@@ -24495,10 +24801,10 @@ function PricingCard({
 }
 
 // src/components/cupcode/ProgressCupcode.tsx
-import * as React29 from "react";
+import * as React28 from "react";
 import * as ProgressPrimitive2 from "@radix-ui/react-progress";
 import { jsx as jsx48, jsxs as jsxs30 } from "react/jsx-runtime";
-var ProgressCupcode = React29.forwardRef(({ className, value, variant = "default", showLabel = false, size = "md", ...props }, ref) => {
+var ProgressCupcode = React28.forwardRef(({ className, value, variant = "default", showLabel = false, size = "md", ...props }, ref) => {
   const sizeClasses2 = {
     sm: "h-2",
     md: "h-3",
@@ -24546,7 +24852,7 @@ var ProgressCupcode = React29.forwardRef(({ className, value, variant = "default
 ProgressCupcode.displayName = "ProgressCupcode";
 
 // src/components/cupcode/ScrollbarTheme.tsx
-import * as React30 from "react";
+import * as React29 from "react";
 import { jsx as jsx49 } from "react/jsx-runtime";
 var SCROLLBAR_COLOR_ATTR = "data-cc-scrollbar-color";
 var SCROLLBAR_THEME_ATTR = "data-cc-scrollbar-theme";
@@ -24554,7 +24860,7 @@ var ScrollbarThemeProvider = ({
   color = "purple",
   theme = "auto"
 }) => {
-  React30.useEffect(() => {
+  React29.useEffect(() => {
     if (typeof document === "undefined") return;
     const root = document.documentElement;
     const previousColor = root.getAttribute(SCROLLBAR_COLOR_ATTR);
@@ -24585,7 +24891,7 @@ var ScrollbarThemeProvider = ({
   }, [color, theme]);
   return null;
 };
-var ScrollbarArea = React30.forwardRef(
+var ScrollbarArea = React29.forwardRef(
   ({ color = "purple", theme = "auto", className, ...props }, ref) => /* @__PURE__ */ jsx49(
     "div",
     {
@@ -24604,14 +24910,14 @@ var ScrollbarArea = React30.forwardRef(
 ScrollbarArea.displayName = "ScrollbarArea";
 
 // src/components/cupcode/SelectField.tsx
-import * as React31 from "react";
+import * as React30 from "react";
 import * as SelectPrimitive2 from "@radix-ui/react-select";
 import { Check as Check5, ChevronDown as ChevronDown4 } from "lucide-react";
 import { jsx as jsx50, jsxs as jsxs31 } from "react/jsx-runtime";
 var Select2 = SelectPrimitive2.Root;
 var SelectGroup2 = SelectPrimitive2.Group;
 var SelectValue2 = SelectPrimitive2.Value;
-var SelectTrigger2 = React31.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs31(
+var SelectTrigger2 = React30.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs31(
   SelectPrimitive2.Trigger,
   {
     ref,
@@ -24634,7 +24940,7 @@ var SelectTrigger2 = React31.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger2.displayName = SelectPrimitive2.Trigger.displayName;
-var SelectContent2 = React31.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx50(SelectPrimitive2.Portal, { children: /* @__PURE__ */ jsx50(
+var SelectContent2 = React30.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx50(SelectPrimitive2.Portal, { children: /* @__PURE__ */ jsx50(
   SelectPrimitive2.Content,
   {
     ref,
@@ -24664,7 +24970,7 @@ var SelectContent2 = React31.forwardRef(({ className, children, position = "popp
   }
 ) }));
 SelectContent2.displayName = SelectPrimitive2.Content.displayName;
-var SelectItem2 = React31.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs31(
+var SelectItem2 = React30.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs31(
   SelectPrimitive2.Item,
   {
     ref,
@@ -24703,10 +25009,10 @@ var SelectField = ({
 };
 
 // src/components/cupcode/SwitchField.tsx
-import * as React32 from "react";
+import * as React31 from "react";
 import * as SwitchPrimitives2 from "@radix-ui/react-switch";
 import { jsx as jsx51, jsxs as jsxs32 } from "react/jsx-runtime";
-var Switch2 = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx51(
+var Switch2 = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx51(
   SwitchPrimitives2.Root,
   {
     className: cn(
@@ -24747,11 +25053,11 @@ var SwitchField = ({ label, description, ...props }) => {
 };
 
 // src/components/cupcode/TabsCupcode.tsx
-import * as React33 from "react";
+import * as React32 from "react";
 import * as TabsPrimitive2 from "@radix-ui/react-tabs";
 import { jsx as jsx52 } from "react/jsx-runtime";
 var Tabs2 = TabsPrimitive2.Root;
-var TabsList2 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx52(
+var TabsList2 = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx52(
   TabsPrimitive2.List,
   {
     ref,
@@ -24764,7 +25070,7 @@ var TabsList2 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TabsList2.displayName = TabsPrimitive2.List.displayName;
-var TabsTrigger2 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx52(
+var TabsTrigger2 = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx52(
   TabsPrimitive2.Trigger,
   {
     ref,
@@ -24786,7 +25092,7 @@ var TabsTrigger2 = React33.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TabsTrigger2.displayName = TabsPrimitive2.Trigger.displayName;
-var TabsContent2 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx52(
+var TabsContent2 = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx52(
   TabsPrimitive2.Content,
   {
     ref,
@@ -24802,9 +25108,9 @@ var TabsContent2 = React33.forwardRef(({ className, ...props }, ref) => /* @__PU
 TabsContent2.displayName = TabsPrimitive2.Content.displayName;
 
 // src/components/cupcode/TextareaField.tsx
-import * as React34 from "react";
+import * as React33 from "react";
 import { jsx as jsx53, jsxs as jsxs33 } from "react/jsx-runtime";
-var TextareaField = React34.forwardRef(
+var TextareaField = React33.forwardRef(
   ({ className, label, error, ...props }, ref) => {
     return /* @__PURE__ */ jsxs33("div", { className: "cc-stack space-2 w-full", children: [
       label && /* @__PURE__ */ jsx53("label", { className: "text-sm font-semibold text-cupcode-ink", children: label }),
@@ -24835,7 +25141,7 @@ var TextareaField = React34.forwardRef(
 TextareaField.displayName = "TextareaField";
 
 // src/components/cupcode/ThemeToggle.tsx
-import * as React35 from "react";
+import * as React34 from "react";
 import { Moon as Moon2, Sun as Sun2 } from "lucide-react";
 import { jsx as jsx54, jsxs as jsxs34 } from "react/jsx-runtime";
 var THEME_STORAGE_KEY2 = "cupcode-theme";
@@ -24884,22 +25190,22 @@ var ThemeToggle = ({
   onThemeChange
 }) => {
   var _a74;
-  const [mounted, setMounted] = React35.useState(false);
-  const [internalTheme, setInternalTheme] = React35.useState(defaultTheme);
+  const [mounted, setMounted] = React34.useState(false);
+  const [internalTheme, setInternalTheme] = React34.useState(defaultTheme);
   const isControlled = typeof theme !== "undefined";
   const activeTheme = (_a74 = isControlled ? theme : internalTheme) != null ? _a74 : defaultTheme;
-  React35.useEffect(() => {
+  React34.useEffect(() => {
     if (!isControlled) {
       setInternalTheme(resolveTheme(defaultTheme));
     }
     setMounted(true);
   }, [defaultTheme, isControlled]);
-  React35.useEffect(() => {
+  React34.useEffect(() => {
     if (!mounted) return;
     applyThemeClass(activeTheme);
     writeStoredTheme(activeTheme);
   }, [activeTheme, mounted]);
-  React35.useEffect(() => {
+  React34.useEffect(() => {
     if (isControlled || typeof document === "undefined") return;
     const observer = new MutationObserver(() => {
       const resolvedTheme = resolveTheme(defaultTheme);
@@ -25067,13 +25373,13 @@ var ToastCupcode = ({
 };
 
 // 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 jsx57 } 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__ */ jsx57(
+var TooltipContent2 = React35.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx57(
   TooltipPrimitive2.Content,
   {
     ref,
@@ -25094,14 +25400,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 ChevronDown5 } from "lucide-react";
 import { jsx as jsx58, jsxs as jsxs37 } from "react/jsx-runtime";
 var Accordion = AccordionPrimitive2.Root;
-var AccordionItem2 = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx58(AccordionPrimitive2.Item, { ref, className: cn("border-b", className), ...props }));
+var AccordionItem2 = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx58(AccordionPrimitive2.Item, { ref, className: cn("border-b", className), ...props }));
 AccordionItem2.displayName = "AccordionItem";
-var AccordionTrigger2 = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx58(AccordionPrimitive2.Header, { className: "flex", children: /* @__PURE__ */ jsxs37(
+var AccordionTrigger2 = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx58(AccordionPrimitive2.Header, { className: "flex", children: /* @__PURE__ */ jsxs37(
   AccordionPrimitive2.Trigger,
   {
     ref,
@@ -25117,7 +25423,7 @@ var AccordionTrigger2 = React37.forwardRef(({ className, children, ...props }, r
   }
 ) }));
 AccordionTrigger2.displayName = AccordionPrimitive2.Trigger.displayName;
-var AccordionContent2 = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx58(
+var AccordionContent2 = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx58(
   AccordionPrimitive2.Content,
   {
     ref,
@@ -25129,7 +25435,7 @@ var AccordionContent2 = React37.forwardRef(({ className, children, ...props }, r
 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 jsx59 } from "react/jsx-runtime";
 var alertVariants = cva3(
@@ -25146,13 +25452,13 @@ var alertVariants = cva3(
     }
   }
 );
-var Alert = React38.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx59("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+var Alert = React37.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx59("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
 Alert.displayName = "Alert";
-var AlertTitle = React38.forwardRef(
+var AlertTitle = React37.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx59("h5", { ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })
 );
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React38.forwardRef(
+var AlertDescription = React37.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx59("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
 );
 AlertDescription.displayName = "AlertDescription";
@@ -25162,13 +25468,13 @@ 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 ChevronRight2, MoreHorizontal } from "lucide-react";
 import { jsx as jsx60, jsxs as jsxs38 } from "react/jsx-runtime";
-var Breadcrumb = React39.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx60("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var Breadcrumb = React38.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx60("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React39.forwardRef(
+var BreadcrumbList = React38.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx60(
     "ol",
     {
@@ -25182,16 +25488,16 @@ var BreadcrumbList = React39.forwardRef(
   )
 );
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React39.forwardRef(
+var BreadcrumbItem = React38.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx60("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__ */ jsx60(Comp, { ref, className: cn("transition-colors hover:text-foreground", className), ...props });
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React39.forwardRef(
+var BreadcrumbPage = React38.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx60(
     "span",
     {
@@ -25274,45 +25580,45 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
 Calendar.displayName = "Calendar";
 
 // src/components/ui/card.tsx
-import * as React40 from "react";
+import * as React39 from "react";
 import { jsx as jsx62 } from "react/jsx-runtime";
-var Card = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx62("div", { ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props }));
+var Card = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx62("div", { ref, className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className), ...props }));
 Card.displayName = "Card";
-var CardHeader = React40.forwardRef(
+var CardHeader = React39.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx62("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React40.forwardRef(
+var CardTitle = React39.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx62("h3", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React40.forwardRef(
+var CardDescription = React39.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx62("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React40.forwardRef(
+var CardContent = React39.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx62("div", { ref, className: cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React40.forwardRef(
+var CardFooter = React39.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx62("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 jsx63, jsxs as jsxs39 } from "react/jsx-runtime";
-var CarouselContext = React41.createContext(null);
+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(
       {
@@ -25321,22 +25627,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();
@@ -25348,13 +25654,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;
       }
@@ -25395,7 +25701,7 @@ var Carousel = React41.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React41.forwardRef(
+var CarouselContent = React40.forwardRef(
   ({ className, ...props }, ref) => {
     const { carouselRef, orientation } = useCarousel();
     return /* @__PURE__ */ jsx63("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx63(
@@ -25409,7 +25715,7 @@ var CarouselContent = React41.forwardRef(
   }
 );
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React41.forwardRef(
+var CarouselItem = React40.forwardRef(
   ({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
     return /* @__PURE__ */ jsx63(
@@ -25425,7 +25731,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__ */ jsxs39(
@@ -25451,7 +25757,7 @@ var CarouselPrevious = React41.forwardRef(
   }
 );
 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__ */ jsxs39(
@@ -25479,20 +25785,20 @@ 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 Fragment5, jsx as jsx64, jsxs as jsxs40 } 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__ */ jsx64(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs40(
     "div",
@@ -25537,7 +25843,7 @@ ${colorConfig.map(([key, itemConfig]) => {
   );
 };
 var ChartTooltip = RechartsPrimitive.Tooltip;
-var ChartTooltipContent = React42.forwardRef(
+var ChartTooltipContent = React41.forwardRef(
   ({
     active,
     payload,
@@ -25554,7 +25860,7 @@ var ChartTooltipContent = React42.forwardRef(
     labelKey
   }, ref) => {
     const { config } = useChart();
-    const tooltipLabel = React42.useMemo(() => {
+    const tooltipLabel = React41.useMemo(() => {
       var _a74;
       if (hideLabel || !(payload == null ? void 0 : payload.length)) {
         return null;
@@ -25640,7 +25946,7 @@ 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;
@@ -25692,11 +25998,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 jsx65 } from "react/jsx-runtime";
-var Checkbox = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx65(
+var Checkbox = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx65(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -25717,11 +26023,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 Search2 } from "lucide-react";
 import { jsx as jsx66, jsxs as jsxs41 } from "react/jsx-runtime";
-var Command = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
+var Command = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
   CommandPrimitive,
   {
     ref,
@@ -25736,7 +26042,7 @@ Command.displayName = CommandPrimitive.displayName;
 var CommandDialog = ({ children, ...props }) => {
   return /* @__PURE__ */ jsx66(Dialog, { ...props, children: /* @__PURE__ */ jsx66(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ jsx66(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__ */ jsxs41("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+var CommandInput = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs41("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsx66(Search2, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ jsx66(
     CommandPrimitive.Input,
@@ -25751,7 +26057,7 @@ var CommandInput = React44.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
+var CommandList = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
   CommandPrimitive.List,
   {
     ref,
@@ -25760,9 +26066,9 @@ var CommandList = React44.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React44.forwardRef((props, ref) => /* @__PURE__ */ jsx66(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+var CommandEmpty = React43.forwardRef((props, ref) => /* @__PURE__ */ jsx66(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
+var CommandGroup = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
   CommandPrimitive.Group,
   {
     ref,
@@ -25774,9 +26080,9 @@ var CommandGroup = React44.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx66(CommandPrimitive.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), ...props }));
+var CommandSeparator = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx66(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__ */ jsx66(
+var CommandItem = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx66(
   CommandPrimitive.Item,
   {
     ref,
@@ -25794,7 +26100,7 @@ var CommandShortcut = ({ 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 ChevronRight4, Circle as Circle2 } from "lucide-react";
 import { jsx as jsx67, jsxs as jsxs42 } from "react/jsx-runtime";
@@ -25804,7 +26110,7 @@ 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__ */ jsxs42(
+var ContextMenuSubTrigger = React44.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs42(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -25821,7 +26127,7 @@ var ContextMenuSubTrigger = React45.forwardRef(({ className, inset, children, ..
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
+var ContextMenuSubContent = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(
   ContextMenuPrimitive.SubContent,
   {
     ref,
@@ -25833,7 +26139,7 @@ var ContextMenuSubContent = React45.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx67(
+var ContextMenuContent = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx67(
   ContextMenuPrimitive.Content,
   {
     ref,
@@ -25845,7 +26151,7 @@ var ContextMenuContent = React45.forwardRef(({ className, ...props }, ref) => /*
   }
 ) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React45.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx67(
+var ContextMenuItem = React44.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx67(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -25858,7 +26164,7 @@ var ContextMenuItem = React45.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React45.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs42(
+var ContextMenuCheckboxItem = React44.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs42(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -25875,7 +26181,7 @@ var ContextMenuCheckboxItem = React45.forwardRef(({ className, children, checked
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React45.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs42(
+var ContextMenuRadioItem = React44.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs42(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -25891,7 +26197,7 @@ var ContextMenuRadioItem = React45.forwardRef(({ className, children, ...props }
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React45.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx67(
+var ContextMenuLabel = React44.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx67(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -25900,7 +26206,7 @@ var ContextMenuLabel = React45.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(ContextMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
+var ContextMenuSeparator = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx67(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__ */ jsx67("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
@@ -25908,31 +26214,31 @@ var ContextMenuShortcut = ({ 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 jsx68 } 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__ */ jsx68(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
+var Label4 = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx68(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
 Label4.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/ui/form.tsx
 import { jsx as jsx69 } from "react/jsx-runtime";
 var Form = FormProvider;
-var FormFieldContext = React47.createContext({});
+var FormFieldContext = React46.createContext({});
 var FormField = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx69(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx69(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) {
@@ -25948,20 +26254,20 @@ 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();
+    const id = React46.useId();
     return /* @__PURE__ */ jsx69(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx69("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__ */ jsx69(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__ */ jsx69(
@@ -25977,14 +26283,14 @@ var FormControl = React47.forwardRef(
   }
 );
 FormControl.displayName = "FormControl";
-var FormDescription = React47.forwardRef(
+var FormDescription = React46.forwardRef(
   ({ className, ...props }, ref) => {
     const { formDescriptionId } = useFormField();
     return /* @__PURE__ */ jsx69("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;
@@ -25997,12 +26303,12 @@ var FormMessage = React47.forwardRef(
 FormMessage.displayName = "FormMessage";
 
 // src/components/ui/hover-card.tsx
-import * as React48 from "react";
+import * as React47 from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 import { jsx as jsx70 } from "react/jsx-runtime";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React48.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx70(
+var HoverCardContent = React47.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx70(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -26018,11 +26324,11 @@ var HoverCardContent = React48.forwardRef(({ className, align = "center", sideOf
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/components/ui/input-otp.tsx
-import * as React49 from "react";
+import * as React48 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { Dot } from "lucide-react";
 import { jsx as jsx71, jsxs as jsxs43 } from "react/jsx-runtime";
-var InputOTP = React49.forwardRef(
+var InputOTP = React48.forwardRef(
   ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx71(
     OTPInput,
     {
@@ -26034,12 +26340,12 @@ var InputOTP = React49.forwardRef(
   )
 );
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React49.forwardRef(
+var InputOTPGroup = React48.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx71("div", { ref, className: cn("flex items-center", className), ...props })
 );
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React49.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React49.useContext(OTPInputContext);
+var InputOTPSlot = React48.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React48.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
   return /* @__PURE__ */ jsxs43(
     "div",
@@ -26059,13 +26365,13 @@ var InputOTPSlot = React49.forwardRef(({ index, className, ...props }, ref) => {
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React49.forwardRef(
+var InputOTPSeparator = React48.forwardRef(
   ({ ...props }, ref) => /* @__PURE__ */ jsx71("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx71(Dot, {}) })
 );
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/ui/menubar.tsx
-import * as React50 from "react";
+import * as React49 from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { Check as Check8, ChevronRight as ChevronRight5, Circle as Circle3 } from "lucide-react";
 import { jsx as jsx72, jsxs as jsxs44 } from "react/jsx-runtime";
@@ -26074,7 +26380,7 @@ var MenubarGroup = MenubarPrimitive.Group;
 var MenubarPortal = MenubarPrimitive.Portal;
 var MenubarSub = MenubarPrimitive.Sub;
 var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
-var Menubar = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx72(
+var Menubar = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx72(
   MenubarPrimitive.Root,
   {
     ref,
@@ -26083,7 +26389,7 @@ var Menubar = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx72(
+var MenubarTrigger = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx72(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -26095,7 +26401,7 @@ var MenubarTrigger = React50.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React50.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs44(
+var MenubarSubTrigger = React49.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs44(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -26112,7 +26418,7 @@ var MenubarSubTrigger = React50.forwardRef(({ className, inset, children, ...pro
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx72(
+var MenubarSubContent = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx72(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -26124,7 +26430,7 @@ var MenubarSubContent = React50.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React50.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx72(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx72(
+var MenubarContent = React49.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx72(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx72(
   MenubarPrimitive.Content,
   {
     ref,
@@ -26139,7 +26445,7 @@ var MenubarContent = React50.forwardRef(({ className, align = "start", alignOffs
   }
 ) }));
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React50.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx72(
+var MenubarItem = React49.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx72(
   MenubarPrimitive.Item,
   {
     ref,
@@ -26152,7 +26458,7 @@ var MenubarItem = React50.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React50.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs44(
+var MenubarCheckboxItem = React49.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs44(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -26169,7 +26475,7 @@ var MenubarCheckboxItem = React50.forwardRef(({ className, children, checked, ..
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React50.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs44(
+var MenubarRadioItem = React49.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs44(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -26185,7 +26491,7 @@ var MenubarRadioItem = React50.forwardRef(({ className, children, ...props }, re
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React50.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx72(
+var MenubarLabel = React49.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx72(
   MenubarPrimitive.Label,
   {
     ref,
@@ -26194,7 +26500,7 @@ var MenubarLabel = React50.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx72(MenubarPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var MenubarSeparator = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx72(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__ */ jsx72("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
@@ -26202,12 +26508,12 @@ var MenubarShortcut = ({ className, ...props }) => {
 MenubarShortcut.displayname = "MenubarShortcut";
 
 // src/components/ui/navigation-menu.tsx
-import * as React51 from "react";
+import * as React50 from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva as cva5 } from "class-variance-authority";
 import { ChevronDown as ChevronDown6 } from "lucide-react";
 import { jsx as jsx73, jsxs as jsxs45 } from "react/jsx-runtime";
-var NavigationMenu = React51.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs45(
+var NavigationMenu = React50.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs45(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -26220,7 +26526,7 @@ var NavigationMenu = React51.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
+var NavigationMenuList = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -26233,7 +26539,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 = React51.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs45(
+var NavigationMenuTrigger = React50.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs45(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -26253,7 +26559,7 @@ var NavigationMenuTrigger = React51.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
+var NavigationMenuContent = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -26266,7 +26572,7 @@ var NavigationMenuContent = React51.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx73(
+var NavigationMenuViewport = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx73(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -26278,7 +26584,7 @@ var NavigationMenuViewport = React51.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
+var NavigationMenuIndicator = React50.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx73(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -26293,7 +26599,7 @@ var NavigationMenuIndicator = React51.forwardRef(({ className, ...props }, ref)
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
 
 // src/components/ui/pagination.tsx
-import * as React52 from "react";
+import * as React51 from "react";
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight6, MoreHorizontal as MoreHorizontal2 } from "lucide-react";
 import { jsx as jsx74, jsxs as jsxs46 } from "react/jsx-runtime";
 var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx74(
@@ -26306,11 +26612,11 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx74(
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React52.forwardRef(
+var PaginationContent = React51.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx74("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props })
 );
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React52.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx74("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx74("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx74(
   "a",
@@ -26344,12 +26650,12 @@ var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs46("sp
 PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/ui/popover.tsx
-import * as React53 from "react";
+import * as React52 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { jsx as jsx75 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React53.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx75(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx75(
+var PopoverContent = React52.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx75(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx75(
   PopoverPrimitive.Content,
   {
     ref,
@@ -26365,15 +26671,15 @@ var PopoverContent = React53.forwardRef(({ className, align = "center", sideOffs
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/ui/radio-group.tsx
-import * as React54 from "react";
+import * as React53 from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { Circle as Circle4 } from "lucide-react";
 import { jsx as jsx76 } from "react/jsx-runtime";
-var RadioGroup4 = React54.forwardRef(({ className, ...props }, ref) => {
+var RadioGroup4 = React53.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx76(RadioGroupPrimitive.Root, { className: cn("grid gap-2", className), ...props, ref });
 });
 RadioGroup4.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React54.forwardRef(({ className, ...props }, ref) => {
+var RadioGroupItem = React53.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx76(
     RadioGroupPrimitive.Item,
     {
@@ -26418,10 +26724,10 @@ var ResizableHandle = ({
 );
 
 // src/components/ui/separator.tsx
-import * as React55 from "react";
+import * as React54 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { jsx as jsx78 } from "react/jsx-runtime";
-var Separator5 = React55.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx78(
+var Separator5 = React54.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx78(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -26437,13 +26743,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 X6 } from "lucide-react";
-import * as React56 from "react";
+import * as React55 from "react";
 import { jsx as jsx79, jsxs as jsxs47 } from "react/jsx-runtime";
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx79(
+var SheetOverlay = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx79(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -26471,7 +26777,7 @@ var sheetVariants = cva6(
     }
   }
 );
-var SheetContent = React56.forwardRef(
+var SheetContent = React55.forwardRef(
   ({
     side = "right",
     className,
@@ -26505,23 +26811,23 @@ var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx79("div", { cl
 SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx79("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx79(SheetPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
+var SheetTitle = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx79(SheetPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React56.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx79(SheetPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var SheetDescription = React55.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx79(SheetPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/sidebar.tsx
-import * as React58 from "react";
+import * as React57 from "react";
 import { Slot as Slot4 } from "@radix-ui/react-slot";
 import { cva as cva7 } from "class-variance-authority";
 import { PanelLeft } from "lucide-react";
 
 // src/hooks/use-mobile.tsx
-import * as React57 from "react";
+import * as React56 from "react";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React57.useState(void 0);
-  React57.useEffect(() => {
+  const [isMobile, setIsMobile] = React56.useState(void 0);
+  React56.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -26541,20 +26847,20 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React58.createContext(null);
+var SidebarContext = React57.createContext(null);
 function useSidebar() {
-  const context = React58.useContext(SidebarContext);
+  const context = React57.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React58.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }, ref) => {
+var SidebarProvider = React57.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }, ref) => {
   const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React58.useState(false);
-  const [_open, _setOpen] = React58.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React57.useState(false);
+  const [_open, _setOpen] = React57.useState(defaultOpen);
   const open = openProp != null ? openProp : _open;
-  const setOpen = React58.useCallback(
+  const setOpen = React57.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -26566,10 +26872,10 @@ var SidebarProvider = React58.forwardRef(({ defaultOpen = true, open: openProp,
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React58.useCallback(() => {
+  const toggleSidebar = React57.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen, setOpenMobile]);
-  React58.useEffect(() => {
+  React57.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -26580,7 +26886,7 @@ var SidebarProvider = React58.forwardRef(({ defaultOpen = true, open: openProp,
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React58.useMemo(
+  const contextValue = React57.useMemo(
     () => ({
       state,
       open,
@@ -26608,7 +26914,7 @@ var SidebarProvider = React58.forwardRef(({ defaultOpen = true, open: openProp,
   ) }) });
 });
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React58.forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }, ref) => {
+var Sidebar = React57.forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }, ref) => {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
     return /* @__PURE__ */ jsx80(
@@ -26683,7 +26989,7 @@ var Sidebar = React58.forwardRef(({ side = "left", variant = "sidebar", collapsi
   );
 });
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React58.forwardRef(
+var SidebarTrigger = React57.forwardRef(
   ({ className, onClick, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
     return /* @__PURE__ */ jsxs48(
@@ -26708,7 +27014,7 @@ var SidebarTrigger = React58.forwardRef(
   }
 );
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React58.forwardRef(
+var SidebarRail = React57.forwardRef(
   ({ className, ...props }, ref) => {
     const { toggleSidebar } = useSidebar();
     return /* @__PURE__ */ jsx80(
@@ -26735,7 +27041,7 @@ var SidebarRail = React58.forwardRef(
   }
 );
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React58.forwardRef(({ className, ...props }, ref) => {
+var SidebarInset = React57.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx80(
     "main",
     {
@@ -26750,7 +27056,7 @@ var SidebarInset = React58.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React58.forwardRef(
+var SidebarInput = React57.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx80(
       Input,
@@ -26767,15 +27073,15 @@ var SidebarInput = React58.forwardRef(
   }
 );
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React58.forwardRef(({ className, ...props }, ref) => {
+var SidebarHeader = React57.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx80("div", { ref, "data-sidebar": "header", className: cn("flex flex-col gap-2 p-2", className), ...props });
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React58.forwardRef(({ className, ...props }, ref) => {
+var SidebarFooter = React57.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx80("div", { ref, "data-sidebar": "footer", className: cn("flex flex-col gap-2 p-2", className), ...props });
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React58.forwardRef(
+var SidebarSeparator = React57.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx80(
       Separator5,
@@ -26789,7 +27095,7 @@ var SidebarSeparator = React58.forwardRef(
   }
 );
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React58.forwardRef(({ className, ...props }, ref) => {
+var SidebarContent = React57.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx80(
     "div",
     {
@@ -26804,7 +27110,7 @@ var SidebarContent = React58.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React58.forwardRef(({ className, ...props }, ref) => {
+var SidebarGroup = React57.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx80(
     "div",
     {
@@ -26816,7 +27122,7 @@ var SidebarGroup = React58.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React58.forwardRef(
+var SidebarGroupLabel = React57.forwardRef(
   ({ className, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot4 : "div";
     return /* @__PURE__ */ jsx80(
@@ -26835,7 +27141,7 @@ var SidebarGroupLabel = React58.forwardRef(
   }
 );
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React58.forwardRef(
+var SidebarGroupAction = React57.forwardRef(
   ({ className, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot4 : "button";
     return /* @__PURE__ */ jsx80(
@@ -26856,13 +27162,13 @@ var SidebarGroupAction = React58.forwardRef(
   }
 );
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React58.forwardRef(
+var SidebarGroupContent = React57.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx80("div", { ref, "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props })
 );
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx80("ul", { ref, "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props }));
+var SidebarMenu = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx80("ul", { ref, "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props }));
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx80("li", { ref, "data-sidebar": "menu-item", className: cn("group/menu-item relative", className), ...props }));
+var SidebarMenuItem = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx80("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",
@@ -26884,7 +27190,7 @@ var sidebarMenuButtonVariants = cva7(
     }
   }
 );
-var SidebarMenuButton = React58.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }, ref) => {
+var SidebarMenuButton = React57.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__ */ jsx80(
@@ -26912,7 +27218,7 @@ var SidebarMenuButton = React58.forwardRef(({ asChild = false, isActive = false,
   ] });
 });
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React58.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React57.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "button";
   return /* @__PURE__ */ jsx80(
     Comp,
@@ -26935,7 +27241,7 @@ var SidebarMenuAction = React58.forwardRef(({ className, asChild = false, showOn
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React58.forwardRef(
+var SidebarMenuBadge = React57.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx80(
     "div",
     {
@@ -26955,8 +27261,8 @@ var SidebarMenuBadge = React58.forwardRef(
   )
 );
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React58.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React58.useMemo(() => {
+var SidebarMenuSkeleton = React57.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React57.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxs48(
@@ -26983,7 +27289,7 @@ var SidebarMenuSkeleton = React58.forwardRef(({ className, showIcon = false, ...
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React58.forwardRef(
+var SidebarMenuSub = React57.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx80(
     "ul",
     {
@@ -26999,9 +27305,9 @@ var SidebarMenuSub = React58.forwardRef(
   )
 );
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React58.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx80("li", { ref, ...props }));
+var SidebarMenuSubItem = React57.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx80("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React58.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButton = React57.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? Slot4 : "a";
   return /* @__PURE__ */ jsx80(
     Comp,
@@ -27025,10 +27331,10 @@ var SidebarMenuSubButton = React58.forwardRef(({ asChild = false, size = "md", i
 SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 
 // src/components/ui/slider.tsx
-import * as React59 from "react";
+import * as React58 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
 import { jsx as jsx81, jsxs as jsxs49 } from "react/jsx-runtime";
-var Slider = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs49(
+var Slider = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs49(
   SliderPrimitive.Root,
   {
     ref,
@@ -27043,25 +27349,25 @@ var Slider = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // src/components/ui/table.tsx
-import * as React60 from "react";
+import * as React59 from "react";
 import { jsx as jsx82 } from "react/jsx-runtime";
-var Table = React60.forwardRef(
+var Table = React59.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx82("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx82("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
 );
 Table.displayName = "Table";
-var TableHeader = React60.forwardRef(
+var TableHeader = React59.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx82("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
 );
 TableHeader.displayName = "TableHeader";
-var TableBody = React60.forwardRef(
+var TableBody = React59.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx82("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
 );
 TableBody.displayName = "TableBody";
-var TableFooter = React60.forwardRef(
+var TableFooter = React59.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx82("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props })
 );
 TableFooter.displayName = "TableFooter";
-var TableRow = React60.forwardRef(
+var TableRow = React59.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx82(
     "tr",
     {
@@ -27072,7 +27378,7 @@ var TableRow = React60.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React60.forwardRef(
+var TableHead = React59.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx82(
     "th",
     {
@@ -27086,23 +27392,23 @@ var TableHead = React60.forwardRef(
   )
 );
 TableHead.displayName = "TableHead";
-var TableCell = React60.forwardRef(
+var TableCell = React59.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx82("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })
 );
 TableCell.displayName = "TableCell";
-var TableCaption = React60.forwardRef(
+var TableCaption = React59.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx82("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
 );
 TableCaption.displayName = "TableCaption";
 
 // src/components/ui/toast.tsx
-import * as React61 from "react";
+import * as React60 from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva as cva8 } from "class-variance-authority";
 import { X as X7 } from "lucide-react";
 import { jsx as jsx83 } from "react/jsx-runtime";
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx83(
+var ToastViewport = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx83(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -27128,11 +27434,11 @@ var toastVariants = cva8(
     }
   }
 );
-var Toast = React61.forwardRef(({ className, variant, ...props }, ref) => {
+var Toast = React60.forwardRef(({ className, variant, ...props }, ref) => {
   return /* @__PURE__ */ jsx83(ToastPrimitives.Root, { ref, className: cn(toastVariants({ variant }), className), ...props });
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx83(
+var ToastAction = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx83(
   ToastPrimitives.Action,
   {
     ref,
@@ -27144,7 +27450,7 @@ var ToastAction = React61.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React61.forwardRef(({ className, onClick, ...props }, ref) => /* @__PURE__ */ jsx83(
+var ToastClose = React60.forwardRef(({ className, onClick, ...props }, ref) => /* @__PURE__ */ jsx83(
   ToastPrimitives.Close,
   {
     ref,
@@ -27162,9 +27468,9 @@ var ToastClose = React61.forwardRef(({ className, onClick, ...props }, ref) => /
   }
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx83(ToastPrimitives.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
+var ToastTitle = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx83(ToastPrimitives.Title, { ref, className: cn("text-sm font-semibold", className), ...props }));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx83(ToastPrimitives.Description, { ref, className: cn("text-sm opacity-90", className), ...props }));
+var ToastDescription = React60.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx83(ToastPrimitives.Description, { ref, className: cn("text-sm opacity-90", className), ...props }));
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // src/components/ui/toaster.tsx
@@ -27187,7 +27493,7 @@ function Toaster2() {
 }
 
 // src/components/ui/toggle.tsx
-import * as React62 from "react";
+import * as React61 from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva as cva9 } from "class-variance-authority";
 import { jsx as jsx85 } from "react/jsx-runtime";
@@ -27211,21 +27517,21 @@ var toggleVariants = cva9(
     }
   }
 );
-var Toggle = React62.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx85(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
+var Toggle = React61.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx85(TogglePrimitive.Root, { ref, className: cn(toggleVariants({ variant, size, className })), ...props }));
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/ui/toggle-group.tsx
-import * as React63 from "react";
+import * as React62 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import { jsx as jsx86 } from "react/jsx-runtime";
-var ToggleGroupContext = React63.createContext({
+var ToggleGroupContext = React62.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React63.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx86(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ jsx86(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
+var ToggleGroup = React62.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx86(ToggleGroupPrimitive.Root, { ref, className: cn("flex items-center justify-center gap-1", className), ...props, children: /* @__PURE__ */ jsx86(ToggleGroupContext.Provider, { value: { variant, size }, children }) }));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React63.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React63.useContext(ToggleGroupContext);
+var ToggleGroupItem = React62.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React62.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx86(
     ToggleGroupPrimitive.Item,
     {
@@ -27276,7 +27582,7 @@ var useActiveSection = (sectionIds, offset = 180) => {
 };
 
 // src/lib/auth.tsx
-import { createContext as createContext6, useCallback as useCallback9, useContext as useContext7, useEffect as useEffect24, useMemo as useMemo11, useRef as useRef14, useState as useState19 } from "react";
+import { createContext as createContext6, useCallback as useCallback9, useContext as useContext7, useEffect as useEffect24, useMemo as useMemo12, useRef as useRef14, useState as useState19 } from "react";
 import { jsx as jsx87 } from "react/jsx-runtime";
 var STORAGE_KEYS = {
   accessToken: "cc_access_token",
@@ -27855,7 +28161,7 @@ var AuthProvider = ({ children }) => {
     },
     [applyPresenceStatus]
   );
-  const value = useMemo11(
+  const value = useMemo12(
     () => ({
       status,
       user,
@@ -27915,6 +28221,8 @@ export {
   BreadcrumbPage,
   BreadcrumbSeparator,
   Button,
+  CUPCODE_APP_VERSION_ENV_KEY,
+  CUPCODE_APP_VERSION_ENV_KEYS,
   Calendar,
   Card,
   CardContent,
@@ -28220,6 +28528,7 @@ export {
   navigationMenuTriggerStyle,
   parseAssetId,
   reducer,
+  resolveCupcodeAppVersion,
   resolveOidcEndpoints,
   resolveTelescupImageURL,
   responsiveSizeClasses,