@elevasis/ui 2.30.0 → 2.31.0

package/dist/{chunk-3MDNBHVB.js → chunk-MVFCLZSK.js}

@@ -1,15 +1,15 @@
-import { SemanticIcon } from './chunk-JCGD4GM6.js';
+import { SemanticIcon } from './chunk-GRDLB6LM.js';
 import { SubshellSidebarLoader } from './chunk-XQQEKWTL.js';
-import { OrganizationModelProspectingSchema, CAPABILITY_REGISTRY } from './chunk-NITGGYH2.js';
+import { OrganizationModelProspectingSchema, CAPABILITY_REGISTRY } from './chunk-TVRQ6AQI.js';
 import { useCyberColors, CyberDonut } from './chunk-CW3UNAF2.js';
 import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
-import { collectResourceFilterFacets, useCommandViewStore, useCommandViewData, useCommandViewStats, usePaginationState, useResourceExecutions, useCheckpointTasks } from './chunk-6EFVZV6X.js';
-import { EmptyState, APIErrorAlert } from './chunk-6WXDE5LZ.js';
-import { LabelSchema, ColorTokenSchema, IconNameSchema, PathSchema, DescriptionSchema, DisplayMetadataSchema, ModelIdSchema, ReferenceIdsSchema, OrganizationModelSalesSchema } from './chunk-AKOD52HS.js';
+import { collectResourceFilterFacets, useCommandViewStore, useCommandViewData, useCommandViewStats, usePaginationState, useResourceExecutions, useCheckpointTasks } from './chunk-JKSUN5GN.js';
 import { useElevasisFeatures } from './chunk-6IXOKUBC.js';
-import { getNodeId } from './chunk-HXZQWMKE.js';
+import { EmptyState, CardHeader, APIErrorAlert } from './chunk-L3BVJWML.js';
+import { LabelSchema, ColorTokenSchema, IconNameSchema, PathSchema, DescriptionSchema, DisplayMetadataSchema, ModelIdSchema, ReferenceIdsSchema, OrganizationModelSalesSchema } from './chunk-CQZ3DNQY.js';
+import { getNodeId } from './chunk-XQHZBA65.js';
 import { useRef, useEffect, useMemo } from 'react';
