@sdvf23rvfa43f/stealth-glass 1.3.0 → 1.4.1

package/dist/{chunk-62HIMTUS.js → chunk-2O7J3GXQ.js}

@@ -2,7 +2,7 @@ import { motion as motion$1 } from './chunk-5IRVGRFN.js';
 import React23, { forwardRef, useRef, useState, useCallback, useEffect, createContext, useMemo, useContext, useId } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useReducedMotion, motion } from 'motion/react';
-import { Loader2, Search, X, ChevronDown, ChevronUp, Check, Circle, ChevronRight, Menu, ChevronLeft, Wallet, ArrowRight, LogOut, Plus, Minus, TrendingUp, TrendingDown, Info, AlertOctagon, AlertTriangle, CheckCircle2, Copy, EyeOff, Eye, Lock, Unlock, Pencil, Trash2, Download, Inbox, RefreshCw, Calendar, Clock, Sparkles, Lightbulb, Play, Send, Bell, Home, FolderPlus, Upload, Folder, AlertCircle, CheckCheck, AlignJustify, SplitSquareVertical, Megaphone, Pause, ArrowDown, SlidersHorizontal, File, Globe, Wifi, Terminal as Terminal$1, ShieldCheck, ShieldAlert, ExternalLink, XCircle, GitCommit, PlayCircle, Zap, Cpu, ArrowUpRight, ArrowDownRight, Database, History, RotateCcw, ChevronsUpDown, Rocket, SkipForward, FolderOpen, FileCode, FileImage, FileText } from 'lucide-react';
+import { Loader2, Search, X, ChevronDown, ChevronUp, Check, Circle, ChevronRight, ChevronLeft, Menu, Wallet, Plus, LogOut, Minus, TrendingUp, TrendingDown, Info, AlertOctagon, AlertTriangle, CheckCircle2, Copy, EyeOff, Eye, Lock, Unlock, Pencil, Trash2, Download, Inbox, RefreshCw, Calendar, Clock, Sparkles, Lightbulb, Play, Send, Bell, Home, FolderPlus, Upload, Folder, ArrowRight, AlertCircle, CheckCheck, AlignJustify, SplitSquareVertical, Megaphone, Pause, ArrowDown, SlidersHorizontal, File, Globe, Wifi, Terminal as Terminal$1, ShieldCheck, ShieldAlert, ExternalLink, XCircle, GitCommit, PlayCircle, Zap, Cpu, ArrowUpRight, ArrowDownRight, Database, History, RotateCcw, ChevronsUpDown, Rocket, SkipForward, FolderOpen, FileCode, FileImage, FileText } from 'lucide-react';
 import { twMerge } from 'tailwind-merge';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
@@ -329,9 +329,6 @@ function AnimatedSection({ children, className = "" }) {
   const prefersReduced = useReducedMotion();
   return /* @__PURE__ */ jsx(motion.div, { variants: prefersReduced ? void 0 : motion$1.staggerItem, className, children });
 }
