@elevasis/ui 2.22.0 → 2.24.0

package/dist/{chunk-IBUYJXA3.js → chunk-KCJ6VATY.js}

@@ -1,14 +1,15 @@
 import { ChatHeader, ChatSidebar } from './chunk-ROSMICXG.js';
 import { SubshellSidebarLoader, SubshellLoader } from './chunk-3JCMO7SD.js';
-import { BaseNode, useGraphTheme, BaseEdge, FormFieldRenderer, ExecutionStats, UnifiedWorkflowGraph, WorkflowExecutionTimeline, AgentExecutionVisualizer, AgentExecutionTimeline, GraphBackground, GraphFitViewButton, GraphFitViewHandler } from './chunk-LKVBEE63.js';
-import { ResourceHealthPanel } from './chunk-GJ7EIABJ.js';
+import { BaseNode, useGraphTheme, BaseEdge, FormFieldRenderer, ExecutionStats, UnifiedWorkflowGraph, WorkflowExecutionTimeline, AgentExecutionVisualizer, AgentExecutionTimeline, GraphBackground, GraphFitViewButton, GraphFitViewHandler } from './chunk-FUEXGRFR.js';
+import { LabelSchema, ColorTokenSchema, IconNameSchema, PathSchema, DescriptionSchema, DisplayMetadataSchema, ModelIdSchema, ReferenceIdsSchema, OrganizationModelSalesSchema } from './chunk-OWHQ65EQ.js';
+import { ResourceHealthPanel } from './chunk-4NWNS7TX.js';
 import { useCyberColors, CyberDonut } from './chunk-TSSKOQBX.js';
 import { AppShellLoader } from './chunk-M25JL54Z.js';
 import { PageContainer } from './chunk-BZZCNLT6.js';
 import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
 import { CustomModal, ConfirmationModal } from './chunk-KVJ3LFH2.js';
 import { getResourceStatusColor, useTimelineData, useAgentIterationData, getStatusIcon } from './chunk-E4WQGJNS.js';
-import { useErrorDetail, useExecution, useArchivedLogs, useDeleteExecution, useRetryExecution, useCancelExecution, useCommandQueueTotals, useStatusFilter, useResourceSearch, useResourcesDomainFilters, usePaginationState, useResources, useRecentExecutionsByResource, filterByDomainFilters, collectResourceFilterFacets, useExecuteAsync, useResourceDefinition, isSessionCapable, useDeleteTask, useCommandQueue, useSubmitAction, useCommandViewData, useCommandViewStats, useCommandViewStore, useResourceExecutions, useCheckpointTasks, COMMAND_VIEW_VISUALIZATION_MODES, useExecutionPanelState, useDeleteSession, useCreateSession, useSessions, useSessionExecutions, useSession, useBulkDeleteExecutions, getCommandViewGraphPositions } from './chunk-B4FHWKEF.js';
+import { useErrorDetail, useExecution, useArchivedLogs, useDeleteExecution, useRetryExecution, useCancelExecution, useCommandQueueTotals, useStatusFilter, useResourceSearch, useResourcesDomainFilters, usePaginationState, useResources, useRecentExecutionsByResource, filterByDomainFilters, collectResourceFilterFacets, useExecuteAsync, useResourceDefinition, isSessionCapable, useDeleteTask, useCommandQueue, useSubmitAction, useCommandViewData, useCommandViewStats, useCommandViewStore, useResourceExecutions, useCheckpointTasks, COMMAND_VIEW_VISUALIZATION_MODES, useExecutionPanelState, useDeleteSession, useCreateSession, useSessions, useSessionExecutions, useSession, useBulkDeleteExecutions, getCommandViewGraphPositions } from './chunk-QULLZ5PE.js';
 import { showApiErrorNotification, showSuccessNotification } from './chunk-Z6FAH4XV.js';
 import { useGraphHighlighting, calculateGraphHeight, Graph_module_css_default, GRAPH_CONSTANTS } from './chunk-22UVE3RA.js';
 import { useMergedExecution } from './chunk-3ZMAGTWF.js';
@@ -25,7 +26,7 @@ import { ResourceStatusColors, toWorkflowLogMessages } from './chunk-KRWALB24.js
 import { useInitialization } from './chunk-DK2HVHCY.js';
 import { useOrganization } from './chunk-DD3CCMCZ.js';
 import { z } from 'zod';
-import { Stack, Group, Text, Badge, Title, Textarea, Alert, Button, ActionIcon, Collapse, Card, ThemeIcon, SimpleGrid, Divider, Paper, Space, CopyButton, Center, Tooltip, Code, Menu, useMantineTheme, UnstyledButton, Select, RangeSlider, Box, Progress, Tabs, Pagination, TextInput, Modal, LoadingOverlay, Loader, SegmentedControl, ScrollArea, Checkbox, MultiSelect, Switch } from '@mantine/core';
+import { Stack, Group, Text, Badge, Title, Textarea, Alert, Button, ActionIcon, Collapse, Card, ThemeIcon, SimpleGrid, Divider, Paper, Space, CopyButton, Center, Tooltip, Code, Menu, useMantineTheme, UnstyledButton, Select, RangeSlider, Box, Progress, Tabs, Pagination, TextInput, Modal, LoadingOverlay, Loader, SegmentedControl, ScrollArea, Checkbox, NumberInput, MultiSelect, Switch } 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, IconFolders, IconBraces, IconBolt, 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';
@@ -40,51 +41,6 @@ import cytoscape from 'cytoscape';
 import { create } from 'zustand';
 import { formatDistanceToNow } from 'date-fns';
 
-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);
-var ColorTokenSchema = z.string().trim().min(1).max(50);
-var IconNameSchema = z.string().trim().min(1).max(80);
-var PathSchema = z.string().trim().startsWith("/").max(300);
-var ReferenceIdsSchema = z.array(ModelIdSchema).default([]);
-var DisplayMetadataSchema = z.object({
-  label: LabelSchema,
-  description: DescriptionSchema.optional(),
-  color: ColorTokenSchema.optional(),
-  icon: IconNameSchema.optional()
-});
-var TechStackEntrySchema = z.object({
-  /** Name of the external platform (e.g. "HubSpot", "Stripe", "Notion"). */
-  platform: z.string().trim().min(1).max(200),
-  /** Free-form description of what this integration is used for. */
-  purpose: z.string().trim().min(1).max(500),
-  /**
-   * Health of the credential backing this integration.
-   * - configured: credential present and valid
-   * - pending: not yet set up
-   * - expired: credential existed but has lapsed
-   * - missing: expected but not present
-   */
-  credentialStatus: z.enum(["configured", "pending", "expired", "missing"]),
-  /**
-   * Whether this integration is the primary system of record for its domain
-   * (e.g. HubSpot is SoR for contacts). Defaults to false.
-   */
-  isSystemOfRecord: z.boolean().default(false)
-});
-DisplayMetadataSchema.extend({
-  id: ModelIdSchema,
-  resourceId: z.string().trim().min(1).max(255),
-  resourceType: z.enum(["workflow", "agent", "trigger", "integration", "external", "human_checkpoint"]),
-  featureIds: ReferenceIdsSchema,
-  entityIds: ReferenceIdsSchema,
-  surfaceIds: ReferenceIdsSchema,
-  capabilityIds: ReferenceIdsSchema,
-  /** Optional tech-stack metadata for external-SaaS integrations. */
-  techStack: TechStackEntrySchema.optional()
-});
-
-// ../core/src/organization-model/domains/features.ts
 var NodeIdPathSchema = z.string().trim().min(1).max(100).regex(/^([a-z0-9-]+)(\.[a-z0-9-]+)*$/, "Node IDs must be lowercase dotted paths");
 z.string().trim().min(1).max(200).regex(/^[a-z]+:([a-z0-9-]+)(\.[a-z0-9-]+)*$/, "Node references must use kind:dotted-path");
 var UiPositionSchema = z.enum(["sidebar-primary", "sidebar-bottom"]);
@@ -110,26 +66,6 @@ var OrganizationModelBrandingSchema = z.object({
     dark: z.string().trim().min(1).max(2048).optional()
   }).default({})
 });