-import { Paper, Stack, Group, Text, Button, Badge, SimpleGrid, Divider, Select, NumberInput, MultiSelect, Switch, Card, Checkbox, UnstyledButton, useMantineTheme, Box, Title, Space, Center, Loader, Pagination, TextInput, SegmentedControl } from '@mantine/core';
+import { Paper, Stack, Group, Text, Button, Badge, SimpleGrid, Tabs, Title, Divider, Select, NumberInput, MultiSelect, Switch, Card, Checkbox, UnstyledButton, useMantineTheme, Box, Space, Center, Loader, Pagination, TextInput, Accordion, SegmentedControl, Anchor } from '@mantine/core';
 import { IconShare2, IconTopologyStar3, IconRefresh, IconCircleX, IconCircleCheck, IconCircleDashed, IconSitemap, IconExternalLink, IconSearch } from '@tabler/icons-react';
 import { z } from 'zod';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -276,13 +276,104 @@ var OfferingsDomainSchema = z.object({
 var DEFAULT_ORGANIZATION_MODEL_OFFERINGS = {
   products: []
 };
+var SystemKindSchema = z.enum(["product", "operational", "platform", "diagnostic"]);
+var SystemStatusSchema = z.enum(["active", "deprecated", "archived"]);
+var SystemIdSchema = ModelIdSchema;
+var SystemEntrySchema = z.object({
+  /** Stable tenant-defined system id (e.g. "sys.lead-gen"). */
+  id: SystemIdSchema,
+  /** Human-readable system title shown in governance and operations UI. */
+  title: LabelSchema,
+  /** One-paragraph purpose statement for the bounded context. */
+  description: DescriptionSchema,
+  /** Closed system shape enum; catalog values remain tenant-defined. */
+  kind: SystemKindSchema,
+  /** Optional role responsible for this system. */
+  responsibleRoleId: ModelIdSchema.optional(),
+  /** Optional knowledge nodes that govern this system. */
+  governedByKnowledge: ReferenceIdsSchema,
+  /** Optional goals this system contributes to. */
+  drivesGoals: ReferenceIdsSchema,
+  status: SystemStatusSchema
+});
+var SystemsDomainSchema = z.object({
+  systems: z.array(SystemEntrySchema).default([])
+});
+var DEFAULT_ORGANIZATION_MODEL_SYSTEMS = {
+  systems: []
+};
+
+// ../core/src/organization-model/domains/resources.ts
+z.enum(["workflow", "agent", "integration"]);
+var ResourceGovernanceStatusSchema = z.enum(["active", "deprecated", "archived"]);
+var AgentKindSchema = z.enum(["orchestrator", "specialist", "utility", "system"]);
+var ResourceIdSchema = z.string().trim().min(1).max(255).regex(/^[A-Za-z0-9]+(?:[-._][A-Za-z0-9]+)*$/, "Resource IDs must use letters, numbers, -, _, or . separators");
+var ResourceEntryBaseSchema = z.object({
+  /** Canonical resource id; runtime resourceId derives from this value. */
+  id: ResourceIdSchema,
+  /** Required single System membership. */
+  systemId: SystemIdSchema,
+  /** Optional role responsible for maintaining this resource. */
+  ownerRoleId: ModelIdSchema.optional(),
+  status: ResourceGovernanceStatusSchema
+});
+var WorkflowResourceEntrySchema = ResourceEntryBaseSchema.extend({
+  kind: z.literal("workflow"),
+  /** Mirrors WorkflowConfig.capabilityKey when the runtime workflow has one. */
+  capabilityKey: z.string().trim().min(1).max(255).optional()
+});
+var AgentResourceEntrySchema = ResourceEntryBaseSchema.extend({
+  kind: z.literal("agent"),
+  /** Mirrors code-side AgentConfig.kind. */
+  agentKind: AgentKindSchema,
+  /** Role this agent embodies, if any. */
+  actsAsRoleId: ModelIdSchema.optional(),
+  /** Mirrors AgentConfig.sessionCapable. */
+  sessionCapable: z.boolean()
+});
+var IntegrationResourceEntrySchema = ResourceEntryBaseSchema.extend({
+  kind: z.literal("integration"),
+  provider: z.string().trim().min(1).max(100)
+});
+var ResourceEntrySchema = z.discriminatedUnion("kind", [
+  WorkflowResourceEntrySchema,
+  AgentResourceEntrySchema,
+  IntegrationResourceEntrySchema
+]);
+var ResourcesDomainSchema = z.object({
+  entries: z.array(ResourceEntrySchema).default([])
+});
+var DEFAULT_ORGANIZATION_MODEL_RESOURCES = {
+  entries: []
+};
+
+// ../core/src/organization-model/domains/roles.ts
+var RoleIdSchema = ModelIdSchema;
+var HumanRoleHolderSchema = z.object({
+  kind: z.literal("human"),
+  userId: z.string().trim().min(1).max(200)
+});
+var AgentRoleHolderSchema = z.object({
+  kind: z.literal("agent"),
+  agentId: ResourceIdSchema
+});
+var TeamRoleHolderSchema = z.object({
+  kind: z.literal("team"),
+  memberIds: z.array(z.string().trim().min(1).max(200)).min(1)
+});
+var RoleHolderSchema = z.discriminatedUnion("kind", [
+  HumanRoleHolderSchema,
+  AgentRoleHolderSchema,
+  TeamRoleHolderSchema
+]);
+var RoleHoldersSchema = z.union([RoleHolderSchema, z.array(RoleHolderSchema).min(1)]);
 var RoleSchema = z.object({
   /** Stable unique identifier for the role (e.g. "role-ceo", "role-head-of-sales"). */
-  id: z.string().trim().min(1).max(100),
+  id: RoleIdSchema,
   /** Human-readable title shown to agents and in UI (e.g. "CEO", "Head of Sales"). */
   title: z.string().trim().min(1).max(200),
   /**
-   * List of responsibilities this role owns — plain-language descriptions of
+   * List of responsibilities this role owns - plain-language descriptions of
    * what the person in this role is accountable for delivering.
    * Defaults to empty array so minimal role definitions stay concise.
    */
@@ -290,16 +381,18 @@ var RoleSchema = z.object({
   /**
    * Optional: ID of another role this role reports to.
    * When present, must reference another `roles[].id` in the same organization.
-   * Cross-reference enforced in `OrganizationModelSchema.superRefine()`.
-   * Absence indicates a top-level role (no reporting line).
    */
-  reportsToId: z.string().trim().min(1).max(100).optional(),
+  reportsToId: RoleIdSchema.optional(),
   /**
-   * Optional: name or email of the person currently holding this role.
-   * Free-form string — supports "Alice Johnson", "alice@example.com", or
-   * any human-readable identifier. Not validated against any user registry.
+   * Optional: human, agent, or team holder currently filling this role.
+   * Agent holders reference OM Resource IDs and are validated at the model level.
    */
-  heldBy: z.string().trim().max(200).optional()
+  heldBy: RoleHoldersSchema.optional(),
+  /**
+   * Optional Systems this role is accountable for.
+   * Cross-reference enforced in `OrganizationModelSchema.superRefine()`.
+   */
+  responsibleFor: z.array(SystemIdSchema).optional()
 });
 var RolesDomainSchema = z.object({
   roles: z.array(RoleSchema).default([])
@@ -534,8 +627,8 @@ var OrgKnowledgeNodeSchema = z.object({
   skills: z.array(KnowledgeSkillBindingSchema).optional(),
   /** Domain key used to derive fast graph->skill registries. */
   domain: KnowledgeDomainBindingSchema.optional(),
-  /** Identifiers of the roles or members who own this knowledge node. */
-  ownerIds: z.array(ModelIdSchema).default([]),
+  /** Role identifiers that own this knowledge node. */
+  ownerIds: z.array(RoleIdSchema).default([]),
   /** ISO date string (YYYY-MM-DD or full ISO 8601) of last meaningful update. */
   updatedAt: z.string().trim().min(1).max(50)
 });
@@ -557,6 +650,8 @@ var OrganizationModelSchemaBase = z.object({
   offerings: OfferingsDomainSchema.default(DEFAULT_ORGANIZATION_MODEL_OFFERINGS),
   roles: RolesDomainSchema.default(DEFAULT_ORGANIZATION_MODEL_ROLES),
   goals: GoalsDomainSchema.default(DEFAULT_ORGANIZATION_MODEL_GOALS),
+  systems: SystemsDomainSchema.default(DEFAULT_ORGANIZATION_MODEL_SYSTEMS),
+  resources: ResourcesDomainSchema.default(DEFAULT_ORGANIZATION_MODEL_RESOURCES),
   statuses: StatusesDomainSchema.default({ entries: [] }),
   operations: OperationsDomainSchema.default({ entries: [] }),
   knowledge: KnowledgeDomainSchema.default({ nodes: [] })
@@ -590,6 +685,9 @@ function hasFeature(featuresById, featureId) {
 function defaultFeaturePathFor(id) {
   return `/${id.replaceAll(".", "/")}`;
 }
+function asRoleHolderArray(heldBy) {
+  return Array.isArray(heldBy) ? heldBy : [heldBy];
+}
 var OrganizationModelSchema = OrganizationModelSchemaBase.superRefine((model, ctx) => {
   const featuresById = collectIds(model.features, ctx, ["features"], "Feature");
   const featureIdsByEffectivePath = /* @__PURE__ */ new Map();
@@ -700,6 +798,8 @@ var OrganizationModelSchema = OrganizationModelSchemaBase.superRefine((model, ct
       );
     }
   });
+  const goalsById = new Map(model.goals.objectives.map((objective) => [objective.id, objective]));
+  const knowledgeById = new Map(model.knowledge.nodes.map((node) => [node.id, node]));
   const rolesById = new Map(model.roles.roles.map((role) => [role.id, role]));
   model.roles.roles.forEach((role, roleIndex) => {
     if (role.reportsToId !== void 0 && !rolesById.has(role.reportsToId)) {
@@ -710,6 +810,102 @@ var OrganizationModelSchema = OrganizationModelSchemaBase.superRefine((model, ct
       );
     }
   });
+  const systemsById = collectIds(model.systems.systems, ctx, ["systems", "systems"], "System");
+  model.roles.roles.forEach((role, roleIndex) => {
+    role.responsibleFor?.forEach((systemId, systemIndex) => {
+      if (!systemsById.has(systemId)) {
+        addIssue(
+          ctx,
+          ["roles", "roles", roleIndex, "responsibleFor", systemIndex],
+          `Role "${role.id}" references unknown responsibleFor system "${systemId}"`
+        );
+      }
+    });
+  });
+  model.systems.systems.forEach((system, systemIndex) => {
+    if (system.responsibleRoleId !== void 0 && !rolesById.has(system.responsibleRoleId)) {
+      addIssue(
+        ctx,
+        ["systems", "systems", systemIndex, "responsibleRoleId"],
+        `System "${system.id}" references unknown responsibleRoleId "${system.responsibleRoleId}"`
+      );
+    }
+    system.governedByKnowledge.forEach((nodeId2, nodeIndex) => {
+      if (!knowledgeById.has(nodeId2)) {
+        addIssue(
+          ctx,
+          ["systems", "systems", systemIndex, "governedByKnowledge", nodeIndex],
+          `System "${system.id}" references unknown knowledge node "${nodeId2}"`
+        );
+      }
+    });
+    system.drivesGoals.forEach((goalId, goalIndex) => {
+      if (!goalsById.has(goalId)) {
+        addIssue(
+          ctx,
+          ["systems", "systems", systemIndex, "drivesGoals", goalIndex],
+          `System "${system.id}" references unknown goal "${goalId}"`
+        );
+      }
+    });
+  });
+  const resourcesById = collectIds(model.resources.entries, ctx, ["resources", "entries"], "Resource");
+  model.resources.entries.forEach((resource, resourceIndex) => {
+    if (!systemsById.has(resource.systemId)) {
+      addIssue(
+        ctx,
+        ["resources", "entries", resourceIndex, "systemId"],
+        `Resource "${resource.id}" references unknown systemId "${resource.systemId}"`
+      );
+    }
+    if (resource.ownerRoleId !== void 0 && !rolesById.has(resource.ownerRoleId)) {
+      addIssue(
+        ctx,
+        ["resources", "entries", resourceIndex, "ownerRoleId"],
+        `Resource "${resource.id}" references unknown ownerRoleId "${resource.ownerRoleId}"`
+      );
+    }
+    if (resource.kind === "agent" && resource.actsAsRoleId !== void 0 && !rolesById.has(resource.actsAsRoleId)) {
+      addIssue(
+        ctx,
+        ["resources", "entries", resourceIndex, "actsAsRoleId"],
+        `Agent resource "${resource.id}" references unknown actsAsRoleId "${resource.actsAsRoleId}"`
+      );
+    }
+  });
+  model.roles.roles.forEach((role, roleIndex) => {
+    if (role.heldBy === void 0) return;
+    asRoleHolderArray(role.heldBy).forEach((holder, holderIndex) => {
+      if (holder.kind !== "agent") return;
+      const resource = resourcesById.get(holder.agentId);
+      if (resource === void 0) {
+        addIssue(
+          ctx,
+          ["roles", "roles", roleIndex, "heldBy", Array.isArray(role.heldBy) ? holderIndex : "agentId"],
+          `Role "${role.id}" references unknown agent holder resource "${holder.agentId}"`
+        );
+        return;
+      }
+      if (resource.kind !== "agent") {
+        addIssue(
+          ctx,
+          ["roles", "roles", roleIndex, "heldBy", Array.isArray(role.heldBy) ? holderIndex : "agentId"],
+          `Role "${role.id}" agent holder "${holder.agentId}" must reference an agent resource`
+        );
+      }
+    });
+  });
+  model.knowledge.nodes.forEach((node, nodeIndex) => {
+    node.ownerIds.forEach((roleId, ownerIndex) => {
+      if (!rolesById.has(roleId)) {
+        addIssue(
+          ctx,
+          ["knowledge", "nodes", nodeIndex, "ownerIds", ownerIndex],
+          `Knowledge node "${node.id}" references unknown owner role "${roleId}"`
+        );
+      }
+    });
+  });
 });
 
 // ../core/src/organization-model/graph/schema.ts
@@ -1372,20 +1568,250 @@ function getOrganizationGraphDetailState(graph, selectedElement) {
   }
   return buildEdgeState(graph, edge, nodesById);
 }
+function ProminentPropertiesSection({ properties }) {
+  return /* @__PURE__ */ jsx(SimpleGrid, { cols: 2, spacing: "sm", children: properties.map((prop) => /* @__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: prop.label }),
+    /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, style: { wordBreak: "break-all" }, children: prop.value })
+  ] }) }, prop.label)) });
+}
+function LinkedObjectsSection({ orderedKeys, byRelationship, onSelectNode }) {
+  const keys = orderedKeys ? orderedKeys.filter((k) => byRelationship[k] && byRelationship[k].length > 0) : Object.keys(byRelationship);
+  if (keys.length === 0) {
+    return /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No linked objects found in the current graph." });
+  }
+  return /* @__PURE__ */ jsx(Stack, { gap: "xs", children: keys.map((relationshipKey) => {
+    const linkedNodeList = byRelationship[relationshipKey];
+    return /* @__PURE__ */ jsx(Card, { variant: "light", radius: "md", p: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+      /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, c: "dimmed", children: relationshipKey }),
+      /* @__PURE__ */ jsx(Stack, { gap: 4, children: linkedNodeList.map((linkedNode) => /* @__PURE__ */ jsx(
+        Anchor,
+        {
+          component: "button",
+          size: "sm",
+          onClick: () => onSelectNode?.(linkedNode.id),
+          style: { textAlign: "left" },
+          children: linkedNode.label
+        },
+        linkedNode.id
+      )) })
+    ] }) }, relationshipKey);
+  }) });
+}
+function DefaultProminentProperties({ node }) {
+  const fields = [
+    { label: "Kind", value: node.kind },
+    { label: "Domain", value: node.sourceId ?? "\u2014" },
+    { label: "ID", value: node.id },
+    { label: "Label", value: node.label }
+  ];
+  return /* @__PURE__ */ jsx(ProminentPropertiesSection, { properties: fields });
+}
+function ObjectView({ node, linkedNodes, prominentProperties, onSelectNode }) {
+  const hasCustomProperties = prominentProperties && prominentProperties.length > 0;
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+      /* @__PURE__ */ jsx(Title, { order: 5, children: "Prominent Properties" }),
+      hasCustomProperties ? /* @__PURE__ */ jsx(ProminentPropertiesSection, { properties: prominentProperties }) : /* @__PURE__ */ jsx(DefaultProminentProperties, { node })
+    ] }),
+    /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+      /* @__PURE__ */ jsx(Title, { order: 5, children: "Linked" }),
+      /* @__PURE__ */ jsx(LinkedObjectsSection, { byRelationship: linkedNodes.byRelationship, onSelectNode })
+    ] })
+  ] });
+}
+
+// src/features/operations/organization-graph/object-views/getLinkedNodesByRelationship.ts
+function getLinkedNodesByRelationship(graph, nodeId2) {
+  const nodeMap = new Map(graph.nodes.map((n) => [n.id, n]));
+  const byRelationship = {};
+  for (const edge of graph.edges) {
+    const isOutgoing = edge.sourceId === nodeId2;
+    const isIncoming = edge.targetId === nodeId2;
+    if (!isOutgoing && !isIncoming) continue;
+    const direction = isOutgoing ? "outgoing" : "incoming";
+    const groupKey = `${edge.kind} (${direction})`;
+    const linkedNodeId = isOutgoing ? edge.targetId : edge.sourceId;
+    const linkedNode = nodeMap.get(linkedNodeId);
+    if (!linkedNode) continue;
+    if (!byRelationship[groupKey]) {
+      byRelationship[groupKey] = [];
+    }
+    byRelationship[groupKey].push(linkedNode);
+  }
+  return { byRelationship };
+}
+var LINKED_OBJECT_ORDER = ["governs (incoming)", "uses (outgoing)", "triggers (incoming)"];
+function findAgentExtras(resourceId, registry) {
+  if (!resourceId || !registry) return void 0;
+  return registry.agents.find((a) => a.resourceId === resourceId);
+}
+function AgentObjectView({ node, linkedNodes, registry, onSelectNode }) {
+  const extras = findAgentExtras(node.sourceId, registry);
+  const prominentProperties = extras ? [
+    { label: "Model Provider", value: extras.modelProvider },
+    { label: "Model ID", value: extras.modelId },
+    { label: "Tool Count", value: String(extras.toolCount) },
+    { label: "Knowledge Map", value: extras.hasKnowledgeMap ? "Yes" : "No" },
+    { label: "Memory", value: extras.hasMemory ? "Yes" : "No" },
+    { label: "Session Capable", value: extras.sessionCapable ? "Yes" : "No" }
+  ] : [
+    { label: "Kind", value: node.kind },
+    { label: "ID", value: node.id },
+    { label: "Label", value: node.label }
+  ];
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+      /* @__PURE__ */ jsx(Title, { order: 5, children: "Prominent Properties" }),
+      !extras ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Agent extras are not available in the current registry snapshot." }) : null,
+      /* @__PURE__ */ jsx(ProminentPropertiesSection, { properties: prominentProperties })
+    ] }),
+    /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+      /* @__PURE__ */ jsx(Title, { order: 5, children: "Linked" }),
+      /* @__PURE__ */ jsx(
+        LinkedObjectsSection,
+        {
+          orderedKeys: LINKED_OBJECT_ORDER,
+          byRelationship: linkedNodes.byRelationship,
+          onSelectNode
+        }
+      )
+    ] })
+  ] });
+}
+var LINKED_OBJECT_ORDER2 = ["triggers (incoming)", "uses (outgoing)", "exposes (incoming)"];
+function findWorkflowExtras(resourceId, registry) {
+  if (!resourceId || !registry) return void 0;
+  return registry.workflows.find((w) => w.resourceId === resourceId);
+}
+function WorkflowObjectView({ node, linkedNodes, registry, onSelectNode }) {
+  const extras = findWorkflowExtras(node.sourceId, registry);
+  const prominentProperties = extras ? [
+    { label: "Step Count", value: String(extras.stepCount) },
+    { label: "Entry Point", value: extras.entryPoint }
+  ] : [
+    { label: "Kind", value: node.kind },
+    { label: "ID", value: node.id },
+    { label: "Label", value: node.label }
+  ];
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+      /* @__PURE__ */ jsx(Title, { order: 5, children: "Prominent Properties" }),
+      !extras ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Workflow extras are not available in the current registry snapshot." }) : null,
+      /* @__PURE__ */ jsx(ProminentPropertiesSection, { properties: prominentProperties })
+    ] }),
+    /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+      /* @__PURE__ */ jsx(Title, { order: 5, children: "Linked" }),
+      /* @__PURE__ */ jsx(
+        LinkedObjectsSection,
+        {
+          orderedKeys: LINKED_OBJECT_ORDER2,
+          byRelationship: linkedNodes.byRelationship,
+          onSelectNode
+        }
+      )
+    ] })
+  ] });
+}
+var LINKED_OBJECT_ORDER3 = ["triggers (outgoing)", "uses (outgoing)"];
+function findTriggerExtras(resourceId, registry) {
+  if (!resourceId || !registry) return void 0;
+  return registry.triggers.find((t) => t.resourceId === resourceId);
+}
+function TriggerObjectView({ node, linkedNodes, registry, onSelectNode }) {
+  const extras = findTriggerExtras(node.sourceId, registry);
+  const prominentProperties = extras ? [
+    { label: "Trigger Type", value: extras.triggerType },
+    ...extras.triggerType === "schedule" && extras.schedule ? [{ label: "Schedule", value: extras.schedule }] : [],
+    ...extras.triggerType === "webhook" && extras.webhookPath ? [{ label: "Webhook Path", value: extras.webhookPath }] : [],
+    ...extras.triggerType === "event" && extras.eventType ? [{ label: "Event Type", value: extras.eventType }] : []
+  ] : [
+    { label: "Kind", value: node.kind },
+    { label: "ID", value: node.id },
+    { label: "Label", value: node.label }
+  ];
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+      /* @__PURE__ */ jsx(Title, { order: 5, children: "Prominent Properties" }),
+      !extras ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Trigger details are not available in the current registry snapshot." }) : null,
+      /* @__PURE__ */ jsx(ProminentPropertiesSection, { properties: prominentProperties })
+    ] }),
+    /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+      /* @__PURE__ */ jsx(Title, { order: 5, children: "Linked" }),
+      /* @__PURE__ */ jsx(
+        LinkedObjectsSection,
+        {
+          orderedKeys: LINKED_OBJECT_ORDER3,
+          byRelationship: linkedNodes.byRelationship,
+          onSelectNode
+        }
+      )
+    ] })
+  ] });
+}
+var LINKED_OBJECT_ORDER4 = ["uses (incoming)", "triggers (incoming)"];
+function findIntegrationExtras(resourceId, registry) {
+  if (!resourceId || !registry) return void 0;
+  return registry.integrations.find((i) => i.resourceId === resourceId);
+}
+function IntegrationObjectView({ node, linkedNodes, registry, onSelectNode }) {
+  const extras = findIntegrationExtras(node.sourceId, registry);
+  const prominentProperties = extras ? [
+    { label: "Provider", value: extras.provider },
+    { label: "Credential", value: extras.credentialName }
+  ] : [
+    { label: "Kind", value: node.kind },
+    { label: "ID", value: node.id },
+    { label: "Label", value: node.label }
+  ];
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+      /* @__PURE__ */ jsx(Title, { order: 5, children: "Prominent Properties" }),
+      !extras ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Integration details are not available in the current registry snapshot." }) : null,
+      /* @__PURE__ */ jsx(ProminentPropertiesSection, { properties: prominentProperties })
+    ] }),
+    /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+      /* @__PURE__ */ jsx(Title, { order: 5, children: "Linked" }),
+      /* @__PURE__ */ jsx(
+        LinkedObjectsSection,
+        {
+          orderedKeys: LINKED_OBJECT_ORDER4,
+          byRelationship: linkedNodes.byRelationship,
+          onSelectNode
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/features/operations/organization-graph/object-views/registry.ts
+var objectViewRegistry = {
+  "resource:agent": AgentObjectView,
+  "resource:workflow": WorkflowObjectView,
+  "resource:trigger": TriggerObjectView,
+  "resource:integration": IntegrationObjectView
+};
+function getConfiguredObjectView(node) {
+  if (node.kind === "resource" && node.resourceType) {
+    return objectViewRegistry[`resource:${node.resourceType}`];
+  }
+  return objectViewRegistry[node.kind];
+}
 function getNodeKindColor(kind) {
   switch (kind) {
     case "organization":
       return "gray";
     case "feature":
       return "blue";
-    case "domain":
-      return "violet";
     case "surface":
       return "cyan";
     case "entity":
       return "pink";
     case "capability":
       return "green";
+    case "stage":
+      return "teal";
+    case "knowledge":
+      return "indigo";
     case "resource":
       return "orange";
     default:
@@ -1412,14 +1838,16 @@ function getNodeKindLabel2(kind) {
       return "Organization root";
     case "feature":
       return "Feature gate";
-    case "domain":
-      return "Domain boundary";
     case "surface":
       return "Surface";
     case "entity":
       return "Entity";
     case "capability":
       return "Capability";
+    case "stage":
+      return "Stage";
+    case "knowledge":
+      return "Knowledge";
     case "resource":
       return "Resource";
     default:
@@ -1516,6 +1944,11 @@ function FollowUpSectionCard({ section }) {
     )) }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: section.emptyMessage })
   ] }) });
 }