-function SkeletonBox({ className = "" }) {
-  return /* @__PURE__ */ jsx("div", { className: `bg-white/10 rounded animate-pulse ${className}` });
-}
 function StealthSidebar({
   logo,
   navigation,
@@ -348,297 +345,226 @@ function StealthSidebar({
   onToggleCollapse,
   footerSlot
 }) {
-  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
-  const [isSubmenuOpen, setIsSubmenuOpen] = useState(false);
-  const currency = wallet?.currency ?? "\u20AC";
-  const safeBalance = typeof wallet?.balance === "number" ? wallet.balance : 0;
+  const [mobileOpen, setMobileOpen] = useState(false);
+  const [expandedChildren, setExpandedChildren] = useState(/* @__PURE__ */ new Set());
   const handleNavigate = useCallback(
     (id) => {
       onNavigate(id);
-      setIsMobileMenuOpen(false);
-      if (submenu && !id.startsWith(submenu.parentId)) {
-        setIsSubmenuOpen(false);
-      }
+      setMobileOpen(false);
     },
-    [onNavigate, submenu]
+    [onNavigate]
   );
+  const toggleChild = useCallback((id) => {
+    setExpandedChildren((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  }, []);
   useEffect(() => {
-    const onResize = () => {
-      if (window.innerWidth >= 1024) setIsMobileMenuOpen(false);
+    if (!mobileOpen) return;
+    const handler = (e) => {
+      if (e.key === "Escape") setMobileOpen(false);
     };
-    window.addEventListener("resize", onResize);
-    return () => window.removeEventListener("resize", onResize);
-  }, []);
+    document.addEventListener("keydown", handler);
+    return () => document.removeEventListener("keydown", handler);
+  }, [mobileOpen]);
   useEffect(() => {
-    if (submenu && currentId.startsWith(submenu.parentId) && !isSubmenuOpen && !isCollapsed) {
-      setIsSubmenuOpen(true);
+    if (mobileOpen) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "";
     }
-  }, [currentId, submenu, isCollapsed]);
-  useEffect(() => {
-    if (isCollapsed) setIsSubmenuOpen(false);
-  }, [isCollapsed]);
-  const isSubmenuActive = submenu ? currentId.startsWith(submenu.parentId) : false;
-  const activeCta = isAuthenticated ? ctaButton : ctaButtonUnauth;
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, [mobileOpen]);
+  const activeCta = isAuthenticated ? ctaButton : ctaButtonUnauth ?? ctaButton;
+  const badgeClasses = (badge) => {
+    const b = badge.toUpperCase();
+    if (b === "SOON") return "bg-amber-500/15 text-amber-400 border border-amber-500/25";
+    if (b === "BETA") return "bg-blue-500/15 text-blue-400 border border-blue-500/25";
+    if (b === "NEW") return "bg-emerald-500/15 text-emerald-400 border border-emerald-500/25";
+    return "bg-white/[0.08] text-[#8b95a9] border border-white/[0.06]";
+  };
+  const renderNavItem = (item, _depth = 0) => {
+    const isActive = currentId === item.id;
+    const hasChildren = item.children && item.children.length > 0;
+    const isExpanded = expandedChildren.has(item.id);
+    const Icon2 = item.icon;
+    return /* @__PURE__ */ jsxs("li", { children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => {
+            if (hasChildren) {
+              toggleChild(item.id);
+            } else {
+              handleNavigate(item.id);
+            }
+          },
+          disabled: item.disabled,
+          title: isCollapsed ? item.label : void 0,
+          className: `
+            w-full flex items-center gap-3 rounded-xl transition-all cursor-pointer
+            ${isCollapsed ? "justify-center px-0 py-2.5 mx-auto w-10 h-10" : "px-3 py-2"}
+            ${isActive ? "bg-white/[0.08] text-white shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)]" : "text-[#7A8494] hover:text-white hover:bg-white/[0.04]"}
+            ${item.disabled ? "opacity-40 cursor-not-allowed" : ""}
+          `,
+          children: [
+            /* @__PURE__ */ jsx(Icon2, { className: `shrink-0 ${isCollapsed ? "w-5 h-5" : "w-[18px] h-[18px]"}` }),
+            !isCollapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { className: "flex-1 text-left text-[13px] truncate", children: item.label }),
+              item.badge && /* @__PURE__ */ jsx("span", { className: `text-[10px] px-1.5 py-0.5 rounded-md ${badgeClasses(item.badge)}`, children: item.badge }),
+              hasChildren && /* @__PURE__ */ jsx(
+                ChevronDown,
+                {
+                  className: `w-3.5 h-3.5 text-[#5a6275] transition-transform ${isExpanded ? "rotate-180" : ""}`
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      hasChildren && isExpanded && !isCollapsed && /* @__PURE__ */ jsx("ul", { className: "mt-1 ml-4 space-y-0.5 border-l border-white/[0.06] pl-3", children: item.children.map((child) => {
+        const childActive = currentId === child.id;
+        const ChildIcon = child.icon;
+        return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => handleNavigate(child.id),
+            disabled: child.disabled,
+            className: `
+                      w-full flex items-center gap-2.5 rounded-lg px-2.5 py-1.5 text-[12px] transition-all cursor-pointer
+                      ${childActive ? "text-white bg-white/[0.06]" : "text-[#5a6275] hover:text-[#8b95a9] hover:bg-white/[0.03]"}
+                      ${child.disabled ? "opacity-40 cursor-not-allowed" : ""}
+                    `,
+            children: [
+              /* @__PURE__ */ jsx(ChildIcon, { className: "w-3.5 h-3.5 shrink-0" }),
+              /* @__PURE__ */ jsx("span", { className: "truncate", children: child.label }),
+              child.badge && /* @__PURE__ */ jsx("span", { className: `text-[9px] px-1.5 py-0.5 rounded-md ${badgeClasses(child.badge)}`, children: child.badge })
+            ]
+          }
+        ) }, child.id);
+      }) })
+    ] }, item.id);
+  };
+  const sidebarContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto overflow-x-hidden scrollbar-none", children: [
+      /* @__PURE__ */ jsx("div", { className: `border-b border-white/[0.06] ${isCollapsed ? "px-3 py-4" : "px-5 py-4"}`, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: `flex items-center ${isCollapsed ? "justify-center w-full" : "gap-3"}`, children: [
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: logo.src,
+              alt: logo.alt ?? logo.title ?? "Logo",
+              className: `rounded-lg object-contain ${isCollapsed ? "w-9 h-9" : "w-8 h-8"}`
+            }
+          ),
+          !isCollapsed && logo.title && /* @__PURE__ */ jsx("span", { className: "text-[15px] text-white tracking-tight", children: logo.title })
+        ] }),
+        !isCollapsed && onToggleCollapse && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: onToggleCollapse,
+            className: "w-7 h-7 rounded-lg hover:bg-white/[0.06] flex items-center justify-center text-[#5a6275] hover:text-white transition-colors cursor-pointer",
+            "aria-label": "Collapse sidebar",
+            children: /* @__PURE__ */ jsx(ChevronLeft, { className: "w-4 h-4" })
+          }
+        )
+      ] }) }),
+      isCollapsed && onToggleCollapse && /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: onToggleCollapse,
+          className: "mx-auto mt-3 w-8 h-8 rounded-lg hover:bg-white/[0.06] flex items-center justify-center text-[#5a6275] hover:text-white transition-colors cursor-pointer",
+          "aria-label": "Expand sidebar",
+          children: /* @__PURE__ */ jsx(ChevronRight, { className: "w-4 h-4" })
+        }
+      ),
+      !isCollapsed && activeCta && /* @__PURE__ */ jsx("div", { className: "px-4 pt-4", children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: activeCta.onClick,
+          className: "w-full flex items-center justify-center gap-2 px-4 py-2.5 rounded-xl bg-blue-600 hover:bg-blue-500 text-white text-[13px] transition-colors cursor-pointer",
+          children: [
+            /* @__PURE__ */ jsx(activeCta.icon, { className: "w-4 h-4" }),
+            activeCta.label
+          ]
+        }
+      ) }),
+      isCollapsed && activeCta && /* @__PURE__ */ jsx("div", { className: "px-3 pt-3", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: activeCta.onClick,
+          className: "w-10 h-10 mx-auto rounded-xl bg-blue-600 hover:bg-blue-500 text-white flex items-center justify-center transition-colors cursor-pointer",
+          title: activeCta.label,
+          children: /* @__PURE__ */ jsx(activeCta.icon, { className: "w-4 h-4" })
+        }
+      ) }),
+      /* @__PURE__ */ jsx("nav", { className: `space-y-6 ${isCollapsed ? "px-2 py-4" : "px-4 py-4"}`, children: navigation.map((section) => /* @__PURE__ */ jsxs("div", { children: [
+        !isCollapsed && /* @__PURE__ */ jsx("p", { className: "text-[10px] uppercase tracking-widest text-[#5a6275] mb-2 px-3", children: section.category }),
+        /* @__PURE__ */ jsx("ul", { className: "space-y-0.5", children: section.items.map((item) => renderNavItem(item)) })
+      ] }, section.category)) })
+    ] }),
+    footerSlot
+  ] });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "button",
       {
-        onClick: () => setIsMobileMenuOpen(!isMobileMenuOpen),
-        className: "fixed top-4 left-4 z-[60] lg:hidden w-10 h-10 bg-sg-elevated/80 backdrop-blur-md border border-white/10 rounded-xl shadow-lg flex items-center justify-center text-white hover:bg-sg-highlight transition-all",
-        "aria-label": "Toggle menu",
-        children: isMobileMenuOpen ? /* @__PURE__ */ jsx(X, { className: "w-5 h-5" }) : /* @__PURE__ */ jsx(Menu, { className: "w-5 h-5" })
+        onClick: () => setMobileOpen(true),
+        className: "lg:hidden fixed top-4 left-4 z-50 w-10 h-10 rounded-xl bg-white/[0.06] border border-white/[0.08] flex items-center justify-center text-[#7A8494] hover:text-white hover:bg-white/[0.08] transition-colors cursor-pointer backdrop-blur-md",
+        "aria-label": "Open navigation",
+        children: /* @__PURE__ */ jsx(Menu, { className: "w-5 h-5" })
       }
     ),
