@elevasis/ui 2.9.1 → 2.10.1

package/dist/{chunk-F5QSLYUB.js → chunk-LW5NKRI7.js}

@@ -1,18 +1,18 @@
 import { ChatHeader, ChatSidebar } from './chunk-ROSMICXG.js';
-import { SubshellLoader, CollapsibleSidebarGroup } from './chunk-IDACMRGQ.js';
-import { ResourceHealthPanel } from './chunk-7PDDPNQS.js';
+import { SubshellLoader } from './chunk-ADSSLKKP.js';
+import { ResourceHealthPanel } from './chunk-TSX4I3NW.js';
 import { PageContainer } from './chunk-BZZCNLT6.js';
-import { SubshellSidebarSection, SubshellNavItem } from './chunk-27COZ5AH.js';
+import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
 import { CustomModal, ConfirmationModal } from './chunk-GBMNCNHX.js';
-import { BaseNode, useGraphTheme, BaseEdge, ExecutionStats, UnifiedWorkflowGraph, WorkflowExecutionTimeline, AgentExecutionVisualizer, AgentExecutionTimeline, GraphBackground, GraphFitViewButton, GraphFitViewHandler } from './chunk-CTWYIRKW.js';
-import { useCyberColors, CyberDonut } from './chunk-KFICYU6S.js';
+import { BaseNode, useGraphTheme, BaseEdge, ExecutionStats, UnifiedWorkflowGraph, WorkflowExecutionTimeline, AgentExecutionVisualizer, AgentExecutionTimeline, GraphBackground, GraphFitViewButton, GraphFitViewHandler } from './chunk-GJVGV7QZ.js';
+import { useCyberColors, CyberDonut } from './chunk-STZJ7SY5.js';
 import { AppShellLoader } from './chunk-YEX4MQSY.js';
 import { getResourceStatusColor, useMergedExecution, useTimelineData, useAgentIterationData, getStatusIcon } from './chunk-XA34RETF.js';
-import { useErrorDetail, useExecution, useArchivedLogs, useDeleteExecution, useRetryExecution, useCancelExecution, useCommandQueueTotals, useStatusFilter, useResourceSearch, useResourcesDomainFilters, usePaginationState, useResources, useRecentExecutionsByResource, filterByDomainFilters, useExecuteAsync, useResourceDefinition, isSessionCapable, useDeleteTask, useCommandQueue, useSubmitAction, useCommandViewData, useCommandViewStats, useResourceExecutions, useCheckpointTasks, useCalibrationProjects, useCalibrationProject, useAllCalibrationProjects, useCommandViewStore, useCommandViewDomainFilters, useCalibrationSSE, useCalibrationRunFull, useExecuteRun, useGradeRun, useCalibrationRuns, useExecutionPanelState, useDeleteSession, useCreateSession, useSessions, useSessionExecutions, useSession, showApiErrorNotification, showSuccessNotification, calibrationKeys, useDeleteProject, useCreateProject, useBulkDeleteExecutions } from './chunk-4PHPENKX.js';
+import { useErrorDetail, useExecution, useArchivedLogs, useDeleteExecution, useRetryExecution, useCancelExecution, useCommandQueueTotals, useStatusFilter, useResourceSearch, useResourcesDomainFilters, usePaginationState, useResources, useRecentExecutionsByResource, filterByDomainFilters, useExecuteAsync, useResourceDefinition, isSessionCapable, useDeleteTask, useCommandQueue, useSubmitAction, useCommandViewData, useCommandViewStats, useCommandViewStore, useResourceExecutions, useCheckpointTasks, useExecutionPanelState, useDeleteSession, useCreateSession, useSessions, useSessionExecutions, useSession, showApiErrorNotification, showSuccessNotification, useBulkDeleteExecutions } from './chunk-E3IFHX6A.js';
 import { useGraphHighlighting, calculateGraphHeight, Graph_module_css_default, GRAPH_CONSTANTS } from './chunk-22UVE3RA.js';
-import { useOptionalElevasisFeatures, useElevasisFeatures } from './chunk-OPT74SGF.js';
-import { SubshellContainer, SubshellSidebar, SubshellRightSideContainer, SubshellContentContainer } from './chunk-RX4UWZZR.js';
-import { JsonViewer, CardHeader, PageTitleCaption, CollapsibleSection, TabCountBadge, ResourceCard, ContextViewer, EmptyState, APIErrorAlert } from './chunk-Y3D3WFJG.js';
+import { useOptionalElevasisFeatures, useElevasisFeatures } from './chunk-N5CLIRBS.js';
+import { SubshellContentContainer } from './chunk-RX4UWZZR.js';
+import { JsonViewer, CardHeader, PageTitleCaption, CollapsibleSection, TabCountBadge, ResourceCard, ContextViewer, EmptyState, APIErrorAlert } from './chunk-SQQGLGHW.js';
 import { StyledMarkdown } from './chunk-3KMDHCAR.js';
 import { NavigationButton } from './chunk-NYBEU5TE.js';
 import { ResourceStatusColors, toWorkflowLogMessages } from './chunk-ELJIFLCB.js';
@@ -23,21 +23,41 @@ import { useInitialization } from './chunk-TUXTSEAF.js';
 import { useOrganization } from './chunk-DD3CCMCZ.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { z } from 'zod';
-import { Stack, Group, Text, Badge, TextInput, Textarea, Radio, Checkbox, Select, NumberInput, Title, Alert, Button, ActionIcon, Collapse, Card, ThemeIcon, SimpleGrid, Divider, Paper, Space, CopyButton, Center, Tooltip, Code, Menu, useMantineTheme, UnstyledButton, RangeSlider, Loader, Box, Progress, Tabs, Pagination, Modal, LoadingOverlay, SegmentedControl, Switch, Timeline, ScrollArea, MultiSelect, Table } from '@mantine/core';
-import { IconBrain, IconFileText, IconMail, IconSend, IconClock, IconArrowUp, IconMessageCircle, IconRocket, IconEye, IconEdit, IconAlertTriangle, IconRefresh, IconX, IconCheck, IconCode, IconAlertCircle, IconChevronRight, IconTool, IconSettings, IconCpu, IconClockHour4, IconVersions, IconPlayerPlay, IconNetwork, IconSitemap, IconCopy, IconPlayerStop, IconReload, IconTrash, IconTerminal2, IconBug, IconChevronDown, IconMessage, IconArrowLeft, IconRobot, IconGitBranch, IconDotsVertical, IconFilter, IconCircleCheck, IconCategory, IconDatabase, IconApps, IconRoute, IconAdjustmentsHorizontal, IconSearch, IconCircleX, IconCircleDashed, IconExternalLink, IconTopologyStar3, IconPlus, IconAdjustments, IconChartBar, IconReportAnalytics, IconCoin, IconBriefcase, IconFlask, IconInfoCircle, IconLayoutSidebarRightExpand, IconNote, IconArchive, IconDownload, IconTimeline, IconArrowsMaximize, IconShare2, IconHistory } from '@tabler/icons-react';
+import { Stack, Group, Text, Badge, TextInput, Textarea, Radio, Checkbox, Select, NumberInput, Title, Alert, Button, ActionIcon, Collapse, Card, ThemeIcon, SimpleGrid, Divider, Paper, Space, CopyButton, Center, Tooltip, Code, Menu, useMantineTheme, UnstyledButton, RangeSlider, Loader, Box, Progress, Tabs, Pagination, Modal, LoadingOverlay, SegmentedControl, Switch, ScrollArea, MultiSelect } from '@mantine/core';
+import { IconBrain, IconFileText, IconMail, IconSend, IconClock, IconArrowUp, IconMessageCircle, IconRocket, IconEye, IconEdit, IconAlertTriangle, IconRefresh, IconX, IconCheck, IconCode, IconAlertCircle, IconChevronRight, IconTool, IconSettings, IconCpu, IconClockHour4, IconVersions, IconPlayerPlay, IconNetwork, IconSitemap, IconCopy, IconPlayerStop, IconReload, IconTrash, IconTerminal2, IconBug, IconChevronDown, IconMessage, IconArrowLeft, IconRobot, IconGitBranch, IconDotsVertical, IconFilter, IconCircleCheck, IconCategory, IconDatabase, IconApps, IconRoute, IconAdjustmentsHorizontal, IconSearch, IconCircleX, IconCircleDashed, IconExternalLink, IconTopologyStar3, IconInfoCircle, IconPlus, IconLayoutSidebarRightExpand, IconNote, IconArchive, IconDownload, IconTimeline, IconActivityHeartbeat, IconClockPause, IconArrowsMaximize, IconShare2, IconHistory } from '@tabler/icons-react';
 import { useForm } from '@mantine/form';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { memo, useState, useMemo, useRef, useCallback, useEffect, useDeferredValue } from 'react';
+import { memo, useState, useMemo, useRef, useCallback, useEffect, useDeferredValue, useEffectEvent } from 'react';
 import { ReactFlowProvider, ReactFlow } from '@xyflow/react';
 import dagre from '@dagrejs/dagre';
 import '@xyflow/react/dist/style.css';
 import { useClipboard } from '@mantine/hooks';
 import { notifications } from '@mantine/notifications';
-import { useNavigate, Link } from '@tanstack/react-router';
+import { useNavigate } from '@tanstack/react-router';
 import cytoscape from 'cytoscape';
+import { create } from 'zustand';
 import { formatDistanceToNow } from 'date-fns';
-import { useQueryClient } from '@tanstack/react-query';
 
+// ../core/src/platform/utils/debounce.ts
+function debounce(fn, wait) {
+  let timeoutId = null;
+  const debounced = (...args) => {
+    if (timeoutId !== null) {
+      clearTimeout(timeoutId);
+    }
+    timeoutId = setTimeout(() => {
+      fn(...args);
+      timeoutId = null;
+    }, wait);
+  };
+  debounced.cancel = () => {
+    if (timeoutId !== null) {
+      clearTimeout(timeoutId);
+      timeoutId = null;
+    }
+  };
+  return debounced;
+}
 var ModelIdSchema = z.string().trim().min(1).max(100).regex(/^[a-z0-9]+(?:[-._][a-z0-9]+)*$/, "IDs must be lowercase and use -, _, or . separators");
 var LabelSchema = z.string().trim().min(1).max(120);
 var DescriptionSchema = z.string().trim().min(1).max(2e3);
@@ -51,18 +71,11 @@ var DisplayMetadataSchema = z.object({
   color: ColorTokenSchema.optional(),
   icon: IconNameSchema.optional()
 });