-var SalesStageSemanticClassSchema = z.enum(["open", "active", "nurturing", "closed_won", "closed_lost"]);
-var SalesStageSchema = DisplayMetadataSchema.extend({
-  id: ModelIdSchema,
-  order: z.number().int().min(0),
-  semanticClass: SalesStageSemanticClassSchema,
-  surfaceIds: ReferenceIdsSchema,
-  resourceIds: ReferenceIdsSchema
-});
-var SalesPipelineSchema = z.object({
-  id: ModelIdSchema,
-  label: z.string().trim().min(1).max(120),
-  description: DescriptionSchema.optional(),
-  entityId: ModelIdSchema,
-  stages: z.array(SalesStageSchema).min(1)
-});
-var OrganizationModelSalesSchema = z.object({
-  entityId: ModelIdSchema,
-  defaultPipelineId: ModelIdSchema,
-  pipelines: z.array(SalesPipelineSchema).min(1)
-});
 var ProjectsDomainStateSchema = DisplayMetadataSchema.extend({
   id: ModelIdSchema,
   order: z.number().int().min(0)
@@ -4684,7 +4620,7 @@ function titleCase2(value) {
   return value.charAt(0).toUpperCase() + value.slice(1);
 }
 function MetricCard({ metric }) {
-  return /* @__PURE__ */ jsx(Paper, { withBorder: true, radius: "md", p: "sm", style: { background: "var(--mantine-color-body)" }, children: /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+  return /* @__PURE__ */ jsx(Card, { withBorder: true, radius: "md", p: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
     /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, c: "dimmed", children: metric.label }),
     /* @__PURE__ */ jsx(Text, { size: "lg", fw: 800, children: metric.value }),
     metric.hint ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: metric.hint }) : null
@@ -4769,6 +4705,7 @@ function OrganizationGraphDetailPanel({
   selectedElement,
   supplementalSummary,
   followUpSections,
+  expandAroundPanel,
   onClearSelection,
   className
 }) {
@@ -4806,6 +4743,7 @@ function OrganizationGraphDetailPanel({
       onClearSelection ? /* @__PURE__ */ jsx(Button, { size: "xs", variant: "subtle", onClick: onClearSelection, children: "Clear" }) : null
     ] }),
     /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 2, md: 4 }, spacing: "sm", children: state.metrics.map((metric) => /* @__PURE__ */ jsx(MetricCard, { metric }, metric.label)) }),
+    expandAroundPanel,
     supplementalSummary && (supplementalSummary.metrics.length > 0 || supplementalSummary.metadata.length > 0) ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         Divider,
@@ -5833,184 +5771,895 @@ function buildCommandViewDrillDownSections({
   }
   return sections;
 }
