@elevasis/ui 2.2.1 → 2.3.1

package/dist/{chunk-F6RBK7NJ.js → chunk-22UVE3RA.js}

@@ -85,7 +85,7 @@ function useConnectionHighlight(nodes, edges) {
 }
 
 // src/graph/Graph.module.css.js
-var Graph_module_css_default = { "livePulse": "livePulse", "graphContainer": "graphContainer", "react-flow__node": "react-flow__node", "selected": "selected", "node": "node", "nodeCard": "nodeCard", "nodeCardSelected": "nodeCardSelected", "nodeAgent": "nodeAgent", "nodeWorkflow": "nodeWorkflow", "nodeTrigger": "nodeTrigger", "nodeIntegration": "nodeIntegration", "nodeExternal": "nodeExternal", "nodeHuman": "nodeHuman", "nodePrimary": "nodePrimary", "handle": "handle", "nodeIcon": "nodeIcon", "badge": "badge", "badgeProd": "badgeProd", "edge": "edge", "edgeAnimated": "edgeAnimated", "edgeGlow": "edgeGlow", "edgeHighlighted": "edgeHighlighted", "edgeLabel": "edgeLabel", "legend": "legend", "legendDot": "legendDot", "nodeHighlighted": "nodeHighlighted", "nodeDimmed": "nodeDimmed", "edgeDimmed": "edgeDimmed", "edgeLabelDimmed": "edgeLabelDimmed" };
+var Graph_module_css_default = { "livePulse": "livePulse", "graphContainer": "graphContainer", "node": "node", "nodeCard": "nodeCard", "nodeCardSelected": "nodeCardSelected", "nodeAgent": "nodeAgent", "nodeWorkflow": "nodeWorkflow", "nodeTrigger": "nodeTrigger", "nodeIntegration": "nodeIntegration", "nodeExternal": "nodeExternal", "nodeHuman": "nodeHuman", "nodePrimary": "nodePrimary", "handle": "handle", "nodeIcon": "nodeIcon", "badge": "badge", "badgeProd": "badgeProd", "edge": "edge", "edgeAnimated": "edgeAnimated", "edgeGlow": "edgeGlow", "edgeHighlighted": "edgeHighlighted", "edgeLabel": "edgeLabel", "legend": "legend", "legendDot": "legendDot", "nodeHighlighted": "nodeHighlighted", "nodeDimmed": "nodeDimmed", "edgeDimmed": "edgeDimmed", "edgeLabelDimmed": "edgeLabelDimmed" };
 
 // src/graph/hooks/useGraphHighlighting.ts
 function useGraphHighlighting(layoutNodes, layoutEdges) {

package/dist/{chunk-O6KZ46EJ.js → chunk-2VEXBZNO.js}

@@ -1,12 +1,12 @@
 import { ResourceHealthChart } from './chunk-LGKLC5MG.js';
 import { useCyberColors, HeroStatsRow } from './chunk-KFICYU6S.js';
 import { AppShellCenteredContainer, AppShellLoader } from './chunk-YEX4MQSY.js';
-import { useTimeRangeDates } from './chunk-JT3FN6TE.js';
-import { useDashboardMetrics, useResources, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from './chunk-J5TBNCMD.js';
+import { useTimeRangeDates } from './chunk-PEZ4WOPF.js';
+import { useDashboardMetrics, useResources, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from './chunk-IPRMGSCV.js';
 import { getTimeRangeDates } from './chunk-LXHZYSMQ.js';
-import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, useFitViewTrigger } from './chunk-F6RBK7NJ.js';
+import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, useFitViewTrigger } from './chunk-22UVE3RA.js';
 import { STATUS_COLORS, getStatusIcon, formatDuration, getStatusColors, AGENT_CONSTANTS, shouldAnimateEdge, TIMELINE_CONSTANTS, calculateBarPosition, CONTAINER_CONSTANTS, useExecutionPath, useUnifiedWorkflowLayout, WORKFLOW_CONSTANTS, useReactFlowAgent } from './chunk-XA34RETF.js';
-import { glassBase } from './chunk-3WMJWXZY.js';
+import { glassBase } from './chunk-47YILFON.js';
 import { GlowDot, CardHeader, EmptyState, PageTitleCaption, TabCountBadge } from './chunk-Y3D3WFJG.js';
 import { ResourceStatusColors } from './chunk-ELJIFLCB.js';
 import { formatTimeAgo, formatRelativeTime } from './chunk-IOKL7BKE.js';
@@ -649,7 +649,7 @@ var VisualizerContainer = ({ children, handleContainerClick, height }) => {
   return /* @__PURE__ */ jsx(Box, { onClick: handleContainerClick, children: /* @__PURE__ */ jsx(
     "div",
     {
-      className: Graph_module_css_default.graphContainer,
+      className: `elevasis-graph-root ${Graph_module_css_default.graphContainer}`,
       style: {
         width: "100%",
         height: `${containerHeight}px`,

package/dist/{chunk-2JTCPVZX.js → chunk-3MQKSLZ7.js}

@@ -2,8 +2,8 @@ import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-GBMNCNHX.js';
 import { CyberAreaChart, CostTrendChart, ActivityTrendChart } from './chunk-KFICYU6S.js';
 import { AppShellLoader } from './chunk-YEX4MQSY.js';
-import { useExecutionLogsFilters, useTimeRangeDates, useActivityFilters } from './chunk-JT3FN6TE.js';
-import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useCostBreakdown, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead, useTestNotification } from './chunk-J5TBNCMD.js';
+import { useExecutionLogsFilters, useTimeRangeDates, useActivityFilters } from './chunk-PEZ4WOPF.js';
+import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useCostBreakdown, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead, useTestNotification } from './chunk-IPRMGSCV.js';
 import { formatBucketTime, getTimeRangeDates } from './chunk-LXHZYSMQ.js';
 import { formatDuration } from './chunk-XA34RETF.js';
 import { CenteredErrorState, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState, PageTitleCaption, JsonViewer } from './chunk-Y3D3WFJG.js';

package/dist/{chunk-3WMJWXZY.js → chunk-47YILFON.js}

@@ -160,12 +160,12 @@ var tacticalPreset = {
     primary: "#0099ff",
     primaryContrast: "#ffffff",
     background: "#020203",
-    surface: "rgba(18, 19, 21, 0.3)",
+    surface: "rgba(18, 19, 21, 0.25)",
     surfaceHover: "rgba(32, 33, 36, 0.5)",
     elevatedSurface: "rgba(18, 21, 27, 0.85)",
     text: "#EFF1F4",
     textDimmed: "#B0B8C4",
-    textSubtle: "#8890A0",
+    textSubtle: "#98A2B3",
     border: "rgba(136, 144, 160, 0.08)",
     error: "#FF4757",
     warning: "#FFA502",
@@ -265,8 +265,8 @@ var cyberVoltPreset = {
   background: createElement(
     Fragment,
     null,
-    createElement(CyberBackground, { variant: "void", perspectiveGridRadialGlowIntensity: 14 }),
-    createElement(AmbientBloomGrid, { intensity: 0.07, size: 1.3 })
+    createElement(CyberBackground, { variant: "void", perspectiveGridRadialGlowIntensity: 6 }),
+    createElement(AmbientBloomGrid, { intensity: 0.09, size: 1.35 })
   ),
   light: {
     primary: "#0097A7",
@@ -296,7 +296,7 @@ var cyberVoltPreset = {
   dark: {
     primary: "#00A8BD",
     primaryContrast: "#001418",
-    background: "#040607",
+    background: "#060809",
     surface: "transparent",
     surfaceHover: "rgba(0, 229, 255, 0.06)",
     elevatedSurface: "rgba(16, 19, 21, 0.85)",
@@ -307,8 +307,8 @@ var cyberVoltPreset = {
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(8, 16, 22, 0.25)",
-    glassBlur: "blur(14px) saturate(160%)",
+    glassBackground: "rgba(10, 18, 24, 0.25)",
+    glassBlur: "blur(14px) saturate(180%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(0, 229, 255, 0.06), 0 4px 4px rgba(0, 0, 0, 0.2), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.25)",
     durationFast: "80ms",
@@ -474,11 +474,13 @@ var STYLE = `
   .chrome-bg-beam {
     position: absolute;
     top: 50%;
-    left: 0;
-    right: 0;
-    height: 32vmax;
+    left: 50%;
+    width: var(--chrome-beam-width, 200vmax);
+    margin-left: calc(var(--chrome-beam-width, 200vmax) / -2);
+    height: var(--chrome-beam-height, 32vmax);
     filter: blur(55px);
     transform-origin: center;
+    opacity: calc(var(--chrome-beam-opacity, 0.1) * var(--chrome-beam-intensity, 1));
   }
 
   /* Light mode: multiply blend with low opacity over pale base */
@@ -488,42 +490,42 @@ var STYLE = `
   [data-mantine-color-scheme="light"] .chrome-bg-beam-1 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-1) 10%, var(--chrome-beam-1) 90%, transparent 100%);
     transform: rotate(0deg);
-    opacity: 0.09;
+    --chrome-beam-opacity: 0.09;
   }
   [data-mantine-color-scheme="light"] .chrome-bg-beam-2 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-2) 10%, var(--chrome-beam-2) 90%, transparent 100%);
     transform: rotate(22.5deg);
-    opacity: 0.08;
+    --chrome-beam-opacity: 0.08;
   }
   [data-mantine-color-scheme="light"] .chrome-bg-beam-3 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-3) 10%, var(--chrome-beam-3) 90%, transparent 100%);
     transform: rotate(45deg);
-    opacity: 0.09;
+    --chrome-beam-opacity: 0.09;
   }
   [data-mantine-color-scheme="light"] .chrome-bg-beam-4 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-4) 10%, var(--chrome-beam-4) 90%, transparent 100%);
     transform: rotate(67.5deg);