-var SemanticDomainSchema = DisplayMetadataSchema.extend({
-  id: ModelIdSchema,
-  entityIds: ReferenceIdsSchema,
-  surfaceIds: ReferenceIdsSchema,
-  resourceIds: ReferenceIdsSchema,
-  capabilityIds: ReferenceIdsSchema
-});
 var ResourceMappingSchema = DisplayMetadataSchema.extend({
   id: ModelIdSchema,
   resourceId: z.string().trim().min(1).max(255),
   resourceType: z.enum(["workflow", "agent", "trigger", "integration", "external", "human_checkpoint"]),
-  domainIds: ReferenceIdsSchema,
+  featureIds: ReferenceIdsSchema,
   entityIds: ReferenceIdsSchema,
   surfaceIds: ReferenceIdsSchema,
   capabilityIds: ReferenceIdsSchema
@@ -111,42 +124,17 @@ var OrganizationModelDeliverySchema = z.object({
   milestoneStatuses: z.array(DeliveryStateSchema).min(1),
   taskStatuses: z.array(DeliveryStateSchema).min(1)
 });
-var FeatureKeySchema = z.enum([
-  "acquisition",
-  "delivery",
-  "operations",
-  "monitoring",
-  "settings",
-  "seo",
-  "calibration"
-]);
-var OrganizationModelFeaturesSchema = z.object({
-  enabled: z.object({
-    acquisition: z.boolean().default(true),
-    delivery: z.boolean().default(true),
-    operations: z.boolean().default(true),
-    monitoring: z.boolean().default(true),
-    settings: z.boolean().default(true),
-    seo: z.boolean().default(false),
-    calibration: z.boolean().default(false)
-  }).default({
-    acquisition: true,
-    delivery: true,
-    operations: true,
-    monitoring: true,
-    settings: true,
-    seo: false,
-    calibration: false
-  }),
-  labels: z.object({
-    acquisition: z.string().trim().min(1).max(80).optional(),
-    delivery: z.string().trim().min(1).max(80).optional(),
-    operations: z.string().trim().min(1).max(80).optional(),
-    monitoring: z.string().trim().min(1).max(80).optional(),
-    settings: z.string().trim().min(1).max(80).optional(),
-    seo: z.string().trim().min(1).max(80).optional(),
-    calibration: z.string().trim().min(1).max(80).optional()
-  }).default({})
+var FeatureSchema = z.object({
+  id: ModelIdSchema,
+  label: LabelSchema,
+  description: DescriptionSchema.optional(),
+  enabled: z.boolean().default(true),
+  color: ColorTokenSchema.optional(),
+  icon: IconNameSchema.optional(),
+  entityIds: ReferenceIdsSchema,
+  surfaceIds: ReferenceIdsSchema,
+  resourceIds: ReferenceIdsSchema,
+  capabilityIds: ReferenceIdsSchema
 });
 var LeadGenLifecycleStageSchema = DisplayMetadataSchema.extend({
   id: ModelIdSchema,
@@ -167,9 +155,10 @@ var SurfaceDefinitionSchema = z.object({
   path: PathSchema,
   surfaceType: SurfaceTypeSchema,
   description: DescriptionSchema.optional(),
+  enabled: z.boolean().default(true),
   icon: IconNameSchema.optional(),
-  featureKey: FeatureKeySchema.optional(),
-  domainIds: ReferenceIdsSchema,
+  featureId: ModelIdSchema.optional(),
+  featureIds: ReferenceIdsSchema,
   entityIds: ReferenceIdsSchema,
   resourceIds: ReferenceIdsSchema,
   capabilityIds: ReferenceIdsSchema,
@@ -190,9 +179,8 @@ var OrganizationModelNavigationSchema = z.object({
 // ../core/src/organization-model/schema.ts
 var OrganizationModelSchemaBase = z.object({
   version: z.literal(1).default(1),
-  domains: z.array(SemanticDomainSchema).default([]),
+  features: z.array(FeatureSchema).default([]),
   branding: OrganizationModelBrandingSchema,
-  features: OrganizationModelFeaturesSchema,
   navigation: OrganizationModelNavigationSchema,
   crm: OrganizationModelCrmSchema,
   leadGen: OrganizationModelLeadGenSchema,
@@ -218,7 +206,7 @@ function collectIds(items, ctx, collectionPath, label) {
   return itemsById;
 }
 var OrganizationModelSchema = OrganizationModelSchemaBase.superRefine((model, ctx) => {
-  const domainsById = collectIds(model.domains, ctx, ["domains"], "Domain");
+  const featuresById = collectIds(model.features, ctx, ["features"], "Feature");
   const surfacesById = collectIds(model.navigation.surfaces, ctx, ["navigation", "surfaces"], "Surface");
   collectIds(model.navigation.groups, ctx, ["navigation", "groups"], "Navigation group");
   collectIds(model.resourceMappings, ctx, ["resourceMappings"], "Resource mapping");
@@ -252,40 +240,40 @@ var OrganizationModelSchema = OrganizationModelSchemaBase.superRefine((model, ct
       }
     });
   });
-  model.domains.forEach((domain, domainIndex) => {
-    domain.surfaceIds.forEach((surfaceId, surfaceIndex) => {
+  model.features.forEach((feature, featureIndex) => {
+    feature.surfaceIds.forEach((surfaceId, surfaceIndex) => {
       const surface = surfacesById.get(surfaceId);
       if (!surface) {
         addIssue(
           ctx,
-          ["domains", domainIndex, "surfaceIds", surfaceIndex],
-          `Domain "${domain.id}" references unknown surface "${surfaceId}"`
+          ["features", featureIndex, "surfaceIds", surfaceIndex],
+          `Feature "${feature.id}" references unknown surface "${surfaceId}"`
         );
         return;
       }
-      if (!surface.domainIds.includes(domain.id)) {
+      if (!surface.featureIds.includes(feature.id)) {
         addIssue(
           ctx,
-          ["domains", domainIndex, "surfaceIds", surfaceIndex],
-          `Domain "${domain.id}" references surface "${surfaceId}" but that surface does not include domain "${domain.id}"`
+          ["features", featureIndex, "surfaceIds", surfaceIndex],
+          `Feature "${feature.id}" references surface "${surfaceId}" but that surface does not include feature "${feature.id}"`
         );
       }
     });
-    domain.resourceIds.forEach((resourceId, resourceIndex) => {
+    feature.resourceIds.forEach((resourceId, resourceIndex) => {
       const resourceMapping = resourceMappingsByResourceId.get(resourceId);
       if (!resourceMapping) {
         addIssue(
           ctx,
-          ["domains", domainIndex, "resourceIds", resourceIndex],
-          `Domain "${domain.id}" references unknown resource "${resourceId}"`
+          ["features", featureIndex, "resourceIds", resourceIndex],
+          `Feature "${feature.id}" references unknown resource "${resourceId}"`
         );
         return;
       }
-      if (!resourceMapping.domainIds.includes(domain.id)) {
+      if (!resourceMapping.featureIds.includes(feature.id)) {
         addIssue(
           ctx,
-          ["domains", domainIndex, "resourceIds", resourceIndex],
-          `Domain "${domain.id}" references resource "${resourceId}" but that resource mapping does not include domain "${domain.id}"`
+          ["features", featureIndex, "resourceIds", resourceIndex],
+          `Feature "${feature.id}" references resource "${resourceId}" but that resource mapping does not include feature "${feature.id}"`
         );
       }
     });
@@ -298,21 +286,21 @@ var OrganizationModelSchema = OrganizationModelSchemaBase.superRefine((model, ct
         `Surface "${surface.id}" references unknown parent surface "${surface.parentId}"`
       );
     }
-    surface.domainIds.forEach((domainId, domainIndex) => {
-      const domain = domainsById.get(domainId);
-      if (!domain) {
+    surface.featureIds.forEach((featureId, featureIndex) => {
+      const feature = featuresById.get(featureId);
+      if (!feature) {
         addIssue(
           ctx,
-          ["navigation", "surfaces", surfaceIndex, "domainIds", domainIndex],
-          `Surface "${surface.id}" references unknown domain "${domainId}"`
+          ["navigation", "surfaces", surfaceIndex, "featureIds", featureIndex],
+          `Surface "${surface.id}" references unknown feature "${featureId}"`
         );
         return;
       }
-      if (!domain.surfaceIds.includes(surface.id)) {
+      if (!feature.surfaceIds.includes(surface.id)) {
         addIssue(
           ctx,
-          ["navigation", "surfaces", surfaceIndex, "domainIds", domainIndex],
-          `Surface "${surface.id}" references domain "${domainId}" but that domain does not include surface "${surface.id}"`
+          ["navigation", "surfaces", surfaceIndex, "featureIds", featureIndex],
+          `Surface "${surface.id}" references feature "${featureId}" but that feature does not include surface "${surface.id}"`
         );
       }
     });
@@ -336,21 +324,21 @@ var OrganizationModelSchema = OrganizationModelSchemaBase.superRefine((model, ct
     });
   });
   model.resourceMappings.forEach((resourceMapping, resourceIndex) => {
-    resourceMapping.domainIds.forEach((domainId, domainIndex) => {
-      const domain = domainsById.get(domainId);
-      if (!domain) {
+    resourceMapping.featureIds.forEach((featureId, featureIndex) => {
+      const feature = featuresById.get(featureId);
+      if (!feature) {
         addIssue(
           ctx,
-          ["resourceMappings", resourceIndex, "domainIds", domainIndex],
-          `Resource mapping "${resourceMapping.id}" references unknown domain "${domainId}"`
+          ["resourceMappings", resourceIndex, "featureIds", featureIndex],
+          `Resource mapping "${resourceMapping.id}" references unknown feature "${featureId}"`
         );
         return;
       }
-      if (!domain.resourceIds.includes(resourceMapping.resourceId)) {
+      if (!feature.resourceIds.includes(resourceMapping.resourceId)) {
         addIssue(
           ctx,
-          ["resourceMappings", resourceIndex, "domainIds", domainIndex],
-          `Resource mapping "${resourceMapping.id}" references domain "${domainId}" but that domain does not include resource "${resourceMapping.resourceId}"`
+          ["resourceMappings", resourceIndex, "featureIds", featureIndex],
+          `Resource mapping "${resourceMapping.id}" references feature "${featureId}" but that feature does not include resource "${resourceMapping.resourceId}"`
         );
       }
     });
@@ -377,7 +365,6 @@ var OrganizationModelSchema = OrganizationModelSchemaBase.superRefine((model, ct
 var OrganizationGraphNodeKindSchema = z.enum([
   "organization",
   "feature",
-  "domain",
   "surface",
   "entity",
   "capability",
@@ -391,7 +378,7 @@ var OrganizationGraphNodeSchema = z.object({
   sourceId: z.string().trim().min(1).max(255).optional(),
   description: DescriptionSchema.optional(),
   enabled: z.boolean().optional(),
-  featureKey: FeatureKeySchema.optional(),
+  featureId: ModelIdSchema.optional(),
   surfaceType: SurfaceTypeSchema.optional(),
   resourceType: z.enum(["workflow", "agent", "trigger", "integration", "external", "human_checkpoint"]).optional()
 });
@@ -462,9 +449,6 @@ function ensureResourceNode(nodes, seen, resourceNodesById, resourceId) {
     sourceId: resourceId
   });
 }
-function titleCase(value) {
-  return value.replace(/[-_.]+/g, " ").replace(/\s+/g, " ").trim().split(" ").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
-}
 function normalizeCommandViewResourceType(resourceType) {
   return resourceType === "human" ? "human_checkpoint" : resourceType;
 }
@@ -493,34 +477,9 @@ function buildOrganizationGraph(input) {
     label: "Organization Model"
   };
   pushUniqueNode(nodes, nodeIds, organizationNode);
-  const featureEntries = Object.entries(organizationModel.features.enabled).map(([featureKey, enabled]) => {
-    const key = featureKey;
-    return {
-      key: featureKey,
-      enabled,
-      label: organizationModel.features.labels[key] ?? titleCase(featureKey)
-    };
-  }).sort((a, b) => a.key.localeCompare(b.key));
-  for (const feature of featureEntries) {
-    const id = nodeId("feature", feature.key);
-    pushUniqueNode(nodes, nodeIds, {
-      id,
-      kind: "feature",
-      label: feature.label,
-      sourceId: feature.key,
-      enabled: feature.enabled,
-      featureKey: feature.key
-    });
-    pushUniqueEdge(edges, edgeIds, {
-      id: edgeId("contains", organizationNode.id, id),
-      kind: "contains",
-      sourceId: organizationNode.id,
-      targetId: id
-    });
-  }
-  const domainMap = /* @__PURE__ */ new Map();
-  for (const domain of organizationModel.domains) {
-    domainMap.set(domain.id, domain);
+  const featureMap = /* @__PURE__ */ new Map();
+  for (const feature of organizationModel.features) {
+    featureMap.set(feature.id, feature);
   }
   const surfaceMap = /* @__PURE__ */ new Map();
   for (const surface of organizationModel.navigation.surfaces) {
@@ -528,7 +487,9 @@ function buildOrganizationGraph(input) {
   }
   const entityIds = /* @__PURE__ */ new Set();
   const capabilityIds = /* @__PURE__ */ new Set();
-  const resourceMappings = [...organizationModel.resourceMappings].sort((a, b) => a.resourceId.localeCompare(b.resourceId));
+  const resourceMappings = [...organizationModel.resourceMappings].sort(
+    (a, b) => a.resourceId.localeCompare(b.resourceId)
+  );
   for (const resourceMapping of resourceMappings) {
     for (const entityId of resourceMapping.entityIds) {
       entityIds.add(entityId);
@@ -537,14 +498,16 @@ function buildOrganizationGraph(input) {
       capabilityIds.add(capabilityId);
     }
   }
-  for (const domain of [...organizationModel.domains].sort((a, b) => a.id.localeCompare(b.id))) {
-    const id = nodeId("domain", domain.id);
+  for (const feature of [...organizationModel.features].sort((a, b) => a.id.localeCompare(b.id))) {
+    const id = nodeId("feature", feature.id);
     pushUniqueNode(nodes, nodeIds, {
       id,
-      kind: "domain",
-      label: domain.label,
-      sourceId: domain.id,
-      description: domain.description
+      kind: "feature",
+      label: feature.label,
+      sourceId: feature.id,
+      description: feature.description,
+      enabled: feature.enabled,
+      featureId: feature.id
     });
     pushUniqueEdge(edges, edgeIds, {
       id: edgeId("contains", organizationNode.id, id),
@@ -552,13 +515,13 @@ function buildOrganizationGraph(input) {
       sourceId: organizationNode.id,
       targetId: id
     });
-    for (const entityId of domain.entityIds) {
+    for (const entityId of feature.entityIds) {
       entityIds.add(entityId);
     }
-    for (const capabilityId of domain.capabilityIds) {
+    for (const capabilityId of feature.capabilityIds) {
       capabilityIds.add(capabilityId);
     }
-    for (const surfaceId of domain.surfaceIds) {
+    for (const surfaceId of feature.surfaceIds) {
       const surface = surfaceMap.get(surfaceId);
       if (surface) {
         pushUniqueEdge(edges, edgeIds, {
@@ -586,21 +549,21 @@ function buildOrganizationGraph(input) {
       sourceId: organizationNode.id,
       targetId: id
     });
-    if (surface.featureKey) {
+    if (surface.featureId) {
       pushUniqueEdge(edges, edgeIds, {
-        id: edgeId("exposes", nodeId("feature", surface.featureKey), id),
+        id: edgeId("exposes", nodeId("feature", surface.featureId), id),
         kind: "exposes",
-        sourceId: nodeId("feature", surface.featureKey),
+        sourceId: nodeId("feature", surface.featureId),
         targetId: id
       });
     }
-    for (const domainId of surface.domainIds) {
-      if (domainMap.has(domainId)) {
+    for (const featureId of surface.featureIds) {
+      if (featureMap.has(featureId)) {
         pushUniqueEdge(edges, edgeIds, {
-          id: edgeId("references", id, nodeId("domain", domainId)),
+          id: edgeId("references", id, nodeId("feature", featureId)),
           kind: "references",
           sourceId: id,
-          targetId: nodeId("domain", domainId)
+          targetId: nodeId("feature", featureId)
         });
       }
     }
@@ -667,13 +630,13 @@ function buildOrganizationGraph(input) {
       sourceId: organizationNode.id,
       targetId: id
     });
-    for (const domainId of resourceMapping.domainIds) {
-      if (domainMap.has(domainId)) {
+    for (const featureId of resourceMapping.featureIds) {
+      if (featureMap.has(featureId)) {
         pushUniqueEdge(edges, edgeIds, {
-          id: edgeId("maps_to", id, nodeId("domain", domainId)),
+          id: edgeId("maps_to", id, nodeId("feature", featureId)),
           kind: "maps_to",
           sourceId: id,
-          targetId: nodeId("domain", domainId)
+          targetId: nodeId("feature", featureId)
         });
       }
     }
@@ -718,13 +681,13 @@ function buildOrganizationGraph(input) {
         description: resource.description,
         resourceType: normalizeCommandViewResourceType(resource.type)
       });
-      for (const domainId of resource.domains ?? []) {
-        if (domainMap.has(domainId)) {
+      for (const featureId of resource.domains ?? []) {
+        if (featureMap.has(featureId)) {
           pushUniqueEdge(edges, edgeIds, {
-            id: edgeId("references", resourceNode.id, nodeId("domain", domainId), "domain"),
+            id: edgeId("references", resourceNode.id, nodeId("feature", featureId), "feature"),
             kind: "references",
             sourceId: resourceNode.id,
-            targetId: nodeId("domain", domainId)
+            targetId: nodeId("feature", featureId)
           });
         }
       }
@@ -4291,8 +4254,7 @@ function CommandQueueDetailPage({
 // src/features/operations/organization-graph/organizationGraphDetail.ts
 var NODE_KIND_LABELS = {
   organization: "Organization root",
-  feature: "Feature gate",
-  domain: "Domain boundary",
+  feature: "Feature",
   surface: "Surface",
   entity: "Entity",
   capability: "Capability",
@@ -4300,11 +4262,10 @@ var NODE_KIND_LABELS = {
 };
 var NODE_KIND_MEANINGS = {
   organization: "The root of the shared organization model and the parent for every derived node.",
-  feature: "A feature gate that enables or disables downstream surfaces and model surfaces.",
-  domain: "A bounded business domain that groups related surfaces, capabilities, and entities.",
-  surface: "A user-facing or operational surface that exposes domain behavior in the model.",
+  feature: "A feature that enables or disables downstream surfaces and model surfaces.",
+  surface: "A user-facing or operational surface that exposes feature behavior in the model.",
   entity: "A shared business concept that can be referenced by surfaces, resources, or capabilities.",
-  capability: "A reusable capability that can be attached to a domain or surface.",
+  capability: "A reusable capability that can be attached to a feature or surface.",
   resource: "A concrete command-view or mapped resource that bridges execution topology into the model."
 };
 var EDGE_KIND_LABELS = {
@@ -4324,7 +4285,7 @@ var RELATIONSHIP_MEANINGS = {
   uses: "Operational dependency: the source resource relies on the target integration.",
   approval: "Human gate: the source resource pauses for approval at the target checkpoint."
 };
-function titleCase2(value) {
+function titleCase(value) {
   return value.replace(/[-_.]+/g, " ").replace(/\s+/g, " ").trim().split(" ").filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
 }
 function getGraphIndex(graph) {
@@ -4341,10 +4302,10 @@ function getNodeMeaning(node) {
     return node.enabled === false ? `${baseMeaning} This feature is currently disabled in the organization model.` : `${baseMeaning} This feature is currently enabled in the organization model.`;
   }
   if (node.kind === "surface" && node.surfaceType) {
-    return `${baseMeaning} Surface type: ${titleCase2(node.surfaceType)}.`;
+    return `${baseMeaning} Surface type: ${titleCase(node.surfaceType)}.`;
   }
   if (node.kind === "resource" && node.resourceType) {
-    return `${baseMeaning} Resource type: ${titleCase2(node.resourceType)}.`;
+    return `${baseMeaning} Resource type: ${titleCase(node.resourceType)}.`;
   }
   if (node.description) {
     return `${baseMeaning} ${node.description}`;
@@ -4396,7 +4357,11 @@ function buildNodeState(graph, node, nodesById) {
     incidentEdges.map((edge) => edge.sourceId === node.id ? nodesById.get(edge.targetId) : nodesById.get(edge.sourceId)).filter((value) => Boolean(value))
   );
   const relatedNodes = adjacentNodes.slice().sort((left, right) => left.label.localeCompare(right.label)).map((adjacentNode) => {
-    const contexts = incidentEdges.filter((edge) => edge.sourceId === node.id ? edge.targetId === adjacentNode.id : edge.sourceId === adjacentNode.id).map((edge) => `${edge.sourceId === node.id ? "outgoing" : "incoming"} via ${edge.label ?? getEdgeKindLabel(edge.kind).toLowerCase()}`);
+    const contexts = incidentEdges.filter(
+      (edge) => edge.sourceId === node.id ? edge.targetId === adjacentNode.id : edge.sourceId === adjacentNode.id
+    ).map(
+      (edge) => `${edge.sourceId === node.id ? "outgoing" : "incoming"} via ${edge.label ?? getEdgeKindLabel(edge.kind).toLowerCase()}`
+    );
     return {
       id: adjacentNode.id,
       label: adjacentNode.label,
@@ -4424,14 +4389,14 @@ function buildNodeState(graph, node, nodesById) {
   if (node.enabled !== void 0) {
     metadata.push({ label: "Enabled", value: node.enabled ? "Yes" : "No" });
   }
-  if (node.featureKey) {
-    metadata.push({ label: "Feature Key", value: node.featureKey });
+  if (node.featureId) {
+    metadata.push({ label: "Feature ID", value: node.featureId });
   }
   if (node.surfaceType) {
-    metadata.push({ label: "Surface Type", value: titleCase2(node.surfaceType) });
+    metadata.push({ label: "Surface Type", value: titleCase(node.surfaceType) });
   }
   if (node.resourceType) {
-    metadata.push({ label: "Resource Type", value: titleCase2(node.resourceType) });
+    metadata.push({ label: "Resource Type", value: titleCase(node.resourceType) });
   }
   const meaningfulEdges = incidentEdges.filter((edge) => edge.kind !== "contains" || edge.relationshipType);
   return {
@@ -4441,10 +4406,18 @@ function buildNodeState(graph, node, nodesById) {
     operationalMeaning: getNodeMeaning(node),
     description: node.description,
     metrics: [
-      { label: "Connected edges", value: String(incidentEdges.length), hint: "All direct relationships attached to this node" },
+      {
+        label: "Connected edges",
+        value: String(incidentEdges.length),
+        hint: "All direct relationships attached to this node"
+      },
       { label: "Incoming", value: String(incomingEdges.length), hint: "Edges that point into this node" },
       { label: "Outgoing", value: String(outgoingEdges.length), hint: "Edges that start at this node" },
-      { label: "Meaningful links", value: String(meaningfulEdges.length), hint: "Edges with semantic or operational meaning" }
+      {
+        label: "Meaningful links",
+        value: String(meaningfulEdges.length),
+        hint: "Edges with semantic or operational meaning"
+      }
     ],
     metadata,
     adjacentKindCounts: countByKind(adjacentNodes),
@@ -4525,19 +4498,35 @@ function buildEdgeState(graph, edge, nodesById) {
     metadata.push({ label: "Label", value: edge.label });
   }
   if (edge.relationshipType) {
-    metadata.push({ label: "Relationship", value: titleCase2(edge.relationshipType) });
+    metadata.push({ label: "Relationship", value: titleCase(edge.relationshipType) });
   }
   return {
     state: "edge",
     title: edge.label ?? `${sourceNode?.label ?? edge.sourceId} \u2192 ${targetNode?.label ?? edge.targetId}`,
-    semanticCategory: edge.relationshipType ? titleCase2(edge.relationshipType) : getEdgeKindLabel(edge.kind),
+    semanticCategory: edge.relationshipType ? titleCase(edge.relationshipType) : getEdgeKindLabel(edge.kind),
     operationalMeaning: getEdgeMeaning(edge, sourceNode, targetNode),
     description: edge.label,
     metrics: [
-      { label: "Source degree", value: String(sourceIncidentEdges.length), hint: "Relationships attached to the source node" },
-      { label: "Target degree", value: String(targetIncidentEdges.length), hint: "Relationships attached to the target node" },
-      { label: "Nearby nodes", value: String(adjacentNodes.length), hint: "Unique nodes in the source and target neighborhoods" },
-      { label: "Shared peers", value: String(sharedNeighborCount), hint: "Neighbors that appear in both node neighborhoods" }
+      {
+        label: "Source degree",
+        value: String(sourceIncidentEdges.length),
+        hint: "Relationships attached to the source node"
+      },
+      {
+        label: "Target degree",
+        value: String(targetIncidentEdges.length),
+        hint: "Relationships attached to the target node"
+      },
+      {
+        label: "Nearby nodes",
+        value: String(adjacentNodes.length),
+        hint: "Unique nodes in the source and target neighborhoods"
+      },
+      {
+        label: "Shared peers",
+        value: String(sharedNeighborCount),
+        hint: "Neighbors that appear in both node neighborhoods"
+      }
     ],
     metadata,
     adjacentKindCounts: countByKind(adjacentNodes),
@@ -4658,7 +4647,7 @@ function getNodeKindLabel2(kind) {
       return kind;
   }
 }
-function titleCase3(value) {
+function titleCase2(value) {
   return value.charAt(0).toUpperCase() + value.slice(1);
 }
 function MetricCard({ metric }) {
@@ -4776,7 +4765,7 @@ function OrganizationGraphDetailPanel({
         /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
           /* @__PURE__ */ jsx(Badge, { variant: "light", color: "violet", children: state.semanticCategory }),
           state.state === "node" ? /* @__PURE__ */ jsx(Badge, { variant: "light", color: state.node.enabled === false ? "gray" : "green", children: state.node.enabled === false ? "Disabled" : "Enabled" }) : null,
-          state.state === "edge" && state.edge.relationshipType ? /* @__PURE__ */ jsx(Badge, { variant: "light", color: "orange", children: titleCase3(state.edge.relationshipType) }) : null
+          state.state === "edge" && state.edge.relationshipType ? /* @__PURE__ */ jsx(Badge, { variant: "light", color: "orange", children: titleCase2(state.edge.relationshipType) }) : null
         ] }),
         /* @__PURE__ */ jsx(Text, { fw: 800, size: "lg", children: state.title }),
         /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: state.operationalMeaning })
@@ -4913,7 +4902,6 @@ function OrganizationGraphDetailPanel({
 var ORGANIZATION_GRAPH_NODE_KIND_ORDER = [
   "organization",
   "feature",
-  "domain",
   "surface",
   "entity",
   "capability",
@@ -4922,7 +4910,6 @@ var ORGANIZATION_GRAPH_NODE_KIND_ORDER = [
 var ORGANIZATION_GRAPH_NODE_KIND_LABELS = {
   organization: "Organization",
   feature: "Feature",
-  domain: "Domain",
   surface: "Surface",
   entity: "Entity",
   capability: "Capability",
@@ -4931,11 +4918,31 @@ var ORGANIZATION_GRAPH_NODE_KIND_LABELS = {
 var DEFAULT_ORGANIZATION_GRAPH_FILTERS = {
   search: "",
   nodeKinds: [],
-  topologyPresence: "all"
+  topologyPresence: "all",
+  environmentStatus: "all",
+  resourceTypes: [],
+  showIntegrations: true,
+  domainFilters: {}
 };
 
 // src/features/operations/organization-graph/helpers.ts
 var TOPLOGY_EDGE_TYPES = /* @__PURE__ */ new Set(["maps_to", "triggers", "uses", "approval"]);
+function getCommandViewNodes(data) {
+  return [
+    ...data.agents,
+    ...data.workflows,
+    ...data.triggers,
+    ...data.integrations,
+    ...data.externalResources,
+    ...data.humanCheckpoints
+  ];
+}
+function getCommandViewNodeForGraphNode(node, commandViewData) {
+  if (!commandViewData || node.kind !== "resource" || !node.sourceId) {
+    return null;
+  }
+  return getCommandViewNodes(commandViewData).find((item) => item.resourceId === node.sourceId) ?? null;
+}
 function normalizeText(value) {
   return value.trim().toLowerCase();
 }
@@ -4943,6 +4950,9 @@ function includesQuery(value, query) {
   if (!value) return false;
   return normalizeText(value).includes(query);
 }
+function titleCase3(value) {
+  return value.replace(/_/g, " ").split(" ").filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
+}
 function isTopologyEdge(edge) {
   return TOPLOGY_EDGE_TYPES.has(edge.kind) || Boolean(edge.relationshipType);
 }
@@ -4956,7 +4966,11 @@ function createOrganizationGraphFilters(partial) {
   return {
     search: partial?.search ?? DEFAULT_ORGANIZATION_GRAPH_FILTERS.search,
     nodeKinds: partial?.nodeKinds ? [...partial.nodeKinds] : [...DEFAULT_ORGANIZATION_GRAPH_FILTERS.nodeKinds],
-    topologyPresence: partial?.topologyPresence ?? DEFAULT_ORGANIZATION_GRAPH_FILTERS.topologyPresence
+    topologyPresence: partial?.topologyPresence ?? DEFAULT_ORGANIZATION_GRAPH_FILTERS.topologyPresence,
+    environmentStatus: partial?.environmentStatus ?? DEFAULT_ORGANIZATION_GRAPH_FILTERS.environmentStatus,
+    resourceTypes: partial?.resourceTypes ? [...partial.resourceTypes] : [...DEFAULT_ORGANIZATION_GRAPH_FILTERS.resourceTypes],
+    showIntegrations: partial?.showIntegrations ?? DEFAULT_ORGANIZATION_GRAPH_FILTERS.showIntegrations,
+    domainFilters: partial?.domainFilters ? { ...partial.domainFilters } : { ...DEFAULT_ORGANIZATION_GRAPH_FILTERS.domainFilters }
   };
 }
 function normalizeOrganizationGraphSearch(search) {
@@ -4964,7 +4978,16 @@ function normalizeOrganizationGraphSearch(search) {
 }
 function getOrganizationGraphNodePresence(node, incidentEdges) {
   if (node.kind === "resource") {
-    return "topology-only";
+    const relevantEdges = incidentEdges.filter((edge) => edge.kind !== "contains");
+    const hasTopologyEdges2 = relevantEdges.some(isTopologyEdge);
+    const hasSemanticEdges2 = relevantEdges.some(isSemanticEdge);
+    if (hasTopologyEdges2 && hasSemanticEdges2) {
+      return "bridge";
+    }
+    if (hasTopologyEdges2) {
+      return "topology-only";
+    }
+    return "semantic-only";
   }
   const hasTopologyEdges = incidentEdges.some(isTopologyEdge);
   const hasSemanticEdges = incidentEdges.some(isSemanticEdge);
@@ -4989,10 +5012,65 @@ function getOrganizationGraphNodeKindOptions(kinds = ORGANIZATION_GRAPH_NODE_KIN
     label: ORGANIZATION_GRAPH_NODE_KIND_LABELS[kind]
   }));
 }
+function getOrganizationGraphResourceTypeOptions(resourceTypes = [
+  "workflow",
+  "agent",
+  "trigger",
+  "integration",
+  "external",
+  "human_checkpoint"
+]) {
+  return resourceTypes.map((resourceType) => ({
+    resourceType,
+    label: titleCase3(resourceType)
+  }));
+}
+function getNodeStatus(node, commandViewData) {
+  const commandViewNode = getCommandViewNodeForGraphNode(node, commandViewData);
+  if (commandViewNode) {
+    return commandViewNode.status;
+  }
+  return "status" in node && typeof node.status === "string" ? node.status : void 0;
+}
+function getExplicitNodeDomains(node, commandViewData) {
+  const commandViewNode = getCommandViewNodeForGraphNode(node, commandViewData);
+  if (commandViewNode?.domains?.length) {
+    return commandViewNode.domains;
+  }
+  if (!("domains" in node) || !Array.isArray(node.domains)) {
+    return [];
+  }
+  return node.domains.filter((domain) => typeof domain === "string");
+}
+function getNodeDomains(graph, node, commandViewData) {
+  const explicitDomains = getExplicitNodeDomains(node, commandViewData);
+  if (explicitDomains.length > 0) {
+    return explicitDomains;
+  }
+  if (node.kind === "feature") {
+    return node.sourceId ? [node.sourceId] : [];
+  }
+  if (node.kind !== "resource") {
+    return [];
+  }
+  const domainIds = /* @__PURE__ */ new Set();
+  for (const edge of graph.edges) {
+    if (edge.sourceId !== node.id) {
+      continue;
+    }
+    const targetNode = graph.nodes.find((candidate) => candidate.id === edge.targetId);
+    if (targetNode?.kind === "feature" && targetNode.sourceId) {
+      domainIds.add(targetNode.sourceId);
+    }
+  }
+  return [...domainIds];
+}
 function matchesOrganizationGraphNodeSearch(node, search) {
   const query = normalizeOrganizationGraphSearch(search);
   if (!query) return true;
-  return includesQuery(node.id, query) || includesQuery(node.label, query) || includesQuery(node.description, query) || includesQuery(node.sourceId, query) || includesQuery(node.featureKey, query) || includesQuery(node.surfaceType, query) || includesQuery(node.resourceType, query) || includesQuery(node.kind, query);
+  const nodeStatus = getNodeStatus(node);
+  const nodeDomains = getExplicitNodeDomains(node);
+  return includesQuery(node.id, query) || includesQuery(node.label, query) || includesQuery(node.description, query) || includesQuery(node.sourceId, query) || includesQuery(node.featureId, query) || includesQuery(node.surfaceType, query) || includesQuery(node.resourceType, query) || includesQuery(nodeStatus, query) || nodeDomains.some((domain) => includesQuery(domain, query)) || includesQuery(node.kind, query);
 }
 function matchesOrganizationGraphEdgeSearch(edge, graph, search) {
   const query = normalizeOrganizationGraphSearch(search);
@@ -5005,17 +5083,71 @@ function matchesTopologyPresence(nodePresence, topologyPresence) {
   if (topologyPresence === "all") return true;
   return nodePresence === topologyPresence;
 }
-function filterOrganizationGraph(graph, filters) {
-  const normalizedSearch = normalizeOrganizationGraphSearch(filters.search);
+function hasActiveDomainFilters(domainFilters) {
+  return Object.values(domainFilters).some((filterState) => filterState !== "neutral");
+}
+function matchesDomainFilters(graph, node, domainFilters, commandViewData) {
+  if (!hasActiveDomainFilters(domainFilters)) {
+    return true;
+  }
+  const includedDomains = Object.entries(domainFilters).filter(([, filterState]) => filterState === "include").map(([domainId]) => domainId);
+  const excludedDomains = Object.entries(domainFilters).filter(([, filterState]) => filterState === "exclude").map(([domainId]) => domainId);
+  const nodeDomains = getNodeDomains(graph, node, commandViewData);
+  if (excludedDomains.length > 0 && nodeDomains.some((domainId) => excludedDomains.includes(domainId))) {
+    return false;
+  }
+  if (includedDomains.length > 0 && !nodeDomains.some((domainId) => includedDomains.includes(domainId))) {
+    return false;
+  }
+  return true;
+}
+function matchesEnvironmentStatus(node, environmentStatus, commandViewData) {
+  if (environmentStatus === "all") {
+    return true;
+  }
+  const nodeStatus = getNodeStatus(node, commandViewData);
+  if (!nodeStatus) {
+    return true;
+  }
+  return nodeStatus === environmentStatus;
+}
+function matchesResourceTypeFilters(node, resourceTypes) {
+  if (node.kind !== "resource" || resourceTypes.length === 0) {
+    return true;
+  }
+  return Boolean(node.resourceType && resourceTypes.includes(node.resourceType));
+}
+function matchesIntegrationVisibility(node, showIntegrations) {
+  if (showIntegrations) {
+    return true;
+  }
+  return !(node.kind === "resource" && node.resourceType === "integration");
+}
+function filterOrganizationGraph(graph, filters, options) {
+  const normalizedFilters = createOrganizationGraphFilters(filters);
+  const normalizedSearch = normalizeOrganizationGraphSearch(normalizedFilters.search);
   const nodePresenceMap = getOrganizationGraphNodePresenceMap(graph);
-  const selectedKinds = new Set(filters.nodeKinds);
+  const selectedKinds = new Set(normalizedFilters.nodeKinds);
+  const commandViewData = options?.commandViewData;
   const visibleNodeIds = /* @__PURE__ */ new Set();
   for (const node of graph.nodes) {
     if (selectedKinds.size > 0 && !selectedKinds.has(node.kind)) {
       continue;
     }
+    if (!matchesIntegrationVisibility(node, normalizedFilters.showIntegrations)) {
+      continue;
+    }
+    if (!matchesResourceTypeFilters(node, normalizedFilters.resourceTypes)) {
+      continue;
+    }
+    if (!matchesEnvironmentStatus(node, normalizedFilters.environmentStatus, commandViewData)) {
+      continue;
+    }
+    if (!matchesDomainFilters(graph, node, normalizedFilters.domainFilters, commandViewData)) {
+      continue;
+    }
     const presence = nodePresenceMap.get(node.id) ?? "semantic-only";
-    if (!matchesTopologyPresence(presence, filters.topologyPresence)) {
+    if (!matchesTopologyPresence(presence, normalizedFilters.topologyPresence)) {
       continue;
     }
     if (normalizedSearch && !matchesOrganizationGraphNodeSearch(node, normalizedSearch)) {
@@ -5050,13 +5182,18 @@ function filterOrganizationGraph(graph, filters) {
   };
 }
 function isOrganizationGraphFilterPristine(filters) {
-  return normalizeOrganizationGraphSearch(filters.search) === "" && filters.nodeKinds.length === 0 && filters.topologyPresence === DEFAULT_ORGANIZATION_GRAPH_FILTERS.topologyPresence;
+  return normalizeOrganizationGraphSearch(filters.search) === "" && filters.nodeKinds.length === 0 && filters.topologyPresence === DEFAULT_ORGANIZATION_GRAPH_FILTERS.topologyPresence && filters.environmentStatus === DEFAULT_ORGANIZATION_GRAPH_FILTERS.environmentStatus && filters.resourceTypes.length === 0 && filters.showIntegrations === DEFAULT_ORGANIZATION_GRAPH_FILTERS.showIntegrations && !hasActiveDomainFilters(filters.domainFilters);
 }
 var TOPOLOGY_PRESENCE_OPTIONS = [
   { label: "All", value: "all" },
   { label: "Semantic only", value: "semantic-only" },
   { label: "Topology only", value: "topology-only" }
 ];
+var ENVIRONMENT_STATUS_OPTIONS = [
+  { label: "All", value: "all" },
+  { label: "Prod", value: "prod" },
+  { label: "Dev", value: "dev" }
+];
 function OrganizationGraphFilterToolbar({
   value,
   onChange,
@@ -5064,10 +5201,15 @@ function OrganizationGraphFilterToolbar({
   disabled = false,
   searchPlaceholder = "Search nodes, relationships, or IDs",
   kindLabel = "Node kinds",
+  resourceTypeLabel = "Resource types",
   topologyLabel = "Relationship presence",
-  resetLabel = "Reset filters"
+  environmentLabel = "Environment",
+  showIntegrationsLabel = "Show integrations",
+  resetLabel = "Reset filters",
+  resetValue = createOrganizationGraphFilters()
 }) {
   const kindOptions = getOrganizationGraphNodeKindOptions(availableKinds);
+  const resourceTypeOptions = getOrganizationGraphResourceTypeOptions();
   const canReset = !isOrganizationGraphFilterPristine(value);
   return /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
     /* @__PURE__ */ jsx(
@@ -5100,6 +5242,22 @@ function OrganizationGraphFilterToolbar({
         disabled
       }
     ),
+    /* @__PURE__ */ jsx(
+      MultiSelect,
+      {
+        label: resourceTypeLabel,
+        placeholder: "All resource types",
+        data: resourceTypeOptions.map((option) => ({ value: option.resourceType, label: option.label })),
+        value: value.resourceTypes,
+        onChange: (resourceTypes) => onChange({
+          ...value,
+          resourceTypes
+        }),
+        searchable: true,
+        clearable: true,
+        disabled
+      }
+    ),
     /* @__PURE__ */ jsxs(Stack, { gap: 6, children: [
       /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: topologyLabel }),
       /* @__PURE__ */ jsx(
@@ -5117,25 +5275,95 @@ function OrganizationGraphFilterToolbar({
         }
       )
     ] }),
+    /* @__PURE__ */ jsxs(Stack, { gap: 6, children: [
+      /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: environmentLabel }),
+      /* @__PURE__ */ jsx(
+        SegmentedControl,
+        {
+          value: value.environmentStatus,
+          onChange: (environmentStatus) => onChange({
+            ...value,
+            environmentStatus
+          }),
+          data: ENVIRONMENT_STATUS_OPTIONS,
+          size: "sm",
+          fullWidth: true,
+          disabled
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      Switch,
+      {
+        label: showIntegrationsLabel,
+        description: "Hide integration resources and their relationship edges.",
+        checked: value.showIntegrations,
+        onChange: (event) => onChange({
+          ...value,
+          showIntegrations: event.currentTarget.checked
+        }),
+        size: "sm",
+        disabled
+      }
+    ),
     /* @__PURE__ */ jsx(Group, { justify: "flex-end", children: /* @__PURE__ */ jsx(
       Button,
       {
         variant: "subtle",
         leftSection: /* @__PURE__ */ jsx(IconRefresh, { size: 14 }),
-        onClick: () => onChange({ search: "", nodeKinds: [], topologyPresence: "all" }),
+        onClick: () => onChange(resetValue),
         disabled: disabled || !canReset,
         children: resetLabel
       }
     ) })
   ] });
 }
+var useOrganizationGraphFiltersStore = create((set) => ({
+  filtersByScope: {},
+  initializeScope: (scope, initialFilters) => set((state) => {
+    if (state.filtersByScope[scope]) {
+      return state;
+    }
+    return {
+      filtersByScope: {
+        ...state.filtersByScope,
+        [scope]: createOrganizationGraphFilters(initialFilters)
+      }
+    };
+  }),
+  updateScope: (scope, next) => set((state) => ({
+    filtersByScope: {
+      ...state.filtersByScope,
+      [scope]: createOrganizationGraphFilters({
+        ...state.filtersByScope[scope],
+        ...next
+      })
+    }
+  })),
+  resetScope: (scope, initialFilters) => set((state) => ({
+    filtersByScope: {
+      ...state.filtersByScope,
+      [scope]: createOrganizationGraphFilters(initialFilters)
+    }
+  }))
+}));
+function getOrganizationGraphFilterScope(initialFilters) {
+  return JSON.stringify(createOrganizationGraphFilters(initialFilters));
+}
 function useOrganizationGraphFilters(initialFilters) {
-  const [filters, setFilters] = useState(() => createOrganizationGraphFilters(initialFilters));
+  const scopeRef = useRef(getOrganizationGraphFilterScope(initialFilters));
+  const fallbackFiltersRef = useRef(createOrganizationGraphFilters(initialFilters));
+  const filters = useOrganizationGraphFiltersStore(
+    (state) => state.filtersByScope[scopeRef.current] ?? fallbackFiltersRef.current
+  );
+  const initializeScope = useOrganizationGraphFiltersStore((state) => state.initializeScope);
+  const updateScope = useOrganizationGraphFiltersStore((state) => state.updateScope);
+  const resetScope = useOrganizationGraphFiltersStore((state) => state.resetScope);
+  useEffect(() => {
+    initializeScope(scopeRef.current, initialFilters);
+  }, [initialFilters, initializeScope]);
   const updateFilters = (next) => {
-    setFilters((current) => ({
-      ...current,
-      ...next
-    }));
+    updateScope(scopeRef.current, next);
   };
   const setSearch = (search) => {
     updateFilters({ search });
@@ -5147,7 +5375,7 @@ function useOrganizationGraphFilters(initialFilters) {
     updateFilters({ topologyPresence });
   };
   const resetFilters = () => {
-    setFilters(createOrganizationGraphFilters(initialFilters));
+    resetScope(scopeRef.current, initialFilters);
   };
   return {
     filters,
@@ -5166,7 +5394,7 @@ function getOrganizationGraphLensConfig(lens) {
     return {
       title: "Command View",
       caption: "Operations lens backed by the shared organization graph. This preset focuses the graph on bridged runtime resources and their operational relationships.",
-      initialMode: "trace",
+      initialMode: "map",
       initialFilters: {
         nodeKinds: COMMAND_VIEW_NODE_KINDS,
         topologyPresence: "topology-only"
@@ -5199,7 +5427,7 @@ function formatTimestamp(value) {
     minute: "2-digit"
   }).format(new Date(value));
 }
-function getCommandViewNodes(data) {
+function getCommandViewNodes2(data) {
   return [
     ...data.agents,
     ...data.workflows,
@@ -5210,7 +5438,7 @@ function getCommandViewNodes(data) {
   ];
 }
 function getNodeByResourceId(data, resourceId) {
-  return getCommandViewNodes(data).find((node) => node.resourceId === resourceId) ?? null;
+  return getCommandViewNodes2(data).find((node) => node.resourceId === resourceId) ?? null;
 }
 function getCommandViewOperationalOverview(data, stats) {
   if (!stats) {
@@ -5482,21 +5710,234 @@ function buildCommandViewDrillDownSections({
   }
   return sections;
 }
+var cellStyle = {
+  padding: "var(--mantine-spacing-sm) var(--mantine-spacing-md)",
+  borderRight: "1px solid var(--color-border)",
+  display: "flex",
+  alignItems: "center",
+  gap: "var(--mantine-spacing-sm)",
+  minWidth: 0
+};
+var lastCellStyle = {
+  ...cellStyle,
+  borderRight: "none"
+};
+function CommandViewHealthStrip({
+  overview,
+  hotspots,
+  visibleResources,
+  selectedLabel,
+  onFocusHotspot,
+  onResetFocus
+}) {
+  return /* @__PURE__ */ jsxs(
+    Paper,
+    {
+      withBorder: true,
+      style: {
+        display: "grid",
+        gridTemplateColumns: "auto 1fr auto auto",
+        background: "var(--color-surface)",
+        boxShadow: "var(--card-shadow)",
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { style: cellStyle, children: [
+          /* @__PURE__ */ jsx(IconActivityHeartbeat, { size: 16, style: { flexShrink: 0, color: "var(--color-text-dimmed)" } }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 700, style: { flexShrink: 0 }, children: overview?.successRate == null ? "N/A" : `${Math.round(overview.successRate)}%` }),
+          /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", children: [
+            /* @__PURE__ */ jsx(Badge, { variant: "light", color: "green", size: "xs", children: overview?.successCount ?? 0 }),
+            /* @__PURE__ */ jsx(Badge, { variant: "light", color: "red", size: "xs", children: overview?.failureCount ?? 0 }),
+            /* @__PURE__ */ jsx(Badge, { variant: "light", color: "yellow", size: "xs", children: overview?.warningCount ?? 0 })
+          ] }),
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", truncate: true, style: { flexShrink: 1, minWidth: 0 }, children: overview ? `${overview.totalRuns} runs / ${overview.trackedResources} resources` : "" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: cellStyle, children: [
+          /* @__PURE__ */ jsx(IconAlertTriangle, { size: 16, style: { flexShrink: 0, color: "var(--color-text-dimmed)" } }),
+          hotspots.length > 0 ? /* @__PURE__ */ jsx(Group, { gap: "xs", wrap: "nowrap", style: { minWidth: 0, overflow: "hidden" }, children: hotspots.map((hotspot) => /* @__PURE__ */ jsx(Group, { gap: 4, wrap: "nowrap", children: /* @__PURE__ */ jsx(
+            Badge,
+            {
+              variant: "light",
+              color: "red",
+              size: "xs",
+              style: { cursor: "pointer", flexShrink: 0 },
+              onClick: () => onFocusHotspot(hotspot.resourceId),
+              children: hotspot.label
+            }
+          ) }, hotspot.nodeId)) }) : /* @__PURE__ */ jsx(Badge, { variant: "light", color: "green", size: "xs", leftSection: /* @__PURE__ */ jsx(IconCircleCheck, { size: 10 }), children: "No hotspots" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: cellStyle, children: [
+          /* @__PURE__ */ jsx(IconClockPause, { size: 16, style: { flexShrink: 0, color: "var(--color-text-dimmed)" } }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 700, style: { flexShrink: 0 }, children: overview?.pendingApprovals ?? 0 }),
+          /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", truncate: true, children: [
+            "pending / ",
+            overview?.activeHumanCheckpoints ?? 0,
+            " queues"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: lastCellStyle, children: [
+          /* @__PURE__ */ jsx(IconTopologyStar3, { size: 16, style: { flexShrink: 0, color: "var(--color-text-dimmed)" } }),
+          /* @__PURE__ */ jsx(Text, { size: "xs", fw: 600, truncate: true, style: { minWidth: 0 }, children: selectedLabel ?? `${visibleResources} resources` }),
+          /* @__PURE__ */ jsx(Button, { size: "compact-xs", variant: "subtle", onClick: onResetFocus, style: { flexShrink: 0 }, children: "Reset" })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/features/operations/organization-graph/commandViewGraphHealth.ts
+function toResourceHealth(node, stats) {
+  const resourceId = node.sourceId ?? node.id;
+  if (node.resourceType === "human_checkpoint") {
+    const checkpointStats = stats.humanCheckpoints[resourceId];
+    if (!checkpointStats) {
+      return {
+        nodeId: node.id,
+        resourceId,
+        label: node.label,
+        resourceType: node.resourceType,
+        healthLevel: "inactive",
+        summaryLabel: "No queue activity",
+        detailLabel: "No approvals in range",
+        successRate: null,
+        totalRuns: 0,
+        successCount: 0,
+        failureCount: 0,
+        warningCount: 0,
+        pendingCount: 0,
+        completedCount: 0,
+        expiredCount: 0,
+        lastActivityAt: null,
+        sortScore: 0
+      };
+    }
+    const totalQueueActivity = checkpointStats.pendingCount + checkpointStats.completedCount + checkpointStats.expiredCount;
+    const healthLevel2 = checkpointStats.pendingCount > 0 ? checkpointStats.pendingCount >= 3 || checkpointStats.expiredCount > 0 ? "critical" : "warning" : totalQueueActivity > 0 ? "healthy" : "inactive";
+    const summaryLabel2 = checkpointStats.pendingCount > 0 ? `${checkpointStats.pendingCount} pending` : checkpointStats.expiredCount > 0 ? `${checkpointStats.expiredCount} expired` : checkpointStats.completedCount > 0 ? `${checkpointStats.completedCount} completed` : "No queue activity";
+    const detailLabel = checkpointStats.pendingCount > 0 ? `${checkpointStats.completedCount} resolved` : totalQueueActivity > 0 ? "Queue clear" : "No approvals in range";
+    return {
+      nodeId: node.id,
+      resourceId,
+      label: node.label,
+      resourceType: node.resourceType,
+      healthLevel: healthLevel2,
+      summaryLabel: summaryLabel2,
+      detailLabel,
+      successRate: null,
+      totalRuns: 0,
+      successCount: 0,
+      failureCount: 0,
+      warningCount: 0,
+      pendingCount: checkpointStats.pendingCount,
+      completedCount: checkpointStats.completedCount,
+      expiredCount: checkpointStats.expiredCount,
+      lastActivityAt: checkpointStats.lastDecisionAt,
+      sortScore: checkpointStats.pendingCount * 100 + checkpointStats.expiredCount * 25 + checkpointStats.completedCount
+    };
+  }
+  const resourceStats = stats.resources[resourceId];
+  if (!resourceStats || resourceStats.totalRuns <= 0) {
+    return {
+      nodeId: node.id,
+      resourceId,
+      label: node.label,
+      resourceType: node.resourceType,
+      healthLevel: "inactive",
+      summaryLabel: "No runs",
+      detailLabel: "No executions in range",
+      successRate: null,
+      totalRuns: 0,
+      successCount: 0,
+      failureCount: 0,
+      warningCount: 0,
+      pendingCount: 0,
+      completedCount: 0,
+      expiredCount: 0,
+      lastActivityAt: resourceStats?.lastRunAt ?? null,
+      sortScore: 0
+    };
+  }
+  const successfulOutcomes = resourceStats.successCount + resourceStats.warningCount;
+  const successRate = successfulOutcomes / resourceStats.totalRuns * 100;
+  const healthLevel = successRate >= 95 ? "healthy" : successRate >= 80 ? "warning" : "critical";
+  const summaryLabel = resourceStats.failureCount > 0 ? `${resourceStats.failureCount} failed` : resourceStats.warningCount > 0 ? `${resourceStats.warningCount} warnings` : `${resourceStats.totalRuns} runs`;
+  return {
+    nodeId: node.id,
+    resourceId,
+    label: node.label,
+    resourceType: node.resourceType,
+    healthLevel,
+    summaryLabel,
+    detailLabel: `${Math.round(successRate)}% healthy`,
+    successRate,
+    totalRuns: resourceStats.totalRuns,
+    successCount: resourceStats.successCount,
+    failureCount: resourceStats.failureCount,
+    warningCount: resourceStats.warningCount,
+    pendingCount: 0,
+    completedCount: 0,
+    expiredCount: 0,
+    lastActivityAt: resourceStats.lastRunAt,
+    sortScore: resourceStats.failureCount * 100 + resourceStats.warningCount * 25 + resourceStats.totalRuns
+  };
+}
+function getCommandViewGraphNodeHealth(node, stats) {
+  if (node.kind !== "resource" || !stats) {
+    return null;
+  }
+  return toResourceHealth(node, stats);
+}
+function getCommandViewGraphHealthMap(graph, stats) {
+  const healthByNodeId = /* @__PURE__ */ new Map();
+  if (!graph || !stats) {
+    return healthByNodeId;
+  }
+  for (const node of graph.nodes) {
+    const health = getCommandViewGraphNodeHealth(node, stats);
+    if (health) {
+      healthByNodeId.set(node.id, health);
+    }
+  }
+  return healthByNodeId;
+}
+function getHealthRank(level) {
+  switch (level) {
+    case "critical":
+      return 0;
+    case "warning":
+      return 1;
+    case "healthy":
+      return 2;
+    case "inactive":
+    default:
+      return 3;
+  }
+}
+function rankCommandViewHotspots(entries, limit = 3) {
+  return [...entries].filter((entry) => entry.healthLevel === "critical" || entry.healthLevel === "warning").sort((left, right) => {
+    const healthRankDelta = getHealthRank(left.healthLevel) - getHealthRank(right.healthLevel);
+    if (healthRankDelta !== 0) {
+      return healthRankDelta;
+    }
+    if (right.sortScore !== left.sortScore) {
+      return right.sortScore - left.sortScore;
+    }
+    return left.label.localeCompare(right.label);
+  }).slice(0, limit);
+}
 
 // src/features/operations/organization-graph/path-tracing/trace.ts
 var NODE_KIND_ORDER = {
   organization: 0,
   feature: 1,
-  domain: 2,
-  surface: 3,
-  capability: 4,
-  entity: 5,
-  resource: 6
+  surface: 2,
+  capability: 3,
+  entity: 4,
+  resource: 5
 };
 var NODE_KIND_LABEL = {
   organization: "Organization",
   feature: "Feature",
-  domain: "Domain",
   surface: "Surface",
   capability: "Capability",
   entity: "Entity",
@@ -5940,7 +6381,6 @@ function getNodeThemeByKind(tokens) {
   const accentByKind = {
     organization: mixColors(tokens.primary, tokens.text, 0.35),
     feature: tokens.primary,
-    domain: mixColors(tokens.primary, tokens.textDimmed, 0.5),
     surface: mixColors(tokens.primary, tokens.success, 0.48),
     entity: mixColors(tokens.primary, tokens.error, 0.4),
     capability: mixColors(tokens.primary, tokens.success, 0.72),
@@ -5987,26 +6427,43 @@ function getNodeSize(kind) {
   return { width: 220, height: 92 };
 }
 function getNodeScore(node, graph) {
-  const relationshipCount = graph.edges.filter(
-    (edge) => edge.sourceId === node.id || edge.targetId === node.id
-  ).length;
+  const relationshipCount = graph.edges.filter((edge) => edge.sourceId === node.id || edge.targetId === node.id).length;
   return Math.max(1, relationshipCount);
 }
-function toCytoscapeElements(graph, tokens) {
+function getCommandViewRingColor(level, tokens) {
+  switch (level) {
+    case "healthy":
+      return tokens.success;
+    case "warning":
+      return tokens.warning;
+    case "critical":
+      return tokens.error;
+    case "inactive":
+    default:
+      return mixColors(tokens.textDimmed, tokens.border, 0.6);
+  }
+}
+function toCytoscapeElementsWithHealth(graph, tokens, commandViewHealthByNodeId) {
   const nodeThemeByKind = getNodeThemeByKind(tokens);
   return [
     ...graph.nodes.map((node) => {
       const size = getNodeSize(node.kind);
       const theme = nodeThemeByKind[node.kind];
+      const health = commandViewHealthByNodeId?.get(node.id) ?? null;
+      const fillColor = health && node.kind === "resource" ? mixColors(tokens.surfaceHover, tokens.background, 0.76) : theme.background;
+      const borderColor = health ? getCommandViewRingColor(health.healthLevel, tokens) : theme.border;
+      const label = health ? `${node.label}
+${health.summaryLabel}` : node.label;
       return {
         data: {
           ...node,
           width: size.width,
           height: size.height,
           score: getNodeScore(node, graph),
-          fillColor: theme.background,
-          borderColor: theme.border,
-          textColor: theme.color
+          label,
+          fillColor,
+          borderColor,
+          textColor: health ? tokens.text : theme.color
         }
       };
     }),
@@ -6084,9 +6541,10 @@ function createCytoscapeStyle(tokens) {
         height: "data(height)",
         "background-color": "data(fillColor)",
         "border-width": 2,
+        "border-style": "solid",
         "border-color": "data(borderColor)",
         color: "data(textColor)",
-        "font-size": 13,
+        "font-size": 12,
         "font-weight": 700,
         "text-wrap": "wrap",
         "text-max-width": "150px",
@@ -6201,7 +6659,9 @@ function syncGraphClasses(cy, selectedElement, traceResult) {
     cy.elements().removeClass(
       "is-faded is-context is-selected is-connected is-trace-node is-trace-edge is-trace-endpoint"
     );
-    const hasTrace = Boolean(traceResult && (traceResult.highlightNodeIds.length > 0 || traceResult.highlightEdgeIds.length > 0));
+    const hasTrace = Boolean(
+      traceResult && (traceResult.highlightNodeIds.length > 0 || traceResult.highlightEdgeIds.length > 0)
+    );
     if (!selectedElement && !hasTrace) {
       return;
     }
@@ -6258,12 +6718,17 @@ function OrganizationGraphCanvas({
   selectedElement,
   traceResult,
   themeTokens,
+  commandViewHealthByNodeId,
+  focusRequest,
   onSelectElement
 }) {
   const containerRef = useRef(null);
   const cytoscapeRef = useRef(null);
   const previousModeRef = useRef(mode);
-  const elements = useMemo(() => toCytoscapeElements(graph, themeTokens), [graph, themeTokens]);
+  const elements = useMemo(
+    () => toCytoscapeElementsWithHealth(graph, themeTokens, commandViewHealthByNodeId),
+    [commandViewHealthByNodeId, graph, themeTokens]
+  );
   const cytoscapeStyle = useMemo(() => createCytoscapeStyle(themeTokens), [themeTokens]);
   useEffect(() => {
     if (!containerRef.current) {
@@ -6321,6 +6786,28 @@ function OrganizationGraphCanvas({
     }
     syncGraphClasses(cy, selectedElement, traceResult);
   }, [selectedElement, traceResult]);
+  useEffect(() => {
+    const cy = cytoscapeRef.current;
+    if (!cy || !focusRequest) {
+      return;
+    }
+    const node = cy.getElementById(focusRequest.nodeId);
+    if (node.empty()) {
+      return;
+    }
+    cy.animate(
+      {
+        fit: {
+          eles: node.closedNeighborhood(),
+          padding: 96
+        },
+        duration: 280
+      },
+      {
+        easing: "ease-out-cubic"
+      }
+    );
+  }, [focusRequest]);
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -6374,12 +6861,18 @@ function OrganizationGraphPage({ lens = "default", timeRange = "24h" }) {
   const { organizationModel, organizationGraph } = useElevasisFeatures();
   const { data: commandViewData, isLoading, error } = useCommandViewData();
   const { data: commandViewStats } = useCommandViewStats(timeRange, { enabled: lens === "command-view" });
+  const setSelectedNodeId = useCommandViewStore((state) => state.setSelectedNodeId);
   const lensConfig = useMemo(() => getOrganizationGraphLensConfig(lens), [lens]);
   const [mode, setMode] = useState(lensConfig.initialMode);
   const [activePanelTab, setActivePanelTab] = useState("controls");
   const [selectedElement, setSelectedElement] = useState(null);
+  const [focusRequest, setFocusRequest] = useState(null);
   const [pathTraceSelection, setPathTraceSelection] = useState(EMPTY_TRACE_SELECTION);
   const { filters, resetFilters, updateFilters } = useOrganizationGraphFilters(lensConfig.initialFilters);
+  const toolbarResetValue = useMemo(
+    () => createOrganizationGraphFilters(lensConfig.initialFilters),
+    [lensConfig.initialFilters]
+  );
   const deferredFilters = useDeferredValue(filters);
   const rawThemeTokens = readGraphThemeTokens();
   const themeSignature = Object.values(rawThemeTokens).join("|");
@@ -6397,8 +6890,10 @@ function OrganizationGraphPage({ lens = "default", timeRange = "24h" }) {
     if (!baseGraph) {
       return null;
     }
-    return filterOrganizationGraph(baseGraph, deferredFilters);
-  }, [baseGraph, deferredFilters]);
+    return filterOrganizationGraph(baseGraph, deferredFilters, {
+      commandViewData
+    });
+  }, [baseGraph, commandViewData, deferredFilters]);
   const selectedGraphNode = useMemo(() => {
     if (!graph || !selectedElement || selectedElement.type !== "node") {
       return null;
@@ -6441,15 +6936,73 @@ function OrganizationGraphPage({ lens = "default", timeRange = "24h" }) {
     }) : [],
     [checkpointTasksData, lens, resourceExecutionsData, selectedGraphNode, timeRange]
   );
-  useEffect(() => {
-    if (!graph || !selectedElement) {
-      return;
-    }
-    const elementExists = selectedElement.type === "node" ? graph.nodes.some((node) => node.id === selectedElement.id) : graph.edges.some((edge) => edge.id === selectedElement.id);
-    if (!elementExists) {
+  const commandViewHealthByNodeId = useMemo(
+    () => lens === "command-view" ? getCommandViewGraphHealthMap(baseGraph, commandViewStats) : null,
+    [baseGraph, commandViewStats, lens]
+  );
+  const visibleCommandViewHealth = useMemo(
+    () => graph && commandViewHealthByNodeId ? graph.nodes.map((node) => commandViewHealthByNodeId.get(node.id) ?? null).filter((entry) => entry !== null) : [],
+    [commandViewHealthByNodeId, graph]
+  );
+  const visibleHotspots = useMemo(() => rankCommandViewHotspots(visibleCommandViewHealth), [visibleCommandViewHealth]);
+  const pendingCheckpointHotspot = useMemo(
+    () => [...visibleCommandViewHealth].filter((entry) => entry.resourceType === "human_checkpoint" && entry.pendingCount > 0).sort((left, right) => right.pendingCount - left.pendingCount)[0] ?? null,
+    [visibleCommandViewHealth]
+  );
+  const jumpToResourceOptions = useMemo(
+    () => (graph?.nodes ?? []).filter((node) => node.kind === "resource").map((node) => ({
+      value: node.id,
+      label: node.label
+    })).sort((left, right) => left.label.localeCompare(right.label)),
+    [graph]
+  );
+  const focusGraphNode = useEffectEvent((nodeId2) => {
+    setFocusRequest({
+      nodeId: nodeId2,
+      nonce: Date.now()
+    });
+  });
+  const focusCommandViewResource = useEffectEvent((resourceId) => {
+    const focusNode = graph?.nodes.find((node) => node.kind === "resource" && node.sourceId === resourceId);
+    if (!focusNode) {
+      return;
+    }
+    setMode("map");
+    setSelectedElement({ type: "node", id: focusNode.id });
+    focusGraphNode(focusNode.id);
+  });
+  const handleSelectElement = useEffectEvent((element) => {
+    if (!element) {
+      setSelectedElement(null);
+      return;
+    }
+    if (mode === "map" && element.type === "node" && selectedElement?.type === "node" && selectedElement.id === element.id) {
+      setActivePanelTab("details");
+      return;
+    }
+    setSelectedElement(element);
+  });
+  useEffect(() => {
+    if (!graph || !selectedElement) {
+      return;
+    }
+    const elementExists = selectedElement.type === "node" ? graph.nodes.some((node) => node.id === selectedElement.id) : graph.edges.some((edge) => edge.id === selectedElement.id);
+    if (!elementExists) {
       setSelectedElement(null);
     }
   }, [graph, selectedElement]);
+  useEffect(() => {
+    if (lens !== "command-view") {
+      return;
+    }
+    const selectedResourceId = selectedElement?.type === "node" ? selectedGraphNode?.sourceId ?? null : null;
+    setSelectedNodeId(selectedResourceId);
+  }, [lens, selectedElement, selectedGraphNode, setSelectedNodeId]);
+  useEffect(() => {
+    return () => {
+      setSelectedNodeId(null);
+    };
+  }, [setSelectedNodeId]);
   useEffect(() => {
     if (!graph) {
       setPathTraceSelection((current) => {
@@ -6489,423 +7042,347 @@ function OrganizationGraphPage({ lens = "default", timeRange = "24h" }) {
       ) })
     ] });
   }
-  return /* @__PURE__ */ jsx(Stack, { gap: "lg", style: { flex: 1, minHeight: 0, overflowX: "hidden", overflowY: "auto" }, children: /* @__PURE__ */ jsx(Tabs, { value: activePanelTab, onChange: setActivePanelTab, keepMounted: false, children: /* @__PURE__ */ jsxs(
-    Paper,
-    {
-      withBorder: true,
-      p: "md",
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        background: "var(--glass-background)",
-        backdropFilter: "var(--glass-blur)",
-        boxShadow: "var(--card-shadow)"
-      },
-      children: [
-        /* @__PURE__ */ jsx(Box, { style: { height: "65vh", minHeight: 560, position: "relative" }, children: graph && graph.nodes.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            OrganizationGraphCanvas,
+  return /* @__PURE__ */ jsx(Stack, { gap: "lg", style: { flex: 1, minHeight: 0, overflowX: "hidden", overflowY: "auto" }, children: /* @__PURE__ */ jsxs(Tabs, { value: activePanelTab, onChange: setActivePanelTab, keepMounted: false, children: [
+    lens === "command-view" ? /* @__PURE__ */ jsx(Box, { mb: "sm", children: /* @__PURE__ */ jsx(
+      CommandViewHealthStrip,
+      {
+        overview: operationalOverview,
+        hotspots: visibleHotspots,
+        visibleResources: getGraphCountByKind(graph, "resource"),
+        selectedLabel: selectedGraphNode?.label ?? null,
+        onFocusHotspot: focusCommandViewResource,
+        onResetFocus: () => {
+          setMode("map");
+          setSelectedElement(null);
+        }
+      }
+    ) }) : null,
+    /* @__PURE__ */ jsxs(
+      Paper,
+      {
+        withBorder: true,
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          background: "var(--glass-background)",
+          backdropFilter: "var(--glass-blur)",
+          boxShadow: "var(--card-shadow)"
+        },
+        children: [
+          /* @__PURE__ */ jsx(Box, { style: { height: "65vh", minHeight: 560, position: "relative" }, children: graph && graph.nodes.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              OrganizationGraphCanvas,
+              {
+                graph,
+                mode,
+                selectedElement,
+                traceResult: activeTraceResult,
+                themeTokens,
+                commandViewHealthByNodeId,
+                focusRequest,
+                onSelectElement: handleSelectElement
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Box,
+              {
+                style: {
+                  position: "absolute",
+                  top: 16,
+                  right: 16,
+                  zIndex: 3,
+                  maxWidth: "calc(100% - 320px)"
+                },
+                children: /* @__PURE__ */ jsx(
+                  SegmentedControl,
+                  {
+                    value: mode,
+                    onChange: (value) => setMode(value),
+                    size: "xs",
+                    data: [
+                      { label: "Map", value: "map" },
+                      { label: "Trace", value: "trace" },
+                      { label: "Impact", value: "impact" }
+                    ]
+                  }
+                )
+              }
+            )
+          ] }) : /* @__PURE__ */ jsx(
+            EmptyState,
             {
-              graph,
-              mode,
-              selectedElement,
-              traceResult: activeTraceResult,
-              themeTokens,
-              onSelectElement: setSelectedElement
+              icon: IconTopologyStar3,
+              title: "No graph elements match the current filters",
+              description: "Adjust the graph controls to bring semantic nodes, topology nodes, or relationship matches back into view."
             }
-          ),
-          /* @__PURE__ */ jsx(
+          ) }),
+          /* @__PURE__ */ jsxs(
             Box,
             {
               style: {
-                position: "absolute",
-                top: 16,
-                right: 72,
-                zIndex: 3,
-                maxWidth: "calc(100% - 320px)"
+                marginLeft: "calc(var(--mantine-spacing-md) * -1)",
+                marginRight: "calc(var(--mantine-spacing-md) * -1)",
+                marginBottom: "calc(var(--mantine-spacing-md) * -1)",
+                marginTop: "var(--mantine-spacing-md)",
+                borderTop: "1px solid var(--color-border)"
               },
-              children: /* @__PURE__ */ jsx(
-                SegmentedControl,
-                {
-                  value: mode,
-                  onChange: (value) => setMode(value),
-                  size: "xs",
-                  data: [
-                    { label: "Map", value: "map" },
-                    { label: "Trace", value: "trace" },
-                    { label: "Impact", value: "impact" }
-                  ]
-                }
-              )
-            }
-          )
-        ] }) : /* @__PURE__ */ jsx(
-          EmptyState,
-          {
-            icon: IconTopologyStar3,
-            title: "No graph elements match the current filters",
-            description: "Adjust the graph controls to bring semantic nodes, topology nodes, or relationship matches back into view."
-          }
-        ) }),
-        /* @__PURE__ */ jsxs(
-          Box,
-          {
-            style: {
-              marginLeft: "calc(var(--mantine-spacing-md) * -1)",
-              marginRight: "calc(var(--mantine-spacing-md) * -1)",
-              marginBottom: "calc(var(--mantine-spacing-md) * -1)",
-              marginTop: "var(--mantine-spacing-md)",
-              borderTop: "1px solid var(--color-border)"
-            },
-            children: [
-              /* @__PURE__ */ jsx(Box, { p: "sm", children: /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "center", wrap: "wrap", children: [
-                /* @__PURE__ */ jsxs(Group, { gap: "sm", wrap: "wrap", children: [
-                  /* @__PURE__ */ jsx(Text, { fw: 700, size: "sm", children: lens === "command-view" ? "Command View" : lensConfig.title }),
-                  /* @__PURE__ */ jsxs(Tabs.List, { children: [
-                    /* @__PURE__ */ jsx(Tabs.Tab, { value: "controls", children: "Controls" }),
-                    /* @__PURE__ */ jsx(Tabs.Tab, { value: "trace", children: "Trace" }),
-                    /* @__PURE__ */ jsx(Tabs.Tab, { value: "details", children: "Details" }),
-                    /* @__PURE__ */ jsx(Tabs.Tab, { value: "runtime", children: "Runtime" })
+              children: [
+                /* @__PURE__ */ jsx(Box, { p: "sm", children: /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "center", wrap: "wrap", children: [
+                  /* @__PURE__ */ jsxs(Group, { gap: "sm", wrap: "wrap", children: [
+                    /* @__PURE__ */ jsx(Text, { fw: 700, size: "sm", children: lens === "command-view" ? "Command View" : lensConfig.title }),
+                    /* @__PURE__ */ jsxs(Tabs.List, { children: [
+                      /* @__PURE__ */ jsx(Tabs.Tab, { value: "controls", children: "Controls" }),
+                      /* @__PURE__ */ jsx(Tabs.Tab, { value: "trace", children: "Trace" }),
+                      /* @__PURE__ */ jsx(Tabs.Tab, { value: "details", children: "Details" }),
+                      /* @__PURE__ */ jsx(Tabs.Tab, { value: "runtime", children: "Runtime" })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "wrap", children: [
+                    /* @__PURE__ */ jsx(
+                      Select,
+                      {
+                        placeholder: "Jump to resource",
+                        searchable: true,
+                        clearable: true,
+                        size: "xs",
+                        data: jumpToResourceOptions,
+                        value: selectedElement?.type === "node" ? selectedElement.id : null,
+                        onChange: (value) => {
+                          if (!value) {
+                            return;
+                          }
+                          setMode("map");
+                          setSelectedElement({ type: "node", id: value });
+                          focusGraphNode(value);
+                        },
+                        styles: {
+                          root: { minWidth: 220 }
+                        },
+                        nothingFoundMessage: "No matching resource"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        size: "xs",
+                        variant: "subtle",
+                        onClick: () => setSelectedElement(null),
+                        disabled: !selectedElement,
+                        children: "Clear selection"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        size: "xs",
+                        variant: "subtle",
+                        onClick: () => setPathTraceSelection(EMPTY_TRACE_SELECTION),
+                        disabled: !pathTraceSelection.sourceId && !pathTraceSelection.targetId,
+                        children: "Clear trace"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Button, { size: "xs", variant: "subtle", onClick: resetFilters, children: "Reset filters" })
                   ] })
-                ] }),
-                /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "wrap", children: [
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      size: "xs",
-                      variant: "subtle",
-                      onClick: () => setSelectedElement(null),
-                      disabled: !selectedElement,
-                      children: "Clear selection"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      size: "xs",
-                      variant: "subtle",
-                      onClick: () => setPathTraceSelection(EMPTY_TRACE_SELECTION),
-                      disabled: !pathTraceSelection.sourceId && !pathTraceSelection.targetId,
-                      children: "Clear trace"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      size: "xs",
-                      variant: "subtle",
-                      onClick: resetFilters,
-                      children: "Reset filters"
-                    }
-                  )
-                ] })
-              ] }) }),
-              /* @__PURE__ */ jsxs(
-                Box,
-                {
-                  className: HIDE_SCROLLBAR_CLASS_NAME,
-                  style: {
-                    padding: "var(--mantine-spacing-md)",
-                    paddingTop: 0
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(Tabs.Panel, { value: "controls", pt: 0, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-                      /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, lg: 3 }, spacing: "md", children: [
-                        /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", radius: "lg", style: { background: "var(--color-surface)", boxShadow: "var(--card-shadow)" }, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-                          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 700, children: "Filters" }),
+                ] }) }),
+                /* @__PURE__ */ jsxs(
+                  Box,
+                  {
+                    className: HIDE_SCROLLBAR_CLASS_NAME,
+                    style: {
+                      padding: "var(--mantine-spacing-md)",
+                      paddingTop: 0
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(Tabs.Panel, { value: "controls", pt: 0, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+                        /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, lg: 3 }, spacing: "md", children: [
                           /* @__PURE__ */ jsx(
-                            OrganizationGraphFilterToolbar,
+                            Paper,
                             {
-                              value: filters,
-                              onChange: updateFilters,
-                              disabled: !baseGraph
+                              withBorder: true,
+                              p: "md",
+                              radius: "lg",
+                              style: { background: "var(--color-surface)", boxShadow: "var(--card-shadow)" },
+                              children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+                                /* @__PURE__ */ jsx(Text, { size: "sm", fw: 700, children: "Filters" }),
+                                /* @__PURE__ */ jsx(
+                                  OrganizationGraphFilterToolbar,
+                                  {
+                                    value: filters,
+                                    onChange: updateFilters,
+                                    disabled: !baseGraph,
+                                    resetValue: toolbarResetValue
+                                  }
+                                )
+                              ] })
                             }
-                          )
-                        ] }) }),
-                        /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "md", style: { gridColumn: "span 2" }, children: [
-                          /* @__PURE__ */ jsxs(Card, { withBorder: true, radius: "lg", style: { background: "var(--color-surface)", boxShadow: "var(--card-shadow)" }, children: [
-                            /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, c: "dimmed", children: lens === "command-view" ? "Tracked runs" : "Visible nodes" }),
-                            /* @__PURE__ */ jsx(Text, { size: "xl", fw: 700, children: lens === "command-view" ? operationalOverview?.totalRuns ?? 0 : graph?.nodes.length ?? 0 }),
-                            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: lens === "command-view" ? `${timeRange} execution window` : `of ${baseGraph?.nodes.length ?? 0} total` })
-                          ] }),
-                          /* @__PURE__ */ jsxs(Card, { withBorder: true, radius: "lg", style: { background: "var(--color-surface)", boxShadow: "var(--card-shadow)" }, children: [
-                            /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, c: "dimmed", children: lens === "command-view" ? "Success rate" : "Visible edges" }),
-                            /* @__PURE__ */ jsx(Text, { size: "xl", fw: 700, children: lens === "command-view" ? `${Math.round(operationalOverview?.successRate ?? 0)}%` : graph?.edges.length ?? 0 }),
-                            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: lens === "command-view" ? `${operationalOverview?.successCount ?? 0} successful runs` : `of ${baseGraph?.edges.length ?? 0} total` })
-                          ] }),
-                          /* @__PURE__ */ jsxs(Card, { withBorder: true, radius: "lg", style: { background: "var(--color-surface)", boxShadow: "var(--card-shadow)" }, children: [
-                            /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, c: "dimmed", children: lens === "command-view" ? "Failing resources" : "Visible domains" }),
-                            /* @__PURE__ */ jsx(Text, { size: "xl", fw: 700, children: lens === "command-view" ? operationalOverview?.topFailingResources.length ?? 0 : getGraphCountByKind(graph, "domain") }),
-                            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: lens === "command-view" ? operationalOverview?.topFailingResources.length ? operationalOverview.topFailingResources.map((resource) => `${resource.label} (${resource.failureCount})`).join(", ") : "No failing resources in the current window" : `of ${getGraphCountByKind(baseGraph, "domain")} total` })
-                          ] }),
-                          /* @__PURE__ */ jsxs(Card, { withBorder: true, radius: "lg", style: { background: "var(--color-surface)", boxShadow: "var(--card-shadow)" }, children: [
-                            /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, c: "dimmed", children: lens === "command-view" ? "Pending approvals" : "Visible resources" }),
-                            /* @__PURE__ */ jsx(Text, { size: "xl", fw: 700, children: lens === "command-view" ? operationalOverview?.pendingApprovals ?? 0 : getGraphCountByKind(graph, "resource") }),
-                            /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: lens === "command-view" ? `${operationalOverview?.activeHumanCheckpoints ?? 0} active checkpoint queues` : `of ${getGraphCountByKind(baseGraph, "resource")} total` })
+                          ),
+                          /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "md", style: { gridColumn: "span 2" }, children: [
+                            /* @__PURE__ */ jsxs(
+                              Card,
+                              {
+                                withBorder: true,
+                                radius: "lg",
+                                style: { background: "var(--color-surface)", boxShadow: "var(--card-shadow)" },
+                                children: [
+                                  /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, c: "dimmed", children: lens === "command-view" ? "Tracked runs" : "Visible nodes" }),
+                                  /* @__PURE__ */ jsx(Text, { size: "xl", fw: 700, children: lens === "command-view" ? operationalOverview?.totalRuns ?? 0 : graph?.nodes.length ?? 0 }),
+                                  /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: lens === "command-view" ? `${timeRange} execution window` : `of ${baseGraph?.nodes.length ?? 0} total` })
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(
+                              Card,
+                              {
+                                withBorder: true,
+                                radius: "lg",
+                                style: { background: "var(--color-surface)", boxShadow: "var(--card-shadow)" },
+                                children: [
+                                  /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, c: "dimmed", children: lens === "command-view" ? "Success rate" : "Visible edges" }),
+                                  /* @__PURE__ */ jsx(Text, { size: "xl", fw: 700, children: lens === "command-view" ? `${Math.round(operationalOverview?.successRate ?? 0)}%` : graph?.edges.length ?? 0 }),
+                                  /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: lens === "command-view" ? `${operationalOverview?.successCount ?? 0} successful runs` : `of ${baseGraph?.edges.length ?? 0} total` })
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(
+                              Card,
+                              {
+                                withBorder: true,
+                                radius: "lg",
+                                style: { background: "var(--color-surface)", boxShadow: "var(--card-shadow)" },
+                                children: [
+                                  /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, c: "dimmed", children: lens === "command-view" ? "Failing resources" : "Visible features" }),
+                                  /* @__PURE__ */ jsx(Text, { size: "xl", fw: 700, children: lens === "command-view" ? operationalOverview?.topFailingResources.length ?? 0 : getGraphCountByKind(graph, "feature") }),
+                                  /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: lens === "command-view" ? operationalOverview?.topFailingResources.length ? operationalOverview.topFailingResources.map((resource) => `${resource.label} (${resource.failureCount})`).join(", ") : "No failing resources in the current window" : `of ${getGraphCountByKind(baseGraph, "feature")} total` })
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(
+                              Card,
+                              {
+                                withBorder: true,
+                                radius: "lg",
+                                style: { background: "var(--color-surface)", boxShadow: "var(--card-shadow)" },
+                                children: [
+                                  /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, c: "dimmed", children: lens === "command-view" ? "Pending approvals" : "Visible resources" }),
+                                  /* @__PURE__ */ jsx(Text, { size: "xl", fw: 700, children: lens === "command-view" ? operationalOverview?.pendingApprovals ?? 0 : getGraphCountByKind(graph, "resource") }),
+                                  /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: lens === "command-view" ? `${operationalOverview?.activeHumanCheckpoints ?? 0} active checkpoint queues` : `of ${getGraphCountByKind(baseGraph, "resource")} total` })
+                                ]
+                              }
+                            )
                           ] })
+                        ] }),
+                        /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+                          /* @__PURE__ */ jsx(Badge, { variant: "light", children: lens === "command-view" ? "Operations lens" : "Shared graph" }),
+                          /* @__PURE__ */ jsx(
+                            Badge,
+                            {
+                              variant: "light",
+                              color: organizationGraph.available ? "var(--color-success)" : "var(--color-text-subtle)",
+                              children: organizationGraph.available ? "Provider graph surface ready" : "Provider graph surface missing"
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            Badge,
+                            {
+                              variant: "light",
+                              color: commandViewData ? "var(--color-primary)" : "var(--color-text-subtle)",
+                              children: commandViewData ? "Topology bridged" : isLoading ? "Topology loading" : "Semantic only"
+                            }
+                          ),
+                          error ? /* @__PURE__ */ jsx(Badge, { variant: "light", color: "var(--color-error)", children: "Topology unavailable" }) : null
+                        ] }),
+                        /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
+                          "Showing ",
+                          graph?.nodes.length ?? 0,
+                          " nodes and ",
+                          graph?.edges.length ?? 0,
+                          " edges in the current projection. In map mode, single-click isolates a node neighborhood and clicking another node pivots the focus."
                         ] })
-                      ] }),
-                      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-                        /* @__PURE__ */ jsx(Badge, { variant: "light", children: lens === "command-view" ? "Operations lens" : "Shared graph" }),
-                        /* @__PURE__ */ jsx(Badge, { variant: "light", color: organizationGraph.available ? "var(--color-success)" : "var(--color-text-subtle)", children: organizationGraph.available ? "Provider graph surface ready" : "Provider graph surface missing" }),
-                        /* @__PURE__ */ jsx(Badge, { variant: "light", color: commandViewData ? "var(--color-primary)" : "var(--color-text-subtle)", children: commandViewData ? "Topology bridged" : isLoading ? "Topology loading" : "Semantic only" }),
-                        error ? /* @__PURE__ */ jsx(Badge, { variant: "light", color: "var(--color-error)", children: "Topology unavailable" }) : null
-                      ] }),
-                      /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
-                        "Showing ",
-                        graph?.nodes.length ?? 0,
-                        " nodes and ",
-                        graph?.edges.length ?? 0,
-                        " edges in the current projection."
-                      ] })
-                    ] }) }),
-                    /* @__PURE__ */ jsx(Tabs.Panel, { value: "trace", pt: 0, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-                      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Trace mode resolves shortest directed paths inside the current filtered graph." }),
-                      graph ? /* @__PURE__ */ jsx(
-                        OrganizationGraphPathTraceControls,
+                      ] }) }),
+                      /* @__PURE__ */ jsx(Tabs.Panel, { value: "trace", pt: 0, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+                        /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Trace mode resolves shortest directed paths inside the current filtered graph." }),
+                        graph ? /* @__PURE__ */ jsx(
+                          OrganizationGraphPathTraceControls,
+                          {
+                            graph,
+                            value: pathTraceSelection,
+                            onChange: setPathTraceSelection,
+                            disabled: graph.nodes.length === 0
+                          }
+                        ) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Graph data is not available yet." })
+                      ] }) }),
+                      /* @__PURE__ */ jsx(Tabs.Panel, { value: "details", pt: 0, children: /* @__PURE__ */ jsx(
+                        OrganizationGraphDetailPanel,
                         {
                           graph,
-                          value: pathTraceSelection,
-                          onChange: setPathTraceSelection,
-                          disabled: graph.nodes.length === 0
+                          selectedElement,
+                          supplementalSummary: selectionOperationalSummary,
+                          followUpSections,
+                          onClearSelection: () => setSelectedElement(null)
                         }
-                      ) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Graph data is not available yet." })
-                    ] }) }),
-                    /* @__PURE__ */ jsx(Tabs.Panel, { value: "details", pt: 0, children: /* @__PURE__ */ jsx(
-                      OrganizationGraphDetailPanel,
-                      {
-                        graph,
-                        selectedElement,
-                        supplementalSummary: selectionOperationalSummary,
-                        followUpSections,
-                        onClearSelection: () => setSelectedElement(null)
-                      }
-                    ) }),
-                    /* @__PURE__ */ jsx(Tabs.Panel, { value: "runtime", pt: 0, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-                      /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
-                        "Active Lens: ",
-                        lens
-                      ] }),
-                      /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
-                        "Surface ID: ",
-                        organizationGraph.surfaceId ?? "unresolved"
-                      ] }),
-                      /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
-                        "Surface Path: ",
-                        organizationGraph.surfacePath ?? "unresolved"
-                      ] }),
-                      /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
-                        "Active Mode: ",
-                        mode
-                      ] }),
-                      operationalOverview ? /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
-                        "Operational Snapshot: ",
-                        operationalOverview.trackedResources,
-                        " resources, ",
-                        operationalOverview.pendingApprovals,
-                        " pending approvals, generated ",
-                        formatGeneratedTimestamp(operationalOverview.generatedAt)
-                      ] }) : null,
-                      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Graph Build: semantic derivation plus bridged Command View topology" }),
-                      /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
-                        "Projection: ",
-                        graph?.nodes.length ?? 0,
-                        " visible nodes, ",
-                        graph?.edges.length ?? 0,
-                        " visible edges"
-                      ] }),
-                      isLoading ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Topology bridge is still loading; semantic nodes remain available." }) : null,
-                      error ? /* @__PURE__ */ jsxs(Text, { size: "sm", c: "red", children: [
-                        "Topology bridge error: ",
-                        error.message
-                      ] }) : null
-                    ] }) })
-                  ]
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  ) }) });
-}
-function CommandViewPage({ timeRange }) {
-  return /* @__PURE__ */ jsx(OrganizationGraphPage, { lens: "command-view", timeRange });
-}
-function ProjectCard({ project, onNavigate }) {
-  const deleteProject = useDeleteProject();
-  const handleClick = () => {
-    onNavigate(project.id);
-  };
-  const handleDelete = async (e) => {
-    e.stopPropagation();
-    if (window.confirm("Delete this project and all its runs?")) {
-      await deleteProject.mutateAsync(project.id);
-    }
-  };
-  return /* @__PURE__ */ jsx(Card, { shadow: "sm", withBorder: true, style: { cursor: "pointer" }, onClick: handleClick, children: /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", children: [
-      /* @__PURE__ */ jsxs(Group, { gap: "xs", align: "center", children: [
-        /* @__PURE__ */ jsx(IconFlask, { size: 20, color: "var(--color-primary)" }),
-        /* @__PURE__ */ jsx(Text, { fw: 600, lineClamp: 1, style: { fontFamily: "var(--elevasis-font-family-subtitle)" }, children: project.name })
-      ] }),
-      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-        /* @__PURE__ */ jsx(Badge, { variant: "light", size: "sm", children: project.resourceType }),
-        /* @__PURE__ */ jsxs(Menu, { shadow: "md", width: 150, position: "bottom-end", children: [
-          /* @__PURE__ */ jsx(Menu.Target, { children: /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(IconDotsVertical, { size: 16 }) }) }),
-          /* @__PURE__ */ jsx(Menu.Dropdown, { children: /* @__PURE__ */ jsx(Menu.Item, { leftSection: /* @__PURE__ */ jsx(IconTrash, { size: 14 }), color: "red", onClick: handleDelete, children: "Delete" }) })
-        ] })
-      ] })
-    ] }),
-    project.description && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", lineClamp: 1, children: project.description }),
-    /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-      "Created ",
-      new Date(project.createdAt).toLocaleDateString()
-    ] })
-  ] }) });
-}
-function CreateProjectModal({ opened, onClose, resourceId, resourceType }) {
-  const createProject = useCreateProject();
-  const form = useForm({
-    initialValues: {
-      name: "",
-      description: ""
-    },
-    validate: {
-      name: (value) => value.trim().length === 0 ? "Name is required" : null
-    }
-  });
-  const handleSubmit = async (values) => {
-    await createProject.mutateAsync({
-      resourceId,
-      resourceType,
-      name: values.name.trim(),
-      description: values.description.trim() || void 0
-    });
-    form.reset();
-    onClose();
-  };
-  return /* @__PURE__ */ jsx(Modal, { opened, onClose, title: "Create Calibration Project", children: /* @__PURE__ */ jsx("form", { onSubmit: form.onSubmit(handleSubmit), children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-    /* @__PURE__ */ jsx(
-      TextInput,
-      {
-        label: "Project Name",
-        placeholder: "e.g., Q1 2025 Model Selection",
-        required: true,
-        ...form.getInputProps("name")
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Textarea,
-      {
-        label: "Description",
-        placeholder: "Optional: Describe the goal of this calibration project",
-        minRows: 2,
-        ...form.getInputProps("description")
-      }
-    ),
-    /* @__PURE__ */ jsxs(Group, { justify: "flex-end", children: [
-      /* @__PURE__ */ jsx(Button, { variant: "subtle", onClick: onClose, children: "Cancel" }),
-      /* @__PURE__ */ jsx(Button, { type: "submit", loading: createProject.isPending, children: "Create Project" })
-    ] })
-  ] }) }) });
-}
-function CalibrationPage({ resourceId, resourceType, onProjectNavigate }) {
-  const [createModalOpen, setCreateModalOpen] = useState(false);
-  const { data: projects, isLoading, error } = useCalibrationProjects(resourceId, resourceType);
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) });
-  }
-  if (error) {
-    return /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), title: "Error", color: "red", children: "Failed to load calibration projects. Please try again." });
-  }
-  return /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "center", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Title, { order: 3, children: "Calibration Lab" }),
-        /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", children: "Compare AI configurations and optimize performance" })
-      ] }),
-      /* @__PURE__ */ jsx(Button, { leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 16 }), onClick: () => setCreateModalOpen(true), children: "New Project" })
-    ] }),
-    projects && projects.length === 0 ? /* @__PURE__ */ jsx(
-      EmptyState,
-      {
-        icon: IconAdjustments,
-        title: "No projects yet",
-        description: "Create your first calibration project to start comparing AI configurations."
-      }
-    ) : /* @__PURE__ */ jsx(Stack, { children: projects?.map((project) => /* @__PURE__ */ jsx(ProjectCard, { project, onNavigate: onProjectNavigate }, project.id)) }),
-    /* @__PURE__ */ jsx(
-      CreateProjectModal,
-      {
-        opened: createModalOpen,
-        onClose: () => setCreateModalOpen(false),
-        resourceId,
-        resourceType
+                      ) }),
+                      /* @__PURE__ */ jsx(Tabs.Panel, { value: "runtime", pt: 0, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+                        /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
+                          "Active Lens: ",
+                          lens
+                        ] }),
+                        /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
+                          "Surface ID: ",
+                          organizationGraph.surfaceId ?? "unresolved"
+                        ] }),
+                        /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
+                          "Surface Path: ",
+                          organizationGraph.surfacePath ?? "unresolved"
+                        ] }),
+                        /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
+                          "Active Mode: ",
+                          mode
+                        ] }),
+                        operationalOverview ? /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
+                          "Operational Snapshot: ",
+                          operationalOverview.trackedResources,
+                          " resources,",
+                          " ",
+                          operationalOverview.pendingApprovals,
+                          " pending approvals, generated",
+                          " ",
+                          formatGeneratedTimestamp(operationalOverview.generatedAt)
+                        ] }) : null,
+                        pendingCheckpointHotspot ? /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
+                          "Active queue hotspot: ",
+                          pendingCheckpointHotspot.resourceId,
+                          " with",
+                          " ",
+                          pendingCheckpointHotspot.pendingCount,
+                          " pending approvals."
+                        ] }) : null,
+                        /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Graph Build: semantic derivation plus bridged Command View topology" }),
+                        /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
+                          "Projection: ",
+                          graph?.nodes.length ?? 0,
+                          " visible nodes, ",
+                          graph?.edges.length ?? 0,
+                          " visible edges"
+                        ] }),
+                        isLoading ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Topology bridge is still loading; semantic nodes remain available." }) : null,
+                        error ? /* @__PURE__ */ jsxs(Text, { size: "sm", c: "red", children: [
+                          "Topology bridge error: ",
+                          error.message
+                        ] }) : null
+                      ] }) })
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ]
       }
     )
   ] }) });
 }
