@elevasis/ui 2.18.0 → 2.20.0

package/dist/{chunk-SS2UVUSG.js → chunk-MZFJWCPH.js}

@@ -1,15 +1,15 @@
 import { AppShellLoader } from './chunk-M25JL54Z.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-GBMNCNHX.js';
-import { useAvailablePresets } from './chunk-6RWMRQN5.js';
-import { useDeleteCredential, useCreateCredential, useCredentials, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, useUserMemberships, useUpdateWebhookEndpoint, useResources, useDeleteWebhookEndpoint, useCreateWebhookEndpoint, useListWebhookEndpoints, useUpdateMemberConfig, useOrganizationMembers, useUpdateCredential, CredentialSchemas } from './chunk-EY322HXF.js';
-import { showErrorNotification } from './chunk-GRGRBWIO.js';
-import { ListSkeleton, EmptyState, PageTitleCaption, CardHeader, APIErrorAlert, StatCard } from './chunk-SQPM2QDH.js';
-import { formatDateTime, OAUTH_POPUP_CHECK_INTERVAL, OAUTH_FLOW_TIMEOUT } from './chunk-GCBWGGI6.js';
+import { useAvailablePresets } from './chunk-TIIPYB2Z.js';
+import { useDeleteCredential, useCreateCredential, useCredentials, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, useUserMemberships, useUpdateWebhookEndpoint, useResources, useDeleteWebhookEndpoint, useCreateWebhookEndpoint, useListWebhookEndpoints, useUpdateMemberConfig, useOrganizationMembers, useUpdateCredential, CredentialSchemas } from './chunk-FMFX4K6E.js';
+import { showErrorNotification } from './chunk-M7W7CGPL.js';
+import { ListSkeleton, EmptyState, PageTitleCaption, CardHeader, APIErrorAlert, StatCard } from './chunk-BHR7IV72.js';
+import { formatDateTime, OAUTH_POPUP_CHECK_INTERVAL, OAUTH_FLOW_TIMEOUT } from './chunk-OD7GWIZS.js';
 import { useInitialization } from './chunk-DK2HVHCY.js';
 import { useElevasisServices } from './chunk-IRW7JMQ4.js';