-    isMobileMenuOpen && /* @__PURE__ */ jsx(
+    mobileOpen && /* @__PURE__ */ jsx(
       "div",
       {
-        className: "fixed inset-0 bg-black/60 backdrop-blur-sm z-40 lg:hidden",
-        onClick: () => setIsMobileMenuOpen(false)
+        className: "lg:hidden fixed inset-0 bg-black/60 backdrop-blur-sm z-40",
+        onClick: () => setMobileOpen(false)
       }
     ),
     /* @__PURE__ */ jsxs(
       "aside",
       {
-        className: `fixed left-0 top-0 h-screen bg-background flex flex-col z-50 border-r border-white/5 transition-all duration-300 ease-in-out ${isMobileMenuOpen ? "translate-x-0 shadow-2xl w-[280px] sm:w-[300px]" : `${isCollapsed ? "lg:w-24" : "lg:w-[300px]"} -translate-x-full lg:translate-x-0 w-[280px]`}`,
+        className: `
+          lg:hidden fixed inset-y-0 left-0 z-50 w-[280px] bg-[#0d1117]/95 backdrop-blur-xl
+          border-r border-white/[0.06] flex flex-col
+          transition-transform duration-300 ease-in-out
+          ${mobileOpen ? "translate-x-0" : "-translate-x-full"}
+        `,
         children: [
-          onToggleCollapse && /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end px-5 py-4 border-b border-white/[0.06]", children: /* @__PURE__ */ jsx(
             "button",
             {
-              onClick: onToggleCollapse,
-              className: "hidden lg:flex absolute -right-3 top-24 w-6 h-6 bg-sg-highlight border border-white/10 rounded-full items-center justify-center text-muted-foreground hover:text-white transition-colors z-50 shadow-[0_0_10px_rgba(0,0,0,0.5)]",
-              children: isCollapsed ? /* @__PURE__ */ jsx(ChevronRight, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx(ChevronLeft, { className: "w-3.5 h-3.5" })
+              onClick: () => setMobileOpen(false),
+              className: "w-8 h-8 rounded-lg hover:bg-white/[0.06] flex items-center justify-center text-[#5a6275] hover:text-white transition-colors cursor-pointer",
+              "aria-label": "Close navigation",
+              children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
             }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto w-full", children: [
-            /* @__PURE__ */ jsxs("div", { className: "pt-8 pb-6 flex items-center justify-center relative transition-all duration-300", children: [
-              /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-1/2 -translate-x-1/2 w-32 h-32 bg-blue-600/10 blur-[60px] pointer-events-none rounded-full" }),
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: `flex items-center gap-3 relative z-10 cursor-pointer transition-all duration-300 ${isCollapsed ? "scale-90" : "scale-100"}`,
-                  onClick: () => handleNavigate("dashboard"),
-                  children: [
-                    /* @__PURE__ */ jsx("div", { className: "h-10 w-10 rounded-xl flex items-center justify-center overflow-hidden", children: /* @__PURE__ */ jsx(
-                      "img",
-                      {
-                        src: logo.src,
-                        alt: logo.alt ?? logo.title ?? "Logo",
-                        className: "w-full h-full object-contain"
-                      }
-                    ) }),
-                    !isCollapsed && logo.title && /* @__PURE__ */ jsx("span", { className: "text-2xl font-bold text-white tracking-tight", children: logo.title })
-                  ]
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `pb-6 space-y-5 relative z-20 transition-all duration-300 lg:hidden ${isCollapsed ? "px-2" : "px-5"}`,
-                children: [
-                  activeCta && /* @__PURE__ */ jsxs(
-                    "button",
-                    {
-                      onClick: activeCta.onClick,
-                      className: "w-full h-12 rounded-full bg-gradient-to-r from-blue-600 to-indigo-600 text-white shadow-[0_4px_20px_rgba(37,99,235,0.3)] hover:shadow-[0_6px_25px_rgba(37,99,235,0.4)] active:scale-95 transition-all flex items-center justify-center gap-2 group relative overflow-hidden border border-white/10",
-                      children: [
-                        /* @__PURE__ */ jsx(activeCta.icon, { className: "w-5 h-5" }),
-                        /* @__PURE__ */ jsx("span", { className: "font-bold tracking-wide text-sm whitespace-nowrap", children: activeCta.label })
-                      ]
-                    }
-                  ),
-                  isAuthenticated && wallet && /* @__PURE__ */ jsxs("div", { className: "rounded-[2rem] bg-sg-elevated border border-white/5 p-5 relative overflow-hidden shadow-xl", children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
-                      /* @__PURE__ */ jsxs("span", { className: "text-[10px] uppercase tracking-[0.2em] text-sg-text-muted font-bold flex items-center gap-2", children: [
-                        /* @__PURE__ */ jsx(Wallet, { className: "w-3 h-3 text-sg-text-muted" }),
-                        "Balance"
-                      ] }),
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 bg-[#052e16] px-2 py-1 rounded-full border border-emerald-900/30", children: [
-                        /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse-subtle" }),
-                        /* @__PURE__ */ jsx("span", { className: "text-[9px] font-bold text-emerald-500 uppercase tracking-wider", children: "Live" })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1 mb-5", children: [
-                      /* @__PURE__ */ jsx("span", { className: "text-lg font-bold text-sg-text-muted", children: currency }),
-                      /* @__PURE__ */ jsx("span", { className: "text-4xl font-mono font-bold text-white tracking-tight", children: safeBalance.toFixed(2) })
-                    ] }),
-                    wallet.onAddFunds && /* @__PURE__ */ jsxs(
-                      "button",
-                      {
-                        onClick: wallet.onAddFunds,
-                        className: "w-full py-3 rounded-xl bg-sg-highlight hover:bg-[#232730] text-xs font-bold text-white border border-white/5 hover:border-white/10 transition-all flex items-center justify-center gap-2 group/btn shadow-inner",
-                        children: [
-                          /* @__PURE__ */ jsx("span", { children: "Add Funds" }),
-                          /* @__PURE__ */ jsx(ArrowRight, { className: "w-3.5 h-3.5 opacity-50 group-hover/btn:translate-x-1 group-hover/btn:opacity-100 transition-all" })
-                        ]
-                      }
-                    )
-                  ] })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: `pb-6 space-y-6 ${isCollapsed ? "px-2" : "px-5"}`, children: /* @__PURE__ */ jsxs("nav", { className: "space-y-6", children: [
-              navigation.map((section) => /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: !isCollapsed ? "relative overflow-hidden rounded-[2rem] bg-background/80 border border-white/5 p-5 backdrop-blur-xl transition-all hover:border-white/10 group" : "",
-                  children: [
-                    !isCollapsed && /* @__PURE__ */ jsx("div", { className: "absolute top-0 right-0 w-32 h-32 bg-blue-500/5 blur-[50px] rounded-full -translate-y-1/2 translate-x-1/2 pointer-events-none opacity-0 group-hover:opacity-100 transition-opacity duration-700" }),
-                    !isCollapsed && /* @__PURE__ */ jsxs("p", { className: "relative z-10 px-1 mb-4 text-[10px] text-sg-text-muted uppercase tracking-[0.2em] font-bold select-none flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx("span", { className: "w-1 h-1 rounded-full bg-sg-text-muted/50" }),
-                      section.category
-                    ] }),
-                    /* @__PURE__ */ jsx("div", { className: "space-y-1 relative z-10", children: section.items.map((item) => {
-                      const Icon2 = item.icon;
-                      const isActive = currentId === item.id;
-                      const isDisabled = item.disabled;
-                      return /* @__PURE__ */ jsxs(
-                        "button",
-                        {
-                          onClick: () => !isDisabled && handleNavigate(item.id),
-                          disabled: isDisabled,
-                          className: `w-full flex items-center rounded-xl transition-all duration-200 group/item relative ${isCollapsed ? "justify-center w-10 h-10 mx-auto rounded-full" : "justify-between px-3 py-3"} ${isDisabled ? "opacity-40 cursor-not-allowed" : isActive ? "bg-blue-500/10 text-white font-bold shadow-[inset_0_0_0_1px_rgba(59,130,246,0.2)]" : "text-muted-foreground hover:text-white hover:bg-white/5 border border-transparent font-medium"}`,
-                          title: isCollapsed ? item.label : void 0,
-                          children: [
-                            /* @__PURE__ */ jsxs(
-                              "div",
-                              {
-                                className: `flex items-center z-10 ${isCollapsed ? "justify-center" : "gap-3"}`,
-                                children: [
-                                  /* @__PURE__ */ jsx(
-                                    Icon2,
-                                    {
-                                      className: `transition-colors ${isCollapsed ? "w-5 h-5" : "w-4 h-4"} ${isDisabled ? "text-sg-text-muted/50" : isActive ? "text-blue-400" : "text-sg-text-muted group-hover/item:text-white"}`
-                                    }
-                                  ),
-                                  !isCollapsed && /* @__PURE__ */ jsx("span", { className: "text-sm tracking-tight", children: item.label })
-                                ]
-                              }
-                            ),
-                            !isCollapsed && item.badge && /* @__PURE__ */ jsx(
-                              "span",
-                              {
-                                className: `px-2 py-0.5 rounded-full text-[9px] font-bold font-mono uppercase tracking-wide ${isDisabled ? "bg-amber-500/20 text-amber-400 border border-amber-500/30" : isActive ? "bg-blue-500/20 text-blue-400" : "bg-sg-highlight text-sg-text-muted"}`,
-                                children: item.badge
-                              }
-                            )
-                          ]
-                        },
-                        item.id
-                      );
-                    }) })
-                  ]
-                },
-                section.category
-              )),
-              submenu && !isCollapsed && /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden rounded-[2rem] bg-background/80 border border-white/5 p-5 backdrop-blur-xl transition-all hover:border-white/10 group", children: [
-                /* @__PURE__ */ jsxs(
-                  "button",
-                  {
-                    onClick: () => setIsSubmenuOpen(!isSubmenuOpen),
-                    className: `w-full flex items-center justify-between px-3 py-3 rounded-xl transition-all duration-200 ${isSubmenuActive ? "bg-blue-500/10 text-white font-bold shadow-[inset_0_0_0_1px_rgba(59,130,246,0.2)]" : "text-muted-foreground hover:text-white hover:bg-white/5 font-medium"}`,
-                    children: [
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-                        /* @__PURE__ */ jsx(
-                          submenu.parentIcon,
-                          {
-                            className: `w-4 h-4 ${isSubmenuActive ? "text-blue-400" : "text-sg-text-muted"}`
-                          }
-                        ),
-                        /* @__PURE__ */ jsx("span", { className: "text-sm tracking-tight", children: submenu.parentLabel })
-                      ] }),
-                      /* @__PURE__ */ jsx(
-                        ChevronRight,
-                        {
-                          className: `w-3.5 h-3.5 text-sg-text-muted transition-transform duration-200 ${isSubmenuOpen ? "rotate-90" : ""}`
-                        }
-                      )
-                    ]
-                  }
-                ),
-                isSubmenuOpen && /* @__PURE__ */ jsx("div", { className: "mt-1 ml-4 space-y-1 border-l border-white/5 pl-3", children: submenu.items.map((sub) => {
-                  const SubIcon = sub.icon;
-                  const isSubActive = currentId === sub.id;
-                  return /* @__PURE__ */ jsxs(
-                    "button",
-                    {
-                      onClick: () => handleNavigate(sub.id),
-                      className: `w-full flex items-center gap-3 px-3 py-2.5 rounded-xl transition-all duration-200 text-sm ${isSubActive ? "bg-blue-500/10 text-white font-bold" : "text-muted-foreground hover:text-white hover:bg-white/5 font-medium"}`,
-                      children: [
-                        /* @__PURE__ */ jsx(
-                          SubIcon,
-                          {
-                            className: `w-3.5 h-3.5 ${isSubActive ? "text-blue-400" : "text-sg-text-muted"}`
-                          }
-                        ),
-                        /* @__PURE__ */ jsx("span", { className: "tracking-tight", children: sub.label })
-                      ]
-                    },
-                    sub.id
-                  );
-                }) })
-              ] }),
-              submenu && isCollapsed && /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: () => handleNavigate(submenu.items[0]?.id ?? submenu.parentId),
-                  className: `w-10 h-10 mx-auto rounded-full flex items-center justify-center transition-all duration-200 ${isSubmenuActive ? "bg-blue-500/10 text-blue-400" : "text-sg-text-muted hover:text-white hover:bg-white/5"}`,
-                  title: submenu.parentLabel,
-                  children: /* @__PURE__ */ jsx(submenu.parentIcon, { className: "w-5 h-5" })
-                }
-              )
-            ] }) }),
-            footerSlot,
-            /* @__PURE__ */ jsx("div", { className: `pb-8 lg:hidden ${isCollapsed ? "px-2" : "px-5"}`, children: isAuthenticated && user ? /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: `group flex items-center gap-4 rounded-[2rem] transition-all bg-sg-elevated border border-white/5 hover:border-white/10 p-4 shadow-xl ${isCollapsed ? "justify-center p-2" : ""}`,
-                children: [
-                  user.isLoading ? /* @__PURE__ */ jsx(SkeletonBox, { className: "h-10 w-10 rounded-full" }) : /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-                    /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-full bg-[#8b5cf6] flex items-center justify-center text-white font-bold text-sm shadow-lg", children: user.name.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2) || "??" }),
-                    /* @__PURE__ */ jsx("div", { className: "absolute -bottom-0.5 -right-0.5 w-3.5 h-3.5 bg-[#10b981] border-4 border-sg-elevated rounded-full" })
-                  ] }),
-                  !isCollapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
-                    /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: user.isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                      /* @__PURE__ */ jsx(SkeletonBox, { className: "h-4 w-24 mb-1" }),
-                      /* @__PURE__ */ jsx(SkeletonBox, { className: "h-3 w-32" })
-                    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                      /* @__PURE__ */ jsx("p", { className: "text-sm text-white font-bold truncate tracking-tight", children: user.name }),
-                      user.email && /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground truncate font-medium font-mono tracking-wide", children: user.email })
-                    ] }) }),
-                    /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        onClick: onSignOut,
-                        className: "p-2 rounded-full hover:bg-white/5 text-sg-text-muted hover:text-white transition-colors",
-                        title: "Sign Out",
-                        children: /* @__PURE__ */ jsx(LogOut, { className: "w-4 h-4" })
-                      }
-                    )
-                  ] })
-                ]
-              }
-            ) : /* @__PURE__ */ jsxs(
-              "div",
-              {
-                onClick: onSignOut,
-                className: `group flex items-center gap-3 rounded-[2rem] transition-all cursor-pointer bg-blue-600 hover:bg-blue-500 p-4 shadow-lg ${isCollapsed ? "justify-center p-2" : ""}`,
-                children: [
-                  /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-full bg-white/20 flex items-center justify-center text-white font-bold", children: /* @__PURE__ */ jsx(LogOut, { className: "w-5 h-5 rotate-180" }) }),
-                  !isCollapsed && /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                    /* @__PURE__ */ jsx("p", { className: "text-sm text-white font-bold truncate", children: "Sign In" }),
-                    /* @__PURE__ */ jsx("p", { className: "text-[10px] text-blue-200 truncate font-medium", children: "Access your account" })
-                  ] })
-                ]
-              }
-            ) })
-          ] })
+          ) }),
+          sidebarContent
         ]
       }
