@elevasis/ui 1.13.0 → 1.14.0

package/dist/{chunk-HLZMP7GN.js → chunk-BUN337J3.js}

@@ -1,5 +1,3 @@
-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';
@@ -10,7 +8,6 @@ import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { createContext, lazy, useContext, Suspense, useRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 import { QueryClientProvider, QueryClient } from '@tanstack/react-query';
-import { Loader } from '@mantine/core';
 
 var consoleAdapter = {
   success(title, message) {
@@ -72,7 +69,6 @@ function ElevasisCoreProvider({
   apiUrl,
   onError,
   notifications,
-  appearance,
   children
 }) {
   if (auth.mode === "apiKey") {
@@ -81,13 +77,9 @@ function ElevasisCoreProvider({
     );
   }
   const resolvedQueryClient = queryClient ?? getDefaultQueryClient();
-  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: /* @__PURE__ */ jsx(AppearanceProvider, { value: resolvedAppearance, children: AuthInner }) });
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: resolvedQueryClient, children: AuthInner });
 }
 function ServiceStack({
   apiUrl,

package/dist/{chunk-4HLCZVS6.js → chunk-F5BVI434.js}

@@ -1,8 +1,11 @@
 import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-WNRHQAJA.js';
-import { ElevasisCoreProvider } from './chunk-HLZMP7GN.js';
+import { AppBackground } from './chunk-TBRTRBJV.js';
+import { ElevasisLoader } from './chunk-SZHARWKU.js';
+import { ElevasisCoreProvider } from './chunk-BUN337J3.js';
+import { AppearanceProvider } from './chunk-QJ2KCHKX.js';
 import { getErrorInfo, formatErrorMessage, getErrorTitle } from './chunk-FCFLBMVI.js';
 import { useMemo, useEffect } from 'react';
-import { mergeThemeOverrides, MantineProvider } from '@mantine/core';
+import { Loader, mergeThemeOverrides, MantineProvider } from '@mantine/core';
 import '@mantine/core/styles.css';
 import '@mantine/notifications/styles.css';
 import { notifications } from '@mantine/notifications';
@@ -36,6 +39,10 @@ var mantineAdapter = {
 function ElevasisUIProvider({ theme, children, ...coreProps }) {
   const resolvedColorScheme = theme?.colorScheme ?? "dark";
   const activePresets = theme?.presets ?? PRESETS;
+  const resolvedAppearance = {
+    background: theme?.background ?? /* @__PURE__ */ jsx(AppBackground, {}),
+    loader: theme?.loader ?? /* @__PURE__ */ jsx(Loader, { size: "xl", loaders: { elevasis: ElevasisLoader }, type: "elevasis" })
+  };
   const preset = useMemo(() => getPreset(theme?.preset ?? "default", theme?.presets), [theme?.preset, theme?.presets]);
   useEffect(() => {
     if (!preset.fontImports?.length) return;
@@ -80,7 +87,7 @@ function ElevasisUIProvider({ theme, children, ...coreProps }) {
       theme: resolvedTheme,
       defaultColorScheme: resolvedColorScheme,
       cssVariablesResolver,
-      children: /* @__PURE__ */ jsx(PresetsProvider, { value: activePresets, children: /* @__PURE__ */ jsx(ElevasisCoreProvider, { notifications: mantineAdapter, ...coreProps, children }) })
+      children: /* @__PURE__ */ jsx(PresetsProvider, { value: activePresets, children: /* @__PURE__ */ jsx(AppearanceProvider, { value: resolvedAppearance, children: /* @__PURE__ */ jsx(ElevasisCoreProvider, { notifications: mantineAdapter, ...coreProps, children }) }) })
     }
   );
 }

package/dist/{chunk-4TWGUI3L.js → chunk-LP6CQOHV.js}

@@ -1,7 +1,7 @@
 import { getTimeRangeDates, observabilityKeys } from './chunk-EQNXEBGZ.js';
 import { useSupabase } from './chunk-NJJ3NQ7B.js';
 import { GRAPH_CONSTANTS } from './chunk-F6RBK7NJ.js';
-import { useNotificationAdapter } from './chunk-HLZMP7GN.js';
+import { useNotificationAdapter } from './chunk-BUN337J3.js';
 import { HTTP_HEADERS } from './chunk-RULQSZYX.js';
 import { STALE_TIME_MONITORING, REFETCH_INTERVAL_DASHBOARD, REFETCH_INTERVAL_RUNNING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY, STALE_TIME_DEFAULT, STALE_TIME_ADMIN } from './chunk-FCFLBMVI.js';
 import { useStableAccessToken } from './chunk-ALA56RGZ.js';

package/dist/{chunk-7RAT54LF.js → chunk-M3WZAG5D.js}

@@ -1,6 +1,6 @@
 import { NavigationButton } from './chunk-YHTK43DV.js';
-import { useAppearance } from './chunk-HRG3KPL6.js';
 import { ElevasisLoader } from './chunk-SZHARWKU.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, Loader, Title, Button, Box, Center, useMantineColorScheme, Switch, Code } from '@mantine/core';

package/dist/{chunk-C27S6IIV.js → chunk-MJ7SDCIL.js}

@@ -1,6 +1,6 @@
-import { CredentialNameSchema, UuidSchema, useErrorNotification } from './chunk-4TWGUI3L.js';
+import { CredentialNameSchema, UuidSchema, useErrorNotification } from './chunk-LP6CQOHV.js';
 import { getTimeRangeDates } from './chunk-EQNXEBGZ.js';
-import { useNotificationAdapter } from './chunk-HLZMP7GN.js';
+import { useNotificationAdapter } from './chunk-BUN337J3.js';
 import { GC_TIME_SHORT, STALE_TIME_MONITORING, GC_TIME_MEDIUM, STALE_TIME_DEFAULT, getErrorInfo, formatErrorMessage, getErrorTitle } from './chunk-FCFLBMVI.js';
 import { useElevasisServices } from './chunk-BK4EIWNU.js';
 import { z } from 'zod';

package/dist/chunk-QJ2KCHKX.js

@@ -0,0 +1,17 @@
+import { createContext, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// 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;
+}
+
+export { AppearanceProvider, useAppearance };

package/dist/{chunk-HRG3KPL6.js → chunk-TBRTRBJV.js}

@@ -1,19 +1,7 @@
-import { createContext, useContext } from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useComputedColorScheme } from '@mantine/core';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
-// 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;
-}
+// src/components/layout/backgrounds/PerspectiveGrid.tsx
 function PerspectiveGrid({
   glowColor = "rgba(123, 123, 123, 0.1)",
   className
@@ -292,4 +280,4 @@ function AppBackground({ children }) {
   ] });
 }
 
-export { AppBackground, AppearanceProvider, FilmGrain, FloatingOrbs, PerspectiveGrid, RadiantGlow, useAppearance };
+export { AppBackground, FilmGrain, FloatingOrbs, PerspectiveGrid, RadiantGlow };

package/dist/components/index.js

@@ -1,10 +1,10 @@
 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';
+import { SubshellLoader, SubshellContainer, SubshellSidebar, SubshellRightSideContainer, SubshellContentContainer, PageContainer, AppShellLoader, SubshellSidebarSection, CollapsibleSidebarGroup, SidebarListItem } from '../chunk-M3WZAG5D.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 { useUpdateApiKey, useDeleteApiKey, useCreateApiKey, useListApiKeys, useDeleteCredential, useCreateCredential, useCredentials, useActivateDeployment, useDeactivateDeployment, useDeleteDeployment, useListDeployments, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, showApiErrorNotification, showSuccessNotification, CredentialSchemas, showErrorNotification } from '../chunk-MJ7SDCIL.js';
+export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-MJ7SDCIL.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-LP6CQOHV.js';
 import { getTimeRangeDates, formatBucketTime } from '../chunk-EQNXEBGZ.js';
 import '../chunk-NJJ3NQ7B.js';
 import '../chunk-LHQTTUL2.js';
@@ -16,12 +16,13 @@ import { ResourceStatusColors, toWorkflowLogMessages } from '../chunk-ELJIFLCB.j
 import '../chunk-GU46QC4Z.js';
 import '../chunk-CKFTPEBC.js';
 import '../chunk-RNP5R5I3.js';
-import '../chunk-4HLCZVS6.js';
+import '../chunk-F5BVI434.js';
 import '../chunk-WNRHQAJA.js';
-import '../chunk-HLZMP7GN.js';
-import { useAppearance } from '../chunk-HRG3KPL6.js';
+import '../chunk-TBRTRBJV.js';
 import { ElevasisLoader } from '../chunk-SZHARWKU.js';
 export { ElevasisLoader } from '../chunk-SZHARWKU.js';
+import '../chunk-BUN337J3.js';
+import { useAppearance } from '../chunk-QJ2KCHKX.js';
 import '../chunk-HGNP6EVB.js';
 import '../chunk-RULQSZYX.js';
 import { getResourceIcon, getResourceColor, formatChartAxisDate, PAGE_SIZE_DEFAULT, getErrorInfo, formatErrorMessage, formatDateTime } from '../chunk-FCFLBMVI.js';

package/dist/hooks/index.css

@@ -1,48 +1,3 @@
-/* src/components/display/ElevasisLoader.module.css */
-.wrapper {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--loader-size);
-  height: var(--loader-size);
-  overflow: visible;
-}
-.loader {
-  width: 100%;
-  height: 100%;
-  display: block;
-  overflow: visible;
-}
-.chevron {
-  stroke: var(--loader-color);
-  stroke-width: 2;
-  stroke-linecap: square;
-  stroke-linejoin: miter;
-  fill: none;
-  opacity: 0.15;
-  animation: chevronPulse 2s ease-in-out infinite;
-  filter: drop-shadow(0 0 1.5px var(--loader-color));
-}
-.c1 {
-  animation-delay: 0s;
-}
-.c2 {
-  animation-delay: 0.2s;
-}
-.c3 {
-  animation-delay: 0.4s;
-}
-@keyframes chevronPulse {
-  0%, 100% {
-    opacity: 0.12;
-    filter: drop-shadow(0 0 1px var(--loader-color));
-  }
-  40%, 60% {
-    opacity: 1;
-    filter: drop-shadow(0 0 3px var(--loader-color));
-  }
-}
-
 /* src/theme/custom.css */
 .mantine-Accordion-control:hover {
   background-color: var(--color-surface-hover);
@@ -108,6 +63,51 @@
   outline: none;
 }
 