+function shouldDefaultObjectTab(node) {
+  if (node.kind === "organization" || node.kind === "feature") return true;
+  if (node.kind === "resource" && (node.resourceType === "agent" || node.resourceType === "workflow")) return true;
+  return false;
+}
 function OrganizationGraphDetailPanel({
   graph,
   selectedElement,
@@ -1523,6 +1956,8 @@ function OrganizationGraphDetailPanel({
   followUpSections,
   expandAroundPanel,
   onClearSelection,
+  onSelectNode,
+  commandViewData,
   className
 }) {
   const state = getOrganizationGraphDetailState(graph, selectedElement);
@@ -1545,154 +1980,183 @@ function OrganizationGraphDetailPanel({
       ] })
     ] }) });
   }
+  const selectedNode = state.state === "node" ? state.node : null;
+  const linkedNodes = selectedNode && graph ? getLinkedNodesByRelationship(graph, selectedNode.id) : null;
+  const ConfiguredView = selectedNode ? getConfiguredObjectView(selectedNode) : void 0;
+  const defaultTab = selectedNode && shouldDefaultObjectTab(selectedNode) ? "object" : "details";
   return /* @__PURE__ */ jsx(Paper, { withBorder: true, radius: "lg", p: "md", className, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", children: [
-      /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", wrap: "nowrap", gap: "md", children: [
+      /* @__PURE__ */ jsxs(Stack, { gap: 4, style: { flex: 1, minWidth: 0 }, children: [
         /* @__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: titleCase2(state.edge.relationshipType) }) : null
         ] }),
-        /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", align: "center", children: [
-          state.state === "node" ? /* @__PURE__ */ jsx(
-            SemanticIcon,
-            {
-              token: state.node.icon,
-              fallbackKind: getNodeIconFallbackKind(state.node.kind),
-              size: 18,
-              style: { color: "var(--color-text-subtle)" }
-            }
-          ) : null,
-          /* @__PURE__ */ jsx(Text, { fw: 800, size: "lg", style: { minWidth: 0 }, children: state.title })
-        ] }),
-        /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: state.operationalMeaning })
+        /* @__PURE__ */ jsx(
+          CardHeader,
+          {
+            icon: state.state === "node" ? /* @__PURE__ */ jsx(
+              SemanticIcon,
+              {
+                token: state.node.icon,
+                fallbackKind: getNodeIconFallbackKind(state.node.kind),
+                size: 16
+              }
+            ) : void 0,
+            title: state.title,
+            subtitle: state.operationalMeaning,
+            titleOrder: 4,
+            mb: 0
+          }
+        )
       ] }),
       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,
