@elevasis/ui 2.9.1 → 2.10.1

package/dist/{chunk-CTWYIRKW.js → chunk-GJVGV7QZ.js}

@@ -1,12 +1,12 @@
 import { ResourceHealthChart } from './chunk-LGKLC5MG.js';
-import { useCyberColors, HeroStatsRow } from './chunk-KFICYU6S.js';
+import { useCyberColors, HeroStatsRow } from './chunk-STZJ7SY5.js';
 import { AppShellCenteredContainer, AppShellLoader } from './chunk-YEX4MQSY.js';
 import { STATUS_COLORS, getStatusIcon, formatDuration, getStatusColors, AGENT_CONSTANTS, shouldAnimateEdge, TIMELINE_CONSTANTS, calculateBarPosition, CONTAINER_CONSTANTS, useExecutionPath, useUnifiedWorkflowLayout, WORKFLOW_CONSTANTS, useReactFlowAgent } from './chunk-XA34RETF.js';
-import { useDashboardMetrics, useResources, useTimeRangeDates, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from './chunk-4PHPENKX.js';
+import { useDashboardMetrics, useResources, useTimeRangeDates, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from './chunk-E3IFHX6A.js';
 import { getTimeRangeDates } from './chunk-LXHZYSMQ.js';
 import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, useFitViewTrigger } from './chunk-22UVE3RA.js';
-import { glassBase } from './chunk-47YILFON.js';
-import { GlowDot, CardHeader, EmptyState, PageTitleCaption, TabCountBadge } from './chunk-Y3D3WFJG.js';
+import { glassBase } from './chunk-6PNHW4X2.js';
+import { GlowDot, CardHeader, EmptyState, PageTitleCaption, TabCountBadge } from './chunk-SQQGLGHW.js';
 import { ResourceStatusColors } from './chunk-ELJIFLCB.js';
 import { formatTimeAgo, formatRelativeTime } from './chunk-IOKL7BKE.js';
 import { useInitialization } from './chunk-TUXTSEAF.js';
@@ -131,35 +131,25 @@ function GraphLegend({ title = "Legend", items, position = "bottom-right" }) {
     marginRight: position.includes("right") ? 60 : 12,
     marginLeft: position.includes("left") ? 12 : void 0
   };
-  return /* @__PURE__ */ jsx(Panel, { position, style: margins, children: /* @__PURE__ */ jsx(
-    Card,
-    {
-      p: "xs",
-      className: Graph_module_css_default.legend,
-      style: {
-        backgroundColor: "var(--glass-background)"
-      },
-      children: /* @__PURE__ */ jsxs(Group, { children: [
-        /* @__PURE__ */ jsx(
-          Text,
-          {
-            size: "xs",
-            fw: 600,
-            style: {
-              letterSpacing: "0.5px",
-              textTransform: "uppercase",
-              fontFamily: "var(--mantine-font-family-headings)"
-            },
-            children: title
-          }
-        ),
-        items.map((item) => /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-          item.type === "line" ? /* @__PURE__ */ jsx(LegendLine, { color: item.color }) : /* @__PURE__ */ jsx(LegendDot, { color: item.color }),
-          /* @__PURE__ */ jsx(Text, { size: "xs", children: item.label })
-        ] }, item.label))
-      ] })
-    }
-  ) });
+  return /* @__PURE__ */ jsx(Panel, { position, style: margins, children: /* @__PURE__ */ jsx(Card, { p: "xs", className: Graph_module_css_default.legend, children: /* @__PURE__ */ jsxs(Group, { children: [
+    /* @__PURE__ */ jsx(
+      Text,
+      {
+        size: "xs",
+        fw: 600,
+        style: {
+          letterSpacing: "0.5px",
+          textTransform: "uppercase",
+          fontFamily: "var(--mantine-font-family-headings)"
+        },
+        children: title
+      }
+    ),
+    items.map((item) => /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+      item.type === "line" ? /* @__PURE__ */ jsx(LegendLine, { color: item.color }) : /* @__PURE__ */ jsx(LegendDot, { color: item.color }),
+      /* @__PURE__ */ jsx(Text, { size: "xs", children: item.label })
+    ] }, item.label))
+  ] }) }) });
 }
 function GraphFitViewButton({ padding = 0.2, variant = "reactflow", duration = 300 }) {
   const { fitView } = useReactFlow();
@@ -249,7 +239,7 @@ var BaseNode = memo(function BaseNode2({
           width,
           ...glassBase,
           border: `1px solid ${selected ? `var(--mantine-color-${color}-5)` : "var(--color-border)"}`,
-          backgroundColor: "var(--glass-background)",
+          backgroundColor: "var(--color-surface)",
           cursor: "pointer",
           boxShadow: selected ? `0 0 15px var(--mantine-color-${color}-5), var(--standard-box-shadow)` : "var(--standard-box-shadow)"
         },

package/dist/chunk-IIMU5YAJ.js

@@ -0,0 +1,53 @@
+import { sidebarIconSize, sidebarIconStroke, sidebarIconInnerSize } from './chunk-DT3QYZVU.js';
+import { Box, Group, ThemeIcon } from '@mantine/core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var SubshellSidebarSection = ({
+  icon: Icon,
+  label,
+  rightSection,
+  withTopBorder = false
+}) => {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      p: "sm",
+      style: {
+        borderTop: withTopBorder ? "1px solid var(--color-border)" : void 0,
+        borderBottom: "1px solid var(--color-border)"
+      },
+      children: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(
+          ThemeIcon,
+          {
+            variant: "light",
+            size: sidebarIconSize,
+            style: {
+              backgroundColor: "var(--color-surface)",
+              color: "var(--color-primary)",
+              flexShrink: 0
+            },
+            children: /* @__PURE__ */ jsx(Icon, { size: sidebarIconInnerSize, stroke: sidebarIconStroke })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            c: "var(--color-text)",
+            style: {
+              fontFamily: "var(--elevasis-font-family-subtitle)",
+              flex: 1,
+              fontSize: "var(--mantine-font-size-md)",
+              fontWeight: 500,
+              lineHeight: 1.2
+            },
+            children: label
+          }
+        ),
+        rightSection
+      ] })
+    }
+  );
+};
+
+export { SubshellSidebarSection };

