@elevasis/ui 2.30.0 → 2.32.0

package/dist/{chunk-6EFVZV6X.js → chunk-GCOQ3TBG.js}

@@ -1,10 +1,10 @@
-import { observabilityKeys } from './chunk-6YT4IKJ7.js';
-import { showApiErrorNotification, showSuccessNotification, projectKeys, noteKeys, taskKeys, milestoneKeys } from './chunk-T2PAD63Y.js';
+import { observabilityKeys } from './chunk-VNAZTCHA.js';
+import { showApiErrorNotification, showSuccessNotification, projectKeys, noteKeys, taskKeys, milestoneKeys } from './chunk-XZGSCABI.js';
 import { useSupabase } from './chunk-BRXELOHC.js';
-import { useNotificationAdapter, deriveActions } from './chunk-AKOD52HS.js';
-import { useOptionalElevasisFeatures } from './chunk-6IXOKUBC.js';
-import { HTTP_HEADERS } from './chunk-7E3FUTND.js';
-import { ResourceTypeSchema, NonEmptyStringSchema, OriginResourceTypeSchema, UuidSchema, CredentialNameSchema, STALE_TIME_DEFAULT, REFETCH_INTERVAL_DASHBOARD, STALE_TIME_MONITORING, getTimeRangeDates, REFETCH_INTERVAL_RUNNING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY, STALE_TIME_ADMIN, APIClientError, GC_TIME_MEDIUM, GC_TIME_SHORT } from './chunk-HXZQWMKE.js';
+import { useNotificationAdapter, deriveActions } from './chunk-YLQEVSOR.js';
+import { useOptionalElevasisSystems } from './chunk-QXCDKE2O.js';
+import { HTTP_HEADERS } from './chunk-ND5TDV2J.js';
+import { ResourceTypeSchema, NonEmptyStringSchema, OriginResourceTypeSchema, UuidSchema, CredentialNameSchema, STALE_TIME_DEFAULT, REFETCH_INTERVAL_DASHBOARD, STALE_TIME_MONITORING, getTimeRangeDates, REFETCH_INTERVAL_RUNNING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY, STALE_TIME_ADMIN, APIClientError, GC_TIME_MEDIUM, GC_TIME_SHORT } from './chunk-2RJMVWFJ.js';
 import { useStableAccessToken } from './chunk-VKIZUUPM.js';
 import { useInitialization } from './chunk-533DUEQY.js';
 import { useOrganization } from './chunk-DD3CCMCZ.js';
@@ -29,7 +29,8 @@ var PERMISSIONS = {
   OPERATIONS_READ: "operations.read",
   OPERATIONS_MANAGE: "operations.manage",
   ACQUISITION_MANAGE: "acquisition.manage",
-  PROJECTS_MANAGE: "projects.manage"
+  PROJECTS_MANAGE: "projects.manage",
+  CLIENTS_MANAGE: "clients.manage"
 };
 var PERMISSION_CATALOG = [
   {
@@ -81,6 +82,11 @@ var PERMISSION_CATALOG = [
     key: "projects.manage",
     description: "Create, update, and delete project records (prj_projects, prj_milestones, prj_tasks, prj_notes)",
     isOrgGrantable: false
+  },
+  {
+    key: "clients.manage",
+    description: "Create, update, and delete client hub records (clients, clt_* satellites)",
+    isOrgGrantable: false
   }
 ];
 new Set(PERMISSION_CATALOG.map((p) => p.key));
@@ -2340,241 +2346,13 @@ function useResourceExecutions({
     staleTime: STALE_TIME_MONITORING
   });
 }