-    opacity: 0.07;
+    --chrome-beam-opacity: 0.07;
   }
   [data-mantine-color-scheme="light"] .chrome-bg-beam-5 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-5) 10%, var(--chrome-beam-5) 90%, transparent 100%);
     transform: rotate(90deg);
-    opacity: 0.09;
+    --chrome-beam-opacity: 0.09;
   }
   [data-mantine-color-scheme="light"] .chrome-bg-beam-6 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-6) 10%, var(--chrome-beam-6) 90%, transparent 100%);
     transform: rotate(112.5deg);
-    opacity: 0.07;
+    --chrome-beam-opacity: 0.07;
   }
   [data-mantine-color-scheme="light"] .chrome-bg-beam-7 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-7) 10%, var(--chrome-beam-7) 90%, transparent 100%);
     transform: rotate(135deg);
-    opacity: 0.09;
+    --chrome-beam-opacity: 0.09;
   }
   [data-mantine-color-scheme="light"] .chrome-bg-beam-8 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-8) 10%, var(--chrome-beam-8) 90%, transparent 100%);
     transform: rotate(157.5deg);
-    opacity: 0.07;
+    --chrome-beam-opacity: 0.07;
   }
 
   /* Midnight light mode: reduce beam intensity by one step */
@@ -531,15 +533,15 @@ var STYLE = `
   [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-3,
   [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-5,
   [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-7 {
-    opacity: 0.08;
+    --chrome-beam-opacity: 0.08;
   }
   [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-2 {
-    opacity: 0.07;
+    --chrome-beam-opacity: 0.07;
   }
   [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-4,
   [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-6,
   [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-8 {
-    opacity: 0.06;
+    --chrome-beam-opacity: 0.06;
   }
 
   /* Aurora light mode: reduce beam intensity by one step */
@@ -547,15 +549,15 @@ var STYLE = `
   [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-3,
   [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-5,
   [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-7 {
-    opacity: 0.08;
+    --chrome-beam-opacity: 0.08;
   }
   [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-2 {
-    opacity: 0.07;
+    --chrome-beam-opacity: 0.07;
   }
   [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-4,
   [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-6,
   [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-8 {
-    opacity: 0.06;
+    --chrome-beam-opacity: 0.06;
   }
 
   /* Dark mode: screen blend with low opacity over near-black base */
@@ -565,42 +567,42 @@ var STYLE = `
   [data-mantine-color-scheme="dark"] .chrome-bg-beam-1 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-1) 10%, var(--chrome-beam-1) 90%, transparent 100%);
     transform: rotate(0deg);
-    opacity: 0.12;
+    --chrome-beam-opacity: 0.12;
   }
   [data-mantine-color-scheme="dark"] .chrome-bg-beam-2 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-2) 10%, var(--chrome-beam-2) 90%, transparent 100%);
     transform: rotate(22.5deg);
-    opacity: 0.1;
+    --chrome-beam-opacity: 0.1;
   }
   [data-mantine-color-scheme="dark"] .chrome-bg-beam-3 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-3) 10%, var(--chrome-beam-3) 90%, transparent 100%);
     transform: rotate(45deg);
-    opacity: 0.12;
+    --chrome-beam-opacity: 0.12;
   }
   [data-mantine-color-scheme="dark"] .chrome-bg-beam-4 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-4) 10%, var(--chrome-beam-4) 90%, transparent 100%);
     transform: rotate(67.5deg);
-    opacity: 0.1;
+    --chrome-beam-opacity: 0.1;
   }
   [data-mantine-color-scheme="dark"] .chrome-bg-beam-5 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-5) 10%, var(--chrome-beam-5) 90%, transparent 100%);
     transform: rotate(90deg);
-    opacity: 0.12;
+    --chrome-beam-opacity: 0.12;
   }
   [data-mantine-color-scheme="dark"] .chrome-bg-beam-6 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-6) 10%, var(--chrome-beam-6) 90%, transparent 100%);
     transform: rotate(112.5deg);
-    opacity: 0.1;
+    --chrome-beam-opacity: 0.1;
   }
   [data-mantine-color-scheme="dark"] .chrome-bg-beam-7 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-7) 10%, var(--chrome-beam-7) 90%, transparent 100%);
     transform: rotate(135deg);
-    opacity: 0.12;
+    --chrome-beam-opacity: 0.12;
   }
   [data-mantine-color-scheme="dark"] .chrome-bg-beam-8 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-8) 10%, var(--chrome-beam-8) 90%, transparent 100%);
     transform: rotate(157.5deg);
-    opacity: 0.1;
+    --chrome-beam-opacity: 0.1;
   }
 
   /* Rose-gold dark mode: reduced brightness */
@@ -608,13 +610,13 @@ var STYLE = `
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="rose-gold"] .chrome-bg-beam-3,
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="rose-gold"] .chrome-bg-beam-5,
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="rose-gold"] .chrome-bg-beam-7 {
-    opacity: 0.07;
+    --chrome-beam-opacity: 0.07;
   }
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="rose-gold"] .chrome-bg-beam-2,
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="rose-gold"] .chrome-bg-beam-4,
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="rose-gold"] .chrome-bg-beam-6,
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="rose-gold"] .chrome-bg-beam-8 {
-    opacity: 0.06;
+    --chrome-beam-opacity: 0.06;
   }
 
   /* Ember dark mode: softened beams to match calmer terracotta palette */