-function CalibrationProjectDetailPage({
-  projectId,
-  calibrationRootPath,
-  renderRunCard,
-  renderCreateModal,
-  runs,
-  runsLoading
-}) {
-  const [createModalOpen, setCreateModalOpen] = useState(false);
-  const { organizationReady } = useInitialization();
-  const { data: project, isLoading: projectLoading, error: projectError } = useCalibrationProject(projectId);
-  const projectNotFound = !projectLoading && (projectError || !project);
-  const isLoading = projectLoading || runsLoading;
-  if (!organizationReady || isLoading) return /* @__PURE__ */ jsx(SubshellLoader, {});
-  if (!project || projectNotFound) {
-    return null;
-  }
-  const runCount = runs?.length ?? 0;
-  const caption = `${project.resourceType} \xB7 ${runCount} run${runCount !== 1 ? "s" : ""}`;
-  return /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsx(
-      PageTitleCaption,
-      {
-        title: project.name,
-        caption,
-        rightSection: /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "light",
-              size: "sm",
-              leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
-              component: Link,
-              to: calibrationRootPath,
-              children: "Calibration"
-            }
-          ),
-          /* @__PURE__ */ jsx(Button, { leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 16 }), onClick: () => setCreateModalOpen(true), children: "New Run" })
-        ] })
-      }
-    ),
-    runs && runs.length === 0 ? /* @__PURE__ */ jsx(Alert, { color: "gray", title: "No runs yet", children: "Create your first calibration run to start testing configurations." }) : /* @__PURE__ */ jsx(Stack, { gap: "md", children: runs?.map((run) => renderRunCard({ run, projectId })) }),
-    renderCreateModal({
-      opened: createModalOpen,
-      onClose: () => setCreateModalOpen(false),
-      projectId
-    })
-  ] });
-}
-function CalibrationProjectsPage({ onNavigateToProject }) {
-  const { organizationReady } = useInitialization();
-  const { data: projects, isLoading } = useAllCalibrationProjects();
-  if (!organizationReady || isLoading) return /* @__PURE__ */ jsx(SubshellLoader, {});
-  const projectCount = projects?.length ?? 0;
-  const caption = `${projectCount} Project${projectCount !== 1 ? "s" : ""}`;
-  return /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsx(PageTitleCaption, { title: "Calibration Lab", caption }),
-    projects && projects.length > 0 && /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 1, md: 2 }, children: projects.map((project) => /* @__PURE__ */ jsx(ProjectCard, { project, onNavigate: onNavigateToProject }, project.id)) })
-  ] });
+function CommandViewPage({ timeRange }) {
+  return /* @__PURE__ */ jsx(OrganizationGraphPage, { lens: "command-view", timeRange });
 }
 var FILTER_STATE_ICONS2 = {
   neutral: IconCircleDashed,
@@ -6975,15 +7452,22 @@ function ExecutionStatusSection({ executions, status, title, badgeColor, resourc
 function CommandViewSidebarContent({ timeRange }) {
   const theme = useMantineTheme();
   const colors = useCyberColors();
-  const statusFilter = useCommandViewStore((s) => s.statusFilter);
-  const setStatusFilter = useCommandViewStore((s) => s.setStatusFilter);
-  const showIntegrations = useCommandViewStore((s) => s.showIntegrations);
-  const setShowIntegrations = useCommandViewStore((s) => s.setShowIntegrations);
-  const fitViewOnFilter = useCommandViewStore((s) => s.fitViewOnFilter);
-  const setFitViewOnFilter = useCommandViewStore((s) => s.setFitViewOnFilter);
+  const lensConfig = getOrganizationGraphLensConfig("command-view");
   const selectedNodeId = useCommandViewStore((s) => s.selectedNodeId);
-  const domainFilters = useCommandViewDomainFilters((s) => s.filters);
-  const cycleDomainFilter = useCommandViewDomainFilters((s) => s.cycle);
+  const { filters, updateFilters } = useOrganizationGraphFilters(lensConfig.initialFilters);
+  const statusFilter = filters.environmentStatus;
+  const showIntegrations = filters.showIntegrations;
+  const domainFilters = filters.domainFilters;
+  const cycleDomainFilter = (domainId) => {
+    const current = domainFilters[domainId] ?? "neutral";
+    const nextState = current === "neutral" ? "include" : current === "include" ? "exclude" : "neutral";
+    updateFilters({
+      domainFilters: {
+        ...domainFilters,
+        [domainId]: nextState
+      }
+    });
+  };
   const { data, isLoading } = useCommandViewData();
   const { data: statsData } = useCommandViewStats(timeRange);
   const cleanData = data ?? null;
@@ -6994,17 +7478,29 @@ function CommandViewSidebarContent({ timeRange }) {
   }, [cleanData, statsData]);
   const { donutSuccessCount, donutFailedCount } = useMemo(() => {
     if (!cleanData || !statsData) return { donutSuccessCount: 0, donutFailedCount: 0 };
-    const allResources = [...cleanData.agents, ...cleanData.workflows];
     const includes = Object.entries(domainFilters).filter(([, v]) => v === "include").map(([k]) => k);
     const excludes = Object.entries(domainFilters).filter(([, v]) => v === "exclude").map(([k]) => k);
-    const filtered = allResources.filter((r) => {
-      const domains = r.domains || [];
+    const allResources = [
+      ...cleanData.agents,
+      ...cleanData.workflows,
+      ...cleanData.triggers,
+      ...showIntegrations ? cleanData.integrations : [],
+      ...cleanData.externalResources ?? [],
+      ...cleanData.humanCheckpoints ?? []
+    ].filter((resource) => {
+      const domains = resource.domains || [];
       if (excludes.length > 0 && domains.some((d) => excludes.includes(d))) return false;
       if (includes.length > 0 && !domains.some((d) => includes.includes(d))) return false;
-      if (statusFilter !== "all" && r.status !== statusFilter) return false;
+      if (statusFilter !== "all" && resource.status !== statusFilter) return false;
+      if (filters.resourceTypes.length > 0) {
+        const normalizedResourceType = resource.type === "human" ? "human_checkpoint" : resource.type;
+        if (!filters.resourceTypes.includes(normalizedResourceType)) {
+          return false;
+        }
+      }
       return true;
     });
-    const filteredIds = new Set(filtered.map((r) => r.resourceId));
+    const filteredIds = new Set(allResources.map((resource) => resource.resourceId));
     let success = 0;
     let failed = 0;
     for (const [id, stats] of Object.entries(statsData.resources)) {
@@ -7014,7 +7510,7 @@ function CommandViewSidebarContent({ timeRange }) {
       }
     }
     return { donutSuccessCount: success, donutFailedCount: failed };
-  }, [cleanData, statsData, domainFilters, statusFilter]);
+  }, [cleanData, domainFilters, filters.resourceTypes, showIntegrations, statsData, statusFilter]);
   const domainDefinitions = cleanData?.domainDefinitions ?? [];
   const selectedNode = useMemo(() => {
     if (!selectedNodeId || !dataWithStats) return null;
@@ -7105,7 +7601,9 @@ function CommandViewSidebarContent({ timeRange }) {
                 SegmentedControl,
                 {
                   value: statusFilter,
-                  onChange: (value) => setStatusFilter(value),
+                  onChange: (value) => updateFilters({
+                    environmentStatus: value
+                  }),
                   data: [
                     { label: "All", value: "all" },
                     { label: "Prod", value: "prod" },
@@ -7121,9 +7619,11 @@ function CommandViewSidebarContent({ timeRange }) {
               Switch,
               {
                 label: "Show Integrations",
-                description: "Toggle integration relationship edges",
+                description: "Toggle integration resources in the graph projection",
                 checked: showIntegrations,
-                onChange: (event) => setShowIntegrations(event.currentTarget.checked),
+                onChange: (event) => updateFilters({
+                  showIntegrations: event.currentTarget.checked
+                }),
                 size: "sm"
               }
             ),
@@ -7178,17 +7678,6 @@ function CommandViewSidebarContent({ timeRange }) {
               }) })
             ] })
           ] }),