-
-// src/features/operations/organization-graph/commandViewVisualizationModes.ts
-var COMMAND_VIEW_VISUALIZATION_MODES = [
-  { label: "Cluster", value: "cluster" },
-  { label: "Swimlane", value: "swimlane" },
-  { label: "Focus", value: "focus" },
-  { label: "Network", value: "network" }
-];
-var DEFAULT_COMMAND_VIEW_VISUALIZATION_MODE = "network";
-var DOMAIN_ORDER = [
-  "operations",
-  "runtime",
-  "business",
-  "delivery",
-  "admin",
-  "system",
-  "platform",
-  "other"
-];
-var DOMAIN_KEYWORDS = {
-  operations: [
-    "operation",
-    "command",
-    "queue",
-    "scheduler",
-    "resource",
-    "agent",
-    "workflow",
-    "checkpoint",
-    "organization graph"
-  ],
-  runtime: ["execution", "runner", "log", "session", "deploy", "webhook", "api key", "credential", "activity"],
-  business: ["sales", "crm", "lead", "seo", "analytics", "cost", "account"],
-  delivery: ["project", "task", "submission", "request", "design"],
-  admin: ["admin", "user", "organization", "notification", "archive"],
-  system: ["setting", "appearance", "debug", "monitoring", "health"],
-  platform: ["surface", "capability", "entity", "feature"],
-  other: []
-};
-function spread(index, count, spacing) {
-  return (index - (count - 1) / 2) * spacing;
-}
-function getNodeSortValue(node) {
-  return `${node.kind}:${node.label}:${node.id}`;
-}
-function getNodeDomain(node) {
-  if (node.kind === "organization") {
-    return "platform";
-  }
-  if (node.kind !== "feature" && node.kind !== "resource") {
-    return "platform";
-  }
-  const searchable = `${node.id} ${node.sourceId ?? ""} ${node.featureId ?? ""} ${node.resourceType ?? ""} ${node.label}`.toLowerCase();
-  for (const domain of DOMAIN_ORDER) {
-    if (domain === "other") {
-      continue;
-    }
-    if (DOMAIN_KEYWORDS[domain].some((keyword) => searchable.includes(keyword))) {
-      return domain;
-    }
-  }
-  return "other";
-}
-function groupNodesByDomain(graph) {
-  const groups = /* @__PURE__ */ new Map();
-  for (const domain of DOMAIN_ORDER) {
-    groups.set(domain, []);
-  }
-  for (const node of graph.nodes) {
-    groups.get(getNodeDomain(node))?.push(node);
-  }
-  for (const nodes of groups.values()) {
-    nodes.sort((left, right) => getNodeSortValue(left).localeCompare(getNodeSortValue(right)));
-  }
-  return groups;
-}
-function getNodeDegree(graph, nodeId) {
-  return graph.edges.filter((edge) => edge.sourceId === nodeId || edge.targetId === nodeId).length;
-}
-function getNeighbors(graph, nodeId) {
-  const neighbors = /* @__PURE__ */ new Set();
-  for (const edge of graph.edges) {
-    if (edge.sourceId === nodeId) {
-      neighbors.add(edge.targetId);
-    } else if (edge.targetId === nodeId) {
-      neighbors.add(edge.sourceId);
-    }
-  }
-  return neighbors;
-}
-function getClusterGraphPositions(graph) {
-  const positions = /* @__PURE__ */ new Map();
-  const groups = groupNodesByDomain(graph);
-  const zoneConfig = {
-    operations: { x: -520, y: -270, columns: 3, xGap: 188, yGap: 86 },
-    runtime: { x: 130, y: -270, columns: 3, xGap: 188, yGap: 86 },
-    business: { x: -520, y: 95, columns: 3, xGap: 188, yGap: 86 },
-    delivery: { x: 130, y: 95, columns: 3, xGap: 188, yGap: 86 },
-    admin: { x: -520, y: 420, columns: 3, xGap: 188, yGap: 86 },
-    system: { x: 130, y: 420, columns: 3, xGap: 188, yGap: 86 },
-    platform: { x: 0, y: -520, columns: 4, xGap: 205, yGap: 90 },
-    other: { x: 0, y: 710, columns: 6, xGap: 176, yGap: 78 }
-  };
-  for (const domain of DOMAIN_ORDER) {
-    const nodes = groups.get(domain) ?? [];
-    const zone = zoneConfig[domain];
-    for (const [index, node] of nodes.entries()) {
-      const row = Math.floor(index / zone.columns);
-      const column = index % zone.columns;
-      const rowCount = Math.min(zone.columns, nodes.length - row * zone.columns);
-      positions.set(node.id, {
-        x: zone.x + spread(column, rowCount, zone.xGap),
-        y: zone.y + row * zone.yGap
-      });
-    }
-  }
-  return positions;
-}
-function getSwimlaneGraphPositions(graph) {
-  const positions = /* @__PURE__ */ new Map();
-  const groups = groupNodesByDomain(graph);
-  const laneY = {
-    platform: -360,
-    operations: -220,
-    runtime: -80,
-    business: 60,
-    delivery: 200,
-    admin: 340,
-    system: 480,
-    other: 620
-  };
-  for (const domain of DOMAIN_ORDER) {
-    const nodes = groups.get(domain) ?? [];
-    const columns = Math.min(8, Math.max(1, Math.ceil(Math.sqrt(nodes.length) * 1.6)));
-    for (const [index, node] of nodes.entries()) {
-      const column = index % columns;
-      const row = Math.floor(index / columns);
-      const rowCount = Math.min(columns, nodes.length - row * columns);
-      positions.set(node.id, {
-        x: spread(column, rowCount, 178),
-        y: laneY[domain] + row * 74
-      });
-    }
-  }
-  return positions;
+var NEW_SESSION_VISUALIZATION_MODE = "explore";
+var LEGACY_VISUALIZATION_MODES = /* @__PURE__ */ new Set(["overview", "cluster", "swimlane", "focus", "network", "force"]);
+function normalizePersistedVisualizationMode(value) {
+  if (value === "explore") return "explore";
+  if (LEGACY_VISUALIZATION_MODES.has(String(value))) return NEW_SESSION_VISUALIZATION_MODE;
+  return NEW_SESSION_VISUALIZATION_MODE;
 }
-function getFocusGraphPositions(graph, selectedNodeId) {
-  if (!selectedNodeId || !graph.nodes.some((node) => node.id === selectedNodeId)) {
-    return getNetworkGraphPositions(graph);
-  }
-  const positions = /* @__PURE__ */ new Map();
-  const firstDegree = getNeighbors(graph, selectedNodeId);
-  const secondDegree = /* @__PURE__ */ new Set();
-  for (const nodeId of firstDegree) {
-    for (const neighborId of getNeighbors(graph, nodeId)) {
-      if (neighborId !== selectedNodeId && !firstDegree.has(neighborId)) {
-        secondDegree.add(neighborId);
-      }
-    }
-  }
-  positions.set(selectedNodeId, { x: 0, y: 0 });
-  const placeRing = (ids, radiusX, radiusY, yOffset = 0) => {
-    ids.forEach((id, index) => {
-      const angle = -Math.PI / 2 + index / Math.max(1, ids.length) * Math.PI * 2;
-      positions.set(id, {
-        x: Math.cos(angle) * radiusX,
-        y: yOffset + Math.sin(angle) * radiusY
-      });
-    });
-  };
-  placeRing([...firstDegree].sort(), 390, 210);
-  placeRing([...secondDegree].sort(), 680, 360);
-  const remaining = graph.nodes.filter((node) => !positions.has(node.id)).sort((left, right) => left.label.localeCompare(right.label));
-  for (const [index, node] of remaining.entries()) {
-    const column = index % 8;
-    const row = Math.floor(index / 8);
-    positions.set(node.id, {
-      x: spread(column, Math.min(8, remaining.length - row * 8), 160),
-      y: 560 + row * 78
-    });
-  }
-  return positions;
-}
-function getNetworkGraphPositions(graph) {
-  const positions = /* @__PURE__ */ new Map();
-  const nodes = [...graph.nodes].sort((left, right) => {
-    const degreeDelta = getNodeDegree(graph, right.id) - getNodeDegree(graph, left.id);
-    return degreeDelta || left.label.localeCompare(right.label);
-  });
-  for (const [index, node] of nodes.entries()) {
-    if (index === 0) {
-      positions.set(node.id, { x: 0, y: 0 });
-      continue;
-    }
-    const radius = 150 + Math.sqrt(index) * 82;
-    const angle = index * 2.399963229728653;
-    positions.set(node.id, {
-      x: Math.cos(angle) * radius,
-      y: Math.sin(angle) * radius * 0.72
-    });
-  }
-  return positions;
-}
-function getSpatialGraphPositions(graph) {
-  const positions = getSwimlaneGraphPositions(graph);
-  for (const [nodeId, position] of positions.entries()) {
-    const degree = getNodeDegree(graph, nodeId);
-    positions.set(nodeId, {
-      x: position.x + degree * 12,
-      y: position.y - degree * 8
-    });
-  }
-  return positions;
-}
-function getCommandViewGraphPositions({
-  graph,
-  visualizationMode,
-  selectedNodeId
-}) {
-  switch (visualizationMode) {
-    case "swimlane":
-      return getSwimlaneGraphPositions(graph);
-    case "focus":
-      return getFocusGraphPositions(graph, selectedNodeId);
-    case "network":
-      return getNetworkGraphPositions(graph);
-    case "spatial":
-      return getSpatialGraphPositions(graph);
-    case "cluster":
-    default:
-      return getClusterGraphPositions(graph);
-  }
-}
-
-// src/hooks/operations/command-view/useCommandViewStore.ts
 var DEFAULT_DIAGNOSTIC_CATEGORIES = ["diagnostic", "testing"];
 var useCommandViewStore = create()(
   persist(
@@ -2585,8 +2363,12 @@ var useCommandViewStore = create()(
       setShowIntegrations: (showIntegrations) => set({ showIntegrations }),
       fitViewOnFilter: true,
       setFitViewOnFilter: (fitViewOnFilter) => set({ fitViewOnFilter }),
-      visualizationMode: DEFAULT_COMMAND_VIEW_VISUALIZATION_MODE,
-      setVisualizationMode: (visualizationMode) => set({ visualizationMode }),
+      // New sessions default to 'explore'; returning sessions get their stored mode via persist.
+      visualizationMode: NEW_SESSION_VISUALIZATION_MODE,
+      setVisualizationMode: (visualizationMode) => set({ visualizationMode, lastUsedVisualizationMode: visualizationMode }),
+      lastUsedVisualizationMode: null,
+      lastOpenBottomTab: null,
+      setLastOpenBottomTab: (lastOpenBottomTab) => set({ lastOpenBottomTab }),
       selectedNodeId: null,
       setSelectedNodeId: (selectedNodeId) => set({ selectedNodeId }),
       resourcesHidden: true,
@@ -2599,7 +2381,29 @@ var useCommandViewStore = create()(
       clearRevealedIds: () => set({ revealedIds: /* @__PURE__ */ new Set() }),
       hasVisibilityInteraction: false,
       markVisibilityInteraction: () => set({ hasVisibilityInteraction: true }),
-      resetVisibilityInteraction: () => set({ hasVisibilityInteraction: false })
+      resetVisibilityInteraction: () => set({ hasVisibilityInteraction: false }),
+      expandedClusterDomains: [],
+      toggleClusterDomain: (domain) => set((s) => ({
+        expandedClusterDomains: s.expandedClusterDomains.includes(domain) ? s.expandedClusterDomains.filter((d) => d !== domain) : [...s.expandedClusterDomains, domain]
+      })),
+      setExpandedClusterDomains: (expandedClusterDomains) => set({ expandedClusterDomains }),
+      expandedNodeIdsArray: [],
+      expandedNodeIds: /* @__PURE__ */ new Set(),
+      toggleNodeExpansion: (nodeId) => set((s) => {
+        const currentSet = s.expandedNodeIds;
+        const isCurrentlyExpanded = currentSet.has(nodeId);
+        if (isCurrentlyExpanded) {
+          const next2 = new Set(currentSet);
+          next2.delete(nodeId);
+          const nextArray2 = [...next2];
+          return { expandedNodeIdsArray: nextArray2, expandedNodeIds: next2 };
+        }
+        const next = new Set(currentSet);
+        next.add(nodeId);
+        const nextArray = [...next];
+        return { expandedNodeIdsArray: nextArray, expandedNodeIds: next };
+      }),
+      clearExpandedNodes: () => set({ expandedNodeIdsArray: [], expandedNodeIds: /* @__PURE__ */ new Set() })
     }),
     {
       name: "command-view-store",
@@ -2607,9 +2411,25 @@ var useCommandViewStore = create()(
         showIntegrations: s.showIntegrations,
         fitViewOnFilter: s.fitViewOnFilter,
         visualizationMode: s.visualizationMode,
+        lastUsedVisualizationMode: s.lastUsedVisualizationMode,
         resourcesHidden: s.resourcesHidden,
-        diagnosticsHidden: s.diagnosticsHidden
-      })
+        diagnosticsHidden: s.diagnosticsHidden,
+        lastOpenBottomTab: s.lastOpenBottomTab,
+        expandedClusterDomains: s.expandedClusterDomains
+      }),
+      // Guard against stale localStorage with an invalid mode name (e.g. old 'overview' → 'explore' rename).
+      merge: (persisted, current) => {
+        const stored = persisted;
+        const storedMode = stored.visualizationMode;
+        const storedLastUsed = stored.lastUsedVisualizationMode;
+        const { expandedZonesArray: _dropped, ...restStored } = stored;
+        return {
+          ...current,
+          ...restStored,
+          visualizationMode: normalizePersistedVisualizationMode(storedMode),
+          lastUsedVisualizationMode: storedLastUsed === null || storedLastUsed === void 0 ? current.lastUsedVisualizationMode : normalizePersistedVisualizationMode(storedLastUsed)
+        };
+      }
     }
   )
 );