+/* src/components/display/ElevasisLoader.module.css */
+.wrapper {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--loader-size);
+  height: var(--loader-size);
+  overflow: visible;
+}
+.loader {
+  width: 100%;
+  height: 100%;
+  display: block;
+  overflow: visible;
+}
+.chevron {
+  stroke: var(--loader-color);
+  stroke-width: 2;
+  stroke-linecap: square;
+  stroke-linejoin: miter;
+  fill: none;
+  opacity: 0.15;
+  animation: chevronPulse 2s ease-in-out infinite;
+  filter: drop-shadow(0 0 1.5px var(--loader-color));
+}
+.c1 {
+  animation-delay: 0s;
+}
+.c2 {
+  animation-delay: 0.2s;
+}
+.c3 {
+  animation-delay: 0.4s;
+}
+@keyframes chevronPulse {
+  0%, 100% {
+    opacity: 0.12;
+    filter: drop-shadow(0 0 1px var(--loader-color));
+  }
+  40%, 60% {
+    opacity: 1;
+    filter: drop-shadow(0 0 3px var(--loader-color));
+  }
+}
+
 /* src/graph/Graph.module.css */
 @keyframes edgeFlow {
   0% {

package/dist/hooks/index.js

@@ -1,15 +1,16 @@
-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-C27S6IIV.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-4TWGUI3L.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-MJ7SDCIL.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-LP6CQOHV.js';
 export { observabilityKeys, useErrorTrends } from '../chunk-EQNXEBGZ.js';
 import '../chunk-NJJ3NQ7B.js';
 import '../chunk-F6RBK7NJ.js';
 import '../chunk-GU46QC4Z.js';
 import '../chunk-RNP5R5I3.js';
-import '../chunk-4HLCZVS6.js';
+import '../chunk-F5BVI434.js';
 import '../chunk-WNRHQAJA.js';
-import '../chunk-HLZMP7GN.js';
-import '../chunk-HRG3KPL6.js';
+import '../chunk-TBRTRBJV.js';
 import '../chunk-SZHARWKU.js';
+import '../chunk-BUN337J3.js';
+import '../chunk-QJ2KCHKX.js';
 import '../chunk-HGNP6EVB.js';
 import '../chunk-RULQSZYX.js';
 export { REFETCH_INTERVAL_RUNNING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY } from '../chunk-FCFLBMVI.js';

package/dist/hooks/published.css

@@ -1,48 +1,3 @@
-/* src/components/display/ElevasisLoader.module.css */
-.wrapper {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--loader-size);
-  height: var(--loader-size);
-  overflow: visible;
-}
-.loader {
-  width: 100%;
-  height: 100%;
-  display: block;
-  overflow: visible;
-}
-.chevron {
-  stroke: var(--loader-color);
-  stroke-width: 2;
-  stroke-linecap: square;
-  stroke-linejoin: miter;
-  fill: none;
-  opacity: 0.15;
-  animation: chevronPulse 2s ease-in-out infinite;
-  filter: drop-shadow(0 0 1.5px var(--loader-color));
-}
-.c1 {
-  animation-delay: 0s;
-}
-.c2 {
-  animation-delay: 0.2s;
-}
-.c3 {
-  animation-delay: 0.4s;
-}
-@keyframes chevronPulse {
-  0%, 100% {
-    opacity: 0.12;
-    filter: drop-shadow(0 0 1px var(--loader-color));
-  }
-  40%, 60% {
-    opacity: 1;
-    filter: drop-shadow(0 0 3px var(--loader-color));
-  }
-}
-
 /* src/theme/custom.css */
 .mantine-Accordion-control:hover {
   background-color: var(--color-surface-hover);
@@ -108,6 +63,51 @@
   outline: none;
 }
 
+/* src/components/display/ElevasisLoader.module.css */
+.wrapper {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--loader-size);
+  height: var(--loader-size);
+  overflow: visible;
+}
+.loader {
+  width: 100%;
+  height: 100%;
+  display: block;
+  overflow: visible;
+}
+.chevron {
+  stroke: var(--loader-color);
+  stroke-width: 2;
+  stroke-linecap: square;
+  stroke-linejoin: miter;
+  fill: none;
+  opacity: 0.15;
+  animation: chevronPulse 2s ease-in-out infinite;
+  filter: drop-shadow(0 0 1.5px var(--loader-color));
+}
+.c1 {
+  animation-delay: 0s;
+}
+.c2 {
+  animation-delay: 0.2s;
+}
+.c3 {
+  animation-delay: 0.4s;
+}
+@keyframes chevronPulse {
+  0%, 100% {
+    opacity: 0.12;
+    filter: drop-shadow(0 0 1px var(--loader-color));
+  }
+  40%, 60% {
+    opacity: 1;
+    filter: drop-shadow(0 0 3px var(--loader-color));
+  }
+}
+
 /* src/graph/Graph.module.css */
 @keyframes edgeFlow {
   0% {

package/dist/hooks/published.js

@@ -1,14 +1,15 @@
-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-4TWGUI3L.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-LP6CQOHV.js';
 export { observabilityKeys, useErrorTrends } from '../chunk-EQNXEBGZ.js';
 import '../chunk-NJJ3NQ7B.js';
 import '../chunk-F6RBK7NJ.js';
 import '../chunk-GU46QC4Z.js';
 import '../chunk-RNP5R5I3.js';
-import '../chunk-4HLCZVS6.js';
+import '../chunk-F5BVI434.js';
 import '../chunk-WNRHQAJA.js';
-import '../chunk-HLZMP7GN.js';
-import '../chunk-HRG3KPL6.js';
+import '../chunk-TBRTRBJV.js';
 import '../chunk-SZHARWKU.js';
+import '../chunk-BUN337J3.js';
+import '../chunk-QJ2KCHKX.js';
 import '../chunk-HGNP6EVB.js';
 import '../chunk-RULQSZYX.js';
 export { REFETCH_INTERVAL_RUNNING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY } from '../chunk-FCFLBMVI.js';

package/dist/index.css

@@ -386,51 +386,6 @@
   }
 }
 