+    ),
+    /* @__PURE__ */ jsx(
+      "aside",
+      {
+        className: `
+          hidden lg:flex fixed inset-y-0 left-0 z-30 flex-col
+          bg-[#0d1117]/80 backdrop-blur-xl border-r border-white/[0.06]
+          transition-all duration-300 ease-in-out
+          ${isCollapsed ? "w-20" : "w-[260px]"}
+        `,
+        children: sidebarContent
+      }
     )
   ] });
 }
-function SkeletonBox2({ className = "" }) {
+function SkeletonBox({ className = "" }) {
   return /* @__PURE__ */ jsx("div", { className: `bg-white/10 rounded animate-pulse ${className}` });
 }
 function StealthHeader({
@@ -658,98 +584,76 @@ function StealthHeader({
   return /* @__PURE__ */ jsxs(
     "header",
     {
-      className: "hidden lg:flex fixed top-0 right-0 z-40 h-20 bg-background/95 backdrop-blur-xl border-b border-white/5 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.02)] items-center justify-between px-8 transition-all duration-300 ease-in-out",
-      style: { left: isSidebarCollapsed ? "5rem" : "18rem" },
+      className: "hidden lg:flex fixed top-0 right-0 z-40 h-16 bg-[#0c0f16]/95 backdrop-blur-md border-b border-white/[0.06] items-center justify-between px-6 transition-all duration-300 ease-in-out",
+      style: { left: isSidebarCollapsed ? "5rem" : "16.25rem" },
       children: [
         /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4", children: leftSlot }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
           rightSlot,
           activeCta && /* @__PURE__ */ jsxs(
             "button",
             {
               onClick: activeCta.onClick,
-              className: "rounded-full bg-gradient-to-r from-blue-600 via-blue-500 to-indigo-600 text-white shadow-[0_0_20px_rgba(59,130,246,0.4)] hover:shadow-[0_0_30px_rgba(59,130,246,0.6)] hover:scale-105 transition-all duration-300 flex items-center gap-2.5 px-6 py-3 text-sm font-bold tracking-wide group relative overflow-hidden",
+              className: "rounded-lg bg-blue-600 hover:bg-blue-500 text-white transition-all flex items-center gap-2 px-4 py-2 text-[13px]",
               title: activeCta.label,
               children: [
-                /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-transparent via-white/25 to-transparent translate-x-[-200%] group-hover:translate-x-[200%] transition-transform duration-700 skew-x-12" }),
-                /* @__PURE__ */ jsx(activeCta.icon, { className: "w-4 h-4 relative z-10" }),
-                /* @__PURE__ */ jsx("span", { className: "relative z-10", children: activeCta.label })
+                /* @__PURE__ */ jsx(activeCta.icon, { className: "w-4 h-4" }),
+                /* @__PURE__ */ jsx("span", { children: activeCta.label })
               ]
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "h-10 w-px bg-gradient-to-b from-transparent via-white/10 to-transparent" }),
-          isAuthenticated && wallet && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsxs("div", { className: "group/wallet flex items-center gap-3 bg-background rounded-full pl-4 pr-2 py-2 border border-white/5 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.02)] hover:border-white/10 hover:bg-sg-elevated transition-all duration-300", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx("div", { className: "w-7 h-7 rounded-full bg-blue-500/10 flex items-center justify-center group-hover/wallet:bg-blue-500/20 transition-colors", children: /* @__PURE__ */ jsx(Wallet, { className: "w-3.5 h-3.5 text-blue-400" }) }),
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ jsx("span", { className: "text-[9px] uppercase tracking-widest text-sg-text-muted font-bold leading-none mb-1", children: "Balance" }),
-                /* @__PURE__ */ jsxs(
-                  "span",
-                  {
-                    className: `text-sm font-bold text-foreground tracking-tight font-mono leading-none transition-opacity duration-300 ${wallet.isLoading ? "opacity-40" : "opacity-100"}`,
-                    children: [
-                      currency,
-                      safeBalance.toFixed(2)
-                    ]
-                  }
-                )
-              ] })
+          /* @__PURE__ */ jsx("div", { className: "h-8 w-px bg-white/[0.06]" }),
+          isAuthenticated && wallet && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 bg-white/[0.03] rounded-lg px-3 py-2 border border-white/[0.06]", children: [
+            /* @__PURE__ */ jsx(Wallet, { className: "w-4 h-4 text-[#5a6275]" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-[9px] uppercase tracking-widest text-[#5a6275] leading-none mb-0.5", children: "Balance" }),
+              /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  className: `text-[13px] text-white font-mono leading-none transition-opacity duration-300 ${wallet.isLoading ? "opacity-40" : "opacity-100"}`,
+                  children: [
+                    currency,
+                    safeBalance.toFixed(2)
+                  ]
+                }
+              )
             ] }),
             wallet.onAddFunds && /* @__PURE__ */ jsx(
               "button",
               {
                 onClick: wallet.onAddFunds,
-                className: "w-8 h-8 rounded-full bg-blue-500/10 hover:bg-blue-500 text-blue-400 hover:text-white flex items-center justify-center transition-all duration-300 hover:scale-110 hover:shadow-[0_0_15px_rgba(59,130,246,0.5)]",
+                className: "w-7 h-7 rounded-lg bg-blue-500/10 hover:bg-blue-500/20 text-blue-400 flex items-center justify-center transition-all ml-1",
                 title: "Add Funds",
                 children: /* @__PURE__ */ jsx(Plus, { className: "w-3.5 h-3.5" })
               }
             )
           ] }) }),
