@elevasis/ui 1.14.5 → 1.15.0

package/dist/{chunk-E72FC2ZF.js → chunk-KZGJPBXT.js}

@@ -1,4 +1,4 @@
-import { usePresetsContext } from './chunk-6ZNKDPAO.js';
+import { usePresetsContext } from './chunk-KUK3ZK4D.js';
 import { useMemo } from 'react';
 
 var BUILT_IN_NAMES = /* @__PURE__ */ new Set([

package/dist/{chunk-HGUJ6SSM.js → chunk-PCC3PLDV.js}

@@ -1220,6 +1220,27 @@ function CardHeader({ icon, title, subtitle, rightSection }) {
     rightSection
   ] });
 }
+var SIZE_MAP = {
+  sm: { dot: 7, inner: 6, outer: 12 },
+  md: { dot: 10, inner: 8, outer: 16 },
+  lg: { dot: 12, inner: 10, outer: 20 }
+};
+function GlowDot({ color, size = "md" }) {
+  const { dot, inner, outer } = SIZE_MAP[size];
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        width: dot,
+        height: dot,
+        borderRadius: "50%",
+        backgroundColor: color,
+        boxShadow: `0 0 ${inner}px ${color}, 0 0 ${outer}px ${color}40`,
+        flexShrink: 0
+      }
+    }
+  );
+}
 var GRANULARITY_MAP = {
   "1h": "hour",
   "24h": "hour",
@@ -1586,4 +1607,4 @@ function CombinedTrendChart({
   ] });
 }
 
-export { APIErrorAlert, ActivityTrendChart, CardHeader, CollapsibleSection, CombinedTrendChart, ContextViewer, CostTrendChart, CustomSelector, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, DetailCardSkeleton, EmptyState, HeroStatsRow, JsonViewer, ListSkeleton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, StyledMarkdown, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition, getSeriesColor, useCyberColors };
+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 };

package/dist/{chunk-5OJM7FHM.js → chunk-UCTTJ2RS.js}

@@ -1,10 +1,10 @@
-import { sidebarItemGap, sidebarSubLinkPaddingY, sidebarSubLinkPaddingX, sidebarSubLinkIndent, sidebarHoverDelay, sidebarTransitionDuration, sidebarCollapsedWidth, sidebarWidth, topbarHeight, sidebarToggleIconSize, sidebarSectionPadding, NavigationButton, sidebarGroupChevronSize, sidebarIconInnerSize, sidebarListItemIconSize } from './chunk-MYRCM7VD.js';
+import { sidebarItemGap, sidebarSubLinkPaddingY, sidebarSubLinkPaddingX, sidebarSubLinkIndent, sidebarHoverDelay, sidebarTransitionDuration, sidebarCollapsedWidth, sidebarWidth, topbarHeight, sidebarToggleIconSize, sidebarSectionPadding, NavigationButton, sidebarGroupChevronSize, sidebarIconInnerSize, sidebarListItemIconSize, sidebarBottomSectionHeight } from './chunk-KBLGVZBD.js';
 import { useAppearance } from './chunk-QJ2KCHKX.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Collapse, HoverCard, Stack, Group, Text, UnstyledButton, Tooltip, ScrollArea, Menu, Avatar, Container, Title, Button, Box, Center, useMantineColorScheme, Switch, Code } from '@mantine/core';
 import { IconLayoutSidebarLeftExpand, IconLayoutSidebarLeftCollapse, IconUser, IconLogout, IconAlertCircle, IconChevronDown, IconChevronRight, IconMoonStars, IconSun } from '@tabler/icons-react';
-import { createContext, memo, useEffect, createElement, useContext, useState } from 'react';
+import { createContext, memo, useEffect, createElement, useContext, useRef, useLayoutEffect, useState } from 'react';
 
 function Vignette({ strength = 0.35, className }) {
   return /* @__PURE__ */ jsx(
@@ -591,14 +591,31 @@ var SidebarTopSection = ({ logo }) => {
     }
   );
 };