-/* src/components/display/ElevasisLoader.module.css */
-.wrapper {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--loader-size);
-  height: var(--loader-size);
-  overflow: visible;
-}
-.loader {
-  width: 100%;
-  height: 100%;
-  display: block;
-  overflow: visible;
-}
-.chevron {
-  stroke: var(--loader-color);
-  stroke-width: 2;
-  stroke-linecap: square;
-  stroke-linejoin: miter;
-  fill: none;
-  opacity: 0.15;
-  animation: chevronPulse 2s ease-in-out infinite;
-  filter: drop-shadow(0 0 1.5px var(--loader-color));
-}
-.c1 {
-  animation-delay: 0s;
-}
-.c2 {
-  animation-delay: 0.2s;
-}
-.c3 {
-  animation-delay: 0.4s;
-}
-@keyframes chevronPulse {
-  0%, 100% {
-    opacity: 0.12;
-    filter: drop-shadow(0 0 1px var(--loader-color));
-  }
-  40%, 60% {
-    opacity: 1;
-    filter: drop-shadow(0 0 3px var(--loader-color));
-  }
-}
-
 /* src/theme/custom.css */
 .mantine-Accordion-control:hover {
   background-color: var(--color-surface-hover);
@@ -495,3 +450,48 @@
 .recharts-surface:focus {
   outline: none;
 }
+
+/* src/components/display/ElevasisLoader.module.css */
+.wrapper {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--loader-size);
+  height: var(--loader-size);
+  overflow: visible;
+}
+.loader {
+  width: 100%;
+  height: 100%;
+  display: block;
+  overflow: visible;
+}
+.chevron {
+  stroke: var(--loader-color);
+  stroke-width: 2;
+  stroke-linecap: square;
+  stroke-linejoin: miter;
+  fill: none;
+  opacity: 0.15;
+  animation: chevronPulse 2s ease-in-out infinite;
+  filter: drop-shadow(0 0 1.5px var(--loader-color));
+}
+.c1 {
+  animation-delay: 0s;
+}
+.c2 {
+  animation-delay: 0.2s;
+}
+.c3 {
+  animation-delay: 0.4s;
+}
+@keyframes chevronPulse {
+  0%, 100% {
+    opacity: 0.12;
+    filter: drop-shadow(0 0 1px var(--loader-color));
+  }
+  40%, 60% {
+    opacity: 1;
+    filter: drop-shadow(0 0 3px var(--loader-color));
+  }
+}