@@ -2978,6 +2798,65 @@ function useSortedData(data, defaultColumn, accessors, defaultDirection = "desc"
   const sorted = useMemo(() => sortData(data, sort, accessors), [data, sort, accessors]);
   return { sorted, sort, toggleSort };
 }
+function toDescriptor(resource) {
+  return {
+    id: resource.id,
+    kind: resource.kind,
+    systemPath: resource.systemPath,
+    executable: resource.kind !== "integration"
+  };
+}
+function buildResourceSetKey(directResources, descendantResources) {
+  return [
+    ...directResources.map((resource) => `d:${resource.kind}:${resource.id}:${resource.executable ? "x" : "p"}`),
+    ...descendantResources.map((resource) => `c:${resource.kind}:${resource.id}:${resource.executable ? "x" : "p"}`)
+  ].sort().join(",");
+}
+function useSystemHealth({
+  systemPath,
+  timeRange,
+  includeDescendants = true,
+  directResources,
+  descendantResources
+}) {
+  const { apiRequest, isReady, workOSOrganizationId } = useElevasisServices();
+  const { startDate, endDate } = useMemo(() => getTimeRangeDates(timeRange), [timeRange]);
+  const directDescriptors = useMemo(() => directResources.map(toDescriptor), [directResources]);
+  const descendantDescriptors = useMemo(() => descendantResources.map(toDescriptor), [descendantResources]);
+  const resourceSetKey = useMemo(
+    () => buildResourceSetKey(directDescriptors, descendantDescriptors),
+    [directDescriptors, descendantDescriptors]
+  );
+  return useQuery({
+    queryKey: observabilityKeys.systemHealth(
+      workOSOrganizationId,
+      systemPath,
+      timeRange,
+      includeDescendants,
+      includeDescendants ? "descendants" : "direct",
+      resourceSetKey,
+      startDate,
+      endDate,
+      directDescriptors,
+      descendantDescriptors
+    ),
+    queryFn: async () => {
+      return apiRequest("/observability/system-health", {
+        method: "POST",
+        body: JSON.stringify({
+          systemPath,
+          includeDescendants,
+          startDate,
+          endDate,
+          directResources: directDescriptors,
+          descendantResources: descendantDescriptors
+        })
+      });
+    },
+    enabled: isReady,
+    staleTime: 3e4
+  });
+}
 function useActivityTrend(params = {}) {
   const { apiRequest, isReady, workOSOrganizationId } = useElevasisServices();
   return useQuery({
@@ -3611,7 +3490,7 @@ function createDisabledManager() {
 }
 function useExecutionSSE(resourceId, options = {}) {
   const queryClient = useQueryClient();
-  const features = useOptionalElevasisFeatures();
+  const systems = useOptionalElevasisSystems();
   const { currentMembership } = useOrganization();
   const { isReady, workOSOrganizationId: serviceWorkOSOrganizationId } = useElevasisServices();
   const { enabled = true, apiUrl: apiUrlOverride, manager: managerOverride, listId, onEvent } = options;
@@ -3619,8 +3498,8 @@ function useExecutionSSE(resourceId, options = {}) {
   const [liveExecutions, setLiveExecutions] = useState(/* @__PURE__ */ new Set());
   const [streamingLogs, setStreamingLogs] = useState(/* @__PURE__ */ new Map());
   const disabledManager = useMemo(() => createDisabledManager(), []);
-  const apiUrl = apiUrlOverride ?? features?.operationsApiUrl;
-  const manager = managerOverride ?? features?.operationsSSEManager ?? disabledManager;
+  const apiUrl = apiUrlOverride ?? systems?.operationsApiUrl;
+  const manager = managerOverride ?? systems?.operationsSSEManager ?? disabledManager;
   const workOSOrganizationId = currentMembership?.organization?.workos_org_id ?? serviceWorkOSOrganizationId;
   const connectionKey = `execution-sse-${workOSOrganizationId ?? "unknown"}-${resourceId}`;
   const headers = useMemo(() => {
@@ -4479,6 +4358,116 @@ function useDeleteRequest() {
     }
   });
 }
+
+// src/hooks/clients/queryKeys.ts
+var clientsKeys = {
+  all: ["clients"],
+  lists: () => [...clientsKeys.all, "list"],
+  list: (organizationId, filters) => [...clientsKeys.lists(), organizationId, filters],
+  statuses: () => [...clientsKeys.all, "status"],
+  status: (organizationId) => [...clientsKeys.statuses(), organizationId],
+  details: () => [...clientsKeys.all, "detail"],
+  detail: (organizationId, id) => [...clientsKeys.details(), organizationId, id]
+};
+function useClients(filters = {}) {
+  const { apiRequest, isReady, workOSOrganizationId } = useElevasisServices();
+  return useQuery({
+    queryKey: clientsKeys.list(workOSOrganizationId ?? void 0, filters),
+    queryFn: async () => {
+      const { status, search, limit, offset } = filters;
+      const params = new URLSearchParams();
+      if (status) params.set("status", status);
+      if (search) params.set("search", search);
+      if (limit !== void 0) params.set("limit", String(limit));
+      if (offset !== void 0) params.set("offset", String(offset));
+      const query = params.toString();
+      return apiRequest(`/clients${query ? "?" + query : ""}`);
+    },
+    enabled: isReady
+  });
+}
+function useClientStatus() {
+  const { apiRequest, isReady, workOSOrganizationId } = useElevasisServices();
+  return useQuery({
+    queryKey: clientsKeys.status(workOSOrganizationId ?? void 0),
+    queryFn: async () => {
+      return apiRequest("/clients/status");
+    },
+    enabled: isReady
+  });
+}
+function useClient(clientId) {
+  const { apiRequest, isReady, workOSOrganizationId } = useElevasisServices();
+  return useQuery({
+    queryKey: clientsKeys.detail(workOSOrganizationId ?? void 0, clientId),
+    queryFn: async () => {
+      return apiRequest(`/clients/${clientId}`);
+    },
+    enabled: isReady && !!clientId
+  });
+}
+function useCreateClient() {
+  const { apiRequest } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (data) => {
+      return apiRequest("/clients", {
+        method: "POST",
+        body: JSON.stringify(data)
+      });
+    },
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: clientsKeys.lists() });
+      void queryClient.invalidateQueries({ queryKey: clientsKeys.statuses() });
+    },
+    onError: (error) => {
+      console.error("Failed to create client:", error);
+      showApiErrorNotification(error);
+    }
+  });
+}
+function useUpdateClient() {
+  const { apiRequest, workOSOrganizationId } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async ({ clientId, updates }) => {
+      return apiRequest(`/clients/${clientId}`, {
+        method: "PATCH",
+        body: JSON.stringify(updates)
+      });
+    },
+    onSuccess: (_data, { clientId }) => {
+      void queryClient.invalidateQueries({ queryKey: clientsKeys.lists() });
+      void queryClient.invalidateQueries({
+        queryKey: clientsKeys.detail(workOSOrganizationId ?? void 0, clientId)
+      });
+      void queryClient.invalidateQueries({ queryKey: clientsKeys.statuses() });
+    },
+    onError: (error) => {
+      console.error("Failed to update client:", error);
+      showApiErrorNotification(error);
+    }
+  });
+}
+function useDeleteClient() {
+  const { apiRequest } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (clientId) => {
+      await apiRequest(`/clients/${clientId}`, {
+        method: "DELETE"
+      });
+    },
+    onSuccess: () => {
+      void queryClient.invalidateQueries({ queryKey: clientsKeys.lists() });
+      void queryClient.invalidateQueries({ queryKey: clientsKeys.statuses() });
+    },
+    onError: (error) => {
+      console.error("Failed to delete client:", error);
+      showApiErrorNotification(error);
+    }
+  });
+}
 function useResourceErrors({ resourceId, timeRange, hasFailures }) {
   const { apiRequest, workOSOrganizationId, isReady } = useElevasisServices();
   return useQuery({
@@ -5149,11 +5138,11 @@ var noopSSEManager = {
 };
 function useProjectRealtime(projectId) {
   const queryClient = useQueryClient();
-  const features = useOptionalElevasisFeatures();
+  const systems = useOptionalElevasisSystems();
   const { isReady, workOSOrganizationId } = useElevasisServices();
   const { currentMembership } = useOrganization();
-  const deliveryApiUrl = features?.deliveryApiUrl;
-  const deliverySSEManager = features?.deliverySSEManager ?? noopSSEManager;
+  const deliveryApiUrl = systems?.deliveryApiUrl;
+  const deliverySSEManager = systems?.deliverySSEManager ?? noopSSEManager;
   const currentWorkOSOrganizationId = currentMembership?.organization?.workos_org_id;
   const headers = useMemo(() => {
     if (!currentWorkOSOrganizationId) {
@@ -5199,11 +5188,11 @@ function useProjectRealtime(projectId) {
     manager: deliverySSEManager,
     connectionKey: `delivery-${currentWorkOSOrganizationId ?? workOSOrganizationId ?? projectId ?? "unknown"}`,
     url: deliveryApiUrl ? `${deliveryApiUrl}/api/projects/sse` : "",
-    enabled: Boolean(deliveryApiUrl && features?.deliverySSEManager && currentWorkOSOrganizationId && isReady),
+    enabled: Boolean(deliveryApiUrl && systems?.deliverySSEManager && currentWorkOSOrganizationId && isReady),
     headers,
     onmessage: handleMessage,
     onopen: (response) => response.status === 403 ? "Organization access denied" : void 0
   });
 }
 
-export { ApiKeyService, COMMAND_VIEW_VISUALIZATION_MODES, CredentialSchemas, CredentialService, DeploymentService, MEMBERSHIP_STATUS_COLORS, OperationsService, OrganizationMembershipService, WebhookEndpointService, acquisitionListKeys, collectResourceFilterFacets, companyKeys, contactKeys, dealKeys, dealNoteKeys, dealTaskKeys, executionsKeys, filterByDomainFilters, getCommandViewGraphPositions, getResourceFilterFacetIds, isSessionCapable, labelResourceFilterFacet, leadGenArtifactKeys, leadGenListCompanyKeys, leadGenListMemberKeys, operationsKeys, projectActivityKeys, requestsKeys, scheduleKeys, sessionsKeys, sortData, transformMembershipToTableRow, useActivateDeployment, useActivities, useActivitiesRealtime, useActivityFilters, useActivityTrend, useAddCompaniesToList, useAddContactsToList, useArchiveSession, useArchivedLogs, useArtifacts, useAssignRole, useBatchDelete, useBatchTelemetry, useBatchedResourcesHealth, useBulkDeleteExecutions, useBusinessImpact, useCancelExecution, useCancelSchedule, useCheckpointTasks, useCommandQueue, useCommandQueueTotals, useCommandViewData, useCommandViewDomainFilters, useCommandViewStats, useCommandViewStore, useCompanies, useCompany, useCompanyFacets, useCompleteDealTask, useContact, useContacts, useCostBreakdown, useCostByModel, useCostSummary, useCostTrends, useCreateApiKey, useCreateArtifact, useCreateCompany, useCreateContact, useCreateCredential, useCreateDealNote, useCreateDealTask, useCreateList, useCreateOrgRole, useCreateSchedule, useCreateSession, useCreateWebhookEndpoint, useCredentials, useDashboardMetrics, useDeactivateDeployment, useDeactivateMembership, useDealDetail, useDealNotes, useDealTasks, useDealTasksDue, useDeals, useDealsLookup, useDealsSummary, useDeleteApiKey, useDeleteCompanies, useDeleteContacts, useDeleteCredential, useDeleteDeal, useDeleteDeployment, useDeleteExecution, useDeleteList, useDeleteOrgRole, useDeleteRequest, useDeleteSchedule, useDeleteSession, useDeleteTask, useDeleteWebhookEndpoint, useDeriveActions, useEffectivePermissions, useErrorAnalysis, useErrorDetail, useErrorDetails, useErrorDistribution, useErrorNotification, useExecuteAction, useExecuteAsync, useExecuteResource, useExecution, useExecutionHealth, useExecutionLogSSE, useExecutionLogs, useExecutionLogsFilters, useExecutionPanelState, useExecutionSSE, useExecutions, useGetExecutionHistory, useGetSchedule, useHasPermission, useInFlightExecutions, useList, useListApiKeys, useListDeployments, useListExecutions, useListMember, useListMembers, useListProgress, useListRecords, useListSchedules, useListWebhookEndpoints, useLists, useListsTelemetry, useMarkAllAsRead, useMarkAsRead, useNotificationCount, useNotifications, useOrgRoles, useOrganizationMembers, useOrganizationPermissions, usePaginationState, usePatchTask, usePauseSchedule, usePermissionCatalog, useProjectActivities, useProjectRealtime, useReactivateMembership, useRecentExecutionsByResource, useRemoveCompaniesFromList, useRequest, useRequestsList, useResolveAllErrors, useResolveError, useResolveErrorsByExecution, useResourceDefinition, useResourceErrors, useResourceExecutions, useResourceSearch, useResources, useResourcesDomainFilters, useResourcesHealth, useResumeSchedule, useRetryExecution, useRevokeRole, useSSEConnection, useScheduledTasks, useSession, useSessionExecution, useSessionExecutions, useSessionMessages, useSessionWebSocket, useSessions, useSortedData, useStatusFilter, useSubmitAction, useSuccessNotification, useTableSelection, useTableSort, useTestNotification, useTimeRangeDates, useTopFailingResources, useTransitionItem, useTransitionListCompany, useTransitionListMember, useTransitionState, useUnresolveError, useUnresolvedErrors, useUpdateAnchor, useUpdateApiKey, useUpdateCompany, useUpdateContact, useUpdateCredential, useUpdateList, useUpdateListConfig, useUpdateListStatus, useUpdateMemberConfig, useUpdateOrgRole, useUpdateRequestStatus, useUpdateSchedule, useUpdateWebhookEndpoint, useUserMemberships, useVerifyCredential, useVisibleResources, useWarningNotification, useWorkflowExecution };
+export { ApiKeyService, CredentialSchemas, CredentialService, DeploymentService, MEMBERSHIP_STATUS_COLORS, OperationsService, OrganizationMembershipService, WebhookEndpointService, acquisitionListKeys, clientsKeys, collectResourceFilterFacets, companyKeys, contactKeys, dealKeys, dealNoteKeys, dealTaskKeys, executionsKeys, filterByDomainFilters, getResourceFilterFacetIds, isSessionCapable, labelResourceFilterFacet, leadGenArtifactKeys, leadGenListCompanyKeys, leadGenListMemberKeys, operationsKeys, projectActivityKeys, requestsKeys, scheduleKeys, sessionsKeys, sortData, transformMembershipToTableRow, useActivateDeployment, useActivities, useActivitiesRealtime, useActivityFilters, useActivityTrend, useAddCompaniesToList, useAddContactsToList, useArchiveSession, useArchivedLogs, useArtifacts, useAssignRole, useBatchDelete, useBatchTelemetry, useBatchedResourcesHealth, useBulkDeleteExecutions, useBusinessImpact, useCancelExecution, useCancelSchedule, useCheckpointTasks, useClient, useClientStatus, useClients, useCommandQueue, useCommandQueueTotals, useCommandViewData, useCommandViewDomainFilters, useCommandViewStats, useCommandViewStore, useCompanies, useCompany, useCompanyFacets, useCompleteDealTask, useContact, useContacts, useCostBreakdown, useCostByModel, useCostSummary, useCostTrends, useCreateApiKey, useCreateArtifact, useCreateClient, useCreateCompany, useCreateContact, useCreateCredential, useCreateDealNote, useCreateDealTask, useCreateList, useCreateOrgRole, useCreateSchedule, useCreateSession, useCreateWebhookEndpoint, useCredentials, useDashboardMetrics, useDeactivateDeployment, useDeactivateMembership, useDealDetail, useDealNotes, useDealTasks, useDealTasksDue, useDeals, useDealsLookup, useDealsSummary, useDeleteApiKey, useDeleteClient, useDeleteCompanies, useDeleteContacts, useDeleteCredential, useDeleteDeal, useDeleteDeployment, useDeleteExecution, useDeleteList, useDeleteOrgRole, useDeleteRequest, useDeleteSchedule, useDeleteSession, useDeleteTask, useDeleteWebhookEndpoint, useDeriveActions, useEffectivePermissions, useErrorAnalysis, useErrorDetail, useErrorDetails, useErrorDistribution, useErrorNotification, useExecuteAction, useExecuteAsync, useExecuteResource, useExecution, useExecutionHealth, useExecutionLogSSE, useExecutionLogs, useExecutionLogsFilters, useExecutionPanelState, useExecutionSSE, useExecutions, useGetExecutionHistory, useGetSchedule, useHasPermission, useInFlightExecutions, useList, useListApiKeys, useListDeployments, useListExecutions, useListMember, useListMembers, useListProgress, useListRecords, useListSchedules, useListWebhookEndpoints, useLists, useListsTelemetry, useMarkAllAsRead, useMarkAsRead, useNotificationCount, useNotifications, useOrgRoles, useOrganizationMembers, useOrganizationPermissions, usePaginationState, usePatchTask, usePauseSchedule, usePermissionCatalog, useProjectActivities, useProjectRealtime, useReactivateMembership, useRecentExecutionsByResource, useRemoveCompaniesFromList, useRequest, useRequestsList, useResolveAllErrors, useResolveError, useResolveErrorsByExecution, useResourceDefinition, useResourceErrors, useResourceExecutions, useResourceSearch, useResources, useResourcesDomainFilters, useResourcesHealth, useResumeSchedule, useRetryExecution, useRevokeRole, useSSEConnection, useScheduledTasks, useSession, useSessionExecution, useSessionExecutions, useSessionMessages, useSessionWebSocket, useSessions, useSortedData, useStatusFilter, useSubmitAction, useSuccessNotification, useSystemHealth, useTableSelection, useTableSort, useTestNotification, useTimeRangeDates, useTopFailingResources, useTransitionItem, useTransitionListCompany, useTransitionListMember, useTransitionState, useUnresolveError, useUnresolvedErrors, useUpdateAnchor, useUpdateApiKey, useUpdateClient, useUpdateCompany, useUpdateContact, useUpdateCredential, useUpdateList, useUpdateListConfig, useUpdateListStatus, useUpdateMemberConfig, useUpdateOrgRole, useUpdateRequestStatus, useUpdateSchedule, useUpdateWebhookEndpoint, useUserMemberships, useVerifyCredential, useVisibleResources, useWarningNotification, useWorkflowExecution };

package/dist/{chunk-LRZFLK2F.js → chunk-IQHU7O5Y.js}

@@ -1,7 +1,7 @@
-import { useCyberColors, CyberLegendItem, CyberAreaChart } from './chunk-CW3UNAF2.js';
-import { useResourcesHealth } from './chunk-6EFVZV6X.js';
-import { CardHeader, EmptyState } from './chunk-6WXDE5LZ.js';
-import { getTimeRangeDates, formatBucketTime } from './chunk-HXZQWMKE.js';
+import { useCyberColors, CyberLegendItem, CyberAreaChart } from './chunk-4DYOXEH6.js';
+import { useResourcesHealth } from './chunk-GCOQ3TBG.js';
+import { CardHeader, EmptyState } from './chunk-EPTHX4VZ.js';
+import { getTimeRangeDates, formatBucketTime } from './chunk-2RJMVWFJ.js';
 import { Paper, Center, Loader, Group } from '@mantine/core';
 import { IconActivity, IconChartBar } from '@tabler/icons-react';
 import { useMemo } from 'react';

package/dist/{chunk-X2SUMO3P.js → chunk-IZWTVFJ2.js}

@@ -378,10 +378,18 @@ var isPathActive = (linkPath, currentPath) => {
 var isOverviewLink = (label, link) => {
   return label === "Overview" && (link === "/admin" || link === "/operations" || link === "/monitoring" || link === "/settings" || link === "/execution-engine" || link === "/acquisition");
 };
+var isLinkItemActive = (linkItem, currentPath) => {
+  const isKnowledgeBaseActive = linkItem.link === "/knowledge" && currentPath.startsWith("/knowledge") && !currentPath.startsWith("/knowledge/command-view");
+  const matchesExtraPath = linkItem.activeMatchPaths?.some((path) => isPathActive(path, currentPath)) ?? false;
+  if (isKnowledgeBaseActive) return true;
+  if (linkItem.exact || isOverviewLink(linkItem.label, linkItem.link)) {
+    return currentPath === linkItem.link || matchesExtraPath;
+  }
+  return isPathActive(linkItem.link, currentPath) || matchesExtraPath;
+};
 var SubLinkItem = ({ linkItem, currentPath }) => {
   const { Link } = useRouterContext();
-  const isKnowledgeBaseActive = linkItem.link === "/knowledge" && currentPath.startsWith("/knowledge") && !currentPath.startsWith("/knowledge/command-view");
-  const isActive = isKnowledgeBaseActive ? true : linkItem.exact || isOverviewLink(linkItem.label, linkItem.link) ? currentPath === linkItem.link : isPathActive(linkItem.link, currentPath);
+  const isActive = isLinkItemActive(linkItem, currentPath);
   const activeColor2 = "var(--color-primary)";
   const activeColorBg = "color-mix(in srgb, var(--color-primary) 10%, transparent)";
   const defaultColor = "var(--color-text-subtle)";
@@ -564,10 +572,15 @@ var LinksGroup = memo(function LinksGroup2({
       onToggle();
     }
   }, [isCollapsed, opened, onToggle]);
-  const hasActiveChild = hasLinks && links.some((item) => isPathActive(item.link, currentPath));
+  const hasActiveChild = hasLinks && links.some((item) => isLinkItemActive(item, currentPath));
   const isParentActive = !hasLinks && (link === "/" ? currentPath === "/" : isPathActive(link || "", currentPath));
   const isIconTextActive = isParentActive || hasActiveChild;
   const isBackgroundActive = isParentActive || hasActiveChild && !opened;
+  useEffect(() => {
+    if (!isCollapsed && hasActiveChild && !opened && onToggle) {
+      onToggle();
+    }
+  }, [hasActiveChild, isCollapsed, opened, onToggle]);
   const handleMainClick = () => {
     if (hasLinks && !isCollapsed) {
       onToggle?.();

package/dist/{chunk-IKQ42WHU.js → chunk-JFL3GRD4.js}

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