-          /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconSettings, label: "Settings", withTopBorder: true }),
-          /* @__PURE__ */ jsx(Stack, { gap: "sm", p: "sm", children: /* @__PURE__ */ jsx(
-            Switch,
-            {
-              label: "Fit view on filter",
-              description: "Re-center graph when filters change",
-              checked: fitViewOnFilter,
-              onChange: (event) => setFitViewOnFilter(event.currentTarget.checked),
-              size: "sm"
-            }
-          ) }),
           selectedNode && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(Divider, {}),
             /* @__PURE__ */ jsxs(Stack, { gap: "xs", p: "sm", mt: 8, children: [
@@ -7259,581 +7748,6 @@ function CommandViewSidebarContent({ timeRange }) {
     }
   );
 }
-function ComparisonTable({ run, logs, metrics }) {
-  if (run.results.length === 0) {
-    return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Text, { c: "dimmed", ta: "center", children: "No results yet. Execute the calibration run to see comparisons." }) });
-  }
-  return /* @__PURE__ */ jsx(Stack, { children: run.results.map((result, index) => /* @__PURE__ */ jsx(ResultCard, { result, run, logs, metrics }, index)) });
-}
-function ResultCard({ result, run, logs, metrics }) {
-  const [expanded, setExpanded] = useState(false);
-  const isSingleResult = "executionId" in result;
-  const executionId = isSingleResult ? result.executionId : result.sessionId;
-  const inputIndex = isSingleResult ? result.inputIndex : 0;
-  const log = logs[executionId];
-  const metric = metrics[executionId];
-  const statusColors = {
-    pending: "gray",
-    running: "blue",
-    completed: "green",
-    failed: "red"
-  };
-  return /* @__PURE__ */ jsxs(
-    Paper,
-    {
-      withBorder: true,
-      style: {
-        cursor: "pointer",
-        transition: "background-color var(--duration-fast) var(--easing)"
-      },
-      children: [
-        /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "nowrap", onClick: () => setExpanded(!expanded), children: [
-          /* @__PURE__ */ jsxs(Group, { gap: "md", wrap: "nowrap", children: [
-            /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", children: expanded ? /* @__PURE__ */ jsx(IconChevronDown, { size: 16 }) : /* @__PURE__ */ jsx(IconChevronRight, { size: 16 }) }),
-            /* @__PURE__ */ jsxs(Box, { children: [
-              /* @__PURE__ */ jsx(Text, { fw: 600, size: "sm", style: { fontFamily: "var(--mantine-font-family-headings)" }, children: result.variantName }),
-              run.executionMode === "single" && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-                "Input #",
-                inputIndex + 1
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs(Group, { gap: "md", wrap: "nowrap", children: [
-            metric?.totalDuration && metric.totalDuration > 0 && /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", children: [
-              /* @__PURE__ */ jsx(IconClock, { size: 14, style: { opacity: 0.5 } }),
-              /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
-                (metric.totalDuration / 1e3).toFixed(2),
-                "s"
-              ] })
-            ] }),
-            metric?.totalCost && metric.totalCost > 0 && /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", children: [
-              /* @__PURE__ */ jsx(IconCoin, { size: 14, style: { opacity: 0.5 } }),
-              /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
-                "$",
-                metric.totalCost.toFixed(4)
-              ] })
-            ] }),
-            run.gradingRubric && result.grade && /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", children: [
-              result.grade.passed ? /* @__PURE__ */ jsx(IconCheck, { size: 14, color: "var(--color-success)" }) : /* @__PURE__ */ jsx(IconX, { size: 14, color: "var(--color-error)" }),
-              /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
-                (result.grade.score * 100).toFixed(0),
-                "%"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(Badge, { color: statusColors[result.status], size: "sm", children: result.status })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(Collapse, { in: expanded, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", mt: "md", pt: "md", style: { borderTop: "1px solid var(--color-border)" }, children: [
-          run.testInputs[inputIndex] !== void 0 && /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text, { size: "xs", fw: 500, c: "dimmed", mb: "xs", children: "INPUT" }),
-            /* @__PURE__ */ jsx(Paper, { style: { background: "var(--color-background)" }, children: /* @__PURE__ */ jsx(JsonViewer, { data: run.testInputs[inputIndex], maxHeight: "200px" }) })
-          ] }),
-          /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text, { size: "xs", fw: 500, c: "dimmed", mb: "xs", children: "OUTPUT" }),
-            /* @__PURE__ */ jsx(Paper, { style: { background: "var(--color-background)" }, children: log?.output ? /* @__PURE__ */ jsx(JsonViewer, { data: log.output, maxHeight: "300px" }) : result.errorMessage ? /* @__PURE__ */ jsx(Text, { c: "red", size: "sm", children: result.errorMessage }) : /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", children: "No output available" }) })
-          ] }),
-          log?.error && /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text, { size: "xs", fw: 500, c: "red", mb: "xs", children: "ERROR" }),
-            /* @__PURE__ */ jsxs(Paper, { style: { background: "var(--color-background)" }, children: [
-              /* @__PURE__ */ jsx(Text, { size: "sm", c: "red", children: log.error.message }),
-              log.error.category && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", mt: "xs", children: [
-                "Category: ",
-                log.error.category
-              ] })
-            ] })
-          ] }),
-          result.grade && /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text, { size: "xs", fw: 500, c: "dimmed", mb: "xs", children: "GRADE DETAILS" }),
-            /* @__PURE__ */ jsx(Paper, { style: { background: "var(--color-background)" }, children: /* @__PURE__ */ jsx(Stack, { gap: "xs", children: Object.entries(result.grade.details).map(([criterion, detail]) => {
-              const d = detail;
-              return /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "nowrap", children: [
-                /* @__PURE__ */ jsx(Text, { size: "sm", children: criterion }),
-                /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
-                  /* @__PURE__ */ jsxs(Badge, { size: "sm", color: d.score >= 0.7 ? "green" : d.score >= 0.4 ? "yellow" : "red", children: [
-                    (d.score * 100).toFixed(0),
-                    "%"
-                  ] }),
-                  /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", style: { maxWidth: 300 }, lineClamp: 1, children: d.justification })
-                ] })
-              ] }, criterion);
-            }) }) })
-          ] }),
-          result.gradeError && /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text, { size: "xs", fw: 500, c: "red", mb: "xs", children: "GRADING ERROR" }),
-            /* @__PURE__ */ jsx(Paper, { style: { background: "var(--color-background)" }, children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "red", children: result.gradeError }) })
-          ] })
-        ] }) })
-      ]
-    }
-  );
-}
-function GradingPanel({ run, rubric }) {
-  const variantSummaries = run.configVariants.map((variant) => {
-    const variantResults = run.results.filter((r) => r.variantName === variant.variantName);
-    const gradedResults = variantResults.filter((r) => r.grade);
-    const avgScore = gradedResults.length > 0 ? gradedResults.reduce((sum, r) => sum + (r.grade?.score ?? 0), 0) / gradedResults.length : null;
-    const passRate = gradedResults.length > 0 ? gradedResults.filter((r) => r.grade?.passed).length / gradedResults.length : null;
-    return {
-      variantName: variant.variantName,
-      avgScore,
-      passRate,
-      total: variantResults.length,
-      graded: gradedResults.length
-    };
-  });
-  return /* @__PURE__ */ jsxs(Stack, { gap: "lg", children: [
-    /* @__PURE__ */ jsxs(Paper, { withBorder: true, children: [
-      /* @__PURE__ */ jsx(Title, { order: 4, mb: "md", children: "Grading Rubric" }),
-      /* @__PURE__ */ jsxs(Text, { size: "sm", mb: "md", children: [
-        "Passing threshold: ",
-        (rubric.passingThreshold * 100).toFixed(0),
-        "%"
-      ] }),
-      /* @__PURE__ */ jsxs(Table, { children: [
-        /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
-          /* @__PURE__ */ jsx(Table.Th, { children: "Criterion" }),
-          /* @__PURE__ */ jsx(Table.Th, { children: "Weight" }),
-          /* @__PURE__ */ jsx(Table.Th, { children: "Description" })
-        ] }) }),
-        /* @__PURE__ */ jsx(Table.Tbody, { children: rubric.criteria.map((criterion, i) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
-          /* @__PURE__ */ jsx(Table.Td, { fw: 500, children: criterion.name }),
-          /* @__PURE__ */ jsxs(Table.Td, { children: [
-            (criterion.weight * 100).toFixed(0),
-            "%"
-          ] }),
-          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: criterion.description }) })
-        ] }, i)) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Paper, { withBorder: true, children: [
-      /* @__PURE__ */ jsx(Title, { order: 4, mb: "md", children: "Results by Variant" }),
-      /* @__PURE__ */ jsx(Stack, { gap: "md", children: variantSummaries.map((summary, i) => /* @__PURE__ */ jsxs(Paper, { withBorder: true, children: [
-        /* @__PURE__ */ jsxs(Group, { justify: "space-between", mb: "xs", children: [
-          /* @__PURE__ */ jsx(Text, { fw: 500, children: summary.variantName }),
-          summary.avgScore !== null && /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-            /* @__PURE__ */ jsx(
-              ThemeIcon,
-              {
-                size: "sm",
-                color: summary.avgScore >= rubric.passingThreshold ? "green" : "red",
-                variant: "light",
-                children: summary.avgScore >= rubric.passingThreshold ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconX, { size: 14 })
-              }
-            ),
-            /* @__PURE__ */ jsxs(Text, { fw: 500, children: [
-              (summary.avgScore * 100).toFixed(0),
-              "%"
-            ] })
-          ] })
-        ] }),
-        summary.avgScore !== null ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            Progress,
-            {
-              value: summary.avgScore * 100,
-              color: summary.avgScore >= rubric.passingThreshold ? "green" : "red",
-              size: "sm",
-              mb: "xs"
-            }
-          ),
-          /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-            "Pass rate: ",
-            summary.passRate !== null ? `${(summary.passRate * 100).toFixed(0)}%` : "-",
-            " \xB7",
-            " ",
-            summary.graded,
-            "/",
-            summary.total,
-            " graded"
-          ] })
-        ] }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Not graded yet" })
-      ] }, i)) })
-    ] })
-  ] });
-}
-function CalibrationProgress({ runId, manager, apiUrl }) {
-  const { connected, events, summary, isComplete, error } = useCalibrationSSE({
-    runId,
-    manager,
-    apiUrl,
-    enabled: true
-  });
-  const executionStarted = events.filter((e) => e.type === "execution-started" || e.type === "session-started").length;
-  const executionCompleted = events.filter(
-    (e) => e.type === "execution-completed" || e.type === "session-completed"
-  ).length;
-  const executionFailed = events.filter((e) => e.type === "execution-failed").length;
-  const gradingCompleted = events.filter((e) => e.type === "grading-completed").length;
-  const progressPercent = summary ? (summary.completed + summary.failed) / summary.total * 100 : executionStarted > 0 ? executionCompleted / executionStarted * 100 : 0;
-  return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-    /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-      connected ? /* @__PURE__ */ jsx(Badge, { color: "green", leftSection: /* @__PURE__ */ jsx(Loader, { size: 10 }), children: "Live" }) : /* @__PURE__ */ jsx(Badge, { color: "gray", children: "Connecting..." }),
-      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: isComplete ? "Calibration complete" : "Calibration in progress..." })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsxs(Group, { justify: "space-between", mb: "xs", children: [
-        /* @__PURE__ */ jsx(Text, { size: "sm", children: "Progress" }),
-        /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
-          executionCompleted,
-          "/",
-          executionStarted || "?",
-          " executions"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(
-        Progress,
-        {
-          value: progressPercent,
-          color: error ? "red" : isComplete ? "green" : void 0,
-          animated: !isComplete
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs(Group, { gap: "xl", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Completed" }),
-        /* @__PURE__ */ jsx(Text, { size: "lg", fw: 500, c: "green", children: executionCompleted })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Failed" }),
-        /* @__PURE__ */ jsx(Text, { size: "lg", fw: 500, c: "red", children: executionFailed })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Graded" }),
-        /* @__PURE__ */ jsx(Text, { size: "lg", fw: 500, children: gradingCompleted })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, mb: "xs", children: "Recent Activity" }),
-      /* @__PURE__ */ jsx(Timeline, { active: events.length, bulletSize: 20, lineWidth: 2, children: events.slice(-5).map((event, index) => /* @__PURE__ */ jsx(Timeline.Item, { bullet: getEventBullet(event), title: getEventTitle(event), children: /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "xs", children: getEventDescription(event) }) }, index)) })
-    ] }),
-    error && /* @__PURE__ */ jsxs(Text, { c: "red", size: "sm", children: [
-      "Error: ",
-      error
-    ] })
-  ] }) });
-}
-function getEventBullet(event) {
-  const iconSize = 12;
-  switch (event.type) {
-    case "execution-started":
-    case "session-started":
-    case "turn-started":
-      return /* @__PURE__ */ jsx(ThemeIcon, { size: 20, radius: "xl", children: /* @__PURE__ */ jsx(IconPlayerPlay, { size: iconSize }) });
-    case "execution-completed":
-    case "session-completed":
-    case "turn-completed":
-      return /* @__PURE__ */ jsx(ThemeIcon, { size: 20, color: "green", radius: "xl", children: /* @__PURE__ */ jsx(IconCheck, { size: iconSize }) });
-    case "execution-failed":
-      return /* @__PURE__ */ jsx(ThemeIcon, { size: 20, color: "red", radius: "xl", children: /* @__PURE__ */ jsx(IconX, { size: iconSize }) });
-    case "grading-started":
-    case "grading-completed":
-      return /* @__PURE__ */ jsx(ThemeIcon, { size: 20, color: "violet", radius: "xl", children: /* @__PURE__ */ jsx(IconChartBar, { size: iconSize }) });
-    case "grading-failed":
-      return /* @__PURE__ */ jsx(ThemeIcon, { size: 20, color: "red", radius: "xl", children: /* @__PURE__ */ jsx(IconX, { size: iconSize }) });
-    default:
-      return /* @__PURE__ */ jsx(ThemeIcon, { size: 20, color: "gray", radius: "xl", children: /* @__PURE__ */ jsx(IconClock, { size: iconSize }) });
-  }
-}
-function getEventTitle(event) {
-  switch (event.type) {
-    case "connected":
-      return "Connected";
-    case "execution-started":
-      return `Started: ${event.variantName}`;
-    case "execution-completed":
-      return `Completed: ${event.variantName}`;
-    case "execution-failed":
-      return `Failed: ${event.variantName}`;
-    case "session-started":
-      return `Session started: ${event.variantName}`;
-    case "session-completed":
-      return `Session completed: ${event.variantName}`;
-    case "turn-started":
-      return `Turn ${event.turnNumber}: ${event.variantName}`;
-    case "turn-completed":
-      return `Turn ${event.turnNumber} done: ${event.variantName}`;
-    case "grading-started":
-      return `Grading: ${event.variantName}`;
-    case "grading-completed":
-      return `Graded: ${event.variantName} (${(event.score * 100).toFixed(0)}%)`;
-    case "grading-failed":
-      return `Grading failed: ${event.variantName}`;
-    case "calibration-completed":
-      return "Calibration complete";
-    case "calibration-failed":
-      return "Calibration failed";
-    default:
-      return "Unknown event";
-  }
-}
-function getEventDescription(event) {
-  switch (event.type) {
-    case "execution-started":
-      return `Input #${(event.inputIndex ?? 0) + 1}`;
-    case "execution-completed":
-      return `Input #${(event.inputIndex ?? 0) + 1}`;
-    case "execution-failed":
-      return event.error;
-    case "session-completed":
-      return `${event.turnCount} turns`;
-    case "grading-failed":
-      return event.error;
-    case "calibration-completed":
-      return `${event.summary.completed}/${event.summary.total} succeeded`;
-    case "calibration-failed":
-      return event.error;
-    default:
-      return "";
-  }
-}
-var STATUS_COLORS2 = {
-  pending: "gray",
-  running: "blue",
-  completed: "green",
-  partial: "yellow",
-  failed: "red"
-};
-function CalibrationRunDetailPage({
-  runId,
-  onNavigateToProject,
-  renderSessionComparison,
-  manager,
-  apiUrl
-}) {
-  const { organizationReady } = useInitialization();
-  const { data: fullData, isLoading, error, refetch } = useCalibrationRunFull(runId);
-  const executeRun = useExecuteRun();
-  const gradeRun = useGradeRun();
-  const [inputsExpanded, setInputsExpanded] = useState(false);
-  if (!organizationReady || isLoading) return /* @__PURE__ */ jsx(SubshellLoader, {});
-  if (!fullData || error) {
-    return null;
-  }
-  const { run, logs, metrics } = fullData;
-  const handleExecute = async () => {
-    await executeRun.mutateAsync(runId);
-    refetch();
-  };
-  const handleGrade = async () => {
-    await gradeRun.mutateAsync({
-      runId,
-      rubric: run.gradingRubric ?? void 0,
-      graderModel: run.graderModel ?? void 0
-    });
-    refetch();
-  };
-  const completedCount = run.results.filter((r) => r.status === "completed").length;
-  const failedCount = run.results.filter((r) => r.status === "failed").length;
-  const totalDuration = Object.values(metrics).reduce((sum, m) => {
-    const metric = m;
-    return sum + (metric.totalDuration || 0);
-  }, 0);
-  const totalCost = Object.values(metrics).reduce((sum, m) => {
-    const metric = m;
-    return sum + (metric.totalCost || 0);
-  }, 0);
-  const caption = `${run.configVariants.length} variants \xB7 ${run.testInputs.length} inputs`;
-  return /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsx(
-      PageTitleCaption,
-      {
-        title: run.name,
-        caption,
-        rightSection: /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "light",
-              size: "sm",
-              leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
-              onClick: () => onNavigateToProject(run.projectId),
-              children: "Project"
-            }
-          ),
-          /* @__PURE__ */ jsx(Badge, { color: STATUS_COLORS2[run.status], children: run.status }),
-          /* @__PURE__ */ jsx(Badge, { variant: "outline", children: run.executionMode }),
-          run.status === "pending" && /* @__PURE__ */ jsx(Button, { leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 16 }), onClick: handleExecute, loading: executeRun.isPending, children: "Execute" }),
-          run.status === "completed" && run.gradingRubric && /* @__PURE__ */ jsx(
-            Button,
-            {
-              leftSection: /* @__PURE__ */ jsx(IconReportAnalytics, { size: 16 }),
-              variant: "outline",
-              onClick: handleGrade,
-              loading: gradeRun.isPending,
-              children: "Re-Grade"
-            }
-          )
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsxs(Paper, { withBorder: true, children: [
-      /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "wrap", gap: "sm", children: [
-        run.results.length > 0 && /* @__PURE__ */ jsxs(Group, { gap: "md", children: [
-          /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
-            /* @__PURE__ */ jsx(IconCheck, { size: 14, color: "var(--color-success)" }),
-            /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, c: "green", children: completedCount }),
-            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "completed" })
-          ] }),
-          failedCount > 0 && /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
-            /* @__PURE__ */ jsx(IconX, { size: 14, color: "var(--color-error)" }),
-            /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, c: "red", children: failedCount }),
-            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "failed" })
-          ] }),
-          totalDuration > 0 && /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
-            /* @__PURE__ */ jsx(IconClock, { size: 14, style: { opacity: 0.5 } }),
-            /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
-              (totalDuration / 1e3).toFixed(1),
-              "s"
-            ] })
-          ] }),
-          totalCost > 0 && /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
-            /* @__PURE__ */ jsx(IconCoin, { size: 14, style: { opacity: 0.5 } }),
-            /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
-              "$",
-              totalCost.toFixed(4)
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(Group, { gap: "md", children: [
-          run.createdAt && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-            "Created: ",
-            new Date(run.createdAt).toLocaleString()
-          ] }),
-          run.completedAt && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-            "Completed: ",
-            new Date(run.completedAt).toLocaleString()
-          ] })
-        ] })
-      ] }),
-      run.description && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", mt: "xs", children: run.description }),
-      /* @__PURE__ */ jsxs(Box, { mt: "sm", pt: "sm", style: { borderTop: "1px solid var(--color-border)" }, children: [
-        /* @__PURE__ */ jsxs(Group, { gap: "xs", style: { cursor: "pointer" }, onClick: () => setInputsExpanded(!inputsExpanded), children: [
-          /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", children: inputsExpanded ? /* @__PURE__ */ jsx(IconChevronDown, { size: 16 }) : /* @__PURE__ */ jsx(IconChevronRight, { size: 16 }) }),
-          /* @__PURE__ */ jsxs(Text, { fw: 500, size: "sm", children: [
-            "Test Inputs (",
-            run.testInputs.length,
-            ")"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(Collapse, { in: inputsExpanded, children: /* @__PURE__ */ jsx(Stack, { mt: "sm", children: run.testInputs.map((input, index) => /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", mb: "xs", children: [
-            "Input #",
-            index + 1
-          ] }),
-          /* @__PURE__ */ jsx(Paper, { style: { background: "var(--color-background)" }, children: /* @__PURE__ */ jsx(JsonViewer, { data: input, maxHeight: "150px" }) })
-        ] }, index)) }) })
-      ] })
-    ] }),
-    run.status === "running" && /* @__PURE__ */ jsx(CalibrationProgress, { runId, manager, apiUrl }),
-    /* @__PURE__ */ jsxs(Tabs, { defaultValue: "comparison", children: [
-      /* @__PURE__ */ jsxs(Tabs.List, { children: [
-        /* @__PURE__ */ jsx(Tabs.Tab, { value: "comparison", children: "Results" }),
-        run.gradingRubric && /* @__PURE__ */ jsx(Tabs.Tab, { value: "grading", children: "Grading" })
-      ] }),
-      /* @__PURE__ */ jsx(Tabs.Panel, { value: "comparison", pt: "sm", children: run.executionMode === "session" ? renderSessionComparison?.({ run }) : /* @__PURE__ */ jsx(ComparisonTable, { run, logs, metrics }) }),
-      run.gradingRubric && /* @__PURE__ */ jsx(Tabs.Panel, { value: "grading", pt: "sm", children: /* @__PURE__ */ jsx(GradingPanel, { run, rubric: run.gradingRubric }) })
-    ] })
-  ] });
-}
-function CalibrationSidebar({
-  currentProjectId,
-  currentRunId,
-  currentPath,
-  onProjectClick,
-  onRunClick
-}) {
-  const theme = useMantineTheme();
-  const queryClient = useQueryClient();
-  const { organizationReady } = useInitialization();
-  const { data: projects, isLoading: isProjectsLoading } = useAllCalibrationProjects();
-  const [expandedProjects, setExpandedProjects] = useState(() => {
-    if (currentProjectId) {
-      return { [currentProjectId]: true };
-    }
-    return {};
-  });
-  const toggleProject = (projectId) => {
-    setExpandedProjects((prev) => ({
-      ...prev,
-      [projectId]: !prev[projectId]
-    }));
-  };
-  const handleRefresh = () => {
-    queryClient.invalidateQueries({ queryKey: [...calibrationKeys.all, "projects"] });
-  };
-  const hasData = projects && projects.length > 0;
-  const isInitialLoading = !organizationReady || isProjectsLoading && !hasData;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      style: {
-        flex: 1,
-        minHeight: 0,
-        padding: theme.spacing.sm,
-        display: "flex",
-        flexDirection: "column",
-        overflow: "hidden"
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          SubshellSidebarSection,
-          {
-            icon: IconBriefcase,
-            label: "Projects",
-            rightSection: /* @__PURE__ */ jsx(UnstyledButton, { title: "Refresh projects", onClick: handleRefresh, children: /* @__PURE__ */ jsx(IconRefresh, { size: 14, style: { opacity: 0.6 } }) })
-          }
-        ),
-        /* @__PURE__ */ jsx(ScrollArea, { style: { flex: 1, minHeight: 0 }, scrollbarSize: 8, children: isInitialLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : projects && projects.length > 0 ? /* @__PURE__ */ jsx(Stack, { gap: "xs", p: "sm", children: projects.map((project) => /* @__PURE__ */ jsx(
-          ProjectGroup,
-          {
-            project,
-            isExpanded: expandedProjects[project.id] || false,
-            currentPath,
-            currentRunId,
-            onToggle: () => toggleProject(project.id),
-            onProjectClick,
-            onRunClick
-          },
-          project.id
-        )) }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", style: { padding: theme.spacing.sm }, children: "No projects yet" }) })
-      ]
-    }
-  );
-}
-function ProjectGroup({
-  project,
-  isExpanded,
-  currentPath,
-  currentRunId,
-  onToggle,
-  onProjectClick,
-  onRunClick
-}) {
-  const { data: runs, isLoading: isRunsLoading } = useCalibrationRuns(isExpanded ? project.id : "");
-  const isProjectActive = currentPath.includes(`/project/${project.id}`);
-  const hasActiveRun = runs?.some((run) => run.id === currentRunId) || false;
-  const isActive = isProjectActive || hasActiveRun;
-  return /* @__PURE__ */ jsx(
-    CollapsibleSidebarGroup,
-    {
-      icon: IconFlask,
-      label: project.name,
-      isExpanded,
-      onToggle,
-      isActive,
-      onLabelClick: () => onProjectClick(project.id),
-      isEmpty: !runs || runs.length === 0,
-      emptyMessage: "No runs yet",
-      isLoading: isRunsLoading,
-      loadingComponent: /* @__PURE__ */ jsx(Center, { p: "xs", children: /* @__PURE__ */ jsx(Loader, { size: "xs" }) }),
-      children: runs?.map((run) => /* @__PURE__ */ jsx(RunItem, { run, isActive: currentRunId === run.id, onRunClick }, run.id))
-    }
-  );
-}
-function RunItem({ run, isActive, onRunClick }) {
-  return /* @__PURE__ */ jsx(SubshellNavItem, { icon: IconPlayerPlay, label: run.name, isActive, onClick: () => onRunClick(run.id) });
-}
 function WorkflowExecutionPanel({
   resourceId,
   resourceDefinition,
@@ -8884,7 +8798,6 @@ function AgentListItem({ agent, isSelected, onAgentClick }) {
 var OperationsSidebarTop = () => {
   const { currentPath, navigate } = useRouterContext();
   const theme = useMantineTheme();
-  const isCalibrationSection = currentPath.startsWith("/operations/calibration");
   const isResourcesSection = currentPath.startsWith("/operations/resources");
   const isSessionsSection = currentPath.startsWith("/operations/sessions");
   const isCommandViewSection = currentPath.startsWith("/operations/command-view");
@@ -8913,35 +8826,11 @@ var OperationsSidebarTop = () => {
       }
     );
   }
-  if (isCalibrationSection) {
-    const isActive = currentPath === "/operations/calibration";
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        style: {
-          padding: theme.spacing.sm,
-          borderBottom: "1px solid var(--color-border)"
-        },
-        children: /* @__PURE__ */ jsx(
-          NavigationButton,
-          {
-            icon: IconAdjustments,
-            label: "Calibration Projects",
-            isActive,
-            hasActiveBackground: isActive,
-            onClick: () => navigate("/operations/calibration")
-          }
-        )
-      }
-    );
-  }
   return null;
 };
 
 // src/features/operations/sidebar/pathUtils.ts
 var RESOURCE_DETAIL_PATTERN = /^\/operations\/resources\/(workflow|agent)\/([^/]+)$/;