-          isAuthenticated && user ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 pl-2 relative transition-all duration-300", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-right hidden xl:block", children: user.isLoading ? /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ jsx(SkeletonBox2, { className: "w-24 h-3" }),
-              /* @__PURE__ */ jsx(SkeletonBox2, { className: "w-16 h-2" })
-            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(
-                "p",
-                {
-                  className: `text-xs font-bold text-foreground leading-none mb-1.5 transition-all duration-300 ${user.isLoading ? "opacity-40" : "opacity-100"}`,
-                  children: user.name
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                "button",
-                {
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    onSignOut();
-                  },
-                  className: "text-[9px] font-bold text-sg-text-muted hover:text-red-400 transition-colors uppercase tracking-widest flex items-center justify-end gap-1 ml-auto group/signout",
-                  children: [
-                    /* @__PURE__ */ jsx("span", { className: "group-hover/signout:translate-x-[-2px] transition-transform", children: "Sign Out" }),
-                    /* @__PURE__ */ jsx(LogOut, { className: "w-2.5 h-2.5 group-hover/signout:translate-x-[2px] transition-transform" })
-                  ]
-                }
-              )
-            ] }) }),
+          isAuthenticated && user ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-right hidden xl:block", children: user.isLoading ? /* @__PURE__ */ jsx(SkeletonBox, { className: "w-20 h-3" }) : /* @__PURE__ */ jsx("p", { className: "text-[13px] text-white leading-none", children: user.name }) }),
             /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-              user.isLoading ? /* @__PURE__ */ jsx(SkeletonBox2, { className: "w-10 h-10 rounded-2xl" }) : /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: `w-10 h-10 rounded-2xl bg-gradient-to-br from-blue-500 via-indigo-500 to-purple-600 flex items-center justify-center shadow-lg shadow-blue-500/20 text-white font-bold text-sm border border-white/10 transition-all duration-300 ${user.isLoading ? "opacity-40" : "opacity-100"}`,