-var cellStyle = {
-  padding: "var(--mantine-spacing-sm) var(--mantine-spacing-md)",
-  display: "flex",
-  alignItems: "center",
-  gap: "var(--mantine-spacing-sm)",
-  minWidth: 0
-};
-function CommandViewHealthStrip({
-  overview,
-  hotspots,
-  visibleResources,
-  hiddenResources = 0,
-  resourcesHidden,
-  selectedLabel,
-  onFocusHotspot,
-  onResourcesHiddenChange,
-  onResetFocus
-}) {
-  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, 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: cellStyle, 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} visible / ${hiddenResources} hidden` }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          size: "compact-xs",
-          variant: resourcesHidden ? "light" : "subtle",
-          onClick: () => onResourcesHiddenChange(!resourcesHidden),
-          style: { flexShrink: 0 },
-          children: resourcesHidden ? "Show resources" : "Hide resources"
-        }
-      ),
-      /* @__PURE__ */ jsx(Button, { size: "compact-xs", variant: "subtle", onClick: onResetFocus, style: { flexShrink: 0 }, children: "Reset" })
-    ] })
-  ] });
-}
-var FILTER_STATE_ICONS2 = {
-  neutral: IconCircleDashed,
-  include: IconCircleCheck,
-  exclude: IconCircleX
-};
-var FILTER_STATE_COLORS2 = {
-  neutral: "var(--color-text-dimmed)",
-  include: "var(--mantine-color-green-6)",
-  exclude: "var(--mantine-color-red-6)"
+
+// src/features/operations/organization-graph/path-tracing/trace.ts
+var NODE_KIND_ORDER = {
+  organization: 0,
+  feature: 1,
+  surface: 2,
+  capability: 3,
+  entity: 4,
+  resource: 5
 };
-var FILTER_STATE_LABELS2 = {
-  neutral: "Not filtered",
-  include: "Include only",
-  exclude: "Exclude"
+var NODE_KIND_LABEL = {
+  organization: "Organization",
+  feature: "Feature",
+  surface: "Surface",
+  capability: "Capability",
+  entity: "Entity",
+  resource: "Resource"
 };
-function getCommandViewResources(commandViewData) {
-  if (!commandViewData) {
-    return [];
+function getNodeLabel(node) {
+  return node.label || node.sourceId || node.id;
+}
+function compareTraceNodes(a, b) {
+  const kindDelta = NODE_KIND_ORDER[a.kind] - NODE_KIND_ORDER[b.kind];
+  if (kindDelta !== 0) {
+    return kindDelta;
   }
-  return [
-    ...commandViewData.agents,
-    ...commandViewData.workflows,
-    ...commandViewData.triggers,
-    ...commandViewData.integrations,
-    ...commandViewData.externalResources,
-    ...commandViewData.humanCheckpoints
-  ];
+  const labelDelta = getNodeLabel(a).localeCompare(getNodeLabel(b));
+  if (labelDelta !== 0) {
+    return labelDelta;
+  }
+  return a.id.localeCompare(b.id);
 }
-function nextDomainFilterState(current) {
-  if (current === "neutral") return "include";
-  if (current === "include") return "exclude";
-  return "neutral";
+function buildMissingNodeMessage(selection, missingNodeIds) {
+  if (missingNodeIds.length === 0) {
+    return "The selected trace is not available.";
+  }
+  if (missingNodeIds.length === 1) {
+    const missingId = missingNodeIds[0];
+    return `Graph node "${missingId}" is not available.`;
+  }
+  return `Graph nodes "${selection.sourceId}" and "${selection.targetId}" are not available.`;
 }
-function FilterPanel({
-  filters,
-  onChangeFilters,
-  resetValue,
-  disabled = false,
-  commandViewData,
-  lens,
-  resourcesHidden,
-  diagnosticsHidden,
-  onResourcesHiddenChange,
-  onDiagnosticsHiddenChange,
-  onRevealResources,
-  onResetFilters,
-  visibilityCounts,
-  graph,
-  baseGraph,
-  layout = "grid"
-}) {
-  const resourceFacets = collectResourceFilterFacets(getCommandViewResources(commandViewData));
-  const Section = ({ children }) => layout === "stack" ? /* @__PURE__ */ jsx(
-    Stack,
-    {
-      gap: "sm",
-      pb: "sm",
-      style: {
-        borderBottom: "1px solid var(--color-border)"
-      },
-      children
+function buildPathNotFoundMessage(source, target) {
+  return `No directed path found from "${source.label}" to "${target.label}".`;
+}
+function buildOrganizationGraphTraceIndex(graph) {
+  const nodesById = /* @__PURE__ */ new Map();
+  const edgesById = /* @__PURE__ */ new Map();
+  const outgoingEdgesByNodeId = /* @__PURE__ */ new Map();
+  const incomingEdgesByNodeId = /* @__PURE__ */ new Map();
+  for (const node of graph.nodes) {
+    nodesById.set(node.id, node);
+    outgoingEdgesByNodeId.set(node.id, []);
+    incomingEdgesByNodeId.set(node.id, []);
+  }
+  for (const edge of graph.edges) {
+    edgesById.set(edge.id, edge);
+    const outgoingEdges = outgoingEdgesByNodeId.get(edge.sourceId);
+    if (outgoingEdges) {
+      outgoingEdges.push(edge);
     }
-  ) : /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", radius: "md", style: { background: "var(--color-surface)" }, children });
-  const updateDomainFilter = (domainId) => {
-    const current = filters.domainFilters[domainId] ?? "neutral";
-    onChangeFilters({
-      ...filters,
-      domainFilters: {
-        ...filters.domainFilters,
-        [domainId]: nextDomainFilterState(current)
-      }
-    });
-  };
-  const handleResourceVisibilityAction = () => {
-    if (resourcesHidden) {
-      onRevealResources();
-      return;
+    const incomingEdges = incomingEdgesByNodeId.get(edge.targetId);
+    if (incomingEdges) {
+      incomingEdges.push(edge);
     }
-    onResourcesHiddenChange(true);
+  }
+  return {
+    nodesById,
+    edgesById,
+    outgoingEdgesByNodeId,
+    incomingEdgesByNodeId
   };
-  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Section, { children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-      /* @__PURE__ */ jsx(Text, { size: "sm", fw: 700, children: "Filters" }),
-      /* @__PURE__ */ jsx(
-        OrganizationGraphFilterToolbar,
-        {
-          value: filters,
-          onChange: onChangeFilters,
-          disabled,
-          resetValue
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsx(Section, { children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-      /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "center", children: [
-        /* @__PURE__ */ jsx(Text, { size: "sm", fw: 700, children: "Visibility" }),
-        /* @__PURE__ */ jsxs(Badge, { variant: "light", children: [
-          visibilityCounts.visibleResourceCount,
-          "/",
-          visibilityCounts.totalResourceCount,
-          " resources"
-        ] })
-      ] }),
-      lens === "command-view" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            label: "Hide resource nodes",
-            description: "Keep the organization structure readable and reveal resource nodes as needed.",
+}
+function getOrganizationGraphTraceNodeKindLabel(kind) {
+  return NODE_KIND_LABEL[kind];
+}
+function formatOrganizationGraphTraceNodeOptionLabel(option) {
+  return `${option.label} \xB7 ${getOrganizationGraphTraceNodeKindLabel(option.kind)}`;
+}
+function getOrganizationGraphTraceNodeOptions(graph) {
+  return [...graph.nodes].sort(compareTraceNodes).map((node) => ({
+    id: node.id,
+    label: getNodeLabel(node),
+    kind: node.kind,
+    sourceId: node.sourceId,
+    description: node.description,
+    enabled: node.enabled
+  }));
+}
+function resolveOrganizationGraphPathTrace(graph, selection) {
+  const index = buildOrganizationGraphTraceIndex(graph);
+  const source = selection.sourceId ? index.nodesById.get(selection.sourceId) ?? null : null;
+  const target = selection.targetId ? index.nodesById.get(selection.targetId) ?? null : null;
+  const missingNodeIds = [
+    selection.sourceId && !source ? selection.sourceId : null,
+    selection.targetId && !target ? selection.targetId : null
+  ].filter((value) => Boolean(value));
+  if (!selection.sourceId && !selection.targetId) {
+    return {
+      status: "idle",
+      selection,
+      source,
+      target,
+      missingNodeIds: [],
+      pathNodes: [],
+      pathEdges: [],
+      highlightNodeIds: [],
+      highlightEdgeIds: [],
+      distance: 0,
+      message: "Select a source and target to trace a path."
+    };
+  }
+  if (!selection.sourceId || !selection.targetId) {
+    return {
+      status: "incomplete",
+      selection,
+      source,
+      target,
+      missingNodeIds,
+      pathNodes: [],
+      pathEdges: [],
+      highlightNodeIds: [],
+      highlightEdgeIds: [],
+      distance: 0,
+      message: "Select both a source and a target to resolve a path."
+    };
+  }
+  if (missingNodeIds.length > 0 || !source || !target) {
+    return {
+      status: "missing-node",
+      selection,
+      source,
+      target,
+      missingNodeIds,
+      pathNodes: [],
+      pathEdges: [],
+      highlightNodeIds: [],
+      highlightEdgeIds: [],
+      distance: 0,
+      message: buildMissingNodeMessage(selection, missingNodeIds)
+    };
+  }
+  if (source.id === target.id) {
+    return {
+      status: "found",
+      selection,
+      source,
+      target,
+      missingNodeIds: [],
+      pathNodes: [source],
+      pathEdges: [],
+      highlightNodeIds: [source.id],
+      highlightEdgeIds: [],
+      distance: 0,
+      message: `Source and target already point to "${source.label}".`
+    };
+  }
+  const visitedNodeIds = /* @__PURE__ */ new Set([source.id]);
+  const predecessorByNodeId = /* @__PURE__ */ new Map();
+  const queue = [source.id];
+  while (queue.length > 0) {
+    const currentNodeId = queue.shift();
+    if (!currentNodeId) {
+      continue;
+    }
+    const outgoingEdges = index.outgoingEdgesByNodeId.get(currentNodeId) ?? [];
+    for (const edge of outgoingEdges) {
+      if (visitedNodeIds.has(edge.targetId)) {
+        continue;
+      }
+      visitedNodeIds.add(edge.targetId);
+      predecessorByNodeId.set(edge.targetId, {
+        nodeId: currentNodeId,
+        edgeId: edge.id
+      });
+      if (edge.targetId === target.id) {
+        queue.length = 0;
+        break;
+      }
+      queue.push(edge.targetId);
+    }
+  }
+  if (!predecessorByNodeId.has(target.id)) {
+    return {
+      status: "not-found",
+      selection,
+      source,
+      target,
+      missingNodeIds: [],
+      pathNodes: [],
+      pathEdges: [],
+      highlightNodeIds: [],
+      highlightEdgeIds: [],
+      distance: 0,
+      message: buildPathNotFoundMessage(source, target)
+    };
+  }
+  const pathNodes = [target];
+  const pathEdges = [];
+  let cursorNodeId = target.id;
+  while (cursorNodeId !== source.id) {
+    const predecessor = predecessorByNodeId.get(cursorNodeId);
+    if (!predecessor) {
+      break;
+    }
+    const edge = index.edgesById.get(predecessor.edgeId);
+    const previousNode = index.nodesById.get(predecessor.nodeId);
+    if (edge) {
+      pathEdges.push(edge);
+    }
+    if (previousNode) {
+      pathNodes.push(previousNode);
+    }
+    cursorNodeId = predecessor.nodeId;
+  }
+  pathNodes.reverse();
+  pathEdges.reverse();
+  return {
+    status: "found",
+    selection,
+    source,
+    target,
+    missingNodeIds: [],
+    pathNodes,
+    pathEdges,
+    highlightNodeIds: pathNodes.map((node) => node.id),
+    highlightEdgeIds: pathEdges.map((edge) => edge.id),
+    distance: pathEdges.length,
+    message: `Path found from "${source.label}" to "${target.label}" across ${pathEdges.length} edge${pathEdges.length === 1 ? "" : "s"}.`
+  };
+}
+
+// src/features/operations/organization-graph/expand-around/expandAroundGraph.ts
+var DEFAULT_MAX_DEPTH = 1;
+var DEFAULT_MAX_RESULTS = 25;
+var ORG_MODEL_ROOT_KINDS = /* @__PURE__ */ new Set([
+  "feature",
+  "surface",
+  "entity",
+  "capability"
+]);
+var PRESET_EDGE_KINDS = {
+  coverage: ["contains", "exposes", "operates-on", "maps_to", "references"],
+  "operational-dependencies": ["references"],
+  "org-context": ["contains", "exposes", "operates-on", "maps_to"],
+  "impact-path": ["references"]
+};
+var PRESET_RELATIONSHIP_TYPES = {
+  "operational-dependencies": ["triggers", "uses", "approval"],
+  "impact-path": ["triggers", "uses", "approval"]
+};
+var PRESET_DIRECTIONS = {
+  coverage: "both",
+  "operational-dependencies": "both",
+  "org-context": "both",
+  "impact-path": "both"
+};
+function toSet(values) {
+  if (!values || values.length === 0) {
+    return null;
+  }
+  return new Set(values);
+}
+function clampMaxDepth(maxDepth) {
+  if (maxDepth === 2 || maxDepth === 3) {
+    return maxDepth;
+  }
+  return 1;
+}
+function resolvePreset(rootNode, preset) {
+  if (preset) {
+    return preset;
+  }
+  if (!rootNode) {
+    return null;
+  }
+  if (ORG_MODEL_ROOT_KINDS.has(rootNode.kind)) {
+    return "coverage";
+  }
+  if (rootNode.kind === "resource") {
+    return "operational-dependencies";
+  }
+  return null;
+}
+function resolveRequest(rootNode, request) {
+  const preset = resolvePreset(rootNode, request.preset);
+  const maxResults = request.maxResults === void 0 || !Number.isFinite(request.maxResults) ? DEFAULT_MAX_RESULTS : Math.max(0, request.maxResults);
+  return {
+    rootNodeId: request.rootNodeId,
+    direction: request.direction ?? (preset ? PRESET_DIRECTIONS[preset] : "both"),
+    maxDepth: clampMaxDepth(request.maxDepth ?? DEFAULT_MAX_DEPTH),
+    maxResults,
+    edgeKinds: toSet(request.edgeKinds ?? (preset ? PRESET_EDGE_KINDS[preset] : void 0)),
+    relationshipTypes: toSet(
+      request.relationshipTypes ?? (preset ? PRESET_RELATIONSHIP_TYPES[preset] : void 0)
+    ),
+    preset,
+    nodeKinds: toSet(request.nodeKinds),
+    resourceTypes: toSet(request.resourceTypes),
+    includeHiddenResources: request.includeHiddenResources ?? false
+  };
+}
+function getOppositeNodeId(edge, currentNodeId) {
+  if (edge.sourceId === currentNodeId) {
+    return edge.targetId;
+  }
+  if (edge.targetId === currentNodeId) {
+    return edge.sourceId;
+  }
+  return null;
+}
+function getCandidateEdges(index, nodeId2, direction) {
+  if (direction === "outgoing") {
+    return index.outgoingEdgesByNodeId.get(nodeId2) ?? [];
+  }
+  if (direction === "incoming") {
+    return index.incomingEdgesByNodeId.get(nodeId2) ?? [];
+  }
+  const seenEdgeIds = /* @__PURE__ */ new Set();
+  const edges = [];
+  for (const edge of [
+    ...index.outgoingEdgesByNodeId.get(nodeId2) ?? [],
+    ...index.incomingEdgesByNodeId.get(nodeId2) ?? []
+  ]) {
+    if (seenEdgeIds.has(edge.id)) {
+      continue;
+    }
+    seenEdgeIds.add(edge.id);
+    edges.push(edge);
+  }
+  return edges;
+}
+function matchesPresetTraversalDirection(edge, currentNodeId, request) {
+  if (request.preset === "coverage" && (edge.kind === "contains" || edge.kind === "exposes")) {
+    return edge.sourceId === currentNodeId;
+  }
+  return true;
+}
+function matchesEdgeFilters(edge, currentNodeId, request) {
+  if (request.edgeKinds && !request.edgeKinds.has(edge.kind)) {
+    return false;
+  }
+  if (request.relationshipTypes && (!edge.relationshipType || !request.relationshipTypes.has(edge.relationshipType))) {
+    return false;
+  }
+  return matchesPresetTraversalDirection(edge, currentNodeId, request);
+}
+function matchesNodeFilters(node, request) {
+  if (request.nodeKinds && !request.nodeKinds.has(node.kind)) {
+    return false;
+  }
+  if (request.resourceTypes) {
+    if (node.kind !== "resource") {
+      return false;
+    }
+    if (!node.resourceType || !request.resourceTypes.has(node.resourceType)) {
+      return false;
+    }
+  }
+  return true;
+}
+function pluralize(count, singular, plural = `${singular}s`) {
+  return `${count} ${count === 1 ? singular : plural}`;
+}
+function getNodeDisplayName(node) {
+  return node.label || node.sourceId || node.id;
+}
+function buildSummaryMessages(input) {
+  const { rootNode, preset, expandedNodes, counts, truncated } = input;
+  if (!rootNode) {
+    return ["Select an available node to expand around."];
+  }
+  if (!preset && rootNode.kind === "organization") {
+    return ["Choose a feature, surface, capability, entity, or resource before expanding."];
+  }
+  if (expandedNodes.length === 0) {
+    return [`No matching graph context found around "${getNodeDisplayName(rootNode)}".`];
+  }
+  const resourceCount = expandedNodes.filter((node) => node.kind === "resource").length;
+  const semanticContextCount = expandedNodes.length - resourceCount;
+  const rootLabel = getNodeDisplayName(rootNode);
+  const messages = [];
+  if (preset === "coverage" && ORG_MODEL_ROOT_KINDS.has(rootNode.kind)) {
+    if (resourceCount > 0 && semanticContextCount > 0) {
+      messages.push(
+        `${pluralize(resourceCount, "resource")} and ${pluralize(
+          semanticContextCount,
+          "semantic context node"
+        )} support "${rootLabel}".`
+      );
+    } else if (resourceCount > 0) {
+      messages.push(`${pluralize(resourceCount, "resource")} support "${rootLabel}".`);
+    } else {
+      messages.push(
+        `${pluralize(semanticContextCount, "semantic context node")} found around "${rootLabel}"; no mapped resources matched this coverage preset.`
+      );
+    }
+  } else if (preset === "operational-dependencies") {
+    messages.push(`${pluralize(resourceCount, "operational dependency resource")} found around "${rootLabel}".`);
+  } else if (preset === "org-context") {
+    messages.push(`${pluralize(expandedNodes.length, "semantic context node")} found around "${rootLabel}".`);
+  } else if (preset === "impact-path") {
+    messages.push(`${pluralize(resourceCount, "resource")} can call or be affected by "${rootLabel}".`);
+  } else {
+    messages.push(`${pluralize(expandedNodes.length, "node")} found around "${rootLabel}".`);
+  }
+  if (counts.hiddenResourceNodes > 0) {
+    messages.push(`${pluralize(counts.hiddenResourceNodes, "hidden resource")} matched current visibility settings.`);
+  }
+  if (counts.alreadyVisibleNodes > 0) {
+    messages.push(`${pluralize(counts.alreadyVisibleNodes, "node")} already visible in the graph.`);
+  }
+  if (truncated) {
+    messages.push(`Results were limited to ${pluralize(expandedNodes.length, "node")}.`);
+  }
+  return messages;
+}
+function expandAroundGraph(graph, request, options = {}) {
+  const index = buildOrganizationGraphTraceIndex(graph);
+  const rootNode = index.nodesById.get(request.rootNodeId) ?? null;
+  const resolved = resolveRequest(rootNode, request);
+  const alreadyVisibleNodeIds = new Set(options.alreadyVisibleNodeIds ?? []);
+  const hiddenResourceNodeIds = new Set(options.hiddenResourceNodeIds ?? []);
+  const expandedNodeIds = /* @__PURE__ */ new Set();
+  const expandedEdgeIds = /* @__PURE__ */ new Set();
+  const frontierNodeIds = /* @__PURE__ */ new Set();
+  const visitedDepthByNodeId = /* @__PURE__ */ new Map([[resolved.rootNodeId, 0]]);
+  const hasExplicitTraversalFilter = Boolean(
+    request.preset || request.edgeKinds?.length || request.relationshipTypes?.length || request.nodeKinds?.length || request.resourceTypes?.length
+  );
+  const queue = rootNode && (resolved.preset || hasExplicitTraversalFilter) ? [{ nodeId: rootNode.id, depth: 0 }] : [];
+  let truncated = false;
+  for (let queueIndex = 0; queueIndex < queue.length; queueIndex += 1) {
+    const current = queue[queueIndex];
+    if (current.depth >= resolved.maxDepth) {
+      if (current.nodeId !== resolved.rootNodeId) {
+        frontierNodeIds.add(current.nodeId);
+      }
+      continue;
+    }
+    for (const edge of getCandidateEdges(index, current.nodeId, resolved.direction)) {
+      if (!matchesEdgeFilters(edge, current.nodeId, resolved)) {
+        continue;
+      }
+      const nextNodeId = getOppositeNodeId(edge, current.nodeId);
+      if (!nextNodeId) {
+        continue;
+      }
+      const nextNode = index.nodesById.get(nextNodeId);
+      if (!nextNode || !matchesNodeFilters(nextNode, resolved)) {
+        continue;
+      }
+      if (!resolved.includeHiddenResources && hiddenResourceNodeIds.has(nextNode.id)) {
+        continue;
+      }
+      const nextDepth = current.depth + 1;
+      const previousDepth = visitedDepthByNodeId.get(nextNode.id);
+      if (previousDepth !== void 0) {
+        if (nextNode.id === resolved.rootNodeId || expandedNodeIds.has(nextNode.id)) {
+          expandedEdgeIds.add(edge.id);
+        }
+        continue;
+      }
+      if (expandedNodeIds.size >= resolved.maxResults) {
+        truncated = true;
+        frontierNodeIds.add(nextNode.id);
+        continue;
+      }
+      visitedDepthByNodeId.set(nextNode.id, nextDepth);
+      expandedNodeIds.add(nextNode.id);
+      expandedEdgeIds.add(edge.id);
+      if (nextDepth >= resolved.maxDepth) {
+        frontierNodeIds.add(nextNode.id);
+        continue;
+      }
+      queue.push({ nodeId: nextNode.id, depth: nextDepth });
+    }
+  }
+  const expandedNodes = [...expandedNodeIds].map((nodeId2) => index.nodesById.get(nodeId2)).filter((node) => Boolean(node));
+  const hiddenResourceNodes = expandedNodes.filter((node) => hiddenResourceNodeIds.has(node.id)).length;
+  const alreadyVisibleNodes = expandedNodes.filter((node) => alreadyVisibleNodeIds.has(node.id)).length;
+  const newNodes = expandedNodes.filter(
+    (node) => !hiddenResourceNodeIds.has(node.id) && !alreadyVisibleNodeIds.has(node.id)
+  ).length;
+  const counts = {
+    newNodes,
+    newEdges: expandedEdgeIds.size,
+    alreadyVisibleNodes,
+    hiddenResourceNodes
+  };
+  const summaryMessages = buildSummaryMessages({
+    rootNode,
+    preset: resolved.preset,
+    expandedNodes,
+    counts,
+    truncated
+  });
+  return {
+    rootNodeId: request.rootNodeId,
+    rootNode,
+    preset: resolved.preset,
+    direction: resolved.direction,
+    maxDepth: resolved.maxDepth,
+    maxResults: resolved.maxResults,
+    expandedNodeIds: [...expandedNodeIds],
+    expandedEdgeIds: [...expandedEdgeIds],
+    frontierNodeIds: [...frontierNodeIds].filter((nodeId2) => nodeId2 !== resolved.rootNodeId),
+    truncated,
+    counts,
+    summaryMessages,
+    message: summaryMessages[0] ?? ""
+  };
+}
+var PRESET_OPTIONS = [
+  { value: "coverage", label: "Coverage" },
+  { value: "operational-dependencies", label: "Operational dependencies" },
+  { value: "org-context", label: "Org context" },
+  { value: "impact-path", label: "Impact path" }
+];
+var DIRECTION_OPTIONS = [
+  { value: "both", label: "Both" },
+  { value: "outgoing", label: "Outgoing" },
+  { value: "incoming", label: "Incoming" }
+];
+var EDGE_KIND_OPTIONS = [
+  { value: "contains", label: "Containment" },
+  { value: "references", label: "References" },
+  { value: "exposes", label: "Exposes" },
+  { value: "maps_to", label: "Maps to" },
+  { value: "operates-on", label: "Operates on" },
+  { value: "uses", label: "Uses" }
+];
+var RELATIONSHIP_OPTIONS = [
+  { value: "triggers", label: "Triggers" },
+  { value: "uses", label: "Uses" },
+  { value: "approval", label: "Approval" }
+];
+var RESOURCE_TYPE_OPTIONS = [
+  { value: "workflow", label: "Workflow" },
+  { value: "agent", label: "Agent" },
+  { value: "trigger", label: "Trigger" },
+  { value: "integration", label: "Integration" },
+  { value: "external", label: "External" },
+  { value: "human_checkpoint", label: "Human checkpoint" }
+];
+function updateValue(value, key, nextValue, onChange) {
+  onChange({
+    ...value,
+    [key]: nextValue
+  });
+}
+function toOptionalArray(values) {
+  return values.length > 0 ? values : void 0;
+}
+function toMaxDepth(value) {
+  const numeric = typeof value === "number" ? value : Number.parseInt(value, 10);
+  if (numeric === 3) return 3;
+  if (numeric === 2) return 2;
+  return 1;
+}
+function ExpandAroundPanel({
+  selectedNode,
+  value,
+  result,
+  appliedNodeCount,
+  appliedEdgeCount,
+  onChange,
+  onPreview,
+  onApply,
+  onClear
+}) {
+  const disabled = !selectedNode;
+  const canApply = Boolean(result && result.expandedNodeIds.length > 0);
+  const rootIsTooBroad = selectedNode?.kind === "organization" && !value.preset;
+  return /* @__PURE__ */ jsx(Paper, { withBorder: true, radius: "md", p: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", wrap: "wrap", children: [
+      /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+        /* @__PURE__ */ jsx(Text, { size: "sm", fw: 800, children: "Expand Around" }),
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: selectedNode ? `Preview typed graph context around ${selectedNode.label}.` : "Select a graph node to preview nearby operational context." })
+      ] }),
+      appliedNodeCount > 0 || appliedEdgeCount > 0 ? /* @__PURE__ */ jsxs(Badge, { variant: "light", color: "blue", children: [
+        appliedNodeCount,
+        " nodes / ",
+        appliedEdgeCount,
+        " edges applied"
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
+      /* @__PURE__ */ jsx(
+        Select,
+        {
+          label: "Preset",
+          placeholder: "Auto",
+          data: PRESET_OPTIONS,
+          value: value.preset ?? null,
+          onChange: (preset) => updateValue(value, "preset", preset ?? void 0, onChange),
+          disabled,
+          clearable: true
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Select,
+        {
+          label: "Direction",
+          data: DIRECTION_OPTIONS,
+          value: value.direction ?? "both",
+          onChange: (direction) => updateValue(value, "direction", direction ?? "both", onChange),
+          disabled
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        NumberInput,
+        {
+          label: "Depth",
+          min: 1,
+          max: 3,
+          value: value.maxDepth ?? 1,
+          onChange: (maxDepth) => updateValue(value, "maxDepth", toMaxDepth(maxDepth), onChange),
+          disabled
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        NumberInput,
+        {
+          label: "Max results",
+          min: 1,
+          max: 100,
+          value: value.maxResults ?? 25,
+          onChange: (maxResults) => updateValue(
+            value,
+            "maxResults",
+            Math.max(1, typeof maxResults === "number" ? maxResults : Number.parseInt(maxResults, 10) || 25),
+            onChange
+          ),
+          disabled
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      MultiSelect,
+      {
+        label: "Relationship filters",
+        placeholder: "Preset defaults",
+        data: RELATIONSHIP_OPTIONS,
+        value: value.relationshipTypes ?? [],
+        onChange: (relationshipTypes) => updateValue(value, "relationshipTypes", toOptionalArray(relationshipTypes), onChange),
+        disabled,
+        clearable: true
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MultiSelect,
+      {
+        label: "Edge kind filters",
+        placeholder: "Preset defaults",
+        data: EDGE_KIND_OPTIONS,
+        value: value.edgeKinds ?? [],
+        onChange: (edgeKinds) => updateValue(value, "edgeKinds", toOptionalArray(edgeKinds), onChange),
+        disabled,
+        clearable: true
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MultiSelect,
+      {
+        label: "Resource type filters",
+        placeholder: "All resource types",
+        data: RESOURCE_TYPE_OPTIONS,
+        value: value.resourceTypes ?? [],
+        onChange: (resourceTypes) => updateValue(value, "resourceTypes", toOptionalArray(resourceTypes), onChange),
+        disabled,
+        clearable: true
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Switch,
+      {
+        label: "Include hidden resources",
+        checked: value.includeHiddenResources ?? true,
+        onChange: (event) => updateValue(value, "includeHiddenResources", event.currentTarget.checked, onChange),
+        disabled
+      }
+    ),
+    rootIsTooBroad ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "orange", children: "The organization root is broad. Choose a narrower node or a semantic preset before previewing." }) : null,
+    result ? /* @__PURE__ */ jsx(Card, { withBorder: true, radius: "md", p: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: 6, children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "wrap", children: [
+        /* @__PURE__ */ jsxs(Badge, { variant: "light", children: [
+          result.counts.newNodes,
+          " new"
+        ] }),
+        /* @__PURE__ */ jsxs(Badge, { variant: "light", children: [
+          result.counts.alreadyVisibleNodes,
+          " visible"
+        ] }),
+        /* @__PURE__ */ jsxs(Badge, { variant: "light", color: result.counts.hiddenResourceNodes > 0 ? "orange" : "gray", children: [
+          result.counts.hiddenResourceNodes,
+          " hidden"
+        ] }),
+        result.truncated ? /* @__PURE__ */ jsx(Badge, { variant: "light", color: "yellow", children: "Truncated" }) : null
+      ] }),
+      result.summaryMessages.map((message) => /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: message }, message))
+    ] }) }) : null,
+    /* @__PURE__ */ jsxs(Group, { gap: "xs", justify: "space-between", wrap: "wrap", children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(Button, { size: "xs", variant: "light", onClick: onPreview, disabled: disabled || rootIsTooBroad, children: "Preview" }),
+        /* @__PURE__ */ jsx(Button, { size: "xs", onClick: onApply, disabled: !canApply, children: "Apply" })
+      ] }),
+      /* @__PURE__ */ jsx(Button, { size: "xs", variant: "subtle", onClick: onClear, disabled: !result && appliedNodeCount === 0, children: "Clear expansion" })
+    ] })
+  ] }) });
+}
+var cellStyle = {
+  padding: "var(--mantine-spacing-sm) var(--mantine-spacing-md)",
+  display: "flex",
+  alignItems: "center",
+  gap: "var(--mantine-spacing-sm)",
+  minWidth: 0
+};
+function CommandViewHealthStrip({
+  overview,
+  hotspots,
+  visibleResources,
+  hiddenResources = 0,
+  resourcesHidden,
+  selectedLabel,
+  onFocusHotspot,
+  onResourcesHiddenChange,
+  onResetFocus
+}) {
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, 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: cellStyle, 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} visible / ${hiddenResources} hidden` }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "compact-xs",
+          variant: resourcesHidden ? "light" : "subtle",
+          onClick: () => onResourcesHiddenChange(!resourcesHidden),
+          style: { flexShrink: 0 },
+          children: resourcesHidden ? "Show resources" : "Hide resources"
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { size: "compact-xs", variant: "subtle", onClick: onResetFocus, style: { flexShrink: 0 }, children: "Reset" })
+    ] })
+  ] });
+}
+var FILTER_STATE_ICONS2 = {
+  neutral: IconCircleDashed,
+  include: IconCircleCheck,
+  exclude: IconCircleX
+};
+var FILTER_STATE_COLORS2 = {
+  neutral: "var(--color-text-dimmed)",
+  include: "var(--mantine-color-green-6)",
+  exclude: "var(--mantine-color-red-6)"
+};
+var FILTER_STATE_LABELS2 = {
+  neutral: "Not filtered",
+  include: "Include only",
+  exclude: "Exclude"
+};
+function getCommandViewResources(commandViewData) {
+  if (!commandViewData) {
+    return [];
+  }
+  return [
+    ...commandViewData.agents,
+    ...commandViewData.workflows,
+    ...commandViewData.triggers,
+    ...commandViewData.integrations,
+    ...commandViewData.externalResources,
+    ...commandViewData.humanCheckpoints
+  ];
+}
+function nextDomainFilterState(current) {
+  if (current === "neutral") return "include";
+  if (current === "include") return "exclude";
+  return "neutral";
+}
+function FilterPanel({
+  filters,
+  onChangeFilters,
+  resetValue,
+  disabled = false,
+  commandViewData,
+  lens,
+  resourcesHidden,
+  diagnosticsHidden,
+  onResourcesHiddenChange,
+  onDiagnosticsHiddenChange,
+  onRevealResources,
+  onResetFilters,
+  visibilityCounts,
+  graph,
+  baseGraph,
+  layout = "grid"
+}) {
+  const resourceFacets = collectResourceFilterFacets(getCommandViewResources(commandViewData));
+  const Section = ({ children }) => layout === "stack" ? /* @__PURE__ */ jsx(
+    Stack,
+    {
+      gap: "sm",
+      pb: "sm",
+      style: {
+        borderBottom: "1px solid var(--color-border)"
+      },
+      children
+    }
+  ) : /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", radius: "md", style: { background: "var(--color-surface)" }, children });
+  const updateDomainFilter = (domainId) => {
+    const current = filters.domainFilters[domainId] ?? "neutral";
+    onChangeFilters({
+      ...filters,
+      domainFilters: {
+        ...filters.domainFilters,
+        [domainId]: nextDomainFilterState(current)
+      }
+    });
+  };
+  const handleResourceVisibilityAction = () => {
+    if (resourcesHidden) {
+      onRevealResources();
+      return;
+    }
+    onResourcesHiddenChange(true);
+  };
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Section, { children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+      /* @__PURE__ */ jsx(Text, { size: "sm", fw: 700, children: "Filters" }),
+      /* @__PURE__ */ jsx(
+        OrganizationGraphFilterToolbar,
+        {
+          value: filters,
+          onChange: onChangeFilters,
+          disabled,
+          resetValue
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(Section, { children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+      /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "center", children: [
+        /* @__PURE__ */ jsx(Text, { size: "sm", fw: 700, children: "Visibility" }),
+        /* @__PURE__ */ jsxs(Badge, { variant: "light", children: [
+          visibilityCounts.visibleResourceCount,
+          "/",
+          visibilityCounts.totalResourceCount,
+          " resources"
+        ] })
+      ] }),
+      lens === "command-view" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            label: "Hide resource nodes",
+            description: "Keep the organization structure readable and reveal resource nodes as needed.",
             checked: resourcesHidden,
             onChange: (event) => onResourcesHiddenChange(event.currentTarget.checked),
             disabled
@@ -6125,345 +6774,114 @@ function toResourceHealth(node, stats) {
     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,
-  surface: 2,
-  capability: 3,
-  entity: 4,
-  resource: 5
-};
-var NODE_KIND_LABEL = {
-  organization: "Organization",
-  feature: "Feature",
-  surface: "Surface",
-  capability: "Capability",
-  entity: "Entity",
-  resource: "Resource"
-};
-function getNodeLabel(node) {
-  return node.label || node.sourceId || node.id;
-}
-function compareTraceNodes(a, b) {
-  const kindDelta = NODE_KIND_ORDER[a.kind] - NODE_KIND_ORDER[b.kind];
-  if (kindDelta !== 0) {
-    return kindDelta;
-  }
-  const labelDelta = getNodeLabel(a).localeCompare(getNodeLabel(b));
-  if (labelDelta !== 0) {
-    return labelDelta;
-  }
-  return a.id.localeCompare(b.id);
-}
-function buildMissingNodeMessage(selection, missingNodeIds) {
-  if (missingNodeIds.length === 0) {
-    return "The selected trace is not available.";
-  }
-  if (missingNodeIds.length === 1) {
-    const missingId = missingNodeIds[0];
-    return `Graph node "${missingId}" is not available.`;
-  }
-  return `Graph nodes "${selection.sourceId}" and "${selection.targetId}" are not available.`;
-}
-function buildPathNotFoundMessage(source, target) {
-  return `No directed path found from "${source.label}" to "${target.label}".`;
-}
-function buildOrganizationGraphTraceIndex(graph) {
-  const nodesById = /* @__PURE__ */ new Map();
-  const edgesById = /* @__PURE__ */ new Map();
-  const outgoingEdgesByNodeId = /* @__PURE__ */ new Map();
-  const incomingEdgesByNodeId = /* @__PURE__ */ new Map();
-  for (const node of graph.nodes) {
-    nodesById.set(node.id, node);
-    outgoingEdgesByNodeId.set(node.id, []);
-    incomingEdgesByNodeId.set(node.id, []);
-  }
-  for (const edge of graph.edges) {
-    edgesById.set(edge.id, edge);
-    const outgoingEdges = outgoingEdgesByNodeId.get(edge.sourceId);
-    if (outgoingEdges) {
-      outgoingEdges.push(edge);
-    }
-    const incomingEdges = incomingEdgesByNodeId.get(edge.targetId);
-    if (incomingEdges) {
-      incomingEdges.push(edge);
-    }
-  }
-  return {
-    nodesById,
-    edgesById,
-    outgoingEdgesByNodeId,
-    incomingEdgesByNodeId
-  };
-}
-function getOrganizationGraphTraceNodeKindLabel(kind) {
-  return NODE_KIND_LABEL[kind];
-}
-function formatOrganizationGraphTraceNodeOptionLabel(option) {
-  return `${option.label} \xB7 ${getOrganizationGraphTraceNodeKindLabel(option.kind)}`;
-}
-function getOrganizationGraphTraceNodeOptions(graph) {
-  return [...graph.nodes].sort(compareTraceNodes).map((node) => ({
-    id: node.id,
-    label: getNodeLabel(node),
-    kind: node.kind,
-    sourceId: node.sourceId,
-    description: node.description,
-    enabled: node.enabled
-  }));
-}
-function resolveOrganizationGraphPathTrace(graph, selection) {
-  const index = buildOrganizationGraphTraceIndex(graph);
-  const source = selection.sourceId ? index.nodesById.get(selection.sourceId) ?? null : null;
-  const target = selection.targetId ? index.nodesById.get(selection.targetId) ?? null : null;
-  const missingNodeIds = [
-    selection.sourceId && !source ? selection.sourceId : null,
-    selection.targetId && !target ? selection.targetId : null
-  ].filter((value) => Boolean(value));
-  if (!selection.sourceId && !selection.targetId) {
-    return {
-      status: "idle",
-      selection,
-      source,
-      target,
-      missingNodeIds: [],
-      pathNodes: [],
-      pathEdges: [],
-      highlightNodeIds: [],
-      highlightEdgeIds: [],
-      distance: 0,
-      message: "Select a source and target to trace a path."
-    };
-  }
-  if (!selection.sourceId || !selection.targetId) {
-    return {
-      status: "incomplete",
-      selection,
-      source,
-      target,
-      missingNodeIds,
-      pathNodes: [],
-      pathEdges: [],
-      highlightNodeIds: [],
-      highlightEdgeIds: [],
-      distance: 0,
-      message: "Select both a source and a target to resolve a path."
+      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
     };
   }
-  if (missingNodeIds.length > 0 || !source || !target) {
+  const resourceStats = stats.resources[resourceId];
+  if (!resourceStats || resourceStats.totalRuns <= 0) {
     return {
-      status: "missing-node",
-      selection,
-      source,
-      target,
-      missingNodeIds,
-      pathNodes: [],
-      pathEdges: [],
-      highlightNodeIds: [],
-      highlightEdgeIds: [],
-      distance: 0,
-      message: buildMissingNodeMessage(selection, missingNodeIds)
+      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
     };
   }
-  if (source.id === target.id) {
-    return {
-      status: "found",
-      selection,
-      source,
-      target,
-      missingNodeIds: [],
-      pathNodes: [source],
-      pathEdges: [],
-      highlightNodeIds: [source.id],
-      highlightEdgeIds: [],
-      distance: 0,
-      message: `Source and target already point to "${source.label}".`
-    };
+  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;
   }
-  const visitedNodeIds = /* @__PURE__ */ new Set([source.id]);
-  const predecessorByNodeId = /* @__PURE__ */ new Map();
-  const queue = [source.id];
-  while (queue.length > 0) {
-    const currentNodeId = queue.shift();
-    if (!currentNodeId) {
-      continue;
-    }
-    const outgoingEdges = index.outgoingEdgesByNodeId.get(currentNodeId) ?? [];
-    for (const edge of outgoingEdges) {
-      if (visitedNodeIds.has(edge.targetId)) {
-        continue;
-      }
-      visitedNodeIds.add(edge.targetId);
-      predecessorByNodeId.set(edge.targetId, {
-        nodeId: currentNodeId,
-        edgeId: edge.id
-      });
-      if (edge.targetId === target.id) {
-        queue.length = 0;
-        break;
-      }
-      queue.push(edge.targetId);
+  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);
     }
   }
-  if (!predecessorByNodeId.has(target.id)) {
-    return {
-      status: "not-found",
-      selection,
-      source,
-      target,
-      missingNodeIds: [],
-      pathNodes: [],
-      pathEdges: [],
-      highlightNodeIds: [],
-      highlightEdgeIds: [],
-      distance: 0,
-      message: buildPathNotFoundMessage(source, target)
-    };
+  return healthByNodeId;
+}
+function getHealthRank(level) {
+  switch (level) {
+    case "critical":
+      return 0;
+    case "warning":
+      return 1;
+    case "healthy":
+      return 2;
+    case "inactive":
+    default:
+      return 3;
   }
-  const pathNodes = [target];
-  const pathEdges = [];
-  let cursorNodeId = target.id;
-  while (cursorNodeId !== source.id) {
-    const predecessor = predecessorByNodeId.get(cursorNodeId);
-    if (!predecessor) {
-      break;
-    }
-    const edge = index.edgesById.get(predecessor.edgeId);
-    const previousNode = index.nodesById.get(predecessor.nodeId);
-    if (edge) {
-      pathEdges.push(edge);
+}
+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 (previousNode) {
-      pathNodes.push(previousNode);
+    if (right.sortScore !== left.sortScore) {
+      return right.sortScore - left.sortScore;
     }
-    cursorNodeId = predecessor.nodeId;
-  }
-  pathNodes.reverse();
-  pathEdges.reverse();
-  return {
-    status: "found",
-    selection,
-    source,
-    target,
-    missingNodeIds: [],
-    pathNodes,
-    pathEdges,
-    highlightNodeIds: pathNodes.map((node) => node.id),
-    highlightEdgeIds: pathEdges.map((edge) => edge.id),
-    distance: pathEdges.length,
-    message: `Path found from "${source.label}" to "${target.label}" across ${pathEdges.length} edge${pathEdges.length === 1 ? "" : "s"}.`
-  };
+    return left.label.localeCompare(right.label);
+  }).slice(0, limit);
 }
 var STATUS_LABELS = {
   idle: "Idle",
@@ -6587,6 +7005,14 @@ var EMPTY_TRACE_SELECTION = {
 };
 var EMPTY_GRAPH_HIDDEN_IDS = /* @__PURE__ */ new Set();
 var EMPTY_GRAPH_HIDDEN_EDGE_IDS = /* @__PURE__ */ new Set();
+var EMPTY_EXPANDED_NODE_IDS = /* @__PURE__ */ new Set();
+var EMPTY_EXPANDED_EDGE_IDS = /* @__PURE__ */ new Set();
+var DEFAULT_EXPAND_AROUND_VALUE = {
+  direction: "both",
+  maxDepth: 1,
+  maxResults: 25,
+  includeHiddenResources: true
+};
 var FALLBACK_GRAPH_THEME = {
   primary: "#4a6e8e",
   background: "#030507",
@@ -6994,13 +7420,31 @@ function createCytoscapeStyle(tokens) {
         "target-arrow-color": traceBorder,
         "line-style": "solid"
       }
+    },
+    {
+      selector: "node.is-expanded-node",
+      style: {
+        opacity: 1,
+        "border-color": mixColors(tokens.primary, tokens.warning, 0.72),
+        "border-width": 3.4,
+        "background-opacity": 1
+      }
+    },
+    {
+      selector: "edge.is-expanded-edge",
+      style: {
+        opacity: 1,
+        width: 3.4,
+        "line-opacity": 0.94,
+        label: "data(label)"
+      }
     }
   ];
 }
-function syncGraphClasses(cy, selectedElement, traceResult, hiddenIds, hiddenEdgeIds) {
+function syncGraphClasses(cy, selectedElement, traceResult, hiddenIds, hiddenEdgeIds, expandedNodeIds, expandedEdgeIds) {
   cy.batch(() => {
     cy.elements().removeClass(
-      "is-hidden is-faded is-context is-selected is-connected is-trace-node is-trace-edge is-trace-endpoint"
+      "is-hidden is-faded is-context is-selected is-connected is-trace-node is-trace-edge is-trace-endpoint is-expanded-node is-expanded-edge"
     );
     for (const nodeId2 of hiddenIds) {
       const node = cy.getElementById(nodeId2);
@@ -7018,9 +7462,33 @@ function syncGraphClasses(cy, selectedElement, traceResult, hiddenIds, hiddenEdg
       traceResult && (traceResult.highlightNodeIds.length > 0 || traceResult.highlightEdgeIds.length > 0)
     );
     if (!selectedElement && !hasTrace) {
+      for (const nodeId2 of expandedNodeIds) {
+        const node = cy.getElementById(nodeId2);
+        if (!node.empty()) {
+          node.addClass("is-expanded-node");
+        }
+      }
+      for (const edgeId2 of expandedEdgeIds) {
+        const edge2 = cy.getElementById(edgeId2);
+        if (!edge2.empty()) {
+          edge2.addClass("is-expanded-edge");
+        }
+      }
       return;
     }
     cy.elements().addClass("is-faded");
+    for (const nodeId2 of expandedNodeIds) {
+      const node = cy.getElementById(nodeId2);
+      if (!node.empty()) {
+        node.removeClass("is-faded").addClass("is-context is-expanded-node");
+      }
+    }
+    for (const edgeId2 of expandedEdgeIds) {
+      const edge2 = cy.getElementById(edgeId2);
+      if (!edge2.empty()) {
+        edge2.removeClass("is-faded").addClass("is-connected is-expanded-edge");
+      }
+    }
     if (traceResult) {
       for (const nodeId2 of traceResult.highlightNodeIds) {
         const node = cy.getElementById(nodeId2);
@@ -7097,6 +7565,8 @@ function OrganizationGraphCanvas({
   traceResult,
   hiddenIds,
   hiddenEdgeIds,
+  expandedNodeIds,
+  expandedEdgeIds,
   themeTokens,
   commandViewHealthByNodeId,
   focusRequest,
@@ -7158,7 +7628,7 @@ function OrganizationGraphCanvas({
       });
     });
     resizeObserver.observe(containerRef.current);
-    syncGraphClasses(cy, selectedElement, traceResult, hiddenIds, hiddenEdgeIds);
+    syncGraphClasses(cy, selectedElement, traceResult, hiddenIds, hiddenEdgeIds, expandedNodeIds, expandedEdgeIds);
     return () => {
       resizeObserver.disconnect();
       cy.destroy();
@@ -7172,7 +7642,7 @@ function OrganizationGraphCanvas({
     }
     syncCytoscapeElements(cy, elements);
     cy.layout(getLayoutOptions(mode, selectedElement, traceResult)).run();
-    syncGraphClasses(cy, selectedElement, traceResult, hiddenIds, hiddenEdgeIds);
+    syncGraphClasses(cy, selectedElement, traceResult, hiddenIds, hiddenEdgeIds, expandedNodeIds, expandedEdgeIds);
   }, [elements]);
   useEffect(() => {
     const cy = cytoscapeRef.current;
@@ -7191,7 +7661,7 @@ function OrganizationGraphCanvas({
     if (!cy) {
       return;
     }
-    syncGraphClasses(cy, selectedElement, traceResult, hiddenIds, hiddenEdgeIds);
+    syncGraphClasses(cy, selectedElement, traceResult, hiddenIds, hiddenEdgeIds, expandedNodeIds, expandedEdgeIds);
     if (mode === "map" && selectedElement?.type === "node") {
       const node = cy.getElementById(selectedElement.id);
       if (!node.empty()) {
@@ -7211,7 +7681,7 @@ function OrganizationGraphCanvas({
         );
       }
     }
-  }, [hiddenEdgeIds, hiddenIds, mode, selectedElement, traceResult]);
+  }, [expandedEdgeIds, expandedNodeIds, hiddenEdgeIds, hiddenIds, mode, selectedElement, traceResult]);
   useEffect(() => {
     const cy = cytoscapeRef.current;
     if (!cy || !focusRequest) {
@@ -7354,6 +7824,10 @@ function OrganizationGraphPage({ lens = "default", timeRange = "30d" }) {
   const [selectedElement, setSelectedElement] = useState(null);
   const [focusRequest, setFocusRequest] = useState(null);
   const [pathTraceSelection, setPathTraceSelection] = useState(EMPTY_TRACE_SELECTION);
+  const [expandAroundValue, setExpandAroundValue] = useState(DEFAULT_EXPAND_AROUND_VALUE);
+  const [expandAroundPreview, setExpandAroundPreview] = useState(null);
+  const [appliedExpandAroundNodeIds, setAppliedExpandAroundNodeIds] = useState(EMPTY_EXPANDED_NODE_IDS);
+  const [appliedExpandAroundEdgeIds, setAppliedExpandAroundEdgeIds] = useState(EMPTY_EXPANDED_EDGE_IDS);
   const { filters, resetFilters, updateFilters } = useOrganizationGraphFilters(lensConfig.initialFilters);
   const toolbarResetValue = useMemo(
     () => createOrganizationGraphFilters(lensConfig.initialFilters),
@@ -7385,6 +7859,12 @@ function OrganizationGraphPage({ lens = "default", timeRange = "30d" }) {
       commandViewData
     });
   }, [baseGraph, commandViewData, deferredFilters]);
+  const commandViewRevealIds = useMemo(() => {
+    if (appliedExpandAroundNodeIds.size === 0) {
+      return revealedIds;
+    }
+    return /* @__PURE__ */ new Set([...revealedIds, ...appliedExpandAroundNodeIds]);
+  }, [appliedExpandAroundNodeIds, revealedIds]);
   const visibilityProjection = useMemo(() => {
     if (!graph || lens !== "command-view") {
       const resourceCount = getGraphCountByKind(graph, "resource");
@@ -7403,10 +7883,10 @@ function OrganizationGraphPage({ lens = "default", timeRange = "30d" }) {
       resourcesHidden,
       diagnosticsHidden,
       diagnosticCategories,
-      revealedIds,
+      revealedIds: commandViewRevealIds,
       mode
     });
-  }, [commandViewData, diagnosticCategories, diagnosticsHidden, graph, lens, mode, resourcesHidden, revealedIds]);
+  }, [commandViewData, commandViewRevealIds, diagnosticCategories, diagnosticsHidden, graph, lens, mode, resourcesHidden]);
   const visibleGraph = useMemo(() => {
     if (!graph || visibilityProjection.hiddenIds.size === 0) {
       return graph;
@@ -7489,6 +7969,43 @@ function OrganizationGraphPage({ lens = "default", timeRange = "30d" }) {
       nonce: Date.now()
     });
   });
+  const clearExpandAroundState = useEffectEvent(() => {
+    setExpandAroundPreview(null);
+    setAppliedExpandAroundNodeIds(EMPTY_EXPANDED_NODE_IDS);
+    setAppliedExpandAroundEdgeIds(EMPTY_EXPANDED_EDGE_IDS);
+  });
+  const previewExpandAround = useEffectEvent(() => {
+    if (lens !== "command-view" || !graph || selectedElement?.type !== "node") {
+      setExpandAroundPreview(null);
+      return;
+    }
+    setExpandAroundPreview(
+      expandAroundGraph(
+        graph,
+        {
+          rootNodeId: selectedElement.id,
+          ...expandAroundValue
+        },
+        {
+          alreadyVisibleNodeIds: visibleGraph?.nodes.map((node) => node.id) ?? [],
+          hiddenResourceNodeIds: visibilityProjection.hiddenIds
+        }
+      )
+    );
+  });
+  const applyExpandAroundPreview = useEffectEvent(() => {
+    if (!expandAroundPreview || selectedElement?.type !== "node") {
+      return;
+    }
+    setAppliedExpandAroundNodeIds(new Set(expandAroundPreview.expandedNodeIds));
+    setAppliedExpandAroundEdgeIds(new Set(expandAroundPreview.expandedEdgeIds));
+    setMode("map");
+    setSelectedElement({ type: "node", id: selectedElement.id });
+    focusGraphNode(selectedElement.id);
+    if (expandAroundPreview.counts.hiddenResourceNodes > 0) {
+      markVisibilityInteraction();
+    }
+  });
   const focusCommandViewResource = useEffectEvent((resourceId) => {
     const focusNode = visibleGraph?.nodes.find((node) => node.kind === "resource" && node.sourceId === resourceId);
     if (!focusNode) {
@@ -7501,6 +8018,7 @@ function OrganizationGraphPage({ lens = "default", timeRange = "30d" }) {
   const handleResetFilters = useEffectEvent(() => {
     resetFilters();
     clearRevealedIds();
+    clearExpandAroundState();
     setSelectedElement(null);
     setPathTraceSelection(EMPTY_TRACE_SELECTION);
   });
@@ -7508,6 +8026,7 @@ function OrganizationGraphPage({ lens = "default", timeRange = "30d" }) {
     setResourcesHidden(value);
     if (value) {
       clearRevealedIds();
+      clearExpandAroundState();
       setSelectedElement(null);
     }
   });
@@ -7515,20 +8034,23 @@ function OrganizationGraphPage({ lens = "default", timeRange = "30d" }) {
     setDiagnosticsHidden(value);
     if (value) {
       clearRevealedIds();
+      clearExpandAroundState();
     }
   });
   const revealAllResources = useEffectEvent(() => {
     setResourcesHidden(false);
     setDiagnosticsHidden(false);
     clearRevealedIds();
+    clearExpandAroundState();
   });
   const handleSelectElement = useEffectEvent((element) => {
     if (!element) {
-      if (!selectedElement && revealedIds.size === 0) {
+      if (!selectedElement && revealedIds.size === 0 && appliedExpandAroundNodeIds.size === 0) {
         return;
       }
       setSelectedElement(null);
       clearRevealedIds();
+      clearExpandAroundState();
       return;
     }
     if (mode === "map" && element.type === "node" && selectedElement?.type === "node" && selectedElement.id === element.id) {
@@ -7543,7 +8065,9 @@ function OrganizationGraphPage({ lens = "default", timeRange = "30d" }) {
       }
     } else {
       clearRevealedIds();
+      clearExpandAroundState();
     }
+    setExpandAroundPreview(null);
     setSelectedElement(element);
   });
   useEffect(() => {
@@ -7554,8 +8078,19 @@ function OrganizationGraphPage({ lens = "default", timeRange = "30d" }) {
     if (!elementExists) {
       setSelectedElement(null);
       clearRevealedIds();
+      clearExpandAroundState();
     }
-  }, [clearRevealedIds, selectedElement, visibleGraph]);
+  }, [clearExpandAroundState, clearRevealedIds, selectedElement, visibleGraph]);
+  useEffect(() => {
+    if (lens !== "command-view" || !graph || appliedExpandAroundNodeIds.size === 0) {
+      return;
+    }
+    const graphNodeIds = new Set(graph.nodes.map((node) => node.id));
+    const expansionStillExists = [...appliedExpandAroundNodeIds].some((nodeId2) => graphNodeIds.has(nodeId2));
+    if (!expansionStillExists) {
+      clearExpandAroundState();
+    }
+  }, [appliedExpandAroundNodeIds, clearExpandAroundState, graph, lens]);
   useEffect(() => {
     if (lens !== "command-view") {
       return;
@@ -7658,6 +8193,8 @@ function OrganizationGraphPage({ lens = "default", timeRange = "30d" }) {
                 traceResult: activeTraceResult,
                 hiddenIds: EMPTY_GRAPH_HIDDEN_IDS,
                 hiddenEdgeIds: EMPTY_GRAPH_HIDDEN_EDGE_IDS,
+                expandedNodeIds: lens === "command-view" ? appliedExpandAroundNodeIds : EMPTY_EXPANDED_NODE_IDS,
+                expandedEdgeIds: lens === "command-view" ? appliedExpandAroundEdgeIds : EMPTY_EXPANDED_EDGE_IDS,
                 themeTokens,
                 commandViewHealthByNodeId,
                 focusRequest,
@@ -7897,9 +8434,27 @@ function OrganizationGraphPage({ lens = "default", timeRange = "30d" }) {
                   selectedElement,
                   supplementalSummary: selectionOperationalSummary,
                   followUpSections,
+                  expandAroundPanel: lens === "command-view" ? /* @__PURE__ */ jsx(
+                    ExpandAroundPanel,
+                    {
+                      selectedNode: selectedGraphNode,
+                      value: expandAroundValue,
+                      result: expandAroundPreview,
+                      appliedNodeCount: appliedExpandAroundNodeIds.size,
+                      appliedEdgeCount: appliedExpandAroundEdgeIds.size,
+                      onChange: (next) => {
+                        setExpandAroundValue(next);
+                        setExpandAroundPreview(null);
+                      },
+                      onPreview: previewExpandAround,
+                      onApply: applyExpandAroundPreview,
+                      onClear: clearExpandAroundState
+                    }
+                  ) : null,
                   onClearSelection: () => {
                     setSelectedElement(null);
                     clearRevealedIds();
+                    clearExpandAroundState();
                   }
                 }
               ) }),