-var CALIBRATION_PROJECT_PATTERN = /^\/operations\/calibration\/project\/([^/]+)$/;
-var CALIBRATION_RUN_PATTERN = /^\/operations\/calibration\/run\/([^/]+)$/;
 var SESSION_DETAIL_PATTERN = /^\/operations\/sessions\/([^/]+)$/;
 function getActiveResource(pathname) {
   const match = pathname.match(RESOURCE_DETAIL_PATTERN);
@@ -8954,17 +8843,6 @@ function getActiveResource(pathname) {
 function isResourceDetailPage(pathname) {
   return RESOURCE_DETAIL_PATTERN.test(pathname);
 }
-function getCalibrationParams(pathname) {
-  const projectMatch = pathname.match(CALIBRATION_PROJECT_PATTERN);
-  if (projectMatch) {
-    return { projectId: projectMatch[1], runId: void 0 };
-  }
-  const runMatch = pathname.match(CALIBRATION_RUN_PATTERN);
-  if (runMatch) {
-    return { projectId: void 0, runId: runMatch[1] };
-  }
-  return { projectId: void 0, runId: void 0 };
-}
 function getSessionId(pathname) {
   const match = pathname.match(SESSION_DETAIL_PATTERN);
   return match?.[1];
@@ -9091,22 +8969,55 @@ var ExecutionLogsSidebar = () => {
     )
   ] });
 };