-                  children: user.name.substring(0, 2).toUpperCase()
-                }
-              ),
-              /* @__PURE__ */ jsx("div", { className: "absolute -bottom-0.5 -right-0.5 w-3 h-3 bg-emerald-400 border-2 border-background rounded-full shadow-[0_0_8px_rgba(52,211,153,0.6)] animate-pulse-subtle" })
-            ] })
+              user.isLoading ? /* @__PURE__ */ jsx(SkeletonBox, { className: "w-8 h-8 rounded-full" }) : /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-full bg-[#6d28d9] flex items-center justify-center text-white text-xs", children: user.name.substring(0, 2).toUpperCase() }),
+              /* @__PURE__ */ jsx("div", { className: "absolute -bottom-0.5 -right-0.5 w-2.5 h-2.5 bg-emerald-400 border-2 border-[#0c0f16] rounded-full" })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onSignOut();
+                },
+                className: "p-1.5 rounded-lg hover:bg-white/[0.06] text-[#5a6275] hover:text-white transition-colors",
+                title: "Sign Out",
+                children: /* @__PURE__ */ jsx(LogOut, { className: "w-4 h-4" })
+              }
+            )
           ] }) : /* @__PURE__ */ jsxs(
             "button",
             {
               onClick: onSignOut,
-              className: "flex items-center gap-3 px-4 py-2 rounded-2xl bg-background border border-white/5 hover:border-white/10 hover:bg-sg-elevated transition-all duration-300 group/signin",
+              className: "flex items-center gap-2 px-3 py-2 rounded-lg bg-blue-600 hover:bg-blue-500 text-white transition-all",
               children: [
-                /* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-muted-foreground group-hover/signin:text-white transition-colors", children: "Sign In" }),
-                /* @__PURE__ */ jsx("div", { className: "w-9 h-9 rounded-xl bg-white/5 flex items-center justify-center border border-white/10 group-hover/signin:bg-white/10 group-hover/signin:scale-110 transition-all duration-300", children: /* @__PURE__ */ jsx(LogOut, { className: "w-4 h-4 text-muted-foreground group-hover/signin:text-white rotate-180 transition-colors" }) })
+                /* @__PURE__ */ jsx(LogOut, { className: "w-4 h-4 rotate-180" }),
+                /* @__PURE__ */ jsx("span", { className: "text-[13px]", children: "Sign In" })
               ]
             }
           )
