@elevasis/ui 1.15.2 → 1.17.0

package/dist/{chunk-YCOTIVEZ.js → chunk-53GNREDV.js}

@@ -1,8 +1,8 @@
-import { OrganizationProvider } from './chunk-4J3GVBB7.js';
+import { OrganizationProvider } from './chunk-U2522LSW.js';
 import { ApiClientProvider, useApiClient } from './chunk-RULQSZYX.js';
 import { getErrorInfo, getErrorTitle, formatErrorMessage } from './chunk-FCFLBMVI.js';
-import { InitializationProvider } from './chunk-3VTC7OWU.js';
-import { ProfileProvider, ElevasisServiceProvider } from './chunk-BK4EIWNU.js';
+import { InitializationProvider } from './chunk-DVKEEY5J.js';
+import { ProfileProvider, ElevasisServiceProvider } from './chunk-QEPXAWE2.js';
 import { useOrganization } from './chunk-DD3CCMCZ.js';
 import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { createContext, lazy, useContext, Suspense, useRef } from 'react';

package/dist/{chunk-GIQPDIG5.js → chunk-7ATCF6UL.js}

@@ -1,14 +1,13 @@
-import { useComputedColorScheme } from '@mantine/core';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useComputedColorScheme } from '@mantine/core';
 
 // src/components/layout/backgrounds/PerspectiveGrid.tsx
 function PerspectiveGrid({
-  glowColor = "rgba(123, 123, 123, 0.1)",
+  glowColor = "color-mix(in srgb, color-mix(in srgb, var(--color-primary) 20%, var(--color-border)) 30%, transparent)",
   lineColor: lineColorProp,
   className
 }) {
-  const colorScheme = useComputedColorScheme();
-  const lineColor = lineColorProp ?? (colorScheme === "dark" ? "rgba(90, 90, 90, 0.1)" : "rgba(120, 120, 120, 0.1)");
+  const lineColor = lineColorProp ?? "color-mix(in srgb, var(--color-border) 50%, transparent)";
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -272,8 +271,8 @@ function FilmGrain({ darkOpacity = 0.02, lightOpacity = 0.06, className }) {
   );
 }
 var randRange = (min, max) => min + Math.random() * (max - min);
