@elevasis/ui 1.11.2 → 1.13.0

package/dist/{chunk-564T2YKH.js → chunk-HLZMP7GN.js}

@@ -1,13 +1,16 @@
-import { OrganizationProvider } from './chunk-2YBPRE6H.js';
+import { AppBackground, AppearanceProvider } from './chunk-HRG3KPL6.js';
+import { ElevasisLoader } from './chunk-SZHARWKU.js';
+import { OrganizationProvider } from './chunk-HGNP6EVB.js';
 import { ApiClientProvider, useApiClient } from './chunk-RULQSZYX.js';
 import { getErrorInfo, getErrorTitle, formatErrorMessage } from './chunk-FCFLBMVI.js';
-import { InitializationProvider } from './chunk-WUQWCUCB.js';
-import { ElevasisServiceProvider, ProfileProvider, useElevasisServices } from './chunk-GZVH423C.js';
+import { InitializationProvider } from './chunk-3VTC7OWU.js';
+import { ProfileProvider, ElevasisServiceProvider } from './chunk-BK4EIWNU.js';
 import { useOrganization } from './chunk-DD3CCMCZ.js';
-import { useAuthContext } from './chunk-7PLEQFHO.js';
+import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { createContext, lazy, useContext, Suspense, useRef } from 'react';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { QueryClientProvider, QueryClient } from '@tanstack/react-query';
+import { Loader } from '@mantine/core';
 
 var consoleAdapter = {
   success(title, message) {
@@ -36,7 +39,7 @@ function NotificationProvider({ adapter, children }) {
 function useNotificationAdapter() {
   return useContext(NotificationContext);
 }
-var LazyCoreAuthKitInner = lazy(() => import('./CoreAuthKitInner-3J4RVQO6.js').then((m) => ({ default: m.CoreAuthKitInner })));
+var LazyCoreAuthKitInner = lazy(() => import('./CoreAuthKitInner-I32JCNE7.js').then((m) => ({ default: m.CoreAuthKitInner })));
 var defaultQueryClient = null;
 function getDefaultQueryClient() {
   if (!defaultQueryClient) {
@@ -46,12 +49,30 @@ function getDefaultQueryClient() {
   }
   return defaultQueryClient;
 }
+var consoleNotificationAdapter = {
+  success(title, message) {
+    console.log(`[Notification][Success] ${title}: ${message}`);
+  },
+  error(title, message) {
+    console.warn(`[Notification][Error] ${title}: ${message}`);
+  },
+  info(title, message) {
+    console.log(`[Notification][Info] ${title}: ${message}`);
+  },
+  warning(title, message) {
+    console.warn(`[Notification][Warning] ${title}: ${message}`);
+  },
+  apiError(error) {
+    console.warn(`[Notification][API Error]`, error);
+  }
+};
 function ElevasisCoreProvider({
   auth,
   queryClient,
   apiUrl,
   onError,
   notifications,
+  appearance,
   children
 }) {
   if (auth.mode === "apiKey") {
@@ -60,11 +81,15 @@ function ElevasisCoreProvider({
     );
   }
   const resolvedQueryClient = queryClient ?? getDefaultQueryClient();
-  const content = apiUrl ? /* @__PURE__ */ jsx(CoreServiceBridge, { apiUrl, onError, notifications, children }) : children;
+  const resolvedAppearance = {
+    background: appearance?.background ?? /* @__PURE__ */ jsx(AppBackground, {}),
+    loader: appearance?.loader ?? /* @__PURE__ */ jsx(Loader, { size: "xl", loaders: { elevasis: ElevasisLoader }, type: "elevasis" })
+  };
+  const content = apiUrl ? /* @__PURE__ */ jsx(ServiceStack, { apiUrl, onError, notifications, children }) : children;
   const AuthInner = /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(LazyCoreAuthKitInner, { auth, children: content }) });
-  return /* @__PURE__ */ jsx(QueryClientProvider, { client: resolvedQueryClient, children: AuthInner });
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: resolvedQueryClient, children: /* @__PURE__ */ jsx(AppearanceProvider, { value: resolvedAppearance, children: AuthInner }) });
 }
-function CoreServiceBridge({
+function ServiceStack({
   apiUrl,
   onError,
   notifications,
@@ -80,34 +105,30 @@ function CoreServiceBridge({
       getOrganizationId,
       isOrganizationReady: false,
       onError,
-      children: /* @__PURE__ */ jsx(CoreServiceBridgeInner, { apiUrl, orgIdRef, notifications, children })
+      children: /* @__PURE__ */ jsx(ServiceStackInner, { apiUrl, orgIdRef, notifications, children })
     }
   );
 }
-function CoreServiceBridgeInner({
+function ServiceStackInner({
   apiUrl,
   orgIdRef,
   notifications,
   children
 }) {
   const { apiRequest } = useApiClient(apiUrl);
-  return /* @__PURE__ */ jsx(ElevasisServiceProvider, { apiRequest, organizationId: null, isReady: false, children: /* @__PURE__ */ jsx(ProfileProvider, { children: /* @__PURE__ */ jsx(OrganizationProvider, { children: /* @__PURE__ */ jsx(OrgIdBridge, { orgIdRef, children: /* @__PURE__ */ jsx(CoreNotificationLayer, { notifications, children: /* @__PURE__ */ jsx(InitializationProvider, { children }) }) }) }) }) });
-}
-function OrgIdBridge({ orgIdRef, children }) {
-  const { currentWorkOSOrganizationId, isInitializing, isOrgRefreshing } = useOrganization();
-  const { apiRequest } = useElevasisServices();
-  orgIdRef.current = currentWorkOSOrganizationId;
-  const isReady = !!currentWorkOSOrganizationId && !isInitializing && !isOrgRefreshing;
-  return /* @__PURE__ */ jsx(ElevasisServiceProvider, { apiRequest, organizationId: currentWorkOSOrganizationId, isReady, children });
+  const resolvedNotifications = notifications ?? consoleNotificationAdapter;
+  return /* @__PURE__ */ jsx(ProfileProvider, { apiRequest, children: /* @__PURE__ */ jsx(OrganizationProvider, { apiRequest, children: /* @__PURE__ */ jsx(OrgServiceBridge, { orgIdRef, apiRequest, notifications: resolvedNotifications, children }) }) });
 }
-function CoreNotificationLayer({
+function OrgServiceBridge({
+  orgIdRef,
+  apiRequest,
   notifications,
   children
 }) {
-  if (notifications) {
-    return /* @__PURE__ */ jsx(NotificationProvider, { adapter: notifications, children });
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children });
+  const { currentWorkOSOrganizationId, isInitializing, isOrgRefreshing } = useOrganization();
+  orgIdRef.current = currentWorkOSOrganizationId;
+  const isReady = !!currentWorkOSOrganizationId && !isInitializing && !isOrgRefreshing;
+  return /* @__PURE__ */ jsx(ElevasisServiceProvider, { apiRequest, organizationId: currentWorkOSOrganizationId, isReady, children: /* @__PURE__ */ jsx(NotificationProvider, { adapter: notifications, children: /* @__PURE__ */ jsx(InitializationProvider, { children }) }) });
 }
 
 export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter };

package/dist/chunk-HRG3KPL6.js

@@ -0,0 +1,295 @@
+import { createContext, useContext } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useComputedColorScheme } from '@mantine/core';
+
+// src/provider/AppearanceContext.tsx
+var AppearanceContext = createContext(null);
+function AppearanceProvider({ value, children }) {
+  return /* @__PURE__ */ jsx(AppearanceContext.Provider, { value, children });
+}
+function useAppearance() {
+  const ctx = useContext(AppearanceContext);
+  if (!ctx) {
+    throw new Error("useAppearance must be used within an AppearanceProvider (ElevasisCoreProvider)");
+  }
+  return ctx;
+}
+function PerspectiveGrid({
+  glowColor = "rgba(123, 123, 123, 0.1)",
+  className
+}) {
+  const colorScheme = useComputedColorScheme();
+  const lineColor = colorScheme === "dark" ? "rgba(90, 90, 90, 0.1)" : "rgba(120, 120, 120, 0.1)";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className,
+      style: {
+        position: "absolute",
+        inset: 0,
+        pointerEvents: "none",
+        overflow: "hidden",
+        perspective: "500px"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              bottom: 0,
+              left: "50%",
+              transform: "translateX(-50%)",
+              width: "100%",
+              height: "60%",
+              background: `radial-gradient(ellipse 90% 75% at 50% 112%, ${glowColor} -15%, transparent 45%)`,
+              pointerEvents: "none"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              left: "-50%",
+              right: "-50%",
+              bottom: 0,
+              height: "70%",
+              backgroundImage: `
+            linear-gradient(${lineColor} 2px, transparent 1px),
+            linear-gradient(90deg, ${lineColor} 2px, transparent 1px)
+          `,
+              backgroundSize: "120px 100px",
+              transform: "rotateX(60deg)",
+              transformOrigin: "bottom center",
+              maskImage: "linear-gradient(to bottom, transparent 0%, black 100%, black 100%, transparent 100%)",
+              WebkitMaskImage: "linear-gradient(to bottom, transparent 0%, black 100%, black 100%, transparent 100%)"
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+var KEYFRAMES = `
+@keyframes elevasis-glow-drift {
+  0% { transform: translateY(0) scale(1); opacity: 1; }
+  20% { transform: translateY(-8%) scale(1.12); opacity: 0.7; }
+  40% { transform: translateY(3%) scale(0.92); opacity: 1; }
+  60% { transform: translateY(5%) scale(1.08); opacity: 0.8; }
+  80% { transform: translateY(-4%) scale(0.95); opacity: 0.9; }
+  100% { transform: translateY(0) scale(1); opacity: 1; }
+}
+@keyframes elevasis-glow-drift-alt {
+  0% { transform: translateY(0) scale(1); opacity: 0.8; }
+  25% { transform: translateY(6%) scale(0.9); opacity: 1; }
+  50% { transform: translateY(-7%) scale(1.15); opacity: 0.7; }
+  75% { transform: translateY(-5%) scale(1.05); opacity: 0.9; }
+  100% { transform: translateY(0) scale(1); opacity: 0.8; }
+}
+@keyframes elevasis-glow-drift-slow {
+  0% { transform: translateY(0) scale(1); opacity: 0.9; }
+  33% { transform: translateY(-4%) scale(1.1); opacity: 0.6; }
+  66% { transform: translateY(6%) scale(0.88); opacity: 1; }
+  100% { transform: translateY(0) scale(1); opacity: 0.9; }
+}
+`;
+function RadiantGlow({
+  color = "var(--color-primary)",
+  opacity = 1,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className,
+      style: {
+        position: "absolute",
+        inset: 0,
+        pointerEvents: "none",
+        overflow: "clip",
+        opacity
+      },
+      children: [
+        /* @__PURE__ */ jsx("style", { children: KEYFRAMES }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: "-80%",
+              left: "50%",
+              transform: "translateX(-50%)",
+              width: "200%",
+              height: "200%",
+              background: `radial-gradient(ellipse at center, color-mix(in srgb, ${color} 0.8%, transparent) 0%, transparent 70%)`,
+              animation: "elevasis-glow-drift 20s ease-in-out infinite",
+              willChange: "transform"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              bottom: "-70%",
+              left: "50%",
+              transform: "translateX(-50%)",
+              width: "180%",
+              height: "180%",
+              background: `radial-gradient(ellipse at center, color-mix(in srgb, ${color} 0.6%, transparent) 0%, transparent 65%)`,
+              animation: "elevasis-glow-drift-alt 24s ease-in-out infinite",
+              willChange: "transform"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: "-20%",
+              left: "50%",
+              transform: "translateX(-50%)",
+              width: "120%",
+              height: "120%",
+              background: `radial-gradient(ellipse at center, color-mix(in srgb, ${color} 0.6%, transparent) 0%, transparent 60%)`,
+              animation: "elevasis-glow-drift-slow 28s ease-in-out infinite",
+              willChange: "transform"
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+var KEYFRAMES2 = `
+@keyframes elevasis-orb-float-0 {
+  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; }
+  25% { transform: translate(12vw, -8vh) scale(1.2); opacity: 0.8; }
+  50% { transform: translate(-5vw, -15vh) scale(0.9); opacity: 0.4; }
+  75% { transform: translate(8vw, 5vh) scale(1.1); opacity: 0.7; }
+}
+@keyframes elevasis-orb-float-1 {
+  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.6; }
+  30% { transform: translate(-10vw, 6vh) scale(0.85); opacity: 0.3; }
+  60% { transform: translate(7vw, 12vh) scale(1.15); opacity: 0.7; }
+}
+@keyframes elevasis-orb-float-2 {
+  0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.4; }
+  20% { transform: translate(6vw, 10vh) scale(1.3); opacity: 0.7; }
+  50% { transform: translate(-8vw, -4vh) scale(0.8); opacity: 0.3; }
+  80% { transform: translate(3vw, -12vh) scale(1.1); opacity: 0.6; }
+}
+`;
+var ORB_CONFIGS = [
+  { top: "10%", left: "15%", size: "25vw", anim: "elevasis-orb-float-0", dur: "22s" },
+  { top: "60%", left: "70%", size: "30vw", anim: "elevasis-orb-float-1", dur: "28s" },
+  { top: "30%", left: "50%", size: "20vw", anim: "elevasis-orb-float-2", dur: "32s" },
+  { top: "75%", left: "20%", size: "22vw", anim: "elevasis-orb-float-0", dur: "26s" },
+  { top: "5%", left: "75%", size: "18vw", anim: "elevasis-orb-float-1", dur: "30s" },
+  { top: "45%", left: "5%", size: "24vw", anim: "elevasis-orb-float-2", dur: "24s" }
+];
+function FloatingOrbs({
+  color = "var(--color-primary)",
+  count = 6,
+  className
+}) {
+  const orbs = ORB_CONFIGS.slice(0, count);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className,
+      style: {
+        position: "absolute",
+        inset: 0,
+        pointerEvents: "none",
+        overflow: "clip"
+      },
+      children: [
+        /* @__PURE__ */ jsx("style", { children: KEYFRAMES2 }),
+        orbs.map((orb, i) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: orb.top,
+              left: orb.left,
+              width: orb.size,
+              height: orb.size,
+              borderRadius: "50%",
+              background: `radial-gradient(circle at center, color-mix(in srgb, ${color} 3%, transparent) 0%, transparent 70%)`,
+              filter: "blur(40px)",
+              animation: `${orb.anim} ${orb.dur} ease-in-out infinite`,
+              willChange: "transform, opacity"
+            }
+          },
+          i
+        ))
+      ]
+    }
+  );
+}
+var KEYFRAMES3 = `
+@keyframes elevasis-grain-shift {
+  0%, 100% { transform: translate(0, 0); }
+  10% { transform: translate(-2%, -3%); }
+  20% { transform: translate(3%, 1%); }
+  30% { transform: translate(-1%, 4%); }
+  40% { transform: translate(4%, -2%); }
+  50% { transform: translate(-3%, 2%); }
+  60% { transform: translate(2%, -4%); }
+  70% { transform: translate(-4%, 1%); }
+  80% { transform: translate(1%, 3%); }
+  90% { transform: translate(3%, -1%); }
+}
+`;
+function FilmGrain({ darkOpacity = 0.02, lightOpacity = 0.06, className }) {
+  const colorScheme = useComputedColorScheme();
+  const opacity = colorScheme === "dark" ? darkOpacity : lightOpacity;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className,
+      style: {
+        position: "absolute",
+        inset: 0,
+        pointerEvents: "none",
+        overflow: "clip",
+        opacity,
+        mixBlendMode: colorScheme === "dark" ? "screen" : "multiply"
+      },
+      children: [
+        /* @__PURE__ */ jsx("style", { children: KEYFRAMES3 }),
+        /* @__PURE__ */ jsx("svg", { style: { position: "absolute", width: 0, height: 0 }, children: /* @__PURE__ */ jsx("filter", { id: "elevasis-grain", children: /* @__PURE__ */ jsx("feTurbulence", { type: "fractalNoise", baseFrequency: "0.65", numOctaves: "3", stitchTiles: "stitch" }) }) }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              inset: "-50%",
+              width: "200%",
+              height: "200%",
+              filter: "url(#elevasis-grain)",
+              animation: "elevasis-grain-shift 0.8s steps(4) infinite",
+              willChange: "transform"
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+function AppBackground({ children }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(PerspectiveGrid, {}),
+    /* @__PURE__ */ jsx(RadiantGlow, {}),
+    /* @__PURE__ */ jsx(FloatingOrbs, {}),
+    /* @__PURE__ */ jsx(FilmGrain, {}),
+    children
+  ] });
+}
+
+export { AppBackground, AppearanceProvider, FilmGrain, FloatingOrbs, PerspectiveGrid, RadiantGlow, useAppearance };

package/dist/{chunk-JGJSZ3UE.js → chunk-NJJ3NQ7B.js}

@@ -1,4 +1,4 @@
-import { useAuthContext } from './chunk-7PLEQFHO.js';
+import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { createClient } from '@supabase/supabase-js';
 import { useMemo } from 'react';
 

package/dist/{chunk-CC6BRHQK.js → chunk-RM6ACTB3.js}

@@ -1,7 +1,7 @@
-import { getTimeRangeLabel, getTimeRangeDates, useErrorTrends, formatBucketTime } from './chunk-ARZM3OTI.js';
+import { getTimeRangeLabel, getTimeRangeDates, useErrorTrends, formatBucketTime } from './chunk-EQNXEBGZ.js';
 import { ResourceStatusColors } from './chunk-ELJIFLCB.js';
 import { getErrorInfo, getErrorTitle, getResourceIcon } from './chunk-FCFLBMVI.js';
-import { useAuthContext } from './chunk-7PLEQFHO.js';
+import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { useMemo, useState, useEffect, useCallback } from 'react';
 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';

package/dist/chunk-SZHARWKU.js

@@ -0,0 +1,15 @@
+import { forwardRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/components/display/ElevasisLoader.tsx
+
+// src/components/display/ElevasisLoader.module.css.js
+var ElevasisLoader_module_css_default = { "wrapper": "wrapper", "loader": "loader", "chevron": "chevron", "c1": "c1", "c2": "c2", "c3": "c3" };
+var ElevasisLoader = forwardRef(({ style, className, ...others }, ref) => /* @__PURE__ */ jsx("div", { ref, style, className: `${ElevasisLoader_module_css_default.wrapper} ${className ?? ""}`, ...others, children: /* @__PURE__ */ jsxs("svg", { className: ElevasisLoader_module_css_default.loader, viewBox: "-10 -5 60 50", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ jsx("polyline", { className: `${ElevasisLoader_module_css_default.chevron} ${ElevasisLoader_module_css_default.c1}`, points: "5,36 20,25 35,36" }),
+  /* @__PURE__ */ jsx("polyline", { className: `${ElevasisLoader_module_css_default.chevron} ${ElevasisLoader_module_css_default.c2}`, points: "9,23 20,14 31,23" }),
+  /* @__PURE__ */ jsx("polyline", { className: `${ElevasisLoader_module_css_default.chevron} ${ElevasisLoader_module_css_default.c3}`, points: "13,11 20,5 27,11" })
+] }) }));
+ElevasisLoader.displayName = "ElevasisLoader";
+
+export { ElevasisLoader };

package/dist/{chunk-6TMW6VQ2.js → chunk-V5GGPIDD.js}

@@ -1,5 +1,5 @@
-import { useInitialization } from './chunk-WUQWCUCB.js';
-import { useAuthContext } from './chunk-7PLEQFHO.js';
+import { useInitialization } from './chunk-3VTC7OWU.js';
+import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { useRef, useEffect } from 'react';
 import { useQueryClient } from '@tanstack/react-query';
 import { useNavigate, useLocation } from '@tanstack/react-router';

package/dist/{chunk-YGYF6G7W.js → chunk-YHTK43DV.js}

@@ -1,7 +1,6 @@
 import { UnstyledButton, Group, Box, ThemeIcon } from '@mantine/core';
 import { IconChevronRight } from '@tabler/icons-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
 
 // src/components/display/NavigationButton.tsx
 var NavigationButton = ({
@@ -117,13 +116,4 @@ var NavigationButton = ({
   );
 };
 
-// src/components/display/ElevasisLoader.module.css.js
-var ElevasisLoader_module_css_default = { "wrapper": "wrapper", "loader": "loader", "chevron": "chevron", "c1": "c1", "c2": "c2", "c3": "c3" };
-var ElevasisLoader = forwardRef(({ style, className, ...others }, ref) => /* @__PURE__ */ jsx("div", { ref, style, className: `${ElevasisLoader_module_css_default.wrapper} ${className ?? ""}`, ...others, children: /* @__PURE__ */ jsxs("svg", { className: ElevasisLoader_module_css_default.loader, viewBox: "-10 -5 60 50", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ jsx("polyline", { className: `${ElevasisLoader_module_css_default.chevron} ${ElevasisLoader_module_css_default.c1}`, points: "5,36 20,25 35,36" }),
-  /* @__PURE__ */ jsx("polyline", { className: `${ElevasisLoader_module_css_default.chevron} ${ElevasisLoader_module_css_default.c2}`, points: "9,23 20,14 31,23" }),
-  /* @__PURE__ */ jsx("polyline", { className: `${ElevasisLoader_module_css_default.chevron} ${ElevasisLoader_module_css_default.c3}`, points: "13,11 20,5 27,11" })
-] }) }));
-ElevasisLoader.displayName = "ElevasisLoader";
-
-export { ElevasisLoader, NavigationButton };
+export { NavigationButton };

package/dist/components/index.d.ts

@@ -3833,6 +3833,8 @@ interface APIExecutionDetail extends APIExecutionSummary {
     apiVersion?: string | null;
     resourceVersion?: string | null;
     sdkVersion?: string | null;
+    isArchived?: boolean;
+    archivedLogCount?: number;
 }
 
 /**

package/dist/components/index.js

@@ -1,40 +1,42 @@
-import { useCyberColors, EmptyState, CyberLegendItem, CyberAreaChart, APIErrorAlert, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, ContextViewer, JsonViewer, StyledMarkdown, PageTitleCaption, StatCard, CyberDonut, CollapsibleSection, ListSkeleton } from '../chunk-CC6BRHQK.js';
-export { APIErrorAlert, CardHeader, CollapsibleSection, ContextViewer, CustomSelector, DetailCardSkeleton, EmptyState, JsonViewer, ListSkeleton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, StyledMarkdown, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition } from '../chunk-CC6BRHQK.js';
-import { SubshellLoader, SubshellContainer, SubshellSidebar, SubshellRightSideContainer, SubshellContentContainer, PageContainer, AppShellLoader, SubshellSidebarSection, PerspectiveGrid, RadiantGlow, FloatingOrbs, FilmGrain, CollapsibleSidebarGroup, SidebarListItem } from '../chunk-THXI3CDT.js';
-import { ElevasisLoader } from '../chunk-YGYF6G7W.js';
-export { ElevasisLoader, NavigationButton } from '../chunk-YGYF6G7W.js';
-import { useUpdateApiKey, useDeleteApiKey, useCreateApiKey, useListApiKeys, useDeleteCredential, useCreateCredential, useCredentials, useActivateDeployment, useDeactivateDeployment, useDeleteDeployment, useListDeployments, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, showApiErrorNotification, showSuccessNotification, CredentialSchemas, showErrorNotification } from '../chunk-7NX3WNBO.js';
-export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-7NX3WNBO.js';
-import { useCommandViewLayout, useResourcesHealth, useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead, useMarkAllAsRead, useNotificationCount, useNotifications, useSubmitAction, useDeleteTask, useErrorDetail, useExecution, useDeleteExecution, useRetryExecution, useCancelExecution, useDeploymentDocs, useResources, useCreateSchedule, useListSchedules, usePauseSchedule, useResumeSchedule, useCancelSchedule, useDeleteSchedule, useCommandQueueTotals } from '../chunk-AQZGGSZZ.js';
-import { getTimeRangeDates, formatBucketTime } from '../chunk-ARZM3OTI.js';
-import '../chunk-JGJSZ3UE.js';
+import { useCyberColors, EmptyState, CyberLegendItem, CyberAreaChart, APIErrorAlert, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, ContextViewer, JsonViewer, StyledMarkdown, PageTitleCaption, StatCard, CyberDonut, CollapsibleSection, ListSkeleton } from '../chunk-RM6ACTB3.js';
+export { APIErrorAlert, CardHeader, CollapsibleSection, ContextViewer, CustomSelector, DetailCardSkeleton, EmptyState, JsonViewer, ListSkeleton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, StyledMarkdown, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition } from '../chunk-RM6ACTB3.js';
+import { SubshellLoader, SubshellContainer, SubshellSidebar, SubshellRightSideContainer, SubshellContentContainer, PageContainer, AppShellLoader, SubshellSidebarSection, CollapsibleSidebarGroup, SidebarListItem } from '../chunk-7RAT54LF.js';
+export { NavigationButton } from '../chunk-YHTK43DV.js';
+import { useUpdateApiKey, useDeleteApiKey, useCreateApiKey, useListApiKeys, useDeleteCredential, useCreateCredential, useCredentials, useActivateDeployment, useDeactivateDeployment, useDeleteDeployment, useListDeployments, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, showApiErrorNotification, showSuccessNotification, CredentialSchemas, showErrorNotification } from '../chunk-C27S6IIV.js';
+export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-C27S6IIV.js';
+import { useCommandViewLayout, useResourcesHealth, useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead, useMarkAllAsRead, useNotificationCount, useNotifications, useSubmitAction, useDeleteTask, useErrorDetail, useExecution, useArchivedLogs, useDeleteExecution, useRetryExecution, useCancelExecution, useDeploymentDocs, useResources, useCreateSchedule, useListSchedules, usePauseSchedule, useResumeSchedule, useCancelSchedule, useDeleteSchedule, useCommandQueueTotals } from '../chunk-4TWGUI3L.js';
+import { getTimeRangeDates, formatBucketTime } from '../chunk-EQNXEBGZ.js';
+import '../chunk-NJJ3NQ7B.js';
 import '../chunk-LHQTTUL2.js';
 import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, GRAPH_CONSTANTS, useFitViewTrigger, useGraphHighlighting, calculateGraphHeight } from '../chunk-F6RBK7NJ.js';
 export { Graph_module_css_default as graphStyles } from '../chunk-F6RBK7NJ.js';
 import { STATUS_COLORS, getStatusIcon, formatDuration, getStatusColors, AGENT_CONSTANTS, shouldAnimateEdge, TIMELINE_CONSTANTS, calculateBarPosition, CONTAINER_CONSTANTS, useExecutionPath, useUnifiedWorkflowLayout, WORKFLOW_CONSTANTS, useReactFlowAgent, getResourceStatusColor } from '../chunk-XA34RETF.js';
 export { CONTAINER_CONSTANTS, SHARED_VIZ_CONSTANTS } from '../chunk-XA34RETF.js';
 import { ResourceStatusColors, toWorkflowLogMessages } from '../chunk-ELJIFLCB.js';
-import '../chunk-3I2LOKQU.js';
-import '../chunk-3PURTICE.js';
+import '../chunk-GU46QC4Z.js';
+import '../chunk-CKFTPEBC.js';
 import '../chunk-RNP5R5I3.js';
-import '../chunk-KPRCFAI4.js';
+import '../chunk-4HLCZVS6.js';
 import '../chunk-WNRHQAJA.js';
-import '../chunk-564T2YKH.js';
-import '../chunk-2YBPRE6H.js';
+import '../chunk-HLZMP7GN.js';
+import { useAppearance } from '../chunk-HRG3KPL6.js';
+import { ElevasisLoader } from '../chunk-SZHARWKU.js';
+export { ElevasisLoader } from '../chunk-SZHARWKU.js';
+import '../chunk-HGNP6EVB.js';
 import '../chunk-RULQSZYX.js';
 import { getResourceIcon, getResourceColor, formatChartAxisDate, PAGE_SIZE_DEFAULT, getErrorInfo, formatErrorMessage, formatDateTime } from '../chunk-FCFLBMVI.js';
-import '../chunk-6TMW6VQ2.js';
-import '../chunk-FWZJH3TL.js';
-import { useInitialization } from '../chunk-WUQWCUCB.js';
-import { useElevasisServices } from '../chunk-GZVH423C.js';
+import '../chunk-V5GGPIDD.js';
+import '../chunk-ALA56RGZ.js';
+import { useInitialization } from '../chunk-3VTC7OWU.js';
+import { useElevasisServices } from '../chunk-BK4EIWNU.js';
 import { useOrganization } from '../chunk-DD3CCMCZ.js';
-import '../chunk-7PLEQFHO.js';
+import '../chunk-BRJ3QZ4E.js';
 import { useRouterContext } from '../chunk-Q7DJKLEN.js';
 import { z } from 'zod';
 import { Paper, Stack, Text, Group, Badge, Box, ThemeIcon, useComputedColorScheme, Card, ActionIcon, Modal, Center, Space, Button, Title, TextInput, Table, Textarea, Radio, Checkbox, Select, NumberInput, Tooltip, Loader, SegmentedControl, NumberFormatter, Alert, Switch, Pagination, UnstyledButton, Divider, ScrollArea, Popover, Indicator, Menu, Accordion, Collapse, SimpleGrid, CopyButton, Code, useMantineTheme, Timeline, RangeSlider, Progress, PasswordInput, Anchor } from '@mantine/core';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { memo, forwardRef, useMemo, useImperativeHandle, cloneElement, useState, useEffect, useCallback, Fragment as Fragment$1, useRef } from 'react';
-import { IconPlayerPlay, IconPlayerStop, IconArrowsSplit, IconSquare, IconBrain, IconFileText, IconDatabase, IconMessage, IconAlertCircle, IconCircleX, IconCircleCheck, IconBolt, IconHandClick, IconClock, IconWebhook, IconExternalLink, IconFocus2, IconMail, IconSend, IconArrowUp, IconMessageCircle, IconRocket, IconEye, IconEdit, IconAlertTriangle, IconRefresh, IconX, IconCheck, IconChevronUp, IconChevronDown, IconSelector, IconTrash, IconChartBar, IconThumbDown, IconThumbUp, IconSearch, IconFilterOff, IconArrowUpRight, IconDownload, IconInfoCircle, IconBug, IconChecks, IconCircle, IconCircleFilled, IconBell, IconRobot, IconGitBranch, IconDotsVertical, IconChevronRight, IconTool, IconSettings, IconCpu, IconClockHour4, IconVersions, IconNetwork, IconSitemap, IconCopy, IconReload, IconArrowLeft, IconBook2, IconFileOff, IconList, IconCalendarRepeat, IconCalendarEvent, IconCalendarTime, IconPlus, IconCalendar, IconKey, IconPlayerPause, IconCalendarDue, IconCalendarStats, IconCalendarOff, IconListCheck, IconFilter, IconCategory, IconPencil, IconExclamationMark, IconShieldLock, IconPower, IconTag, IconBuilding, IconUserX, IconUserCheck, IconArrowDown, IconUser, IconFolderOpen, IconFolder } from '@tabler/icons-react';
+import { IconPlayerPlay, IconPlayerStop, IconArrowsSplit, IconSquare, IconBrain, IconFileText, IconDatabase, IconMessage, IconAlertCircle, IconCircleX, IconCircleCheck, IconBolt, IconHandClick, IconClock, IconWebhook, IconExternalLink, IconFocus2, IconMail, IconSend, IconArrowUp, IconMessageCircle, IconRocket, IconEye, IconEdit, IconAlertTriangle, IconRefresh, IconX, IconCheck, IconChevronUp, IconChevronDown, IconSelector, IconTrash, IconChartBar, IconThumbDown, IconThumbUp, IconSearch, IconFilterOff, IconArrowUpRight, IconDownload, IconInfoCircle, IconBug, IconChecks, IconCircle, IconCircleFilled, IconBell, IconRobot, IconGitBranch, IconDotsVertical, IconChevronRight, IconTool, IconSettings, IconCpu, IconClockHour4, IconVersions, IconNetwork, IconSitemap, IconCopy, IconReload, IconArrowLeft, IconBook2, IconFileOff, IconList, IconCalendarRepeat, IconCalendarEvent, IconCalendarTime, IconPlus, IconCalendar, IconKey, IconPlayerPause, IconCalendarDue, IconCalendarStats, IconCalendarOff, IconListCheck, IconFilter, IconCategory, IconPencil, IconExclamationMark, IconShieldLock, IconPower, IconTag, IconBuilding, IconUserX, IconUserCheck, IconArrowDown, IconUser, IconArchive, IconFolderOpen, IconFolder } from '@tabler/icons-react';
 import { AreaChart } from '@mantine/charts';
 import { formatDistanceToNow } from 'date-fns';
 import { useDisclosure, useClipboard } from '@mantine/hooks';
@@ -4190,6 +4192,31 @@ function ExecutionErrorSection({ executionId, fallbackError }) {
     }
   );
 }
+function ArchivedLogsNotice({ logCount, isLoading, error, onLoad }) {
+  return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", radius: "md", bg: "color-mix(in srgb, var(--color-primary) 5%, transparent)", children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+    /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+      /* @__PURE__ */ jsx(IconArchive, { size: 18, style: { color: "var(--color-text-dimmed)" } }),
+      /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
+        "Logs archived (",
+        logCount.toLocaleString(),
+        " entries)"
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsx(Text, { size: "sm", c: "var(--color-error)", children: error }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "light",
+        size: "xs",
+        leftSection: isLoading ? /* @__PURE__ */ jsx(Loader, { size: 14 }) : /* @__PURE__ */ jsx(IconDownload, { size: 14 }),
+        onClick: onLoad,
+        disabled: isLoading,
+        w: "fit-content",
+        children: isLoading ? "Loading archived logs..." : "Load archived logs"
+      }
+    )
+  ] }) });
+}
 function BaseExecutionLogs({
   resourceId,
   resourceType,
@@ -4203,7 +4230,15 @@ function BaseExecutionLogs({
   hideError = false
 }) {
   const { data: fetchedExecution, isLoading } = useExecution(resourceId, executionId || "");
-  const typedExecution = externalExecution ?? fetchedExecution;
+  const baseExecution = externalExecution ?? fetchedExecution;
+  const archivedLogs = useArchivedLogs(baseExecution?.isArchived ? executionId : void 0);
+  const typedExecution = useMemo(() => {
+    if (!baseExecution) return void 0;
+    if (archivedLogs.logs) {
+      return { ...baseExecution, executionLogs: archivedLogs.logs, isArchived: false };
+    }
+    return baseExecution;
+  }, [baseExecution, archivedLogs.logs]);
   const [deleteModalOpened, setDeleteModalOpened] = useState(false);
   const [retryModalOpened, setRetryModalOpened] = useState(false);
   const [cancelModalOpened, setCancelModalOpened] = useState(false);
@@ -4273,7 +4308,16 @@ function BaseExecutionLogs({
       }
     ),
     !hideInput && typedExecution.input != null && /* @__PURE__ */ jsx(Paper, { withBorder: true, bg: "none", children: /* @__PURE__ */ jsx(CollapsibleJsonSection, { title: /* @__PURE__ */ jsx(Text, { fw: 500, children: "Input" }), data: typedExecution.input }) }),
-    renderLogsSection?.(typedExecution),
+    typedExecution.isArchived && /* @__PURE__ */ jsx(
+      ArchivedLogsNotice,
+      {
+        logCount: typedExecution.archivedLogCount ?? 0,
+        isLoading: archivedLogs.isLoading,
+        error: archivedLogs.error,
+        onLoad: archivedLogs.fetch
+      }
+    ),
+    !typedExecution.isArchived && renderLogsSection?.(typedExecution),
     !hideResult && typedExecution.result != null && /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(
       CollapsibleJsonSection,
       {
@@ -7724,6 +7768,7 @@ function buildErrorReport(opts) {
   return sections.filter(Boolean).join("\n");
 }
 function CrashErrorFallback({ error, componentStack, eventId, appVersion }) {
+  const { background } = useAppearance();
   const errorMessage = error instanceof Error ? error.message : String(error);
   const errorStack = error instanceof Error ? error.stack : void 0;
   const errorName = getErrorName(error);
@@ -7743,10 +7788,7 @@ function CrashErrorFallback({ error, componentStack, eventId, appVersion }) {
         padding: 24
       },
       children: [
-        /* @__PURE__ */ jsx(PerspectiveGrid, {}),
-        /* @__PURE__ */ jsx(RadiantGlow, {}),
-        /* @__PURE__ */ jsx(FloatingOrbs, {}),
-        /* @__PURE__ */ jsx(FilmGrain, {}),
+        background,
         /* @__PURE__ */ jsx("div", { style: { position: "relative", zIndex: 1, width: "100%", display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx(
           ErrorReportCard,
           {