package/dist/{chunk-VNUOQQNY.js → chunk-KYOF6NYW.js}

@@ -1,4 +1,4 @@
-import { usePresetsContext } from './chunk-47YILFON.js';
+import { usePresetsContext } from './chunk-6PNHW4X2.js';
 import { useMemo } from 'react';
 
 var BUILT_IN_NAMES = /* @__PURE__ */ new Set([
@@ -9,7 +9,7 @@ var BUILT_IN_NAMES = /* @__PURE__ */ new Set([
   "aurora",
   "rose-gold",
   "midnight",
-  "ember",
+  "titanium",
   "obsidian",
   "honey",
   "abyss",

package/dist/{chunk-W4VYXIN7.js → chunk-L4XXM55J.js}

@@ -1,149 +1,10 @@
-import { OrganizationContext } from './chunk-DD3CCMCZ.js';
-import { useProfile, useUserProfile } from './chunk-QEPXAWE2.js';
+import { useUserProfile } from './chunk-QEPXAWE2.js';
 import { useAuthContext } from './chunk-BRJ3QZ4E.js';
-import { useState, useRef, useEffect, useCallback, createElement } from 'react';
-import { useQueryClient } from '@tanstack/react-query';
+import { useState, useRef, useEffect, useCallback } from 'react';
 import { Button, Loader, Menu, Text, Badge } from '@mantine/core';
 import { IconChevronDown, IconBuilding, IconCheck } from '@tabler/icons-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
-function OrganizationProvider({ apiRequest, children }) {
-  const { user, organizationId: workosOrgId } = useAuthContext();
-  const { profile } = useProfile();
-  const queryClient = useQueryClient();
-  const [memberships, setMemberships] = useState([]);
-  const [currentWorkOSOrganizationId, setCurrentWorkOSOrganizationId] = useState(null);
-  const [currentSupabaseOrganizationId, setCurrentSupabaseOrganizationId] = useState(null);
-  const [currentMembership, setCurrentMembership] = useState(null);
-  const [isInitializing, setIsInitializing] = useState(true);
-  const [isOrgRefreshing, setIsOrgRefreshing] = useState(false);
-  const [error, setError] = useState(null);
-  const hasInitializedRef = useRef(false);
-  const [profileLoaded, setProfileLoaded] = useState(false);
-  useEffect(() => {
-    if (profile !== void 0 && profile !== null) {
-      setProfileLoaded(true);
-    }
-  }, [profile]);
-  useEffect(() => {
-    if (!user) {
-      setMemberships([]);
-      setCurrentWorkOSOrganizationId(null);
-      setCurrentSupabaseOrganizationId(null);
-      setCurrentMembership(null);
-      setIsInitializing(false);
-      setIsOrgRefreshing(false);
-      setError(null);
-      hasInitializedRef.current = false;
-      setProfileLoaded(false);
-    }
-  }, [user]);
-  const applyMembership = useCallback((membership) => {
-    setCurrentMembership(membership);
-    setCurrentSupabaseOrganizationId(membership?.organization?.id ?? null);
-    setCurrentWorkOSOrganizationId(membership?.organization?.workos_org_id ?? null);
-  }, []);
-  const selectOrganization = useCallback(
-    (data) => {
-      let selected = null;
-      if (profile?.last_visited_org) {
-        selected = data.find((m) => m.organizationId === profile.last_visited_org) ?? null;
-      }
-      if (!selected && workosOrgId) {
-        selected = data.find((m) => m.organization?.workos_org_id === workosOrgId) ?? null;
-      }
-      if (!selected && data.length > 0) {
-        selected = data[0];
-      }
-      if (selected) {
-        applyMembership(selected);
-      }
-    },
-    [profile?.last_visited_org, workosOrgId, applyMembership]
-  );
-  const fetchAndInitialize = useCallback(async () => {
-    if (!user?.id || !profileLoaded) return;
-    setError(null);
-    if (memberships.length === 0) {
-      setIsInitializing(true);
-    } else {
-      setIsOrgRefreshing(true);
-    }
-    try {
-      const data = await apiRequest("/memberships/my-memberships");
-      if (!Array.isArray(data)) {
-        throw new Error("Invalid memberships response");
-      }
-      setMemberships(data);
-      if (data.length === 0) {
-        hasInitializedRef.current = true;
-        return;
-      }
-      if (!currentWorkOSOrganizationId) {
-        selectOrganization(data);
-      } else {
-        const stillPresent = data.find((m) => m.organization?.workos_org_id === currentWorkOSOrganizationId);
-        if (!stillPresent) {
-          applyMembership(data[0] ?? null);
-        } else if (stillPresent.id !== currentMembership?.id) {
-          applyMembership(stillPresent);
-        }
-      }
-      hasInitializedRef.current = true;
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to load organizations");
-    } finally {
-      setIsInitializing(false);
-      setIsOrgRefreshing(false);
-    }
-  }, [
-    user?.id,
-    profileLoaded,
-    memberships.length,
-    apiRequest,
-    currentWorkOSOrganizationId,
-    currentMembership?.id,
-    selectOrganization,
-    applyMembership
-  ]);
-  useEffect(() => {
-    if (!user?.id || !profileLoaded || hasInitializedRef.current) return;
-    fetchAndInitialize();
-  }, [user?.id, profileLoaded, fetchAndInitialize]);
-  const switchOrganization = useCallback(
-    (workosOrgId2) => {
-      const target = memberships.find((m) => m.organization?.workos_org_id === workosOrgId2);
-      if (!target) return;
-      applyMembership(target);
-      void queryClient.invalidateQueries();
-      void apiRequest("/users/me", {
-        method: "PATCH",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ last_visited_org: target.organizationId })
-      }).catch((err) => {
-        console.warn("Failed to persist last_visited_org preference:", err);
-      });
-    },
-    [memberships, applyMembership, queryClient, apiRequest]
-  );
-  const retry = useCallback(async () => {
-    hasInitializedRef.current = false;
-    setError(null);
-    await fetchAndInitialize();
-  }, [fetchAndInitialize]);
-  const value = {
-    currentWorkOSOrganizationId,
-    currentSupabaseOrganizationId,
-    currentMembership,
-    memberships,
-    isInitializing,
-    isOrgRefreshing,
-    error,
-    switchOrganization,
-    retry
-  };
-  return createElement(OrganizationContext.Provider, { value }, children);
-}
 function OrganizationSwitcher({
   currentOrganization,
   memberships,
@@ -485,4 +346,4 @@ function createUseOrgInitialization(useOrganizations, useApiClient) {
   };
 }
 
-export { OrganizationProvider, OrganizationSwitcher, createOrganizationsSlice, createUseOrgInitialization, createUseOrganizations };
+export { OrganizationSwitcher, createOrganizationsSlice, createUseOrgInitialization, createUseOrganizations };

package/dist/{chunk-YCHZ4U5V.js → chunk-LPSBID5V.js}

@@ -1,7 +1,7 @@
-import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-47YILFON.js';
-import { AppBackground } from './chunk-CYXZHBP4.js';
-import { ElevasisCoreProvider, ElevasisFeaturesProvider } from './chunk-OPT74SGF.js';
-import { ElevasisLoader } from './chunk-Y3D3WFJG.js';
+import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-6PNHW4X2.js';
+import { AppBackground } from './chunk-F4TPY6YL.js';
+import { ElevasisCoreProvider } from './chunk-R7WLWGPO.js';
+import { ElevasisLoader } from './chunk-SZHARWKU.js';
 import { AppearanceProvider } from './chunk-QJ2KCHKX.js';
 import { getErrorInfo, formatErrorMessage, getErrorTitle } from './chunk-IOKL7BKE.js';
 import { useMemo, useEffect } from 'react';
@@ -91,13 +91,5 @@ function ElevasisUIProvider({ theme, children, ...coreProps }) {
     }
   );
 }
-function createTestFeaturesProvider({
-  organizationModel,
-  features = []
-} = {}) {
-  return function TestFeaturesProvider({ children }) {
-    return /* @__PURE__ */ jsx(ElevasisFeaturesProvider, { features, organizationModel, children });
-  };
-}
 
-export { ElevasisUIProvider, createTestFeaturesProvider };
+export { ElevasisUIProvider };