-import { Table, Group, Text, Tooltip, ActionIcon, Stack, Title, Button, Select, TextInput, Alert, PasswordInput, Anchor, Paper, Card, Switch, Badge, Center, Loader, Box, Code, CopyButton, ThemeIcon, useMantineColorScheme, SimpleGrid, UnstyledButton, Divider, Textarea } from '@mantine/core';
-import { IconSettings, IconKey, IconCalendar, IconPencil, IconTrash, IconAlertTriangle, IconInfoCircle, IconExclamationMark, IconPlus, IconAlertCircle, IconUsers, IconSearch, IconBuilding, IconWebhook, IconCheck, IconCopy, IconUser, IconMail, IconRefresh, IconPalette, IconSun, IconEye, IconSparkles, IconTrendingUp, IconClock, IconPlayerPause, IconPlayerPlay, IconActivity, IconBrandDropbox, IconBrandGoogleDrive, IconPlug, IconEdit, IconUserX, IconUserCheck, IconMoon, IconDeviceDesktop } from '@tabler/icons-react';
+import { Table, Group, Text, Tooltip, ActionIcon, Stack, Title, Button, Select, TextInput, Alert, PasswordInput, Anchor, Paper, Card, Switch, Badge, Center, Loader, Box, Code, CopyButton, ThemeIcon, SimpleGrid, UnstyledButton, Divider, Textarea } from '@mantine/core';
+import { IconSettings, IconKey, IconCalendar, IconPencil, IconTrash, IconAlertTriangle, IconInfoCircle, IconExclamationMark, IconPlus, IconAlertCircle, IconUsers, IconSearch, IconBuilding, IconWebhook, IconCheck, IconCopy, IconUser, IconMail, IconRefresh, IconPalette, IconEye, IconSparkles, IconTrendingUp, IconClock, IconPlayerPause, IconPlayerPlay, IconActivity, IconBrandDropbox, IconBrandGoogleDrive, IconPlug, IconEdit, IconUserX, IconUserCheck } from '@tabler/icons-react';
 import { z } from 'zod';
 import { useState, useEffect, useRef, useMemo, useCallback } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -403,7 +403,7 @@ function CredentialSettings({ oauthSection }) {
     console.log("Credential created:", result);
     setShowCreateModal(false);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Stack, { children: [
     /* @__PURE__ */ jsx(
       PageTitleCaption,
       {
@@ -746,7 +746,7 @@ function AccountSettings({
     }
   });
   const { data: memberships = [], isLoading, error } = useUserMemberships(user?.id || "");
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Stack, { children: [
     /* @__PURE__ */ jsx(PageTitleCaption, { title: "Account Settings", caption: "Manage your account and organization memberships" }),
     user && /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
       /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
@@ -801,14 +801,7 @@ function AccountSettings({
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx(
-      OrganizationMembershipsList,
-      {
-        memberships,
-        loading: isLoading,
-        error
-      }
-    ),
+    /* @__PURE__ */ jsx(OrganizationMembershipsList, { memberships, loading: isLoading, error }),
     error && /* @__PURE__ */ jsxs(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), title: "Error", color: "red", children: [
       "Failed to load organization memberships: ",
       error.message
@@ -864,17 +857,11 @@ function useUpdateThemePreference() {
   );
   return { updateTheme };
 }
-var COLOR_SCHEMES = [
-  { value: "light", label: "Light", icon: /* @__PURE__ */ jsx(IconSun, { size: 16 }) },
-  { value: "dark", label: "Dark", icon: /* @__PURE__ */ jsx(IconMoon, { size: 16 }) },
-  { value: "auto", label: "System", icon: /* @__PURE__ */ jsx(IconDeviceDesktop, { size: 16 }) }
-];
 function AppearanceSettings({ initialTheme, onThemeChange }) {
   const preset = useInternalThemeStore((s) => s.preset);
   const colorScheme = useInternalThemeStore((s) => s.colorScheme);
   const setInternalTheme = useInternalThemeStore((s) => s.setTheme);
   const { updateTheme } = useUpdateThemePreference();
-  const { setColorScheme: setMantineColorScheme } = useMantineColorScheme();
   const availablePresets = useAvailablePresets();
   const [modalOpen, setModalOpen] = useState(false);
   const hydratedRef = useRef(false);
@@ -887,103 +874,62 @@ function AppearanceSettings({ initialTheme, onThemeChange }) {
     onThemeChange?.({ preset, colorScheme });
   }, [preset, colorScheme]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(PageTitleCaption, { title: "Appearance", caption: "Customize how the command center looks" }),
-    /* @__PURE__ */ jsxs(Paper, { withBorder: true, children: [
-      /* @__PURE__ */ jsx(
-        CardHeader,
-        {
-          icon: /* @__PURE__ */ jsx(IconPalette, { size: 18 }),
-          title: "Theme",
-          subtitle: "Choose a color palette for the command center"
-        }
-      ),
-      /* @__PURE__ */ jsx(Stack, { gap: "md", children: /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 2, sm: 3, md: 4 }, children: availablePresets.map((p) => {
-        const isActive = p.value === preset;
-        return /* @__PURE__ */ jsx(
-          UnstyledButton,
+    /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(PageTitleCaption, { title: "Appearance", caption: "Customize how the command center looks" }),
+      /* @__PURE__ */ jsxs(Paper, { withBorder: true, children: [
+        /* @__PURE__ */ jsx(
+          CardHeader,
           {
-            onClick: () => {
-              if (!isActive) {
-                updateTheme({ preset: p.value, colorScheme });
-              }
-            },
-            children: /* @__PURE__ */ jsx(
-              Card,
-              {
-                style: {
-                  cursor: "pointer",
-                  border: isActive ? "var(--active-border)" : "1px solid var(--color-border)",
-                  backgroundColor: isActive ? "var(--active-background)" : "var(--color-surface)",
-                  transition: `all var(--duration-fast) var(--easing)`
-                },
-                children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-                  /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "center", children: [
-                    /* @__PURE__ */ jsx(Text, { fw: 600, size: "sm", children: p.label }),
-                    /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        style: {
-                          width: 14,
-                          height: 14,
-                          borderRadius: "50%",
-                          backgroundColor: p.colors[0],
-                          border: "1px solid var(--color-border)",
-                          flexShrink: 0
+            icon: /* @__PURE__ */ jsx(IconPalette, { size: 18 }),
+            title: "Theme",
+            subtitle: "Choose a color palette for the command center"
+          }
+        ),
+        /* @__PURE__ */ jsx(Stack, { gap: "md", children: /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 2, sm: 3, md: 4 }, children: availablePresets.map((p) => {
+          const isActive = p.value === preset;
+          return /* @__PURE__ */ jsx(
+            UnstyledButton,
+            {
+              onClick: () => {
+                if (!isActive) {
+                  updateTheme({ preset: p.value, colorScheme });
+                }
+              },
+              children: /* @__PURE__ */ jsx(
+                Card,
+                {
+                  style: {
+                    cursor: "pointer",
+                    border: isActive ? "var(--active-border)" : "1px solid var(--color-border)",
+                    backgroundColor: isActive ? "var(--active-background)" : "var(--color-surface)",
+                    transition: `all var(--duration-fast) var(--easing)`
+                  },
+                  children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+                    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "center", children: [
+                      /* @__PURE__ */ jsx(Text, { fw: 600, size: "sm", children: p.label }),
+                      /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          style: {
+                            width: 14,
+                            height: 14,
+                            borderRadius: "50%",
+                            backgroundColor: p.colors[0],
+                            border: "1px solid var(--color-border)",
+                            flexShrink: 0
+                          }
                         }
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: p.description })
-                ] })
-              }
-            )
-          },
-          p.value
-        );
-      }) }) })
-    ] }),
-    /* @__PURE__ */ jsxs(Paper, { withBorder: true, children: [
-      /* @__PURE__ */ jsx(
-        CardHeader,
-        {
-          icon: /* @__PURE__ */ jsx(IconSun, { size: 18 }),
-          title: "Color Scheme",
-          subtitle: "Light, dark, or match your system preference"
-        }
-      ),
-      /* @__PURE__ */ jsx(Stack, { gap: "md", children: /* @__PURE__ */ jsx(SimpleGrid, { cols: 3, children: COLOR_SCHEMES.map((s) => {
-        const isActive = s.value === colorScheme;
-        return /* @__PURE__ */ jsx(
-          UnstyledButton,
-          {
-            onClick: () => {
-              if (!isActive) {
-                setMantineColorScheme(s.value);
-                updateTheme({ preset, colorScheme: s.value });
-              }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: p.description })
+                  ] })
+                }
+              )
             },
-            style: { borderRadius: "var(--mantine-radius-md)" },
-            children: /* @__PURE__ */ jsx(
-              Card,
-              {
-                padding: "md",
-                style: {
-                  cursor: "pointer",
-                  border: isActive ? "var(--active-border)" : "1px solid var(--color-border)",
-                  backgroundColor: isActive ? "var(--active-background)" : "var(--color-surface)",
-                  transition: `all var(--duration-fast) var(--easing)`
-                },
-                children: /* @__PURE__ */ jsxs(Group, { gap: 6, justify: "center", wrap: "nowrap", children: [
-                  s.icon,
-                  /* @__PURE__ */ jsx(Text, { fw: 600, size: "sm", children: s.label }),
-                  isActive && /* @__PURE__ */ jsx(IconCheck, { size: 14, color: "var(--color-primary)", style: { flexShrink: 0 } })
-                ] })
-              }
-            )
-          },
-          s.value
-        );
-      }) }) })
+            p.value
+          );
+        }) }) })
+      ] })
     ] }),
     /* @__PURE__ */ jsxs(Paper, { withBorder: true, children: [
       /* @__PURE__ */ jsx(
@@ -1651,7 +1597,7 @@ function OrgMembersList({ orgId }) {
   ] });
 }
 function OrganizationSettings({ user, currentMembership, isOrgAdmin }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Stack, { children: [
     /* @__PURE__ */ jsx(PageTitleCaption, { title: "Organization Settings", caption: "Manage your current organization" }),
     currentMembership?.organization && /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
       /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
@@ -1701,9 +1647,15 @@ function OrganizationSettings({ user, currentMembership, isOrgAdmin }) {
         ] })
       ] })
     ] }) }),