@@ -855,8 +759,6 @@ function AppShell({
     /* @__PURE__ */ jsx(
       StealthHeader,
       {
-        ctaButton,
-        ctaButtonUnauth,
         wallet,
         user,
         onSignOut,
@@ -870,11 +772,11 @@ function AppShell({
       "main",
       {
         id: "main-content",
-        className: `flex-1 ${isSidebarCollapsed ? "lg:ml-20" : "lg:ml-72"} relative z-10 w-full min-w-0 h-full overflow-y-auto overflow-x-hidden transition-all duration-300 ease-in-out`,
+        className: `flex-1 ${isSidebarCollapsed ? "lg:ml-20" : "lg:ml-[260px]"} relative z-10 w-full min-w-0 h-full overflow-y-auto overflow-x-hidden transition-all duration-300 ease-in-out`,
         children: /* @__PURE__ */ jsx(
           "div",
           {
-            className: "w-full mx-auto px-4 py-6 md:px-6 md:py-8 lg:pt-28 min-w-0 relative z-0",
+            className: "w-full mx-auto px-4 py-6 md:px-6 md:py-8 lg:pt-24 min-w-0 relative z-0",
             style: { maxWidth: contentMaxWidth },
             children: /* @__PURE__ */ jsx("div", { className: "animate-in fade-in slide-in-from-bottom-4 duration-500", children: isLoading ? loadingFallback ?? /* @__PURE__ */ jsx(DefaultLoadingSkeleton, {}) : children })
           }
@@ -4097,7 +3999,8 @@ function ChartContainer({
   config,
   children,
   className,
-  aspect
+  aspect,
+  height
 }) {
   const style = useMemo(() => {
     const vars = {};
@@ -4106,7 +4009,15 @@ function ChartContainer({
     }
     return vars;
   }, [config]);
-  return /* @__PURE__ */ jsx("div", { className: twMerge("w-full h-full", className), style, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", aspect, height: aspect ? void 0 : "100%", minWidth: 0, minHeight: aspect ? void 0 : 50, children }) });
+  const rcHeight = aspect ? void 0 : height ?? "100%";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: twMerge("w-full h-full", className),
+      style: { ...style, ...height ? { height } : {} },
+      children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", aspect, height: rcHeight, minWidth: 0, minHeight: aspect ? void 0 : 50, children })
+    }
+  );
 }
 function ChartTooltipContent({
   active,
@@ -7486,7 +7397,7 @@ function Sparkline({
       "aria-label": ariaLabel || "Sparkline chart",
       className: twMerge("inline-flex items-center", className),
       style: { width, height },
-      children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", minWidth: 0, minHeight: 0, children: variant === "bar" ? /* @__PURE__ */ jsxs(BarChart, { ...commonProps, children: [
+      children: variant === "bar" ? /* @__PURE__ */ jsxs(BarChart, { width, height, ...commonProps, children: [
         /* @__PURE__ */ jsx(YAxis, { domain: yDomain, hide: true }),
         /* @__PURE__ */ jsx(
           Bar,
@@ -7499,7 +7410,7 @@ function Sparkline({
             animationDuration: 800
           }
         )
-      ] }) : variant === "line" ? /* @__PURE__ */ jsxs(LineChart, { ...commonProps, children: [
+      ] }) : variant === "line" ? /* @__PURE__ */ jsxs(LineChart, { width, height, ...commonProps, children: [
         /* @__PURE__ */ jsx(YAxis, { domain: yDomain, hide: true }),
         /* @__PURE__ */ jsx(
           Line,
@@ -7513,7 +7424,7 @@ function Sparkline({
             animationDuration: 800
           }
         )
-      ] }) : /* @__PURE__ */ jsxs(AreaChart, { ...commonProps, children: [
+      ] }) : /* @__PURE__ */ jsxs(AreaChart, { width, height, ...commonProps, children: [
         /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: `spark-grad-${color}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
           /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: stroke, stopOpacity: 0.3 }),
           /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: stroke, stopOpacity: 0 })
@@ -7531,7 +7442,7 @@ function Sparkline({
             animationDuration: 800
           }
         )
-      ] }) })
+      ] })
     }
   );
 }
@@ -9299,7 +9210,7 @@ function CostForecast({
         /* @__PURE__ */ jsx("div", { className: "absolute top-0 bottom-0 w-0.5 bg-white/20 z-10", style: { left: "100%" } })
       ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-[160px]", children: /* @__PURE__ */ jsx(ChartContainer, { config: CHART_CONFIG, className: "h-full", children: /* @__PURE__ */ jsxs(AreaChart, { data, margin: { top: 10, right: 0, left: -20, bottom: 0 }, children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-[200px]", children: /* @__PURE__ */ jsx(ChartContainer, { config: CHART_CONFIG, height: 200, children: /* @__PURE__ */ jsxs(AreaChart, { data, margin: { top: 10, right: 0, left: -20, bottom: 0 }, children: [
       /* @__PURE__ */ jsxs("defs", { children: [
         /* @__PURE__ */ jsxs("linearGradient", { id: "fillActual", x1: "0", y1: "0", x2: "0", y2: "1", children: [
           /* @__PURE__ */ jsx("stop", { offset: "5%", stopColor: "#3B82F6", stopOpacity: 0.3 }),
@@ -10339,5 +10250,5 @@ function CacheManager({
 }
 
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityHeatmap, Alert, AlertActions, AlertDescription, AlertRuleEditor, AlertTitle, AmbientBackground, AnimatedSection, AppShell, AutoscaleControl, Avatar, AvatarGroup, Badge, Banner, BannerStack, BentoCard, BentoCell, BentoGrid, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbTrail, Button, CacheManager, ChartContainer, ChartGrid, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, Checkbox, Checklist, CodeBlock, CommandPalette, ConfirmDialog, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyField, CostForecast, CronEditor, DataTable, DataValue, DateTimePicker, DeploymentList, DescriptionItem, DescriptionList, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffViewer, Divider, DomainManager, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropZone, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EnvManager, ErrorState, FileBrowser, FilterBar, FormActions, FormError, FormField, FormGroup, FormHelperText, FormLabel, GlassTile, GlobeTracker, HudLabel, InlineCode, Input, Kbd, KeyValueEditor, KeyValueRow, LatencyRadar, LoadingState, LogLevelBadge, LogLine, LogTerminal, LogViewer, NotificationBell, NotificationCenter, NumberInput, PageShell, Pagination, PermissionMatrix, Pipeline, PodHoneycomb, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PricingCard, Progress, RadioGroup, RadioItem, RangeSlider, RecommendationCard, RequestBuilder, ResourceGauge, RevealAction, RevealGroup, ScrollArea, ScrollBar, SearchInput, SecretField, SectionDot, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, ServiceMap, Skeleton, SkeletonCircle, SkeletonText, Slider, Sparkline, SparklineBar, SparklineStat, StatCard, StatGrid, StatusBadge, StatusDot, StatusIndicator, StealthHeader, StealthSidebar, StealthToaster, StepIndicator, StepWizard, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagInput, Terminal, Textarea, TimeRangePicker, Timeline, TimelineItem, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TraceWaterfall, TrafficSplitter, UsageMeter, buttonVariants, chartAxisStyle, createTriggerClass, useCommandPalette, useFormField };
-//# sourceMappingURL=chunk-62HIMTUS.js.map
-//# sourceMappingURL=chunk-62HIMTUS.js.map
+//# sourceMappingURL=chunk-2O7J3GXQ.js.map
+//# sourceMappingURL=chunk-2O7J3GXQ.js.map