-        {
-          label: /* @__PURE__ */ jsxs(Group, { gap: 6, children: [
-            /* @__PURE__ */ jsx(IconTopologyStar3, { size: 14 }),
-            /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, children: supplementalSummary.title })
-          ] }),
-          labelPosition: "center"
-        }
-      ),
-      supplementalSummary.description ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: supplementalSummary.description }) : null,
-      supplementalSummary.metrics.length > 0 ? /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 2, md: 4 }, spacing: "sm", children: supplementalSummary.metrics.map((metric) => /* @__PURE__ */ jsx(MetricCard, { metric }, `supplemental-${metric.label}`)) }) : null,
-      supplementalSummary.metadata.length > 0 ? /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: supplementalSummary.metadata.map((item) => /* @__PURE__ */ jsx(Paper, { 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: item.label }),
-        /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: item.value })
-      ] }) }, `supplemental-${item.label}`)) }) : null
-    ] }) : null,
-    followUpSections && followUpSections.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        Divider,
-        {
-          label: /* @__PURE__ */ jsxs(Group, { gap: 6, children: [
-            /* @__PURE__ */ jsx(IconShare2, { size: 14 }),
-            /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, children: "Follow-up actions" })
-          ] }),
-          labelPosition: "center"
-        }
-      ),
-      /* @__PURE__ */ jsx(Stack, { gap: "sm", children: followUpSections.map((section) => /* @__PURE__ */ jsx(FollowUpSectionCard, { section }, section.title)) })
-    ] }) : null,
-    /* @__PURE__ */ jsx(
-      Divider,
-      {
-        label: /* @__PURE__ */ jsxs(Group, { gap: 6, children: [
-          /* @__PURE__ */ jsx(IconTopologyStar3, { size: 14 }),
-          /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, children: "Linked metadata" })
-        ] }),
-        labelPosition: "center"
-      }
-    ),
-    /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: state.metadata.map((item) => /* @__PURE__ */ jsx(Paper, { 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: item.label }),
-      /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: item.value })
-    ] }) }, item.label)) }),
-    state.adjacentKindCounts.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        Divider,
-        {
-          label: /* @__PURE__ */ jsxs(Group, { gap: 6, children: [
-            /* @__PURE__ */ jsx(IconShare2, { size: 14 }),
-            /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, children: "Nearby kinds" })
-          ] }),
-          labelPosition: "center"
-        }
-      ),
-      /* @__PURE__ */ jsx(Group, { gap: "xs", children: state.adjacentKindCounts.map((item) => /* @__PURE__ */ jsxs(Badge, { variant: "light", color: getNodeKindColor(item.kind), children: [
-        item.count,
-        " ",
-        item.label
-      ] }, item.kind)) })
-    ] }) : null,
-    state.state === "edge" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        Divider,
+    /* @__PURE__ */ jsxs(Tabs, { defaultValue: defaultTab, keepMounted: false, children: [
+      /* @__PURE__ */ jsxs(Tabs.List, { children: [
+        /* @__PURE__ */ jsx(Tabs.Tab, { value: "object", children: "Object" }),
+        /* @__PURE__ */ jsx(Tabs.Tab, { value: "details", children: "Details" })
+      ] }),
+      /* @__PURE__ */ jsx(Tabs.Panel, { value: "object", pt: "md", children: selectedNode && linkedNodes ? ConfiguredView ? /* @__PURE__ */ jsx(
+        ConfiguredView,
         {
-          label: /* @__PURE__ */ jsxs(Group, { gap: 6, children: [
-            /* @__PURE__ */ jsx(IconShare2, { size: 14 }),
-            /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, children: "Endpoints" })
-          ] }),
-          labelPosition: "center"
+          node: selectedNode,
+          linkedNodes,
+          registry: commandViewData ?? null,
+          onSelectNode: onSelectNode ?? (() => {
+          })
         }
-      ),
-      /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
-        /* @__PURE__ */ jsx(Paper, { 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: "Source" }),
-          /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-            /* @__PURE__ */ jsx(Text, { fw: 700, children: state.sourceNode?.label ?? state.edge.sourceId }),
-            /* @__PURE__ */ jsx(
-              Badge,
-              {
-                size: "xs",
-                variant: "light",
-                color: state.sourceNode ? getNodeKindColor(state.sourceNode.kind) : "gray",
-                children: state.sourceNode ? getNodeKindLabel2(state.sourceNode.kind) : "unresolved"
-              }
-            )
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsx(Paper, { 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: "Target" }),
-          /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-            /* @__PURE__ */ jsx(Text, { fw: 700, children: state.targetNode?.label ?? state.edge.targetId }),
-            /* @__PURE__ */ jsx(
-              Badge,
-              {
-                size: "xs",
-                variant: "light",
-                color: state.targetNode ? getNodeKindColor(state.targetNode.kind) : "gray",
-                children: state.targetNode ? getNodeKindLabel2(state.targetNode.kind) : "unresolved"
-              }
-            )
+      ) : /* @__PURE__ */ jsx(ObjectView, { node: selectedNode, linkedNodes, onSelectNode }) : /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(Title, { order: 5, children: "Object" }),
+        /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Select a node to view its object details." })
+      ] }) }),
+      /* @__PURE__ */ jsx(Tabs.Panel, { value: "details", pt: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+        supplementalSummary && (supplementalSummary.metrics.length > 0 || supplementalSummary.metadata.length > 0) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Divider,
+            {
+              label: /* @__PURE__ */ jsxs(Group, { gap: 6, children: [
+                /* @__PURE__ */ jsx(IconTopologyStar3, { size: 14 }),
+                /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, children: supplementalSummary.title })
+              ] }),
+              labelPosition: "center"
+            }
+          ),
+          supplementalSummary.description ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: supplementalSummary.description }) : null,
+          supplementalSummary.metrics.length > 0 ? /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 2, md: 4 }, spacing: "sm", children: supplementalSummary.metrics.map((metric) => /* @__PURE__ */ jsx(MetricCard, { metric }, `supplemental-${metric.label}`)) }) : null,
+          supplementalSummary.metadata.length > 0 ? /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: supplementalSummary.metadata.map((item) => /* @__PURE__ */ jsx(Paper, { 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: item.label }),
+            /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: item.value })
+          ] }) }, `supplemental-${item.label}`)) }) : null
+        ] }) : null,
+        followUpSections && followUpSections.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Divider,
+            {
+              label: /* @__PURE__ */ jsxs(Group, { gap: 6, children: [
+                /* @__PURE__ */ jsx(IconShare2, { size: 14 }),
+                /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, children: "Follow-up actions" })
+              ] }),
+              labelPosition: "center"
+            }
+          ),
+          /* @__PURE__ */ jsx(Stack, { gap: "sm", children: followUpSections.map((section) => /* @__PURE__ */ jsx(FollowUpSectionCard, { section }, section.title)) })
+        ] }) : null,
+        /* @__PURE__ */ jsx(
+          Divider,
+          {
+            label: /* @__PURE__ */ jsxs(Group, { gap: 6, children: [
+              /* @__PURE__ */ jsx(IconTopologyStar3, { size: 14 }),
+              /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, children: "Linked metadata" })
+            ] }),
+            labelPosition: "center"
+          }
+        ),
+        /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: state.metadata.map((item) => /* @__PURE__ */ jsx(Paper, { 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: item.label }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: item.value })
+        ] }) }, item.label)) }),
+        state.adjacentKindCounts.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Divider,
+            {
+              label: /* @__PURE__ */ jsxs(Group, { gap: 6, children: [
+                /* @__PURE__ */ jsx(IconShare2, { size: 14 }),
+                /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, children: "Nearby kinds" })
+              ] }),
+              labelPosition: "center"
+            }
+          ),
+          /* @__PURE__ */ jsx(Group, { gap: "xs", children: state.adjacentKindCounts.map((item) => /* @__PURE__ */ jsxs(Badge, { variant: "light", color: getNodeKindColor(item.kind), children: [
+            item.count,
+            " ",
+            item.label
+          ] }, item.kind)) })
+        ] }) : null,
+        state.state === "edge" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Divider,
+            {
+              label: /* @__PURE__ */ jsxs(Group, { gap: 6, children: [
+                /* @__PURE__ */ jsx(IconShare2, { size: 14 }),
+                /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, children: "Endpoints" })
+              ] }),
+              labelPosition: "center"
+            }
+          ),
+          /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
+            /* @__PURE__ */ jsx(Paper, { 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: "Source" }),
+              /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+                /* @__PURE__ */ jsx(Text, { fw: 700, children: state.sourceNode?.label ?? state.edge.sourceId }),
+                /* @__PURE__ */ jsx(
+                  Badge,
+                  {
+                    size: "xs",
+                    variant: "light",
+                    color: state.sourceNode ? getNodeKindColor(state.sourceNode.kind) : "gray",
+                    children: state.sourceNode ? getNodeKindLabel2(state.sourceNode.kind) : "unresolved"
+                  }
+                )
+              ] })
+            ] }) }),
+            /* @__PURE__ */ jsx(Paper, { 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: "Target" }),
+              /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+                /* @__PURE__ */ jsx(Text, { fw: 700, children: state.targetNode?.label ?? state.edge.targetId }),
+                /* @__PURE__ */ jsx(
+                  Badge,
+                  {
+                    size: "xs",
+                    variant: "light",
+                    color: state.targetNode ? getNodeKindColor(state.targetNode.kind) : "gray",
+                    children: state.targetNode ? getNodeKindLabel2(state.targetNode.kind) : "unresolved"
+                  }
+                )
+              ] })
+            ] }) })
           ] })