-    isOrgAdmin && currentMembership?.organization && /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-      /* @__PURE__ */ jsx(Title, { order: 3, children: "Manage Members" }),
-      /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", children: "Configure feature access for organization members." }),
+    isOrgAdmin && currentMembership?.organization && /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        CardHeader,
+        {
+          icon: /* @__PURE__ */ jsx(IconUsers, { size: 18 }),
+          title: "Manage Members",
+          subtitle: "Configure feature access for organization members."
+        }
+      ),
       /* @__PURE__ */ jsx(OrgMembersList, { orgId: currentMembership.organization.id })
     ] }) })
   ] });

package/dist/{chunk-P3TFNFZS.js → chunk-OUYH2SBS.js}

@@ -1,6 +1,6 @@
-import { ApiClientProvider, useApiClient } from './chunk-VDM6DQES.js';
+import { ApiClientProvider, useApiClient } from './chunk-R7OJCNL3.js';
 import { OrganizationProvider } from './chunk-6IA2OMAE.js';
-import { getErrorInfo, getErrorTitle, formatErrorMessage } from './chunk-GCBWGGI6.js';
+import { getErrorInfo, getErrorTitle, formatErrorMessage } from './chunk-OD7GWIZS.js';
 import { InitializationProvider } from './chunk-DK2HVHCY.js';
 import { useOrganization } from './chunk-DD3CCMCZ.js';
 import { ProfileProvider } from './chunk-QHSW4WHM.js';