-var FLUX_SPARKS = Array.from({ length: 42 }, () => {
-  const duration = randRange(6, 15);
+var FLUX_SPARKS = Array.from({ length: 32 }, () => {
+  const duration = randRange(12, 70);
   const pulse = randRange(0.8, 2.2);
   return {
     left: randRange(0, 100),
@@ -281,6 +280,37 @@ var FLUX_SPARKS = Array.from({ length: 42 }, () => {
     duration,
     delay: -randRange(0, duration),
     drift: randRange(-35, 35),
+    peak: randRange(0.18, 0.5),
+    pulse,
+    pulseDelay: -randRange(0, pulse)
+  };
+});
+var FLUX_MOTES = Array.from({ length: 19 }, () => {
+  const duration = randRange(18, 90);
+  const pulse = randRange(1.6, 4);
+  return {
+    left: randRange(-2, 102),
+    size: randRange(3.5, 10),
+    duration,
+    delay: -randRange(0, duration),
+    drift: randRange(-55, 55),
+    blur: randRange(1.5, 5),
+    peak: randRange(0.22, 0.55),
+    pulse,
+    pulseDelay: -randRange(0, pulse)
+  };
+});
+var FLUX_GLOWS = Array.from({ length: 10 }, () => {
+  const duration = randRange(25, 130);
+  const pulse = randRange(3.5, 7);
+  return {
+    left: randRange(-5, 105),
+    size: randRange(3, 22),
+    duration,
+    delay: -randRange(0, duration),
+    drift: randRange(-80, 80),
+    blur: randRange(6, 16),
+    opacity: randRange(0.18, 0.42),
     pulse,
     pulseDelay: -randRange(0, pulse)
   };
@@ -288,24 +318,106 @@ var FLUX_SPARKS = Array.from({ length: 42 }, () => {
 var KEYFRAMES4 = `
 @keyframes elevasis-cyber-spark-rise {
   0% { transform: translate3d(0, 0, 0); opacity: 0; }
-  10% { opacity: 1; }
-  85% { opacity: 0.9; }
+  10% { opacity: var(--cy-peak, 1); }
+  85% { opacity: calc(var(--cy-peak, 1) * 0.9); }
   100% { transform: translate3d(var(--cy-drift, 0px), -112vh, 0); opacity: 0; }
 }
 @keyframes elevasis-cyber-spark-pulse {
   0%, 100% { filter: brightness(0.55); transform: scale(0.8); }
   50% { filter: brightness(1.7); transform: scale(1.25); }
 }
+@keyframes elevasis-cyber-glow-pulse {
+  0%, 100% { transform: scale(0.85); }
+  50% { transform: scale(1.2); }
+}
 @media (prefers-reduced-motion: reduce) {
   .elevasis-cyber-spark,
-  .elevasis-cyber-spark-inner {
+  .elevasis-cyber-spark-inner,
+  .elevasis-cyber-glow,
+  .elevasis-cyber-glow-inner {
     animation: none !important;
   }
-  .elevasis-cyber-spark {
+  .elevasis-cyber-spark,
+  .elevasis-cyber-glow {
     opacity: 0 !important;
   }
 }
 `;
+function FluxGlows() {
+  return /* @__PURE__ */ jsx(Fragment, { children: FLUX_GLOWS.map((g, i) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "elevasis-cyber-glow",
+      style: {
+        position: "absolute",
+        bottom: "-5%",
+        left: `${g.left}%`,
+        width: `${g.size}px`,
+        height: `${g.size}px`,
+        filter: `blur(${g.blur}px)`,
+        animation: `elevasis-cyber-spark-rise ${g.duration}s linear infinite`,
+        animationDelay: `${g.delay}s`,
+        ["--cy-drift"]: `${g.drift}px`,
+        ["--cy-peak"]: `${g.opacity}`,
+        willChange: "transform, opacity"
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "elevasis-cyber-glow-inner",
+          style: {
+            width: "100%",
+            height: "100%",
+            borderRadius: "50%",
+            background: `radial-gradient(circle, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 60%, transparent) 45%, transparent 75%)`,
+            animation: `elevasis-cyber-glow-pulse ${g.pulse}s ease-in-out infinite`,
+            animationDelay: `${g.pulseDelay}s`,
+            willChange: "transform"
+          }
+        }
+      )
+    },
+    i
+  )) });
+}
+function FluxMotes() {
+  return /* @__PURE__ */ jsx(Fragment, { children: FLUX_MOTES.map((m, i) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "elevasis-cyber-spark",
+      style: {
+        position: "absolute",
+        bottom: "-3%",
+        left: `${m.left}%`,
+        width: `${m.size}px`,
+        height: `${m.size}px`,
+        filter: `blur(${m.blur}px)`,
+        animation: `elevasis-cyber-spark-rise ${m.duration}s linear infinite`,
+        animationDelay: `${m.delay}s`,
+        ["--cy-drift"]: `${m.drift}px`,
+        ["--cy-peak"]: `${m.peak}`,
+        willChange: "transform, opacity"
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "elevasis-cyber-spark-inner",
+          style: {
+            width: "100%",
+            height: "100%",
+            borderRadius: "50%",
+            background: `radial-gradient(circle, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 70%, transparent) 55%, transparent 90%)`,
+            boxShadow: `0 0 ${m.size * 1.2}px color-mix(in srgb, var(--color-primary) 40%, transparent)`,
+            animation: `elevasis-cyber-spark-pulse ${m.pulse}s ease-in-out infinite`,
+            animationDelay: `${m.pulseDelay}s`,
+            willChange: "transform, filter"
+          }
+        }
+      )
+    },
+    i
+  )) });
+}
 function FluxSparks() {
   return /* @__PURE__ */ jsx(Fragment, { children: FLUX_SPARKS.map((s, i) => /* @__PURE__ */ jsx(
     "div",
@@ -320,6 +432,7 @@ function FluxSparks() {
         animation: `elevasis-cyber-spark-rise ${s.duration}s linear infinite`,
         animationDelay: `${s.delay}s`,
         ["--cy-drift"]: `${s.drift}px`,
+        ["--cy-peak"]: `${s.peak}`,
         willChange: "transform, opacity"
       },
       children: /* @__PURE__ */ jsx(
@@ -356,6 +469,8 @@ function CyberParticles({ variant: _variant, className }) {
       },
       children: [
         /* @__PURE__ */ jsx("style", { children: KEYFRAMES4 }),
+        /* @__PURE__ */ jsx(FluxGlows, {}),
+        /* @__PURE__ */ jsx(FluxMotes, {}),
         /* @__PURE__ */ jsx(FluxSparks, {})
       ]
     }
@@ -370,5 +485,218 @@ function CyberBackground({ variant }) {
     /* @__PURE__ */ jsx(FilmGrain, {})
   ] });
 }
+var MOTE_COUNT = 24;
+var randRange2 = (min, max) => min + Math.random() * (max - min);
+var MOTES = Array.from({ length: MOTE_COUNT }, () => {
+  const size = randRange2(2, 16);
+  return {
+    left: randRange2(0, 100),
+    size,
+    blur: size / 2,
+    duration: randRange2(28, 52),
+    delay: -randRange2(0, 35),
+    drift: randRange2(-22, 22),
+    pulse: randRange2(3, 9),
+    pulseDelay: -randRange2(0, 5)
+  };
+});
+var STYLE = `
+  div[style*="var(--color-background)"][style*="100vh"] {
+    background-color: transparent !important;
+    isolation: isolate;
+  }
+  .wavy-bg-root {
+    position: absolute;
+    inset: 0;
+    z-index: -1;
+    overflow: hidden;
+    pointer-events: none;
+    background: var(--color-background);
+  }
+  /* Variant palettes (light mode defaults) */
+  .wavy-bg-root[data-variant="nirvana"] {
+    --wavy-wave-front: #fde8e0;
+    --wavy-wave-back: #fef2ec;
+    --wavy-mote-core: rgba(253, 205, 170, 0.85);
+    --wavy-mote-halo: rgba(253, 205, 170, 0.3);
+  }
+  .wavy-bg-root[data-variant="wave"] {
+    --wavy-wave-front: #dbeafe;
+    --wavy-wave-back: #eef4ff;
+    --wavy-mote-core: rgba(125, 180, 255, 0.85);
+    --wavy-mote-halo: rgba(125, 180, 255, 0.3);
+  }
+  .wavy-bg-root[data-variant="honey"] {
+    --wavy-wave-front: #fbeed3;
+    --wavy-wave-back: #fdf5e0;
+    --wavy-mote-core: rgba(230, 170, 50, 0.85);
+    --wavy-mote-halo: rgba(230, 170, 50, 0.3);
+  }
+  .wavy-bg-root[data-variant="canopy"] {
+    --wavy-wave-front: #dcebdf;
+    --wavy-wave-back: #e6f0e8;
+    --wavy-mote-core: rgba(140, 205, 155, 0.85);
+    --wavy-mote-halo: rgba(140, 205, 155, 0.3);
+  }
+  /* Variant palettes (dark mode overrides) */
+  [data-mantine-color-scheme="dark"] .wavy-bg-root[data-variant="nirvana"] {
+    --wavy-wave-front: #140804;
+    --wavy-wave-back: #0a0402;
+    --wavy-mote-core: rgba(180, 110, 70, 0.4);
+    --wavy-mote-halo: rgba(180, 110, 70, 0.12);
+  }
+  [data-mantine-color-scheme="dark"] .wavy-bg-root[data-variant="wave"] {
+    --wavy-wave-front: #050e1c;
+    --wavy-wave-back: #030812;
+    --wavy-mote-core: rgba(90, 160, 230, 0.4);
+    --wavy-mote-halo: rgba(90, 160, 230, 0.12);
+  }
+  [data-mantine-color-scheme="dark"] .wavy-bg-root[data-variant="honey"] {
+    --wavy-wave-front: #120e05;
+    --wavy-wave-back: #080502;
+    --wavy-mote-core: rgba(232, 168, 32, 0.4);
+    --wavy-mote-halo: rgba(232, 168, 32, 0.12);
+  }
+  [data-mantine-color-scheme="dark"] .wavy-bg-root[data-variant="canopy"] {
+    --wavy-wave-front: #060f09;
+    --wavy-wave-back: #030805;
+    --wavy-mote-core: rgba(74, 168, 96, 0.4);
+    --wavy-mote-halo: rgba(74, 168, 96, 0.12);
+  }
+  .wavy-bg-layer {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 200%;
+    height: 100%;
+    will-change: transform;
+  }
+  .wavy-bg-layer svg {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+  @keyframes wavy-drift {
+    from { transform: translateX(0); }
+    to   { transform: translateX(-50%); }
+  }
+  .wavy-bg-layer-back {
+    animation: wavy-drift 105s linear infinite;
+  }
+  .wavy-bg-layer-front {
+    animation: wavy-drift 63s linear infinite;
+  }
+  .wavy-bg-wave-back {
+    fill: var(--wavy-wave-back);
+  }
+  .wavy-bg-wave-front {
+    fill: var(--wavy-wave-front);
+  }
+  .wavy-bg-motes {
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+  }
+  .wavy-bg-mote {
+    position: absolute;
+    bottom: 18%;
+    opacity: 0;
+    transform: translate3d(0, 0, 0);
+    animation: wavy-mote-rise var(--mote-duration, 32s) ease-in-out infinite;
+    animation-delay: var(--mote-delay, 0s);
+    will-change: transform, opacity;
+  }
+  .wavy-bg-mote-inner {
+    width: var(--mote-size, 4px);
+    height: var(--mote-size, 4px);
+    border-radius: 50%;
+    background: radial-gradient(
+      circle,
+      var(--wavy-mote-core) 0%,
+      var(--wavy-mote-halo) 45%,
+      transparent 75%
+    );
+    filter: blur(var(--mote-blur, 2px));
+    animation: wavy-mote-pulse var(--mote-pulse, 5s) ease-in-out infinite;
+    animation-delay: var(--mote-pulse-delay, 0s);
+    will-change: transform, filter;
+  }
+  @keyframes wavy-mote-rise {
+    0% {
+      transform: translate3d(0, 0, 0);
+      opacity: 0;
+    }
+    12% {
+      opacity: 1;
+    }
+    70% {
+      opacity: 0.85;
+    }
+    100% {
+      transform: translate3d(var(--mote-drift, 0px), -85vh, 0);
+      opacity: 0;
+    }
+  }
+  @keyframes wavy-mote-pulse {
+    0%, 100% {
+      transform: scale(0.75);
+      filter: blur(var(--mote-blur, 2px)) brightness(0.8);
+    }
+    50% {
+      transform: scale(1.35);
+      filter: blur(calc(var(--mote-blur, 2px) * 1.4)) brightness(1.4);
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .wavy-bg-layer-back,
+    .wavy-bg-layer-front,
+    .wavy-bg-mote,
+    .wavy-bg-mote-inner {
+      animation: none;
+    }
+    .wavy-bg-mote {
+      opacity: 0;
+    }
+  }
+`;
+function WaveBackground({ variant }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("style", { children: STYLE }),
+    /* @__PURE__ */ jsxs("div", { className: "wavy-bg-root", "data-variant": variant, children: [
+      /* @__PURE__ */ jsx("div", { className: "wavy-bg-layer wavy-bg-layer-back", children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 3200 900", preserveAspectRatio: "none", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          className: "wavy-bg-wave-back",
+          d: "M0,340 C260,200 520,220 820,340 C1100,480 1340,440 1600,340 C1860,200 2120,220 2420,340 C2700,480 2940,440 3200,340 L3200,900 L0,900 Z"
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx("div", { className: "wavy-bg-layer wavy-bg-layer-front", children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 3200 900", preserveAspectRatio: "none", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          className: "wavy-bg-wave-front",
+          d: "M0,640 C280,540 520,560 820,680 C1100,790 1340,760 1600,640 C1880,540 2120,560 2420,680 C2700,790 2940,760 3200,640 L3200,900 L0,900 Z"
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx("div", { className: "wavy-bg-motes", "aria-hidden": "true", children: MOTES.map((mote, i) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "wavy-bg-mote",
+          style: {
+            left: `${mote.left}%`,
+            ["--mote-size"]: `${mote.size}px`,
+            ["--mote-blur"]: `${mote.blur}px`,
+            ["--mote-duration"]: `${mote.duration}s`,
+            ["--mote-delay"]: `${mote.delay}s`,
+            ["--mote-drift"]: `${mote.drift}px`,
+            ["--mote-pulse"]: `${mote.pulse}s`,
+            ["--mote-pulse-delay"]: `${mote.pulseDelay}s`
+          },
+          children: /* @__PURE__ */ jsx("div", { className: "wavy-bg-mote-inner" })
+        },
+        i
+      )) })
+    ] })
+  ] });
+}
 
-export { CyberBackground, CyberParticles, FilmGrain, FloatingOrbs, PerspectiveGrid, RadiantGlow };
+export { CyberBackground, CyberParticles, FilmGrain, FloatingOrbs, PerspectiveGrid, RadiantGlow, WaveBackground };

package/dist/{chunk-VOSLYTTR.js → chunk-7S5FS7WW.js}

@@ -1,17 +1,45 @@
-import { getTimeRangeLabel, getTimeRangeDates, useErrorTrends, formatBucketTime } from './chunk-EQNXEBGZ.js';
+import { getTimeRangeLabel, getTimeRangeDates, useErrorTrends, formatBucketTime } from './chunk-LXHZYSMQ.js';
 import { ResourceStatusColors } from './chunk-ELJIFLCB.js';
 import { getErrorInfo, getErrorTitle, getResourceIcon } from './chunk-FCFLBMVI.js';
 import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
-import { useMemo, useState, useEffect, useCallback } from 'react';
+import { useRef, useState, useLayoutEffect, useEffect, useMemo, useCallback } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useComputedColorScheme, Group, Text, Box, Stack, Center, Title, Button, Loader, Badge, Collapse, ScrollArea, Card, Skeleton, Select, Alert, Code, ThemeIcon, Paper, Grid, NumberFormatter, Space, Tooltip as Tooltip$1, SimpleGrid, SegmentedControl } from '@mantine/core';
 import { ResponsiveContainer, AreaChart, CartesianGrid, XAxis, YAxis, Tooltip, ReferenceLine as ReferenceLine$1, Area, PieChart, Pie, Cell } from 'recharts';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { IconMinus, IconTrendingUp, IconTrendingDown, IconChevronUp, IconChevronDown, IconAlertCircle, IconClock, IconInfoCircle, IconChevronRight, IconDownload, IconChartLine, IconApps, IconPlayerPlay, IconChartBar, IconAlertTriangle, IconRocket } from '@tabler/icons-react';
 import Markdown from 'react-markdown';
 import { Prism } from 'react-syntax-highlighter';
 import { oneDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
 
+function ChartFrame({ h, debounceMs = 150, children }) {
+  const ref = useRef(null);
+  const [width, setWidth] = useState(0);
+  useLayoutEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const w = el.getBoundingClientRect().width;
+    if (w > 0) setWidth(w);
+  }, []);
+  useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    let timeout;
+    const ro = new ResizeObserver((entries) => {
+      if (timeout !== void 0) window.clearTimeout(timeout);
+      const nextWidth = entries[0]?.contentRect.width ?? 0;
+      timeout = window.setTimeout(() => {
+        if (nextWidth > 0) setWidth(nextWidth);
+      }, debounceMs);
+    });
+    ro.observe(el);
+    return () => {
+      ro.disconnect();
+      if (timeout !== void 0) window.clearTimeout(timeout);
+    };
+  }, [debounceMs]);
+  return /* @__PURE__ */ jsx("div", { ref, style: { width: "100%", height: h, position: "relative" }, children: width > 0 && /* @__PURE__ */ jsx("div", { style: { width, height: h }, children }) });
+}
 var THEME_DERIVED = {
   grid: "var(--color-border)",
   gridLine: "var(--color-border)",
@@ -1026,6 +1054,7 @@ function ResourceCard({
   rightSection,
   topSection,
   lastRunLabel,
+  dormant = false,
   style,
   ...rest
 }) {
@@ -1105,6 +1134,7 @@ function ResourceCard({
   }
   if (layout === "row") {
     const [hovered, setHovered] = useState(false);
+    const baseBackground = dormant ? "var(--glass-background)" : "var(--color-surface)";
     return /* @__PURE__ */ jsx(
       Card,
       {
@@ -1113,7 +1143,8 @@ function ResourceCard({
           cursor: "pointer",
           border: "1px solid var(--color-border)",
           transition: "background 150ms ease",
-          background: hovered ? "var(--active-background)" : "var(--glass-background)",
+          background: hovered ? "var(--active-background)" : baseBackground,
+          ...dormant ? { backdropFilter: "var(--glass-blur)", WebkitBackdropFilter: "var(--glass-blur)" } : {},
           ...style
         },
         onClick: () => onClick(resource),
@@ -1600,4 +1631,4 @@ function CombinedTrendChart({
   ] });
 }
 
-export { APIErrorAlert, ActivityTrendChart, CardHeader, CollapsibleSection, CombinedTrendChart, ContextViewer, CostTrendChart, CustomSelector, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, DetailCardSkeleton, EmptyState, GlowDot, HeroStatsRow, JsonViewer, ListSkeleton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, StyledMarkdown, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition, getSeriesColor, useCyberColors };
+export { APIErrorAlert, ActivityTrendChart, CardHeader, ChartFrame, CollapsibleSection, CombinedTrendChart, ContextViewer, CostTrendChart, CustomSelector, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, DetailCardSkeleton, EmptyState, GlowDot, HeroStatsRow, JsonViewer, ListSkeleton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, StyledMarkdown, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition, getSeriesColor, useCyberColors };

package/dist/chunk-ADSSLKKP.js

@@ -0,0 +1,10 @@
+import { useAppearance } from './chunk-QJ2KCHKX.js';
+import { Center } from '@mantine/core';
+import { jsx } from 'react/jsx-runtime';
+
+function SubshellLoader() {
+  const { loader } = useAppearance();
+  return /* @__PURE__ */ jsx(Center, { mih: "calc(100vh - 70px)", children: loader });
+}
+
+export { SubshellLoader };

package/dist/{chunk-V5GGPIDD.js → chunk-CC3SDRIF.js}

@@ -1,4 +1,4 @@
-import { useInitialization } from './chunk-3VTC7OWU.js';
+import { useInitialization } from './chunk-DVKEEY5J.js';
 import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { useRef, useEffect } from 'react';
 import { useQueryClient } from '@tanstack/react-query';

package/dist/{chunk-3VTC7OWU.js → chunk-DVKEEY5J.js}

@@ -1,4 +1,4 @@
-import { useProfile } from './chunk-BK4EIWNU.js';
+import { useProfile } from './chunk-QEPXAWE2.js';
 import { useOrganization } from './chunk-DD3CCMCZ.js';
 import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { createContext, useContext, useMemo, useCallback, createElement } from 'react';

package/dist/{chunk-5H6OPZQB.js → chunk-IVHJRJFK.js}

@@ -1,7 +1,7 @@
+import { AppBackground } from './chunk-NUULWBAD.js';
 import { ElevasisLoader } from './chunk-SZHARWKU.js';
-import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-K6DYEZHC.js';
-import { AppBackground } from './chunk-GATPOCUD.js';
-import { ElevasisCoreProvider } from './chunk-YCOTIVEZ.js';
+import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-4AKGF454.js';
+import { ElevasisCoreProvider } from './chunk-53GNREDV.js';
 import { AppearanceProvider } from './chunk-QJ2KCHKX.js';
 import { getErrorInfo, formatErrorMessage, getErrorTitle } from './chunk-FCFLBMVI.js';
 import { useMemo, useEffect } from 'react';

package/dist/{chunk-GU46QC4Z.js → chunk-L4XXM55J.js}

@@ -1,6 +1,109 @@
-import { useUserProfile } from './chunk-BK4EIWNU.js';
+import { useUserProfile } from './chunk-QEPXAWE2.js';
 import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { useState, useRef, useEffect, useCallback } from 'react';
+import { Button, Loader, Menu, Text, Badge } from '@mantine/core';
+import { IconChevronDown, IconBuilding, IconCheck } from '@tabler/icons-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function OrganizationSwitcher({
+  currentOrganization,
+  memberships,
+  isLoading,
+  onSwitch
+}) {
+  const [opened, setOpened] = useState(false);
+  const [switching, setSwitching] = useState(false);
+  const otherMemberships = memberships.filter((m) => m.organizationId !== currentOrganization?.id);
+  const handleSwitch = async (workosOrgId) => {
+    setSwitching(true);
+    try {
+      await onSwitch(workosOrgId);
+      setOpened(false);
+    } catch (error) {
+      console.error("Failed to switch organization:", error);
+    } finally {
+      setSwitching(false);
+    }
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Button, { variant: "light", size: "xs", disabled: true, children: /* @__PURE__ */ jsx(Loader, { size: 14 }) });
+  }
+  if (memberships.length === 0) {
+    return /* @__PURE__ */ jsx(Button, { variant: "light", size: "xs", disabled: true, children: "None" });
+  }
+  return /* @__PURE__ */ jsxs(Menu, { opened, onChange: setOpened, position: "bottom-start", withinPortal: true, children: [
+    /* @__PURE__ */ jsx(Menu.Target, { children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "light",
+        size: "xs",
+        leftSection: /* @__PURE__ */ jsx(IconBuilding, { size: 16 }),
+        rightSection: /* @__PURE__ */ jsx(IconChevronDown, { size: 14 }),
+        loading: switching,
+        children: /* @__PURE__ */ jsx(Text, { truncate: true, style: { maxWidth: 200 }, size: "xs", children: currentOrganization?.name || "Select Organization" })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      Menu.Dropdown,
+      {
+        style: {
+          background: "var(--glass-background)",
+          backdropFilter: "var(--glass-blur)",
+          WebkitBackdropFilter: "var(--glass-blur)"
+        },
+        children: [
+          currentOrganization && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Menu.Label, { children: "Current Organization" }),
+            /* @__PURE__ */ jsx(Menu.Item, { disabled: true, rightSection: /* @__PURE__ */ jsx(IconCheck, { size: 14 }), leftSection: /* @__PURE__ */ jsx(IconBuilding, { size: 14 }), children: currentOrganization.name }),
+            otherMemberships.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Menu.Divider, {}),
+              /* @__PURE__ */ jsx(Menu.Label, { children: "Switch Organization" })
+            ] })
+          ] }),
+          otherMemberships.length > 0 && /* @__PURE__ */ jsx("div", { children: otherMemberships.map((membership, index) => /* @__PURE__ */ jsx(
+            Menu.Item,
+            {
+              leftSection: /* @__PURE__ */ jsx(IconBuilding, { size: 14 }),
+              rightSection: /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", children: membership.role.slug }),
+              onClick: () => {
+                const workosOrgId = membership.organization?.workos_org_id;
+                if (!workosOrgId) {
+                  console.error("Organization missing WorkOS ID:", membership.organization?.name);
+                  return;
+                }
+                handleSwitch(workosOrgId);
+              },
+              disabled: switching,
+              children: membership.organization?.name || "Unknown Organization"
+            },
+            `${membership.organizationId}-${index}`
+          )) }, "other-memberships"),
+          !currentOrganization && memberships.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Menu.Label, { children: "Select Organization" }),
+            memberships.map((membership) => /* @__PURE__ */ jsx(
+              Menu.Item,
+              {
+                leftSection: /* @__PURE__ */ jsx(IconBuilding, { size: 14 }),
+                rightSection: /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", children: membership.role.slug }),
+                onClick: () => {
+                  const workosOrgId = membership.organization?.workos_org_id;
+                  if (!workosOrgId) {
+                    console.error("Organization missing WorkOS ID:", membership.organization?.name);
+                    return;
+                  }
+                  handleSwitch(workosOrgId);
+                },
+                disabled: switching,
+                children: membership.organization?.name || "Unknown Organization"
+              },
+              membership.organizationId
+            ))
+          ] })
+        ]
+      }
+    )
+  ] });
+}
 
 // src/organization/store/organizationsSlice.ts
 var initialOrganizationsState = {
@@ -243,4 +346,4 @@ function createUseOrgInitialization(useOrganizations, useApiClient) {
   };
 }
 
-export { createOrganizationsSlice, createUseOrgInitialization, createUseOrganizations };
+export { OrganizationSwitcher, createOrganizationsSlice, createUseOrgInitialization, createUseOrganizations };

package/dist/{chunk-EQNXEBGZ.js → chunk-LXHZYSMQ.js}

@@ -1,4 +1,4 @@
-import { useElevasisServices } from './chunk-BK4EIWNU.js';
+import { useElevasisServices } from './chunk-QEPXAWE2.js';
 import { useQuery } from '@tanstack/react-query';
 
 // src/hooks/observability/queryKeys.ts