-        ] }) })
-      ] })
-    ] }) : null,
-    /* @__PURE__ */ jsx(
-      Divider,
-      {
-        label: /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, children: state.state === "edge" ? "Surrounding nodes" : "Direct nodes" }),
-        labelPosition: "center"
-      }
-    ),
-    state.relatedNodes.length > 0 ? /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: state.relatedNodes.map((item) => /* @__PURE__ */ jsx(RelatedItemCard, { item, itemType: "node" }, item.id)) }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No nearby nodes were found in the current graph selection." }),
-    /* @__PURE__ */ jsx(
-      Divider,
-      {
-        label: /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, children: state.state === "edge" ? "Surrounding edges" : "Direct edges" }),
-        labelPosition: "center"
-      }
-    ),
-    state.relatedEdges.length > 0 ? /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: state.relatedEdges.map((item) => /* @__PURE__ */ jsx(RelatedItemCard, { item, itemType: "edge" }, item.id)) }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No adjacent edges were found for the current selection." })
+        ] }) : null,
+        /* @__PURE__ */ jsx(
+          Divider,
+          {
+            label: /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, children: state.state === "edge" ? "Surrounding nodes" : "Direct nodes" }),
+            labelPosition: "center"
+          }
+        ),
+        state.relatedNodes.length > 0 ? /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: state.relatedNodes.map((item) => /* @__PURE__ */ jsx(RelatedItemCard, { item, itemType: "node" }, item.id)) }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No nearby nodes were found in the current graph selection." }),
+        /* @__PURE__ */ jsx(
+          Divider,
+          {
+            label: /* @__PURE__ */ jsx(Text, { size: "xs", tt: "uppercase", fw: 700, children: state.state === "edge" ? "Surrounding edges" : "Direct edges" }),
+            labelPosition: "center"
+          }
+        ),
+        state.relatedEdges.length > 0 ? /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: state.relatedEdges.map((item) => /* @__PURE__ */ jsx(RelatedItemCard, { item, itemType: "edge" }, item.id)) }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No adjacent edges were found for the current selection." })
+      ] }) })
+    ] })
   ] }) });
 }
 