+function parseCommandQueueSearch(search) {
+  const params = new URLSearchParams(search ?? "");
+  return {
+    checkpoint: params.get("checkpoint") || void 0,
+    status: params.get("status") || "pending",
+    priorityMin: Number(params.get("priorityMin")) || 1,
+    priorityMax: Number(params.get("priorityMax")) || 10
+  };
+}
+function buildCommandQueueUrl(updates) {
+  const params = new URLSearchParams();
+  for (const [key, value] of Object.entries(updates)) {
+    if (value !== void 0) params.set(key, String(value));
+  }
+  const qs = params.toString();
+  return `/operations/command-queue${qs ? `?${qs}` : ""}`;
+}
+function CommandQueueSidebarConnected() {
+  const { currentPath, currentSearch, navigate } = useRouterContext();
+  const { checkpoint, status, priorityMin, priorityMax } = parseCommandQueueSearch(currentSearch);
+  const priorityRange = [priorityMin, priorityMax];
+  const isDetailView = /\/operations\/command-queue\/.+/.test(currentPath);
+  const handleSelectCheckpoint = (newCheckpoint) => {
+    navigate(buildCommandQueueUrl({ checkpoint: newCheckpoint, status, priorityMin, priorityMax }));
+  };
+  const handleStatusChange = (newStatus) => {
+    navigate(buildCommandQueueUrl({ checkpoint, status: newStatus, priorityMin, priorityMax }));
+  };
+  const handlePriorityRangeChange = useMemo(
+    () => debounce((range) => {
+      navigate(buildCommandQueueUrl({ checkpoint, status, priorityMin: range[0], priorityMax: range[1] }));
+    }, 500),
+    [navigate, checkpoint, status]
+  );
+  return /* @__PURE__ */ jsx("div", { style: { cursor: isDetailView ? "not-allowed" : void 0, height: "100%" }, children: /* @__PURE__ */ jsx("div", { style: { pointerEvents: isDetailView ? "none" : void 0, height: "100%" }, children: /* @__PURE__ */ jsx(
+    CommandQueueSidebar,
+    {
+      selectedCheckpoint: checkpoint,
+      onSelectCheckpoint: handleSelectCheckpoint,
+      status,
+      onStatusChange: handleStatusChange,
+      priorityRange,
+      onPriorityRangeChange: handlePriorityRangeChange
+    }
+  ) }) });
+}
 var OperationsSidebarMiddle = () => {
   const { currentPath, currentSearch, navigate } = useRouterContext();
   const { timeRange = "24h" } = useElevasisFeatures();
-  if (currentPath.startsWith("/operations/calibration")) {
-    const { projectId, runId } = getCalibrationParams(currentPath);
-    return /* @__PURE__ */ jsx(
-      CalibrationSidebar,
-      {
-        currentProjectId: projectId,
-        currentRunId: runId,
-        currentPath,
-        onProjectClick: (nextProjectId) => navigate(`/operations/calibration/project/${nextProjectId}`),
-        onRunClick: (nextRunId) => navigate(`/operations/calibration/run/${nextRunId}`)
-      }
-    );
-  }
   if (currentPath.startsWith("/operations/sessions")) {
     return /* @__PURE__ */ jsx(
       SessionsSidebar,
@@ -9119,6 +9030,9 @@ var OperationsSidebarMiddle = () => {
       }
     );
   }
+  if (currentPath.startsWith("/operations/command-queue")) {
+    return /* @__PURE__ */ jsx(CommandQueueSidebarConnected, {});
+  }
   if (currentPath.startsWith("/operations/command-view")) {
     return /* @__PURE__ */ jsx(CommandViewSidebarContent, { timeRange });
   }
@@ -9133,36 +9047,12 @@ var OperationsSidebar = () => {
     /* @__PURE__ */ jsx(OperationsSidebarMiddle, {})
   ] });
 };