+var BOTTOM_SECTION_HEIGHT_VAR = "--elevasis-sidebar-bottom-section-height";
 var SidebarBottomSection = ({ user, onLogout, onAccountClick }) => {
   const { isCollapsed } = useSidebar();
+  const rootRef = useRef(null);
+  useLayoutEffect(() => {
+    const el = rootRef.current;
+    if (!el) return;
+    const update = () => {
+      document.documentElement.style.setProperty(BOTTOM_SECTION_HEIGHT_VAR, `${el.offsetHeight}px`);
+    };
+    update();
+    const observer = new ResizeObserver(update);
+    observer.observe(el);
+    return () => {
+      observer.disconnect();
+      document.documentElement.style.removeProperty(BOTTOM_SECTION_HEIGHT_VAR);
+    };
+  }, [user]);
   if (!user) {
     return null;
   }
   return /* @__PURE__ */ jsx(
     "div",
     {
+      ref: rootRef,
       style: {
         padding: "var(--mantine-spacing-sm)",
         borderTop: "1px solid var(--color-border)",
@@ -1033,10 +1050,11 @@ var SubshellSidebar = ({
           flexShrink: 0,
           display: "flex",
           flexDirection: "column",
-          backgroundColor: "var(--glass-background)",
+          backgroundColor: "color-mix(in srgb, var(--glass-background) 60%, transparent)",
           backdropFilter: "var(--glass-blur)",
           WebkitBackdropFilter: "var(--glass-blur)",
           borderRight: "1px solid var(--color-border)",
+          boxShadow: "var(--card-shadow)",
           minHeight: `calc(100vh - ${topbarHeight}px)`,
           marginTop: `${topbarHeight}px`,
           fontFamily: "var(--elevasis-font-family-subtitle)"
@@ -1064,10 +1082,11 @@ var SubshellSidebar = ({
               flexShrink: 0,
               display: "flex",
               flexDirection: "column",
-              backgroundColor: "var(--glass-background)",
+              backgroundColor: "color-mix(in srgb, var(--glass-background) 60%, transparent)",
               backdropFilter: "var(--glass-blur)",
               WebkitBackdropFilter: "var(--glass-blur)",
               borderRight: isOpen ? "1px solid var(--color-border)" : "none",
+              boxShadow: isOpen ? "var(--card-shadow)" : "none",
               height: "100%",
               fontFamily: "var(--elevasis-font-family-subtitle)",
               overflow: "hidden",
@@ -1096,19 +1115,25 @@ var SubshellSidebar = ({
             style: {
               position: "absolute",
               right: 0,
-              bottom: "12px",
+              bottom: 0,
               transform: "translateX(100%)",
               width: "20px",
-              height: "64px",
+              // Match the live height of the outer Sidebar's bottom profile section.
+              // SidebarBottomSection publishes --elevasis-sidebar-bottom-section-height
+              // via ResizeObserver so this follows its actual height through
+              // collapse/expand transitions. Falls back to the expanded-state
+              // constant when rendered outside a Sidebar layout.
+              height: `var(--elevasis-sidebar-bottom-section-height, ${sidebarBottomSectionHeight}px)`,
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
-              backgroundColor: "var(--glass-background)",
+              backgroundColor: "color-mix(in srgb, var(--glass-background) 80%, transparent)",
               backdropFilter: "var(--glass-blur)",
               WebkitBackdropFilter: "var(--glass-blur)",
               border: "1px solid var(--color-border)",
               borderLeft: "none",
-              borderRadius: "0 4px 4px 0",
+              borderBottom: "none",
+              borderRadius: "0 4px 0 0",
               cursor: "pointer",
               color: "var(--color-text-subtle)",
               padding: 0,
@@ -1272,4 +1297,4 @@ var Topbar = ({ version, leftContent, children }) => {
   ] });
 };
 
-export { AppShellCenteredContainer, AppShellContainer, AppShellContentContainer, AppShellError, AppShellLoader, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, CollapsibleSidebarGroup, LinksGroup, PageContainer, Sidebar, SidebarListItem, SidebarProvider, SubshellContainer, SubshellContentContainer, SubshellLoader, SubshellRightSideContainer, SubshellSidebar, SubshellSidebarSection, Topbar, TopbarContainer, Vignette, subsidebarWidth, useSidebar, useSidebarCollapse };
+export { AppShellCenteredContainer, AppShellContainer, AppShellContentContainer, AppShellError, AppShellLoader, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, CollapsibleSidebarGroup, LinksGroup, PageContainer, Sidebar, SidebarContext, SidebarListItem, SidebarProvider, SubshellContainer, SubshellContentContainer, SubshellLoader, SubshellRightSideContainer, SubshellSidebar, SubshellSidebarSection, Topbar, TopbarContainer, Vignette, subsidebarWidth, useSidebar, useSidebarCollapse };

package/dist/components/index.d.ts

@@ -3986,6 +3986,20 @@ declare function CardHeader({ icon, title, subtitle, rightSection }: CardHeaderP
  */
 declare const ElevasisLoader: MantineLoaderComponent;
 
+/**
+ * Shared glow indicator primitive. Renders a colored circle with a dual-layer
+ * box-shadow glow effect suitable for status indicators, legend dots, and metric
+ * chips. Pass a resolved cyber-neon color from `useCyberColors()` as the `color`
+ * prop to match the dashboard's cyber aesthetic.
+ */
+interface GlowDotProps {
+    /** The dot/glow color. Pass a cyber-theme color (e.g. cyberColors.green). */
+    color: string;
+    /** Size variant. Defaults to 'md'. */
+    size?: 'sm' | 'md' | 'lg';
+}
+declare function GlowDot({ color, size }: GlowDotProps): react_jsx_runtime.JSX.Element;
+
 interface ICustomModalProps {
     opened: boolean;
     onClose: () => void;
@@ -5633,5 +5647,5 @@ interface WebhookUrlDisplayModalProps {
 }
 declare function WebhookUrlDisplayModal({ opened, endpoint, webhookUrl, onClose }: WebhookUrlDisplayModalProps): react_jsx_runtime.JSX.Element;
 
-export { APIErrorAlert, AbsoluteScheduleForm, ActionModal, ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, AgentDefinitionDisplay, AgentExecutionLogs, AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationEdge, AgentIterationNode, ApiKeyDisplayModal, ApiKeyList, ApiKeySettings, BaseEdge, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, BaseNode, BusinessImpactCard, CONTAINER_CONSTANTS, CardHeader, CheckpointGroup, CollapsibleJsonSection, CollapsibleSection, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, CommandQueueTaskRow, CommandViewEdge, CommandViewGraph, CommandViewNode, ConfigCard, ConfirmationInputModal, ConfirmationModal, ContentSections, ContextUsageBadge, ContextViewer, ContractDisplay, CostBreakdownCard, CostByModelTable, CostMetricsCard, CrashErrorFallback, CreateApiKeyModal, CreateCredentialModal, CreateScheduleModal, CredentialList, CredentialSettings, CustomModal, CustomSelector, DeleteScheduleModal, DeploymentDetailModal, DeploymentList, DeploymentSettings, DeploymentStatusBadge, DetailCardSkeleton, DocTreeNav, EditApiKeyModal, ElevasisLoader, EmptyState, EmptyVisualizer, ErrorAnalysisCard, ErrorBreakdownTable, ErrorReportCard, ExecutionBreakdownTable, ExecutionErrorSection, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, ExecutionStats, ExecutionStatusBadge, FilterBar, FormFieldRenderer, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, JsonViewer, KnowledgeBasePage, ListSkeleton, LogEntry, LogGroup, MembershipFeaturePanel, MembershipStatusBadge, NavigationButton, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, NotificationBell, NotificationItem, NotificationList, NotificationPanel, OAuthConnectModal, OrganizationMembershipsList, PageNotFound, PageTitleCaption, RecurringScheduleForm, RelativeScheduleForm, ResourceCard, ResourceDefinitionSection, ResourceErrorState, ResourceFilter, ResourceHeader, ResourceHealthChart, ResourceHealthPanel, ResourceNotFoundState, SHARED_VIZ_CONSTANTS, ScheduleCard, ScheduleDetailModal, ScheduleTypeSelector, SessionMemory, SortableHeader, StatCard, StatCardSkeleton, StatsCardSkeleton, StyledMarkdown, TabCountBadge, TableSelectionToolbar, TaskCard, TaskScheduler, TimeRangeSelector, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, ToolsListDisplay, TrendIndicator, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, VisualizerContainer, WebhookUrlDisplayModal, WorkflowDefinitionDisplay, WorkflowExecutionLogs, WorkflowExecutionTimeline, buildErrorReport, catalogItemToResourceDefinition, getExecutionStatusConfig, getGraphBackgroundStyles, getHealthColor, getIcon, getLogLevelConfig, iconMap, showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification, useGraphBackgroundStyles, useGraphTheme, useNewKnowledgeMapLayout };
+export { APIErrorAlert, AbsoluteScheduleForm, ActionModal, ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, AgentDefinitionDisplay, AgentExecutionLogs, AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationEdge, AgentIterationNode, ApiKeyDisplayModal, ApiKeyList, ApiKeySettings, BaseEdge, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, BaseNode, BusinessImpactCard, CONTAINER_CONSTANTS, CardHeader, CheckpointGroup, CollapsibleJsonSection, CollapsibleSection, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, CommandQueueTaskRow, CommandViewEdge, CommandViewGraph, CommandViewNode, ConfigCard, ConfirmationInputModal, ConfirmationModal, ContentSections, ContextUsageBadge, ContextViewer, ContractDisplay, CostBreakdownCard, CostByModelTable, CostMetricsCard, CrashErrorFallback, CreateApiKeyModal, CreateCredentialModal, CreateScheduleModal, CredentialList, CredentialSettings, CustomModal, CustomSelector, DeleteScheduleModal, DeploymentDetailModal, DeploymentList, DeploymentSettings, DeploymentStatusBadge, DetailCardSkeleton, DocTreeNav, EditApiKeyModal, ElevasisLoader, EmptyState, EmptyVisualizer, ErrorAnalysisCard, ErrorBreakdownTable, ErrorReportCard, ExecutionBreakdownTable, ExecutionErrorSection, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, ExecutionStats, ExecutionStatusBadge, FilterBar, FormFieldRenderer, GlowDot, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, JsonViewer, KnowledgeBasePage, ListSkeleton, LogEntry, LogGroup, MembershipFeaturePanel, MembershipStatusBadge, NavigationButton, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, NotificationBell, NotificationItem, NotificationList, NotificationPanel, OAuthConnectModal, OrganizationMembershipsList, PageNotFound, PageTitleCaption, RecurringScheduleForm, RelativeScheduleForm, ResourceCard, ResourceDefinitionSection, ResourceErrorState, ResourceFilter, ResourceHeader, ResourceHealthChart, ResourceHealthPanel, ResourceNotFoundState, SHARED_VIZ_CONSTANTS, ScheduleCard, ScheduleDetailModal, ScheduleTypeSelector, SessionMemory, SortableHeader, StatCard, StatCardSkeleton, StatsCardSkeleton, StyledMarkdown, TabCountBadge, TableSelectionToolbar, TaskCard, TaskScheduler, TimeRangeSelector, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, ToolsListDisplay, TrendIndicator, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, VisualizerContainer, WebhookUrlDisplayModal, WorkflowDefinitionDisplay, WorkflowExecutionLogs, WorkflowExecutionTimeline, buildErrorReport, catalogItemToResourceDefinition, getExecutionStatusConfig, getGraphBackgroundStyles, getHealthColor, getIcon, getLogLevelConfig, iconMap, showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification, useGraphBackgroundStyles, useGraphTheme, useNewKnowledgeMapLayout };
 export type { ActivityFiltersProps, ActivityTableProps, BaseEdgeProps, BaseExecutionLogsProps, CommandViewGraphRef, ContextViewerProps, CostByModelTableProps, CrashErrorFallbackProps, ErrorAnalysisCardProps, ErrorReportCardProps, ExecutionBreakdownTableProps, ExecutionHealthCardProps, ExecutionLogEntry, ExecutionLogsFiltersProps, ExecutionLogsTableProps, FitViewButtonVariant, GraphFitViewHandlerProps, JsonViewerProps, KnowledgeMapEdgeData, KnowledgeMapNodeData, LogLevel, NavigationButtonProps, ResourceHealthPanelProps, ScheduleType, SerializedKnowledgeMap, SerializedKnowledgeNode, StatCardProps, StyledMarkdownProps, TaskFilterStatus, TrendIndicatorProps };

package/dist/components/index.js

@@ -1,7 +1,7 @@
-import { useCyberColors, EmptyState, CyberLegendItem, CyberAreaChart, APIErrorAlert, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, ContextViewer, JsonViewer, StyledMarkdown, PageTitleCaption, StatCard, CyberDonut, CollapsibleSection, ListSkeleton } from '../chunk-HGUJ6SSM.js';
-export { APIErrorAlert, CardHeader, CollapsibleSection, ContextViewer, CustomSelector, DetailCardSkeleton, EmptyState, JsonViewer, ListSkeleton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, StyledMarkdown, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition } from '../chunk-HGUJ6SSM.js';
-import { SubshellLoader, SubshellContainer, SubshellSidebar, SubshellRightSideContainer, SubshellContentContainer, PageContainer, AppShellLoader, SubshellSidebarSection, CollapsibleSidebarGroup, SidebarListItem } from '../chunk-5OJM7FHM.js';
-export { NavigationButton } from '../chunk-MYRCM7VD.js';
+import { useCyberColors, EmptyState, CyberLegendItem, CyberAreaChart, APIErrorAlert, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, GlowDot, ContextViewer, JsonViewer, StyledMarkdown, PageTitleCaption, StatCard, CyberDonut, CollapsibleSection, ListSkeleton } from '../chunk-PCC3PLDV.js';
+export { APIErrorAlert, CardHeader, CollapsibleSection, ContextViewer, CustomSelector, DetailCardSkeleton, EmptyState, GlowDot, JsonViewer, ListSkeleton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, StyledMarkdown, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition } from '../chunk-PCC3PLDV.js';
+import { SubshellLoader, SubshellContainer, SubshellSidebar, SubshellRightSideContainer, SubshellContentContainer, PageContainer, AppShellLoader, SubshellSidebarSection, CollapsibleSidebarGroup, SidebarListItem } from '../chunk-UCTTJ2RS.js';
+export { NavigationButton } from '../chunk-KBLGVZBD.js';
 import { useUpdateApiKey, useDeleteApiKey, useCreateApiKey, useListApiKeys, useDeleteCredential, useCreateCredential, useCredentials, useActivateDeployment, useDeactivateDeployment, useDeleteDeployment, useListDeployments, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, showApiErrorNotification, showSuccessNotification, CredentialSchemas, showErrorNotification } from '../chunk-PMSLNXUS.js';
 export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-PMSLNXUS.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-NOGBWAGU.js';
@@ -16,10 +16,11 @@ import { ResourceStatusColors, toWorkflowLogMessages } from '../chunk-ELJIFLCB.j
 import '../chunk-GU46QC4Z.js';
 import '../chunk-CKFTPEBC.js';
 import '../chunk-RNP5R5I3.js';
-import '../chunk-RHHWAM22.js';
+import '../chunk-IKKYFTYZ.js';
 export { ElevasisLoader } from '../chunk-SZHARWKU.js';
-import '../chunk-6ZNKDPAO.js';
-import '../chunk-TBRTRBJV.js';
+import '../chunk-KUK3ZK4D.js';
+import '../chunk-GATPOCUD.js';
+import '../chunk-GIQPDIG5.js';
 import '../chunk-YCOTIVEZ.js';
 import { useAppearance } from '../chunk-QJ2KCHKX.js';
 import '../chunk-4J3GVBB7.js';
@@ -1771,6 +1772,7 @@ function ExecutionStats({
   align = "flex-end",
   compact = false
 }) {
+  const cyberColors = useCyberColors();
   if (totalExecutions === 0 && !compact) {
     return null;
   }
@@ -1788,11 +1790,11 @@ function ExecutionStats({
           "%"
         ] }),
         /* @__PURE__ */ jsxs(Group, { gap: 5, wrap: "nowrap", children: [
-          /* @__PURE__ */ jsx("div", { style: { width: 7, height: 7, borderRadius: "50%", background: "var(--color-success)" } }),
+          /* @__PURE__ */ jsx(GlowDot, { size: "sm", color: cyberColors.green }),
           /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, c: "green", children: successCount })
         ] }),
         failureCount > 0 && /* @__PURE__ */ jsxs(Group, { gap: 5, wrap: "nowrap", children: [
-          /* @__PURE__ */ jsx("div", { style: { width: 7, height: 7, borderRadius: "50%", background: "var(--color-error)" } }),
+          /* @__PURE__ */ jsx(GlowDot, { size: "sm", color: cyberColors.red }),
           /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, c: "red", children: failureCount })
         ] })
       ] }),

package/dist/hooks/index.d.ts

@@ -3213,7 +3213,7 @@ interface MembershipFeatureConfig {
  */
 interface UserConfig {
     theme?: {
-        preset?: 'default' | 'tactical' | 'regal' | 'cyber-volt' | 'aurora' | 'rose-gold' | 'midnight' | 'ember' | 'obsidian' | 'honey' | 'abyss' | 'canopy' | 'slate' | 'cyber-strike' | 'cyber-flux' | 'cyber-void';
+        preset?: 'default' | 'tactical' | 'regal' | 'cyber-volt' | 'aurora' | 'rose-gold' | 'midnight' | 'ember' | 'obsidian' | 'honey' | 'abyss' | 'canopy' | 'slate' | 'cyber-strike' | 'cyber-flux' | 'cyber-void' | 'nirvana' | 'wave';
         colorScheme?: 'light' | 'dark' | 'auto';
     };
     onboarding?: {

package/dist/hooks/index.js

@@ -5,10 +5,11 @@ import '../chunk-NJJ3NQ7B.js';
 import '../chunk-F6RBK7NJ.js';
 import '../chunk-GU46QC4Z.js';
 import '../chunk-RNP5R5I3.js';
-import '../chunk-RHHWAM22.js';
+import '../chunk-IKKYFTYZ.js';
 import '../chunk-SZHARWKU.js';
-import '../chunk-6ZNKDPAO.js';
-import '../chunk-TBRTRBJV.js';
+import '../chunk-KUK3ZK4D.js';
+import '../chunk-GATPOCUD.js';
+import '../chunk-GIQPDIG5.js';
 import '../chunk-YCOTIVEZ.js';
 import '../chunk-QJ2KCHKX.js';
 import '../chunk-4J3GVBB7.js';

package/dist/hooks/published.d.ts

@@ -3642,7 +3642,7 @@ interface MembershipFeatureConfig {
  */
 interface UserConfig {
     theme?: {
-        preset?: 'default' | 'tactical' | 'regal' | 'cyber-volt' | 'aurora' | 'rose-gold' | 'midnight' | 'ember' | 'obsidian' | 'honey' | 'abyss' | 'canopy' | 'slate' | 'cyber-strike' | 'cyber-flux' | 'cyber-void';
+        preset?: 'default' | 'tactical' | 'regal' | 'cyber-volt' | 'aurora' | 'rose-gold' | 'midnight' | 'ember' | 'obsidian' | 'honey' | 'abyss' | 'canopy' | 'slate' | 'cyber-strike' | 'cyber-flux' | 'cyber-void' | 'nirvana' | 'wave';
         colorScheme?: 'light' | 'dark' | 'auto';
     };
     onboarding?: {

package/dist/hooks/published.js

@@ -4,10 +4,11 @@ import '../chunk-NJJ3NQ7B.js';
 import '../chunk-F6RBK7NJ.js';
 import '../chunk-GU46QC4Z.js';
 import '../chunk-RNP5R5I3.js';
-import '../chunk-RHHWAM22.js';
+import '../chunk-IKKYFTYZ.js';
 import '../chunk-SZHARWKU.js';
-import '../chunk-6ZNKDPAO.js';
-import '../chunk-TBRTRBJV.js';
+import '../chunk-KUK3ZK4D.js';
+import '../chunk-GATPOCUD.js';
+import '../chunk-GIQPDIG5.js';
 import '../chunk-YCOTIVEZ.js';
 import '../chunk-QJ2KCHKX.js';
 import '../chunk-4J3GVBB7.js';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-import * as _tanstack_react_query from '@tanstack/react-query';
-import { QueryClient } from '@tanstack/react-query';
 import * as react from 'react';
 import { ReactNode, MouseEvent, AnchorHTMLAttributes, ElementType } from 'react';
+import * as _tanstack_react_query from '@tanstack/react-query';
+import { QueryClient } from '@tanstack/react-query';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { CSSVariablesResolver, MantineThemeOverride } from '@mantine/core';
 import { Node, Edge, NodeMouseHandler } from '@xyflow/react';
@@ -269,8 +269,18 @@ interface ThemePreset {
     description?: string;
     /** Three representative hex colors for swatch display: [primary, dark-bg, light-bg]. */
     colors?: [string, string, string];
+    /**
+     * Background layers rendered behind app content when this preset is active.
+     * Overridden by `theme.background` on the provider if both are set.
+     */
+    background?: ReactNode;
+    /**
+     * Loader element used in loading states when this preset is active.
+     * Overridden by `theme.loader` on the provider if both are set.
+     */
+    loader?: ReactNode;
 }
-type PresetName = 'default' | 'tactical' | 'regal' | 'cyber-volt' | 'aurora' | 'rose-gold' | 'midnight' | 'ember' | 'obsidian' | 'honey' | 'abyss' | 'canopy' | 'slate' | 'cyber-strike' | 'cyber-flux' | 'cyber-void';
+type PresetName = 'default' | 'tactical' | 'regal' | 'cyber-volt' | 'aurora' | 'rose-gold' | 'midnight' | 'ember' | 'honey' | 'canopy' | 'slate' | 'cyber-strike' | 'cyber-flux' | 'cyber-void' | 'nirvana' | 'wave';
 
 /** 10-shade color tuple (light → dark), compatible with Mantine's color format. */
 type ColorShadesTuple = [string, string, string, string, string, string, string, string, string, string];
@@ -3661,7 +3671,7 @@ interface MembershipFeatureConfig {
  */
 interface UserConfig {
     theme?: {
-        preset?: 'default' | 'tactical' | 'regal' | 'cyber-volt' | 'aurora' | 'rose-gold' | 'midnight' | 'ember' | 'obsidian' | 'honey' | 'abyss' | 'canopy' | 'slate' | 'cyber-strike' | 'cyber-flux' | 'cyber-void';
+        preset?: 'default' | 'tactical' | 'regal' | 'cyber-volt' | 'aurora' | 'rose-gold' | 'midnight' | 'ember' | 'obsidian' | 'honey' | 'abyss' | 'canopy' | 'slate' | 'cyber-strike' | 'cyber-flux' | 'cyber-void' | 'nirvana' | 'wave';
         colorScheme?: 'light' | 'dark' | 'auto';
     };
     onboarding?: {

package/dist/index.js

@@ -1,4 +1,4 @@
-export { useAvailablePresets } from './chunk-E72FC2ZF.js';
+export { useAvailablePresets } from './chunk-KZGJPBXT.js';
 import './chunk-XCYKC6OZ.js';
 export { ApiKeyService, CredentialService, DeploymentService, OrganizationMembershipService, WebhookEndpointService, filterByDomainFilters, useActivateDeployment, useActivityFilters, useCommandViewDomainFilters, useCreateApiKey, useCreateCredential, useCreateWebhookEndpoint, useCredentials, useDeactivateDeployment, useDeactivateMembership, useDeleteApiKey, useDeleteCredential, useDeleteDeployment, useDeleteWebhookEndpoint, useExecutionLogsFilters, useListApiKeys, useListDeployments, useListWebhookEndpoints, useOrganizationMembers, useReactivateMembership, useResourceSearch, useResourcesDomainFilters, useStatusFilter, useTimeRangeDates, useUpdateApiKey, useUpdateCredential, useUpdateMemberConfig, useUpdateWebhookEndpoint, useUserMemberships, useVisibleResources } from './chunk-PMSLNXUS.js';
 export { OperationsService, createUseFeatureAccess, executionsKeys, isSessionCapable, operationsKeys, scheduleKeys, sessionsKeys, sortData, useActivities, useActivityTrend, useArchiveSession, useArchivedLogs, useBatchDelete, useBatchedResourcesHealth, useBulkDeleteExecutions, useBusinessImpact, useCancelExecution, useCancelSchedule, useCheckpointTasks, useCommandQueue, useCommandQueueTotals, useCommandViewData, useCommandViewLayout, useCommandViewStats, useCommandViewStore, useCostBreakdown, useCostByModel, useCostSummary, useCostTrends, useCreateSchedule, useCreateSession, useDashboardMetrics, useDeleteExecution, useDeleteSchedule, useDeleteSession, useDeleteTask, useDeploymentDocs, useErrorAnalysis, useErrorDetail, useErrorDetails, useErrorDistribution, useErrorNotification, useExecuteAsync, useExecution, useExecutionHealth, useExecutionLogSSE, useExecutionLogs, useExecutionPanelState, useExecutions, useGetExecutionHistory, useGetSchedule, useGraphStats, useListSchedules, useMarkAllAsRead, useMarkAsRead, useNotificationCount, useNotifications, usePaginationState, usePatchTask, usePauseSchedule, useRecentExecutionsByResource, useResolveAllErrors, useResolveError, useResolveErrorsByExecution, useResourceDefinition, useResourceErrors, useResourceExecutions, useResources, useResourcesHealth, useResumeSchedule, useRetryExecution, useSSEConnection, useScheduledTasks, useSession, useSessionExecution, useSessionExecutions, useSessionMessages, useSessionWebSocket, useSessions, useSortedData, useSubmitAction, useSuccessNotification, useTableSelection, useTableSort, useTestNotification, useTopFailingResources, useUnresolveError, useUnresolvedErrors, useUpdateAnchor, useUpdateSchedule, useWarningNotification } from './chunk-NOGBWAGU.js';
@@ -11,10 +11,11 @@ import './chunk-ELJIFLCB.js';
 export { createOrganizationsSlice, createUseOrgInitialization, createUseOrganizations } from './chunk-GU46QC4Z.js';
 export { createUseAppInitialization } from './chunk-CKFTPEBC.js';
 import './chunk-RNP5R5I3.js';
-export { ElevasisUIProvider } from './chunk-RHHWAM22.js';
+export { ElevasisUIProvider } from './chunk-IKKYFTYZ.js';
 import './chunk-SZHARWKU.js';
-export { PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, generateShades, getPreset, mantineThemeOverride, PRESETS as presets, usePresetsContext } from './chunk-6ZNKDPAO.js';
-import './chunk-TBRTRBJV.js';
+export { PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, generateShades, getPreset, mantineThemeOverride, PRESETS as presets, usePresetsContext } from './chunk-KUK3ZK4D.js';
+import './chunk-GATPOCUD.js';
+import './chunk-GIQPDIG5.js';
 export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter } from './chunk-YCOTIVEZ.js';
 export { AppearanceProvider, useAppearance } from './chunk-QJ2KCHKX.js';
 export { OrganizationProvider } from './chunk-4J3GVBB7.js';

package/dist/layout/index.d.ts

@@ -6,6 +6,10 @@ declare const sidebarCollapsedWidth = 72;
 declare const sidebarTransitionDuration = 200;
 declare const sidebarHoverDelay = 100;
 declare const topbarHeight = 54;
+/** Height of SidebarBottomSection when expanded: outer padding sm (12+12) + 1px top border + inner padding (4+4) + Avatar md (38) = 71px */
+declare const sidebarBottomSectionHeight = 71;
+/** Height of SidebarBottomSection when collapsed: outer padding sm (12+12) + 1px top border + inner padding (4+4) + Avatar sm (26) = 59px */
+declare const sidebarBottomSectionCollapsedHeight = 59;
 /** Height of a main navigation button (px) */
 declare const sidebarItemHeight = 42;
 /** Padding inside main navigation buttons (px) */
@@ -37,6 +41,57 @@ declare function AppBackground({ children }: {
     children?: ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
+type CyberVariant = 'flux' | 'strike' | 'void' | 'volt';
+interface CyberParticlesProps {
+    /** Which particle flavor to render. */
+    variant: CyberVariant;
+    className?: string;
+}
+/**
+ * Techy particle layer for cyber-themed presets.
+ *
+ * Sits alongside `PerspectiveGrid` / `RadiantGlow` / `FloatingOrbs` / `FilmGrain`
+ * at the same z-level (via document order) and adds rising electric sparks
+ * that inherit their color from `var(--color-primary)` so they automatically
+ * match the active preset's accent:
+ *
+ *   - `flux`    — yellow sparks
+ *   - `strike`  — red sparks
+ *   - `void`    — blue sparks
+ *   - `volt`    — cyan sparks
+ *
+ * The `variant` prop is currently unused at the render level (all four
+ * cyber presets share the same spark effect), but is kept in the API so
+ * individual variants can diverge again without changing preset wiring.
+ *
+ * Particle field is generated once at module load (fresh per page reload).
+ * All animations are disabled under `prefers-reduced-motion`.
+ */
+declare function CyberParticles({ variant: _variant, className }: CyberParticlesProps): React$1.JSX.Element;
+
+interface CyberBackgroundProps {
+    /** Which techy particle effect to layer on top of the default background. */
+    variant: CyberVariant;
+}
+/**
+ * Composite background for cyber-themed presets.
+ *
+ * Extends the default `AppBackground` (PerspectiveGrid + RadiantGlow +
+ * FloatingOrbs + FilmGrain) with a variant-specific `CyberParticles` layer
+ * inserted just below the film grain so the particles feel embedded in
+ * the scene rather than sitting flat on top.
+ *
+ * Designed to be bundled into cyber-themed presets via
+ * `ThemePreset.background`. Consumers can still override the full background
+ * per-app via `<ElevasisUIProvider theme={{ background: <Custom/> }}>`.
+ *
+ *   - `flux`    — Rising electric sparks (hazard yellow)
+ *   - `strike`  — Combat HUD scan sweep + radar pings + targeting brackets
+ *   - `void`    — Matrix-style digital rain
+ *   - `volt`    — Circuit-board data flow with animated pulses
+ */
+declare function CyberBackground({ variant }: CyberBackgroundProps): React$1.JSX.Element;
+
 interface FilmGrainProps {
     /** Opacity in dark mode (0-1). Defaults to 0.04. */
     darkOpacity?: number;
@@ -66,12 +121,14 @@ declare function FloatingOrbs({ color, count, className }: FloatingOrbsProps): R
 
 interface PerspectiveGridProps {
     glowColor?: string;
+    /** Override the grid line color. Defaults to a neutral gray scoped to the color scheme. */
+    lineColor?: string;
     className?: string;
 }
 /**
  * 3D perspective grid background using CSS transforms
  */
-declare function PerspectiveGrid({ glowColor, className }: PerspectiveGridProps): React$1.JSX.Element;
+declare function PerspectiveGrid({ glowColor, lineColor: lineColorProp, className }: PerspectiveGridProps): React$1.JSX.Element;
 
 interface RadiantGlowProps {
     /** Override the glow color. Defaults to var(--color-primary). */
@@ -179,6 +236,7 @@ interface SidebarContextType {
     toggleCollapsed: () => void;
     setCollapsed: (value: boolean) => void;
 }
+declare const SidebarContext: React$1.Context<SidebarContextType | undefined>;
 interface SidebarProviderProps {
     children: ReactNode;
 }
@@ -359,5 +417,5 @@ declare const TopbarContainer: ({ children }: {
     children: React.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 
-export { AppBackground, AppShellCenteredContainer, AppShellContainer, AppShellContentContainer, AppShellError, AppShellLoader, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, CollapsibleSidebarGroup, FilmGrain, FloatingOrbs, LinksGroup, PageContainer, PerspectiveGrid, RadiantGlow, Sidebar, SidebarListItem, SidebarProvider, SubshellContainer, SubshellContentContainer, SubshellLoader, SubshellRightSideContainer, SubshellSidebar, SubshellSidebarSection, Topbar, TopbarContainer, Vignette, sidebarCollapsedWidth, sidebarGroupChevronSize, sidebarHoverDelay, sidebarIconInnerSize, sidebarIconSize, sidebarIconStroke, sidebarItemGap, sidebarItemHeight, sidebarItemPadding, sidebarListItemIconSize, sidebarSectionPadding, sidebarSubLinkIndent, sidebarSubLinkPaddingX, sidebarSubLinkPaddingY, sidebarToggleIconSize, sidebarTransitionDuration, sidebarWidth, subsidebarWidth, topbarHeight, useSidebar, useSidebarCollapse };
-export type { CollapsibleSidebarGroupProps, LinkItem, LinksGroupProps, SidebarListItemProps, SidebarNestedProps, SubshellContainerProps, SubshellContentContainerProps, SubshellRightSideContainerProps, SubshellSidebarContainerProps, SubshellSidebarProps, SubshellSidebarSectionProps, TopbarProps };
+export { AppBackground, AppShellCenteredContainer, AppShellContainer, AppShellContentContainer, AppShellError, AppShellLoader, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, CollapsibleSidebarGroup, CyberBackground, CyberParticles, FilmGrain, FloatingOrbs, LinksGroup, PageContainer, PerspectiveGrid, RadiantGlow, Sidebar, SidebarContext, SidebarListItem, SidebarProvider, SubshellContainer, SubshellContentContainer, SubshellLoader, SubshellRightSideContainer, SubshellSidebar, SubshellSidebarSection, Topbar, TopbarContainer, Vignette, sidebarBottomSectionCollapsedHeight, sidebarBottomSectionHeight, sidebarCollapsedWidth, sidebarGroupChevronSize, sidebarHoverDelay, sidebarIconInnerSize, sidebarIconSize, sidebarIconStroke, sidebarItemGap, sidebarItemHeight, sidebarItemPadding, sidebarListItemIconSize, sidebarSectionPadding, sidebarSubLinkIndent, sidebarSubLinkPaddingX, sidebarSubLinkPaddingY, sidebarToggleIconSize, sidebarTransitionDuration, sidebarWidth, subsidebarWidth, topbarHeight, useSidebar, useSidebarCollapse };
+export type { CollapsibleSidebarGroupProps, CyberVariant, LinkItem, LinksGroupProps, SidebarListItemProps, SidebarNestedProps, SubshellContainerProps, SubshellContentContainerProps, SubshellRightSideContainerProps, SubshellSidebarContainerProps, SubshellSidebarProps, SubshellSidebarSectionProps, TopbarProps };

package/dist/layout/index.js

@@ -1,6 +1,7 @@
-export { AppShellCenteredContainer, AppShellContainer, AppShellContentContainer, AppShellError, AppShellLoader, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, CollapsibleSidebarGroup, LinksGroup, PageContainer, Sidebar, SidebarListItem, SidebarProvider, SubshellContainer, SubshellContentContainer, SubshellLoader, SubshellRightSideContainer, SubshellSidebar, SubshellSidebarSection, Topbar, TopbarContainer, Vignette, subsidebarWidth, useSidebar, useSidebarCollapse } from '../chunk-5OJM7FHM.js';
-export { sidebarCollapsedWidth, sidebarGroupChevronSize, sidebarHoverDelay, sidebarIconInnerSize, sidebarIconSize, sidebarIconStroke, sidebarItemGap, sidebarItemHeight, sidebarItemPadding, sidebarListItemIconSize, sidebarSectionPadding, sidebarSubLinkIndent, sidebarSubLinkPaddingX, sidebarSubLinkPaddingY, sidebarToggleIconSize, sidebarTransitionDuration, sidebarWidth, topbarHeight } from '../chunk-MYRCM7VD.js';
+export { AppShellCenteredContainer, AppShellContainer, AppShellContentContainer, AppShellError, AppShellLoader, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, CollapsibleSidebarGroup, LinksGroup, PageContainer, Sidebar, SidebarContext, SidebarListItem, SidebarProvider, SubshellContainer, SubshellContentContainer, SubshellLoader, SubshellRightSideContainer, SubshellSidebar, SubshellSidebarSection, Topbar, TopbarContainer, Vignette, subsidebarWidth, useSidebar, useSidebarCollapse } from '../chunk-UCTTJ2RS.js';
+export { sidebarBottomSectionCollapsedHeight, sidebarBottomSectionHeight, sidebarCollapsedWidth, sidebarGroupChevronSize, sidebarHoverDelay, sidebarIconInnerSize, sidebarIconSize, sidebarIconStroke, sidebarItemGap, sidebarItemHeight, sidebarItemPadding, sidebarListItemIconSize, sidebarSectionPadding, sidebarSubLinkIndent, sidebarSubLinkPaddingX, sidebarSubLinkPaddingY, sidebarToggleIconSize, sidebarTransitionDuration, sidebarWidth, topbarHeight } from '../chunk-KBLGVZBD.js';
 import '../chunk-LHQTTUL2.js';
-export { AppBackground, FilmGrain, FloatingOrbs, PerspectiveGrid, RadiantGlow } from '../chunk-TBRTRBJV.js';
+export { AppBackground } from '../chunk-GATPOCUD.js';
+export { CyberBackground, CyberParticles, FilmGrain, FloatingOrbs, PerspectiveGrid, RadiantGlow } from '../chunk-GIQPDIG5.js';
 import '../chunk-QJ2KCHKX.js';
 import '../chunk-Q7DJKLEN.js';

package/dist/provider/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { QueryClient } from '@tanstack/react-query';
 import { ReactNode } from 'react';
+import { QueryClient } from '@tanstack/react-query';
 import { MantineThemeOverride } from '@mantine/core';
 
 /** Framework-agnostic theme overrides bundled with a preset (fonts, radius, component styles). */
@@ -31,8 +31,18 @@ interface ThemePreset {
     description?: string;
     /** Three representative hex colors for swatch display: [primary, dark-bg, light-bg]. */
     colors?: [string, string, string];
+    /**
+     * Background layers rendered behind app content when this preset is active.
+     * Overridden by `theme.background` on the provider if both are set.
+     */
+    background?: ReactNode;
+    /**
+     * Loader element used in loading states when this preset is active.
+     * Overridden by `theme.loader` on the provider if both are set.
+     */
+    loader?: ReactNode;
 }
-type PresetName = 'default' | 'tactical' | 'regal' | 'cyber-volt' | 'aurora' | 'rose-gold' | 'midnight' | 'ember' | 'obsidian' | 'honey' | 'abyss' | 'canopy' | 'slate' | 'cyber-strike' | 'cyber-flux' | 'cyber-void';
+type PresetName = 'default' | 'tactical' | 'regal' | 'cyber-volt' | 'aurora' | 'rose-gold' | 'midnight' | 'ember' | 'honey' | 'canopy' | 'slate' | 'cyber-strike' | 'cyber-flux' | 'cyber-void' | 'nirvana' | 'wave';
 
 interface ApiErrorDetails {
     method: string;

package/dist/provider/index.js

@@ -1,7 +1,8 @@
-export { ElevasisUIProvider } from '../chunk-RHHWAM22.js';
+export { ElevasisUIProvider } from '../chunk-IKKYFTYZ.js';
 import '../chunk-SZHARWKU.js';
-import '../chunk-6ZNKDPAO.js';
-import '../chunk-TBRTRBJV.js';
+import '../chunk-KUK3ZK4D.js';
+import '../chunk-GATPOCUD.js';
+import '../chunk-GIQPDIG5.js';
 export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter } from '../chunk-YCOTIVEZ.js';
 export { AppearanceProvider, useAppearance } from '../chunk-QJ2KCHKX.js';
 import '../chunk-4J3GVBB7.js';

package/dist/provider/published.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { QueryClient } from '@tanstack/react-query';
 import { ReactNode } from 'react';
+import { QueryClient } from '@tanstack/react-query';
 
 /** Framework-agnostic theme overrides bundled with a preset (fonts, radius, component styles). */
 interface FrameworkThemeOverrides {
@@ -30,8 +30,18 @@ interface ThemePreset {
     description?: string;
     /** Three representative hex colors for swatch display: [primary, dark-bg, light-bg]. */
     colors?: [string, string, string];
+    /**
+     * Background layers rendered behind app content when this preset is active.
+     * Overridden by `theme.background` on the provider if both are set.
+     */
+    background?: ReactNode;
+    /**
+     * Loader element used in loading states when this preset is active.
+     * Overridden by `theme.loader` on the provider if both are set.
+     */
+    loader?: ReactNode;
 }
-type PresetName = 'default' | 'tactical' | 'regal' | 'cyber-volt' | 'aurora' | 'rose-gold' | 'midnight' | 'ember' | 'obsidian' | 'honey' | 'abyss' | 'canopy' | 'slate' | 'cyber-strike' | 'cyber-flux' | 'cyber-void';
+type PresetName = 'default' | 'tactical' | 'regal' | 'cyber-volt' | 'aurora' | 'rose-gold' | 'midnight' | 'ember' | 'honey' | 'canopy' | 'slate' | 'cyber-strike' | 'cyber-flux' | 'cyber-void' | 'nirvana' | 'wave';
 
 interface ApiErrorDetails {
     method: string;

package/dist/theme/index.d.ts

@@ -1,5 +1,6 @@
-import { CSSVariablesResolver, MantineThemeOverride } from '@mantine/core';
 import * as react from 'react';
+import { ReactNode } from 'react';
+import { CSSVariablesResolver, MantineThemeOverride } from '@mantine/core';
 
 /** Flat + per-scheme override pattern. Flat values apply to both; `light`/`dark` win over flat. */
 type WithSchemes<T> = T & {
@@ -84,8 +85,18 @@ interface ThemePreset {
     description?: string;
     /** Three representative hex colors for swatch display: [primary, dark-bg, light-bg]. */
     colors?: [string, string, string];
+    /**
+     * Background layers rendered behind app content when this preset is active.
+     * Overridden by `theme.background` on the provider if both are set.
+     */
+    background?: ReactNode;
+    /**
+     * Loader element used in loading states when this preset is active.
+     * Overridden by `theme.loader` on the provider if both are set.
+     */
+    loader?: ReactNode;
 }
-type PresetName = 'default' | 'tactical' | 'regal' | 'cyber-volt' | 'aurora' | 'rose-gold' | 'midnight' | 'ember' | 'obsidian' | 'honey' | 'abyss' | 'canopy' | 'slate' | 'cyber-strike' | 'cyber-flux' | 'cyber-void';
+type PresetName = 'default' | 'tactical' | 'regal' | 'cyber-volt' | 'aurora' | 'rose-gold' | 'midnight' | 'ember' | 'honey' | 'canopy' | 'slate' | 'cyber-strike' | 'cyber-flux' | 'cyber-void' | 'nirvana' | 'wave';
 
 /** 10-shade color tuple (light → dark), compatible with Mantine's color format. */
 type ColorShadesTuple = [string, string, string, string, string, string, string, string, string, string];

package/dist/theme/index.js

@@ -1,2 +1,3 @@
-export { useAvailablePresets } from '../chunk-E72FC2ZF.js';
-export { PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, generateShades, getPreset, mantineThemeOverride, PRESETS as presets, usePresetsContext } from '../chunk-6ZNKDPAO.js';
+export { useAvailablePresets } from '../chunk-KZGJPBXT.js';
+export { PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, generateShades, getPreset, mantineThemeOverride, PRESETS as presets, usePresetsContext } from '../chunk-KUK3ZK4D.js';
+import '../chunk-GIQPDIG5.js';

package/dist/types/index.d.ts

@@ -2957,7 +2957,7 @@ interface MembershipFeatureConfig {
  */
 interface UserConfig {
     theme?: {
-        preset?: 'default' | 'tactical' | 'regal' | 'cyber-volt' | 'aurora' | 'rose-gold' | 'midnight' | 'ember' | 'obsidian' | 'honey' | 'abyss' | 'canopy' | 'slate' | 'cyber-strike' | 'cyber-flux' | 'cyber-void';
+        preset?: 'default' | 'tactical' | 'regal' | 'cyber-volt' | 'aurora' | 'rose-gold' | 'midnight' | 'ember' | 'obsidian' | 'honey' | 'abyss' | 'canopy' | 'slate' | 'cyber-strike' | 'cyber-flux' | 'cyber-void' | 'nirvana' | 'wave';
         colorScheme?: 'light' | 'dark' | 'auto';
     };
     onboarding?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elevasis/ui",
-  "version": "1.14.5",
+  "version": "1.15.0",
   "description": "UI components and platform-aware hooks for building custom frontends on the Elevasis platform",
   "type": "module",
   "license": "MIT",
@@ -182,8 +182,8 @@
     "typescript": "5.9.2",
     "vite": "^7.0.0",
     "@repo/core": "0.0.0",
-    "@repo/typescript-config": "0.0.0",
-    "@repo/eslint-config": "0.0.0"
+    "@repo/eslint-config": "0.0.0",
+    "@repo/typescript-config": "0.0.0"
   },
   "dependencies": {
     "@dagrejs/dagre": "^1.1.4",