@@ -2121,70 +2585,75 @@ 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(
-        SegmentedControl,
-        {
-          value: value.topologyPresence,
-          onChange: (topologyPresence) => onChange({
-            ...value,
-            topologyPresence
-          }),
-          data: TOPOLOGY_PRESENCE_OPTIONS,
-          size: "sm",
-          fullWidth: true,
-          disabled
-        }
-      )
-    ] }),
-    /* @__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(Accordion, { variant: "contained", defaultValue: null, children: /* @__PURE__ */ jsxs(Accordion.Item, { value: "secondary-filters", children: [
+      /* @__PURE__ */ jsx(Accordion.Control, { children: /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, children: "More filters" }) }),
+      /* @__PURE__ */ jsx(Accordion.Panel, { children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", pt: 4, children: [
+        /* @__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(
+            SegmentedControl,
+            {
+              value: value.topologyPresence,
+              onChange: (topologyPresence) => onChange({
+                ...value,
+                topologyPresence
+              }),
+              data: TOPOLOGY_PRESENCE_OPTIONS,
+              size: "sm",
+              fullWidth: true,
+              disabled
+            }
+          )
+        ] }),
+        /* @__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,
       {
@@ -3865,4 +4334,4 @@ function CommandViewSidebarContent({ timeRange }) {
   );
 }
 
-export { CommandViewSidebarContent, DEFAULT_ORGANIZATION_MODEL_BRANDING, DEFAULT_ORGANIZATION_MODEL_CUSTOMERS, DEFAULT_ORGANIZATION_MODEL_GOALS, DEFAULT_ORGANIZATION_MODEL_IDENTITY, DEFAULT_ORGANIZATION_MODEL_OFFERINGS, DEFAULT_ORGANIZATION_MODEL_OPERATIONS, DEFAULT_ORGANIZATION_MODEL_PROJECTS, DEFAULT_ORGANIZATION_MODEL_ROLES, DEFAULT_ORGANIZATION_MODEL_STATUSES, ExpandAroundPanel, FilterPanel, OrganizationGraphDetailPanel, OrganizationModelSchema, buildCommandViewDrillDownSections, buildOrganizationGraph, createOrganizationGraphFilters, expandAroundGraph, filterOrganizationGraph, formatOrganizationGraphTraceNodeOptionLabel, getCommandViewOperationalOverview, getCommandViewSelectionOperationalSummary, getCommandViewVisibilityProjection, getConnectedHiddenResourceIds, getOrganizationGraphLensConfig, getOrganizationGraphTraceNodeOptions, resolveOrganizationGraphPathTrace, useOrganizationGraphFilters };
+export { CommandViewSidebarContent, DEFAULT_ORGANIZATION_MODEL_BRANDING, DEFAULT_ORGANIZATION_MODEL_CUSTOMERS, DEFAULT_ORGANIZATION_MODEL_GOALS, DEFAULT_ORGANIZATION_MODEL_IDENTITY, DEFAULT_ORGANIZATION_MODEL_OFFERINGS, DEFAULT_ORGANIZATION_MODEL_OPERATIONS, DEFAULT_ORGANIZATION_MODEL_PROJECTS, DEFAULT_ORGANIZATION_MODEL_RESOURCES, DEFAULT_ORGANIZATION_MODEL_ROLES, DEFAULT_ORGANIZATION_MODEL_STATUSES, DEFAULT_ORGANIZATION_MODEL_SYSTEMS, ExpandAroundPanel, FilterPanel, OrganizationGraphDetailPanel, OrganizationModelSchema, buildCommandViewDrillDownSections, buildOrganizationGraph, createOrganizationGraphFilters, expandAroundGraph, filterOrganizationGraph, formatOrganizationGraphTraceNodeOptionLabel, getCommandViewOperationalOverview, getCommandViewSelectionOperationalSummary, getCommandViewVisibilityProjection, getConnectedHiddenResourceIds, getOrganizationGraphLensConfig, getOrganizationGraphTraceNodeOptions, resolveOrganizationGraphPathTrace, useOrganizationGraphFilters };