-function CommandQueueShell({
-  selectedCheckpoint,
-  onSelectCheckpoint,
-  status,
-  onStatusChange,
-  priorityRange,
-  onPriorityRangeChange,
-  children
-}) {
-  const { currentPath } = useRouterContext();
-  const isDetailView = /\/operations\/command-queue\/.+/.test(currentPath);
-  return /* @__PURE__ */ jsxs(SubshellContainer, { children: [
-    /* @__PURE__ */ jsx(SubshellSidebar, { width: 250, children: /* @__PURE__ */ jsx("div", { style: { cursor: isDetailView ? "not-allowed" : void 0, height: "100%" }, children: /* @__PURE__ */ jsx("div", { style: { pointerEvents: isDetailView ? "none" : void 0, height: "100%" }, children: /* @__PURE__ */ jsx(
-      CommandQueueSidebar,
-      {
-        selectedCheckpoint,
-        onSelectCheckpoint,
-        status,
-        onStatusChange,
-        priorityRange,
-        onPriorityRangeChange
-      }
-    ) }) }) }),
-    /* @__PURE__ */ jsx(SubshellRightSideContainer, { children: /* @__PURE__ */ jsx(SubshellContentContainer, { children }) })
-  ] });
+function CommandQueueShell({ children }) {
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children });
 }
 var operationsManifest = {
   key: "operations",
-  accessFeatureKey: "operations",
-  domainIds: ["operations"],
+  featureId: "operations",
   capabilityIds: ["operations.organization-graph", "operations.command-view"],
   sidebar: OperationsSidebar,
   subshellRoutes: ["/operations"],
@@ -9178,11 +9068,10 @@ var operationsManifest = {
       { label: "Resources", link: "/operations/resources" },
       { label: "Command View", link: "/operations/command-view" },
       { label: "Command Queue", link: "/operations/command-queue" },
-      { label: "Calibration", link: "/operations/calibration" },
       { label: "Sessions", link: "/operations/sessions" },
       { label: "Task Scheduler", link: "/operations/task-scheduler" }
     ]
   }
 };
 