@@ -37,7 +37,7 @@ function NotificationProvider({ adapter, children }) {
 function useNotificationAdapter() {
   return useContext(NotificationContext);
 }
-var LazyCoreAuthKitInner = lazy(() => import('./CoreAuthKitInner-I32JCNE7.js').then((m) => ({ default: m.CoreAuthKitInner })));
+var LazyCoreAuthKitInner = lazy(() => import('./CoreAuthKitInner-QC62UHTZ.js').then((m) => ({ default: m.CoreAuthKitInner })));
 var defaultQueryClient = null;
 function getDefaultQueryClient() {
   if (!defaultQueryClient) {

package/dist/{chunk-66VY5EMV.js → chunk-PJVG3ISO.js}

@@ -1,12 +1,12 @@
 import { ResourceHealthChart } from './chunk-LGKLC5MG.js';
-import { useCyberColors, HeroStatsRow } from './chunk-DDZMBNTY.js';
+import { useCyberColors, HeroStatsRow } from './chunk-CTTY6FUT.js';
 import { AppShellCenteredContainer, AppShellLoader } from './chunk-M25JL54Z.js';
 import { STATUS_COLORS, getStatusIcon, formatDuration, getStatusColors, AGENT_CONSTANTS, shouldAnimateEdge, TIMELINE_CONSTANTS, calculateBarPosition, CONTAINER_CONSTANTS, useExecutionPath, useUnifiedWorkflowLayout, WORKFLOW_CONSTANTS, useReactFlowAgent } from './chunk-E4WQGJNS.js';
-import { useExecuteResource, useDashboardMetrics, useResources, useTimeRangeDates, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from './chunk-EY322HXF.js';
+import { useExecuteResource, useDashboardMetrics, useResources, useTimeRangeDates, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from './chunk-FMFX4K6E.js';
 import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, useFitViewTrigger } from './chunk-22UVE3RA.js';
-import { glassBase } from './chunk-R73EHHPN.js';
-import { GlowDot, CardHeader, EmptyState, PageTitleCaption, TabCountBadge } from './chunk-SQPM2QDH.js';
-import { formatTimeAgo, getTimeRangeDates, formatRelativeTime } from './chunk-GCBWGGI6.js';
+import { glassBase } from './chunk-Q5HC6ENG.js';
+import { GlowDot, CardHeader, EmptyState, PageTitleCaption, TabCountBadge } from './chunk-BHR7IV72.js';
+import { formatTimeAgo, getTimeRangeDates, formatRelativeTime } from './chunk-OD7GWIZS.js';
 import { ResourceStatusColors } from './chunk-KRWALB24.js';
 import { useInitialization } from './chunk-DK2HVHCY.js';
 import { memo, useMemo, useEffect, useState, useCallback, Fragment } from 'react';

package/dist/{chunk-I3LQGLUC.js → chunk-Q4QJOSVS.js}

@@ -1,4 +1,4 @@
-import { ElevasisFeaturesProvider } from './chunk-A2AZY5SF.js';
+import { ElevasisFeaturesProvider } from './chunk-LR5CRY5A.js';
 import { jsx } from 'react/jsx-runtime';
 
 function createTestFeaturesProvider({

package/dist/{chunk-R73EHHPN.js → chunk-Q5HC6ENG.js}

@@ -473,8 +473,11 @@ var STYLE = `
     position: absolute;
     width: 200vmax;
     height: 200vmax;
-    top: -115vmax;
-    left: -50vmax;
+    /* Pin rotation center to (50vw, -25vh) so the origin stays at the
+       top-center of the viewport across all aspect ratios, matching the
+       origin-glow radial gradient at "50% -25%". */
+    top: calc(-25vh - 100vmax);
+    left: calc(50vw - 100vmax);
     animation: chrome-rotate 180s linear infinite;
     will-change: transform;
   }
@@ -485,6 +488,10 @@ var STYLE = `
     width: var(--chrome-beam-width, 200vmax);
     margin-left: calc(var(--chrome-beam-width, 200vmax) / -2);
     height: var(--chrome-beam-height, 32vmax);
+    /* Without this, the beam's vertical center is offset by half its height
+       from the wrapper center, so when the wrapper rotates the beam
+       convergence point orbits instead of staying pinned. */
+    margin-top: calc(var(--chrome-beam-height, 32vmax) / -2);
     filter: blur(55px);
     transform-origin: center;
     opacity: calc(var(--chrome-beam-opacity, 0.1) * var(--chrome-beam-intensity, 1));
@@ -2617,6 +2624,15 @@ var componentThemes = {
       padding: "xs"
     },
     styles: {
+      header: {
+        backgroundColor: "transparent"
+      },
+      title: {
+        fontFamily: "var(--font-sans, var(--mantine-font-family))",
+        fontSize: "var(--mantine-font-size-xl)",
+        fontWeight: 600,
+        color: "var(--color-text)"
+      },
       content: {
         backgroundColor: "var(--color-elevated, var(--color-background))",
         ...glassBase

package/dist/{chunk-VDM6DQES.js → chunk-R7OJCNL3.js}

@@ -1,4 +1,4 @@
-import { APIClientError } from './chunk-GCBWGGI6.js';
+import { APIClientError } from './chunk-OD7GWIZS.js';
 import { OrganizationContext } from './chunk-DD3CCMCZ.js';
 import { createContext, useContext, useMemo, useCallback } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-6RWMRQN5.js → chunk-TIIPYB2Z.js}

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

package/dist/{chunk-34NQLV2W.js → chunk-TO7QXDBX.js}

@@ -1,9 +1,9 @@
-import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-R73EHHPN.js';
+import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-Q5HC6ENG.js';
 import { AppBackground } from './chunk-WLOQ4IBG.js';
-import { ElevasisCoreProvider } from './chunk-P3TFNFZS.js';
+import { ElevasisCoreProvider } from './chunk-OUYH2SBS.js';
 import { ElevasisLoader } from './chunk-SZHARWKU.js';
 import { AppearanceProvider } from './chunk-QJ2KCHKX.js';
-import { getErrorInfo, formatErrorMessage, getErrorTitle } from './chunk-GCBWGGI6.js';
+import { getErrorInfo, formatErrorMessage, getErrorTitle } from './chunk-OD7GWIZS.js';
 import { useMemo, useEffect } from 'react';
 import { Loader, mergeThemeOverrides, MantineProvider } from '@mantine/core';
 import '@mantine/core/styles.css';