@@ -622,13 +624,13 @@ var STYLE = `
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="ember"] .chrome-bg-beam-3,
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="ember"] .chrome-bg-beam-5,
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="ember"] .chrome-bg-beam-7 {
-    opacity: 0.08;
+    --chrome-beam-opacity: 0.08;
   }
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="ember"] .chrome-bg-beam-2,
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="ember"] .chrome-bg-beam-4,
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="ember"] .chrome-bg-beam-6,
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="ember"] .chrome-bg-beam-8 {
-    opacity: 0.06;
+    --chrome-beam-opacity: 0.06;
   }
 
   /* Aurora dark mode: softer beams to reduce ambient bloom */
@@ -636,13 +638,13 @@ var STYLE = `
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-3,
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-5,
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-7 {
-    opacity: 0.12;
+    --chrome-beam-opacity: 0.12;
   }
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-2,
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-4,
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-6,
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-8 {
-    opacity: 0.09;
+    --chrome-beam-opacity: 0.09;
   }
 
   /* Midnight dark mode: slightly brighter beams */
@@ -650,13 +652,13 @@ var STYLE = `
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-3,
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-5,
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-7 {
-    opacity: 0.14;
+    --chrome-beam-opacity: 0.14;
   }
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-2,
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-4,
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-6,
   [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-8 {
-    opacity: 0.11;
+    --chrome-beam-opacity: 0.11;
   }
 
   @keyframes chrome-rotate {
@@ -669,10 +671,15 @@ var STYLE = `
     }
   }
 `;
-function ChromeBackground({ variant }) {
+function ChromeBackground({ variant, beam }) {
+  const style = {
+    "--chrome-beam-width": beam?.width ?? "200vmax",
+    "--chrome-beam-height": beam?.height ?? "32vmax",
+    "--chrome-beam-intensity": beam?.intensity ?? 1
+  };
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx("style", { children: STYLE }),
-    /* @__PURE__ */ jsx("div", { className: "chrome-bg-root", "data-variant": variant, "aria-hidden": "true", children: /* @__PURE__ */ jsxs("div", { className: "chrome-bg-wrapper", children: [
+    /* @__PURE__ */ jsx("div", { className: "chrome-bg-root", "data-variant": variant, style, "aria-hidden": "true", children: /* @__PURE__ */ jsxs("div", { className: "chrome-bg-wrapper", children: [
       /* @__PURE__ */ jsx("div", { className: "chrome-bg-beam chrome-bg-beam-1" }),
       /* @__PURE__ */ jsx("div", { className: "chrome-bg-beam chrome-bg-beam-2" }),
       /* @__PURE__ */ jsx("div", { className: "chrome-bg-beam chrome-bg-beam-3" }),
@@ -689,7 +696,14 @@ function ChromeBackground({ variant }) {
 var auroraPreset = {
   subtitleFontFamily: '"Nunito", sans-serif',
   fontImports: ["https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&display=swap"],
-  background: createElement(ChromeBackground, { variant: "aurora" }),
+  background: createElement(ChromeBackground, {
+    variant: "aurora",
+    beam: {
+      width: "240vmax",
+      height: "30vmax",
+      intensity: 1
+    }
+  }),
   light: {
     primary: "#00897B",
     primaryContrast: "#ffffff",
@@ -718,7 +732,7 @@ var auroraPreset = {
   dark: {
     primary: "#00A88A",
     primaryContrast: "#062E26",
-    background: "#070D0C",
+    background: "#080E0D",
     surface: "transparent",
     surfaceHover: "rgba(0, 168, 138, 0.10)",
     elevatedSurface: "rgba(19, 26, 24, 0.85)",
@@ -822,7 +836,14 @@ var midnightPreset = {
     "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap",
     "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
   ],
-  background: createElement(ChromeBackground, { variant: "midnight" }),
+  background: createElement(ChromeBackground, {
+    variant: "midnight",
+    beam: {
+      width: "240vmax",
+      height: "30vmax",
+      intensity: 1
+    }
+  }),
   light: {
     primary: "#4A5B7A",
     primaryContrast: "#ffffff",
@@ -851,7 +872,7 @@ var midnightPreset = {
   dark: {
     primary: "#7888A8",
     primaryContrast: "#F1F5F9",
-    background: "#080C16",
+    background: "#0A0E18",
     surface: "transparent",
     surfaceHover: "rgba(120, 136, 168, 0.09)",
     elevatedSurface: "rgba(19, 24, 36, 0.85)",
@@ -862,7 +883,7 @@ var midnightPreset = {
     error: "#F87171",
     warning: "#FBBF24",
     success: "#4ADE80",
-    glassBackground: "rgba(20, 22, 31, 0.25)",
+    glassBackground: "rgba(18, 20, 29, 0.25)",
     glassBlur: "blur(18px) saturate(210%)",
     shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)",
     cardShadow: "inset 0 1px 0 rgba(203, 213, 225, 0.02), inset 0 0 0 1px rgba(203, 213, 225, 0.01), 0 2px 8px rgba(0, 0, 0, 0.5), 0 12px 32px -8px rgba(0, 0, 0, 0.35), 0 32px 64px -16px rgba(0, 0, 0, 0.12)",
@@ -889,7 +910,14 @@ var emberPreset = {
     "https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600;700&display=swap",
     "https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;500;600;700&display=swap"
   ],
-  background: createElement(ChromeBackground, { variant: "ember" }),
+  background: createElement(ChromeBackground, {
+    variant: "ember",
+    beam: {
+      width: "240vmax",
+      height: "33vmax",
+      intensity: 1.1
+    }
+  }),
   light: {
     primary: "#C26040",
     primaryContrast: "#ffffff",
@@ -918,7 +946,7 @@ var emberPreset = {
   dark: {
     primary: "#D07055",
     primaryContrast: "#1A0E08",
-    background: "#120F0E",
+    background: "#13100F",
     surface: "transparent",
     surfaceHover: "rgba(208, 112, 85, 0.10)",
     elevatedSurface: "rgba(30, 26, 23, 0.85)",
@@ -929,7 +957,7 @@ var emberPreset = {
     error: "#F87171",
     warning: "#FBBF24",
     success: "#4ADE80",
-    glassBackground: "rgba(35, 29, 25, 0.3)",
+    glassBackground: "rgba(35, 29, 25, 0.27)",
     glassBlur: "blur(18px) saturate(175%)",
     shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)",
     cardShadow: "inset 0 1px 0 rgba(232, 123, 85, 0.12), inset 0 0 0 1px rgba(232, 123, 85, 0.05), 0 2px 8px rgba(0, 0, 0, 0.2), 0 12px 32px -8px rgba(0, 0, 0, 0.45), 0 32px 44px -16px rgba(0, 0, 0, 0.15)",
@@ -1161,7 +1189,7 @@ var slatePreset = {
     elevatedSurface: "rgba(18, 22, 27, 0.93)",
     text: "#E8F0F8",
     textDimmed: "#A8C4DC",
-    textSubtle: "#80A0B0",
+    textSubtle: "#93B4C4",
     border: "rgba(128, 160, 176, 0.07)",
     error: "#FF5252",
     warning: "#FFB74D",
@@ -1194,8 +1222,8 @@ var cyberStrikePreset = {
   background: createElement(
     Fragment,
     null,
-    createElement(CyberBackground, { variant: "strike", perspectiveGridRadialGlowIntensity: 16 }),
-    createElement(AmbientBloomGrid, { intensity: 0.07, size: 1.2 })
+    createElement(CyberBackground, { variant: "strike", perspectiveGridRadialGlowIntensity: 6 }),
+    createElement(AmbientBloomGrid, { intensity: 0.08, size: 1.4 })
   ),
   light: {
     primary: "#D41840",
@@ -1225,19 +1253,19 @@ var cyberStrikePreset = {
   dark: {
     primary: "#D41840",
     primaryContrast: "#ffffff",
-    background: "#050303",
+    background: "#080606",
     surface: "transparent",
     surfaceHover: "rgba(212, 24, 64, 0.06)",
     elevatedSurface: "rgba(16, 12, 12, 0.82)",
     text: "#FAE0E4",
     textDimmed: "#F0A0B0",
-    textSubtle: "#B8848E",
+    textSubtle: "#C99CA4",
     border: "rgba(230, 165, 170, 0.14)",
     error: "#D41840",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(18, 19, 20, 0.2)",
-    glassBlur: "blur(12px) saturate(180%)",
+    glassBackground: "rgba(18, 19, 20, 0.25)",
+    glassBlur: "blur(14px) saturate(180%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.5), 0 8px 24px -8px rgba(0, 0, 0, 0.5), 0 20px 48px -16px rgba(0, 0, 0, 0.4)",
     cardShadow: "inset 0 1px 0 rgba(230, 200, 210, 0.04), inset 0 0 0 1px rgba(255, 255, 255, 0.02), 0 4px 6px rgba(0, 0, 0, 0.4), 0 10px 24px -10px rgba(0, 0, 0, .6), 0 28px 24px -16px rgba(0, 0, 0, 0.12)",
     durationFast: "80ms",
@@ -1266,7 +1294,7 @@ var cyberChromePreset = {
     Fragment,
     null,
     createElement(CyberBackground, { variant: "chrome", perspectiveGridRadialGlowIntensity: 12 }),
-    createElement(AmbientBloomGrid, { intensity: 0.08, size: 1.2 })
+    createElement(AmbientBloomGrid, { intensity: 0.1, size: 1.3 })
   ),
   light: {
     primary: "#64748B",
@@ -1341,8 +1369,8 @@ var cyberVoidPreset = {
   background: createElement(
     Fragment,
     null,
-    createElement(CyberBackground, { variant: "void", perspectiveGridRadialGlowIntensity: 16 }),
-    createElement(AmbientBloomGrid, { intensity: 0.08, size: 1.2 })
+    createElement(CyberBackground, { variant: "void", perspectiveGridRadialGlowIntensity: 6 }),
+    createElement(AmbientBloomGrid, { intensity: 0.09, size: 1.35 })
   ),
   light: {
     primary: "#2468E0",
@@ -1372,7 +1400,7 @@ var cyberVoidPreset = {
   dark: {
     primary: "#2468E0",
     primaryContrast: "#ffffff",
-    background: "#040608",
+    background: "#050709",
     surface: "transparent",
     surfaceHover: "rgba(36, 104, 224, 0.08)",
     elevatedSurface: "rgba(16, 19, 24, 0.85)",
@@ -1383,8 +1411,8 @@ var cyberVoidPreset = {
     error: "#FF1744",
     warning: "#FF9100",
     success: "#00E676",
-    glassBackground: "rgba(17, 19, 19, 0.2)",
-    glassBlur: "blur(8px) saturate(160%)",
+    glassBackground: "rgba(16, 18, 18, 0.25)",
+    glassBlur: "blur(12px) saturate(180%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(36, 104, 224, 0.06), 0 4px 4px rgba(0, 0, 0, 0.3), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 20px -16px rgba(0, 0, 0, 0.05)",
     durationFast: "80ms",
@@ -1456,7 +1484,7 @@ var nirvanaPreset = {
     elevatedSurface: "rgba(20, 17, 15, 0.85)",
     text: "#ffffff",
     textDimmed: "#c8ccd0",
-    textSubtle: "#8a8f95",
+    textSubtle: "#A2A8AE",
     border: "rgba(255, 255, 255, 0.07)",
     error: "#ff5252",
     warning: "#ff9800",
@@ -1464,7 +1492,7 @@ var nirvanaPreset = {
     glassBackground: "rgba(26, 26, 28, 0.28)",
     glassBlur: "blur(18px) saturate(187%)",
     shadow: "0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)",
-    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.03), inset 0 0 0 1px rgba(255, 255, 255, 0.02), 0 4px 14px -2px rgba(0, 0, 0, 0.5), 0 12px 32px -8px rgba(0, 0, 0, 0.3), 0 32px 64px -16px rgba(0, 0, 0, 0.2)",
+    cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.03), inset 0 0 0 1px rgba(255, 255, 255, 0.02), 0 4px 14px -2px rgba(0, 0, 0, 0.5), 0 12px 32px -8px rgba(0, 0, 0, 0.3), 0 30px 30px -16px rgba(0, 0, 0, 0.2)",
     durationFast: "150ms",
     durationNormal: "250ms",
     easing: "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -1812,7 +1840,7 @@ var synapsePreset = {
   dark: {
     primary: "#0A8A9E",
     primaryContrast: "#ffffff",
-    background: "#111111",
+    background: "#333333",
     surface: "transparent",
     surfaceHover: "rgba(34, 211, 238, 0.06)",
     elevatedSurface: "rgba(18, 30, 34, 0.78)",
@@ -1823,7 +1851,7 @@ var synapsePreset = {
     error: "#F87171",
     warning: "#FBBF24",
     success: "#4ADE80",
-    glassBackground: "rgba(6, 12, 16, 0.2)",
+    glassBackground: "rgba(10, 16, 20, 0.35)",
     glassBlur: "blur(20px) saturate(180%)",
     shadow: "0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)",
     cardShadow: "inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(34, 211, 238, 0.06), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.25)",
@@ -2197,7 +2225,7 @@ var quarryPreset = {
     elevatedSurface: "rgba(18, 20, 23, 0.85)",
     text: "#E8EBEF",
     textDimmed: "#B4B9C1",
-    textSubtle: "#9298A3",
+    textSubtle: "#A4ABB5",
     border: "rgba(139, 147, 157, 0.09)",
     error: "#EF5350",
     warning: "#FF8A65",

package/dist/{chunk-J5TBNCMD.js → chunk-IPRMGSCV.js}

@@ -1,6 +1,6 @@
 import { getTimeRangeDates, observabilityKeys } from './chunk-LXHZYSMQ.js';
-import { GRAPH_CONSTANTS } from './chunk-F6RBK7NJ.js';
-import { useNotificationAdapter } from './chunk-MZPVNRPL.js';
+import { GRAPH_CONSTANTS } from './chunk-22UVE3RA.js';
+import { useNotificationAdapter } from './chunk-ISHNN42L.js';
 import { HTTP_HEADERS } from './chunk-NVOCKXUQ.js';
 import { STALE_TIME_MONITORING, REFETCH_INTERVAL_DASHBOARD, REFETCH_INTERVAL_RUNNING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY, getErrorInfo, formatErrorMessage, getErrorTitle, STALE_TIME_DEFAULT, STALE_TIME_ADMIN, APIClientError } from './chunk-IOKL7BKE.js';
 import { useStableAccessToken } from './chunk-MTJ43R2E.js';
@@ -2375,14 +2375,14 @@ function useCommandViewData() {
     staleTime: STALE_TIME_DEFAULT
   });
 }
-function useCommandViewStats(timeRange = "24h") {
+function useCommandViewStats(timeRange = "24h", options) {
   const { apiRequest, organizationId, isReady } = useElevasisServices();
   return useQuery({
     queryKey: ["command-view-stats", organizationId, timeRange],
     queryFn: async () => {
       return apiRequest(`/command-view/stats?timeRange=${timeRange}`);
     },
-    enabled: isReady,
+    enabled: isReady && (options?.enabled ?? true),
     staleTime: STALE_TIME_MONITORING
   });
 }