-export { ActionModal, AgentDefinitionDisplay, AgentExecutionLogs, AgentExecutionPanel, AgentSessionGroup, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, CalibrationPage, CalibrationProgress, CalibrationProjectDetailPage, CalibrationProjectsPage, CalibrationRunDetailPage, CalibrationSidebar, CheckpointGroup, CollapsibleJsonSection, CommandQueueDetailPage, CommandQueuePage, CommandQueueShell, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, CommandQueueTaskRow, CommandViewPage, CommandViewSidebarContent, ConfigCard, ContentSections, ContextUsageBadge, ContractDisplay, ExecuteWorkflowModal, ExecutionErrorSection, ExecutionPanel, FormFieldRenderer, LogEntry, LogGroup, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, OperationsSidebar, OperationsSidebarMiddle, OperationsSidebarTop, OrganizationGraphPage, ResourceDefinitionSection, ResourceDetailPage, ResourceErrorState, ResourceExecuteDialog, ResourceExecuteForm, ResourceFilter, ResourceHeader, ResourceNotFoundState, ResourcesPage, ResourcesSidebar, SessionChatArea, SessionChatInterface, SessionChatPage, SessionDetailsSidebar, SessionExecutionLogs, SessionHeader, SessionListItem, SessionMemory, SessionsPage, SessionsSidebar, ToolsListDisplay, WorkflowDefinitionDisplay, WorkflowExecutionLogs, WorkflowExecutionPanel, getExecutionStatusConfig, getIcon, getLogLevelConfig, iconMap, operationsManifest, useNewKnowledgeMapLayout };
+export { ActionModal, AgentDefinitionDisplay, AgentExecutionLogs, AgentExecutionPanel, AgentSessionGroup, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, CheckpointGroup, CollapsibleJsonSection, CommandQueueDetailPage, CommandQueuePage, CommandQueueShell, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, CommandQueueTaskRow, CommandViewPage, CommandViewSidebarContent, ConfigCard, ContentSections, ContextUsageBadge, ContractDisplay, ExecuteWorkflowModal, ExecutionErrorSection, ExecutionPanel, FormFieldRenderer, LogEntry, LogGroup, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, OperationsSidebar, OperationsSidebarMiddle, OperationsSidebarTop, OrganizationGraphPage, ResourceDefinitionSection, ResourceDetailPage, ResourceErrorState, ResourceExecuteDialog, ResourceExecuteForm, ResourceFilter, ResourceHeader, ResourceNotFoundState, ResourcesPage, ResourcesSidebar, SessionChatArea, SessionChatInterface, SessionChatPage, SessionDetailsSidebar, SessionExecutionLogs, SessionHeader, SessionListItem, SessionMemory, SessionsPage, SessionsSidebar, ToolsListDisplay, WorkflowDefinitionDisplay, WorkflowExecutionLogs, WorkflowExecutionPanel, getExecutionStatusConfig, getIcon, getLogLevelConfig, iconMap, operationsManifest, useNewKnowledgeMapLayout };