package/dist/index.d.ts

@@ -95,18 +95,6 @@ declare function NotificationProvider({ adapter, children }: {
  */
 declare function useNotificationAdapter(): NotificationAdapter;
 
-interface AppearanceConfig {
-    /** Background layers rendered behind app content. Defaults to Elevasis background. */
-    background?: ReactNode;
-    /** Loader element rendered during loading states. Defaults to Elevasis chevron loader. */
-    loader?: ReactNode;
-}
-declare function AppearanceProvider({ value, children }: {
-    value: Required<AppearanceConfig>;
-    children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
-declare function useAppearance(): Required<AppearanceConfig>;
-
 /** Flat + per-scheme override pattern. Flat values apply to both; `light`/`dark` win over flat. */
 type WithSchemes<T> = T & {
     light?: T;
@@ -226,12 +214,6 @@ interface ElevasisCoreProviderProps {
      * Headless/SDK consumers can pass a custom adapter or omit for console output.
      */
     notifications?: NotificationAdapter;
-    /**
-     * Appearance configuration for background and loader.
-     * When omitted, defaults to the Elevasis background (PerspectiveGrid + RadiantGlow +
-     * FloatingOrbs + FilmGrain) and the Elevasis chevron loader.
-     */
-    appearance?: AppearanceConfig;
     /**
      * Whether to inject CSS variables, `data-elevasis-scheme` attribute, and font links.
      * Set to `false` when the consumer has its own complete design system and only
@@ -5405,7 +5387,19 @@ declare function TanStackRouterBridge({ children }: {
  * </ElevasisCoreProvider>
  * ```
  */
-declare function ElevasisCoreProvider({ auth, queryClient, apiUrl, onError, notifications, appearance, children }: ElevasisCoreProviderProps): react_jsx_runtime.JSX.Element;
+declare function ElevasisCoreProvider({ auth, queryClient, apiUrl, onError, notifications, children }: ElevasisCoreProviderProps): react_jsx_runtime.JSX.Element;
+
+interface AppearanceConfig {
+    /** Background layers rendered behind app content. Defaults to Elevasis background. */
+    background?: ReactNode;
+    /** Loader element rendered during loading states. Defaults to Elevasis chevron loader. */
+    loader?: ReactNode;
+}
+declare function AppearanceProvider({ value, children }: {
+    value: Required<AppearanceConfig>;
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useAppearance(): Required<AppearanceConfig>;
 
 /**
  * Hook to access the ElevasisServiceProvider context.
@@ -5438,11 +5432,15 @@ declare function ElevasisServiceProvider({ apiRequest, organizationId, isReady,
 
 /**
  * Mantine-specific theme config — extends the headless core config with
- * a full Mantine theme override escape hatch.
+ * visual appearance and a full Mantine theme override escape hatch.
  */
 interface ElevasisThemeConfig extends ElevasisCoreThemeConfig {
     /** Full Mantine theme override — merged on top of Elevasis defaults. */
     mantine?: MantineThemeOverride;
+    /** Background layers rendered behind app content. Defaults to Elevasis background (PerspectiveGrid + RadiantGlow + FloatingOrbs + FilmGrain). */
+    background?: ReactNode;
+    /** Loader element rendered during loading states. Defaults to Elevasis chevron loader (xl). */
+    loader?: ReactNode;
 }
 /**
  * Props for ElevasisUIProvider (Mantine variant).

package/dist/index.js

@@ -1,7 +1,7 @@
 export { useAvailablePresets } from './chunk-ZVVYGKE4.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-C27S6IIV.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-4TWGUI3L.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-MJ7SDCIL.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-LP6CQOHV.js';
 export { observabilityKeys, useErrorTrends } from './chunk-EQNXEBGZ.js';
 import './chunk-NJJ3NQ7B.js';
 export { TanStackRouterBridge } from './chunk-LHQTTUL2.js';
@@ -11,11 +11,12 @@ 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-4HLCZVS6.js';
+export { ElevasisUIProvider } from './chunk-F5BVI434.js';
 export { PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, generateShades, getPreset, mantineThemeOverride, PRESETS as presets, usePresetsContext } from './chunk-WNRHQAJA.js';
-export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter } from './chunk-HLZMP7GN.js';
-export { AppearanceProvider, useAppearance } from './chunk-HRG3KPL6.js';
+import './chunk-TBRTRBJV.js';
 import './chunk-SZHARWKU.js';
+export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter } from './chunk-BUN337J3.js';
+export { AppearanceProvider, useAppearance } from './chunk-QJ2KCHKX.js';
 export { OrganizationProvider } from './chunk-HGNP6EVB.js';
 export { ApiClientProvider, useApiClient, useApiClientContext } from './chunk-RULQSZYX.js';
 export { APIClientError, DEBOUNCE_FILTER, DEBOUNCE_SLIDER, GC_TIME_LONG, GC_TIME_MEDIUM, GC_TIME_SHORT, LIMIT_ACTIVITY_FEED, OAUTH_FLOW_TIMEOUT, OAUTH_POPUP_CHECK_INTERVAL, PAGE_SIZE_DEFAULT, REFETCH_INTERVAL_DASHBOARD, REFETCH_INTERVAL_REALTIME, REFETCH_INTERVAL_RUNNING, REFETCH_INTERVAL_RUNNING_FAST, SSE_CLOSE_GRACE_PERIOD, SSE_TOKEN_REFRESH_DELAY, STALE_TIME_ADMIN, STALE_TIME_DEFAULT, STALE_TIME_MONITORING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY, formatChartAxisDate, formatDate, formatDateTime, formatErrorMessage, formatRelativeTime, formatTimeAgo, getErrorInfo, getErrorTitle, getResourceColor, getResourceIcon, isAPIClientError, restoreConsole, suppressKnownWarnings, validateEmail } from './chunk-FCFLBMVI.js';

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, sidebarCollapsedWidth, sidebarHoverDelay, sidebarTransitionDuration, sidebarWidth, subsidebarWidth, topbarHeight, useSidebar, useSidebarCollapse } from '../chunk-7RAT54LF.js';
+export { AppShellCenteredContainer, AppShellContainer, AppShellContentContainer, AppShellError, AppShellLoader, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, CollapsibleSidebarGroup, LinksGroup, PageContainer, Sidebar, SidebarListItem, SidebarProvider, SubshellContainer, SubshellContentContainer, SubshellLoader, SubshellRightSideContainer, SubshellSidebar, SubshellSidebarSection, Topbar, TopbarContainer, Vignette, sidebarCollapsedWidth, sidebarHoverDelay, sidebarTransitionDuration, sidebarWidth, subsidebarWidth, topbarHeight, useSidebar, useSidebarCollapse } from '../chunk-M3WZAG5D.js';
 import '../chunk-YHTK43DV.js';
 import '../chunk-LHQTTUL2.js';
-export { AppBackground, FilmGrain, FloatingOrbs, PerspectiveGrid, RadiantGlow } from '../chunk-HRG3KPL6.js';
+export { AppBackground, FilmGrain, FloatingOrbs, PerspectiveGrid, RadiantGlow } from '../chunk-TBRTRBJV.js';
 import '../chunk-SZHARWKU.js';
+import '../chunk-QJ2KCHKX.js';
 import '../chunk-Q7DJKLEN.js';

package/dist/provider/index.css

@@ -1,48 +1,3 @@
-/* src/components/display/ElevasisLoader.module.css */
-.wrapper {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--loader-size);
-  height: var(--loader-size);
-  overflow: visible;
-}
-.loader {
-  width: 100%;
-  height: 100%;
-  display: block;
-  overflow: visible;
-}
-.chevron {
-  stroke: var(--loader-color);
-  stroke-width: 2;
-  stroke-linecap: square;
-  stroke-linejoin: miter;
-  fill: none;
-  opacity: 0.15;
-  animation: chevronPulse 2s ease-in-out infinite;
-  filter: drop-shadow(0 0 1.5px var(--loader-color));
-}
-.c1 {
-  animation-delay: 0s;
-}
-.c2 {
-  animation-delay: 0.2s;
-}
-.c3 {
-  animation-delay: 0.4s;
-}
-@keyframes chevronPulse {
-  0%, 100% {
-    opacity: 0.12;
-    filter: drop-shadow(0 0 1px var(--loader-color));
-  }
-  40%, 60% {
-    opacity: 1;
-    filter: drop-shadow(0 0 3px var(--loader-color));
-  }
-}
-
 /* src/theme/custom.css */
 .mantine-Accordion-control:hover {
   background-color: var(--color-surface-hover);
@@ -107,3 +62,48 @@
 .recharts-surface:focus {
   outline: none;
 }
+
+/* src/components/display/ElevasisLoader.module.css */
+.wrapper {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--loader-size);
+  height: var(--loader-size);
+  overflow: visible;
+}
+.loader {
+  width: 100%;
+  height: 100%;
+  display: block;
+  overflow: visible;
+}
+.chevron {
+  stroke: var(--loader-color);
+  stroke-width: 2;
+  stroke-linecap: square;
+  stroke-linejoin: miter;
+  fill: none;
+  opacity: 0.15;
+  animation: chevronPulse 2s ease-in-out infinite;
+  filter: drop-shadow(0 0 1.5px var(--loader-color));
+}
+.c1 {
+  animation-delay: 0s;
+}
+.c2 {
+  animation-delay: 0.2s;
+}
+.c3 {
+  animation-delay: 0.4s;
+}
+@keyframes chevronPulse {
+  0%, 100% {
+    opacity: 0.12;
+    filter: drop-shadow(0 0 1px var(--loader-color));
+  }
+  40%, 60% {
+    opacity: 1;
+    filter: drop-shadow(0 0 3px var(--loader-color));
+  }
+}

package/dist/provider/index.d.ts

@@ -88,18 +88,6 @@ declare function NotificationProvider({ adapter, children }: {
  */
 declare function useNotificationAdapter(): NotificationAdapter;
 
-interface AppearanceConfig {
-    /** Background layers rendered behind app content. Defaults to Elevasis background. */
-    background?: ReactNode;
-    /** Loader element rendered during loading states. Defaults to Elevasis chevron loader. */
-    loader?: ReactNode;
-}
-declare function AppearanceProvider({ value, children }: {
-    value: Required<AppearanceConfig>;
-    children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
-declare function useAppearance(): Required<AppearanceConfig>;
-
 /** Flat + per-scheme override pattern. Flat values apply to both; `light`/`dark` win over flat. */
 type WithSchemes<T> = T & {
     light?: T;
@@ -219,12 +207,6 @@ interface ElevasisCoreProviderProps {
      * Headless/SDK consumers can pass a custom adapter or omit for console output.
      */
     notifications?: NotificationAdapter;
-    /**
-     * Appearance configuration for background and loader.
-     * When omitted, defaults to the Elevasis background (PerspectiveGrid + RadiantGlow +
-     * FloatingOrbs + FilmGrain) and the Elevasis chevron loader.
-     */
-    appearance?: AppearanceConfig;
     /**
      * Whether to inject CSS variables, `data-elevasis-scheme` attribute, and font links.
      * Set to `false` when the consumer has its own complete design system and only
@@ -274,7 +256,19 @@ interface ElevasisServiceProviderProps {
  * </ElevasisCoreProvider>
  * ```
  */
-declare function ElevasisCoreProvider({ auth, queryClient, apiUrl, onError, notifications, appearance, children }: ElevasisCoreProviderProps): react_jsx_runtime.JSX.Element;
+declare function ElevasisCoreProvider({ auth, queryClient, apiUrl, onError, notifications, children }: ElevasisCoreProviderProps): react_jsx_runtime.JSX.Element;
+
+interface AppearanceConfig {
+    /** Background layers rendered behind app content. Defaults to Elevasis background. */
+    background?: ReactNode;
+    /** Loader element rendered during loading states. Defaults to Elevasis chevron loader. */
+    loader?: ReactNode;
+}
+declare function AppearanceProvider({ value, children }: {
+    value: Required<AppearanceConfig>;
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useAppearance(): Required<AppearanceConfig>;
 
 /**
  * Hook to access the ElevasisServiceProvider context.
@@ -307,11 +301,15 @@ declare function ElevasisServiceProvider({ apiRequest, organizationId, isReady,
 
 /**
  * Mantine-specific theme config — extends the headless core config with
- * a full Mantine theme override escape hatch.
+ * visual appearance and a full Mantine theme override escape hatch.
  */
 interface ElevasisThemeConfig extends ElevasisCoreThemeConfig {
     /** Full Mantine theme override — merged on top of Elevasis defaults. */
     mantine?: MantineThemeOverride;
+    /** Background layers rendered behind app content. Defaults to Elevasis background (PerspectiveGrid + RadiantGlow + FloatingOrbs + FilmGrain). */
+    background?: ReactNode;
+    /** Loader element rendered during loading states. Defaults to Elevasis chevron loader (xl). */
+    loader?: ReactNode;
 }
 /**
  * Props for ElevasisUIProvider (Mantine variant).

package/dist/provider/index.js

@@ -1,8 +1,9 @@
-export { ElevasisUIProvider } from '../chunk-4HLCZVS6.js';
+export { ElevasisUIProvider } from '../chunk-F5BVI434.js';
 import '../chunk-WNRHQAJA.js';
-export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter } from '../chunk-HLZMP7GN.js';
-export { AppearanceProvider, useAppearance } from '../chunk-HRG3KPL6.js';
+import '../chunk-TBRTRBJV.js';
 import '../chunk-SZHARWKU.js';
+export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter } from '../chunk-BUN337J3.js';
+export { AppearanceProvider, useAppearance } from '../chunk-QJ2KCHKX.js';
 import '../chunk-HGNP6EVB.js';
 import '../chunk-RULQSZYX.js';
 import '../chunk-FCFLBMVI.js';

package/dist/provider/published.d.ts

@@ -87,18 +87,6 @@ declare function NotificationProvider({ adapter, children }: {
  */
 declare function useNotificationAdapter(): NotificationAdapter;
 
-interface AppearanceConfig {
-    /** Background layers rendered behind app content. Defaults to Elevasis background. */
-    background?: ReactNode;
-    /** Loader element rendered during loading states. Defaults to Elevasis chevron loader. */
-    loader?: ReactNode;
-}
-declare function AppearanceProvider({ value, children }: {
-    value: Required<AppearanceConfig>;
-    children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
-declare function useAppearance(): Required<AppearanceConfig>;
-
 /** Flat + per-scheme override pattern. Flat values apply to both; `light`/`dark` win over flat. */
 type WithSchemes<T> = T & {
     light?: T;
@@ -218,12 +206,6 @@ interface ElevasisCoreProviderProps {
      * Headless/SDK consumers can pass a custom adapter or omit for console output.
      */
     notifications?: NotificationAdapter;
-    /**
-     * Appearance configuration for background and loader.
-     * When omitted, defaults to the Elevasis background (PerspectiveGrid + RadiantGlow +
-     * FloatingOrbs + FilmGrain) and the Elevasis chevron loader.
-     */
-    appearance?: AppearanceConfig;
     /**
      * Whether to inject CSS variables, `data-elevasis-scheme` attribute, and font links.
      * Set to `false` when the consumer has its own complete design system and only
@@ -273,7 +255,19 @@ interface ElevasisServiceProviderProps {
  * </ElevasisCoreProvider>
  * ```
  */
-declare function ElevasisCoreProvider({ auth, queryClient, apiUrl, onError, notifications, appearance, children }: ElevasisCoreProviderProps): react_jsx_runtime.JSX.Element;
+declare function ElevasisCoreProvider({ auth, queryClient, apiUrl, onError, notifications, children }: ElevasisCoreProviderProps): react_jsx_runtime.JSX.Element;
+
+interface AppearanceConfig {
+    /** Background layers rendered behind app content. Defaults to Elevasis background. */
+    background?: ReactNode;
+    /** Loader element rendered during loading states. Defaults to Elevasis chevron loader. */
+    loader?: ReactNode;
+}
+declare function AppearanceProvider({ value, children }: {
+    value: Required<AppearanceConfig>;
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useAppearance(): Required<AppearanceConfig>;
 
 /**
  * Hook to access the ElevasisServiceProvider context.

package/dist/provider/published.js

@@ -1,6 +1,5 @@
-export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter } from '../chunk-HLZMP7GN.js';
-export { AppearanceProvider, useAppearance } from '../chunk-HRG3KPL6.js';
-import '../chunk-SZHARWKU.js';
+export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter } from '../chunk-BUN337J3.js';
+export { AppearanceProvider, useAppearance } from '../chunk-QJ2KCHKX.js';
 import '../chunk-HGNP6EVB.js';
 import '../chunk-RULQSZYX.js';
 import '../chunk-FCFLBMVI.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elevasis/ui",
-  "version": "1.13.0",
+  "version": "1.14.0",
   "description": "UI components and platform-aware hooks for building custom frontends on the Elevasis platform",
   "type": "module",
   "license": "MIT",

package/dist/provider/published.css

@@ -1,44 +0,0 @@
-/* src/components/display/ElevasisLoader.module.css */
-.wrapper {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--loader-size);
-  height: var(--loader-size);
-  overflow: visible;
-}
-.loader {
-  width: 100%;
-  height: 100%;
-  display: block;
-  overflow: visible;
-}
-.chevron {
-  stroke: var(--loader-color);
-  stroke-width: 2;
-  stroke-linecap: square;
-  stroke-linejoin: miter;
-  fill: none;
-  opacity: 0.15;
-  animation: chevronPulse 2s ease-in-out infinite;
-  filter: drop-shadow(0 0 1.5px var(--loader-color));
-}
-.c1 {
-  animation-delay: 0s;
-}
-.c2 {
-  animation-delay: 0.2s;
-}
-.c3 {
-  animation-delay: 0.4s;
-}
-@keyframes chevronPulse {
-  0%, 100% {
-    opacity: 0.12;
-    filter: drop-shadow(0 0 1px var(--loader-color));
-  }
-  40%, 60% {
-    opacity: 1;
-    filter: drop-shadow(0 0 3px var(--loader-color));
-  }
-}