@elevasis/ui 2.31.0 → 2.33.0

package/dist/features/knowledge/index.js

@@ -1,440 +1,66 @@
-import { KnowledgeSearchBar, KnowledgeTree, getKnowledgeIconToken, byKind } from '../../chunk-O2QOPJI5.js';
-import { CommandViewSidebarContent, OrganizationModelSchema, buildOrganizationGraph, DEFAULT_ORGANIZATION_MODEL_OPERATIONS, DEFAULT_ORGANIZATION_MODEL_STATUSES, DEFAULT_ORGANIZATION_MODEL_RESOURCES, DEFAULT_ORGANIZATION_MODEL_SYSTEMS, DEFAULT_ORGANIZATION_MODEL_GOALS, DEFAULT_ORGANIZATION_MODEL_ROLES, DEFAULT_ORGANIZATION_MODEL_OFFERINGS, DEFAULT_ORGANIZATION_MODEL_CUSTOMERS, DEFAULT_ORGANIZATION_MODEL_IDENTITY, DEFAULT_ORGANIZATION_MODEL_PROJECTS, DEFAULT_ORGANIZATION_MODEL_BRANDING } from '../../chunk-MVFCLZSK.js';
-import '../../chunk-ZTWA5H77.js';
-import { SemanticIcon } from '../../chunk-GRDLB6LM.js';
-import '../../chunk-XQQEKWTL.js';
-import { KNOWLEDGE_FEATURE_ID } from '../../chunk-ECNNI3NT.js';
-import { DEFAULT_ORGANIZATION_MODEL_PROSPECTING } from '../../chunk-TVRQ6AQI.js';
-import '../../chunk-CW3UNAF2.js';
+import { getSharedOrganizationGraph, KnowledgeSearchBar, KnowledgeTree, getKnowledgeIconToken, getKnowledgeNodeReadCommand } from '../../chunk-YAQ25UNM.js';
+import { ORGANIZATION_GRAPH_NODE_KIND_LABELS } from '../../chunk-E4T2N7P7.js';
+import '../../chunk-CLDCYJQT.js';
 import { SubshellSidebarSection } from '../../chunk-IIMU5YAJ.js';
-import '../../chunk-7M2VOCYN.js';
-import '../../chunk-JKSUN5GN.js';
-import '../../chunk-6YT4IKJ7.js';
-import '../../chunk-7HMCB26R.js';
-import '../../chunk-BRXELOHC.js';
-import '../../chunk-3ZMAGTWF.js';
-import '../../chunk-OAVTMITG.js';
-import '../../chunk-HYNYEBHM.js';
-import '../../chunk-3BAPR3KA.js';
-import '../../chunk-3FV6HBXS.js';
-import '../../chunk-WLOQ4IBG.js';
-import '../../chunk-QDEETKYT.js';
-import { useElevasisFeatures } from '../../chunk-6IXOKUBC.js';
-import '../../chunk-L3BVJWML.js';
-import '../../chunk-3KMDHCAR.js';
-import { DEFAULT_ORGANIZATION_MODEL_SALES } from '../../chunk-CQZ3DNQY.js';
-import '../../chunk-SZHARWKU.js';
-import '../../chunk-TKAYX2SP.js';
-import '../../chunk-NYBEU5TE.js';
-import '../../chunk-TOIXUWR6.js';
+import { useElevasisSystems } from '../../chunk-ZGTDKH3P.js';
+import { SemanticIcon } from '../../chunk-DWXDNT7P.js';
+import { resolveOrganizationModel } from '../../chunk-GNRMB6DC.js';
 import '../../chunk-2IFYDILW.js';
 import { useRouterContext } from '../../chunk-Q7DJKLEN.js';
 import '../../chunk-JA5ECJJB.js';
 import '../../chunk-HUJCU55S.js';
-import '../../chunk-E565XMTQ.js';
 import '../../chunk-JBWJ6WHZ.js';
 import '../../chunk-DT3QYZVU.js';
 import '../../chunk-RNP5R5I3.js';
-import '../../chunk-XQHZBA65.js';
-import '../../chunk-KRWALB24.js';
-import '../../chunk-VKIZUUPM.js';
 import '../../chunk-533DUEQY.js';
 import '../../chunk-DD3CCMCZ.js';
 import '../../chunk-2Q2JQSQO.js';
 import '../../chunk-KJ3QUBNU.js';
 import '../../chunk-BRJ3QZ4E.js';
-import '../../chunk-DZTG5IAC.js';
-import { IconBrain, IconCheck, IconCopy } from '@tabler/icons-react';
-import { Stack, Box, SegmentedControl, Text, UnstyledButton, Group, Badge } from '@mantine/core';
+import '../../chunk-I2KLQ2HA.js';
+import { IconBrain, IconCircleCheckFilled, IconCircleDashed, IconCheck, IconCopy } from '@tabler/icons-react';
+import { Stack, Box, Group, Popover, Button, Badge, Divider, Text, UnstyledButton } from '@mantine/core';
 import { useClipboard } from '@mantine/hooks';
 import { useMemo, useState } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-// ../core/src/organization-model/defaults.ts
-var DEFAULT_ORGANIZATION_MODEL_KNOWLEDGE = {
-  nodes: []
-};
-var DEFAULT_ORGANIZATION_MODEL = {
-  version: 1,
-  features: [
-    {
-      id: "dashboard",
-      label: "Dashboard",
-      enabled: true,
-      path: "/",
-      icon: "feature.dashboard",
-      uiPosition: "sidebar-primary"
-    },
-    {
-      id: "identity",
-      label: "Identity",
-      description: "Company identity, positioning, and market context",
-      enabled: true,
-      color: "indigo"
-    },
-    {
-      id: "platform",
-      label: "Platform",
-      description: "Elevasis platform architecture, capabilities, and implementation patterns",
-      enabled: true,
-      color: "cyan",
-      icon: "feature.platform"
-    },
-    {
-      id: "finance",
-      label: "Finance",
-      description: "Finance operations, accounting, billing, reconciliation, and tax prep",
-      enabled: true,
-      color: "green",
-      icon: "feature.finance"
-    },
-    {
-      id: "business",
-      label: "Business",
-      description: "Revenue, client relationships, and project delivery",
-      enabled: true,
-      color: "blue",
-      icon: "feature.business",
-      uiPosition: "sidebar-primary"
-    },
-    {
-      id: "sales",
-      label: "Sales",
-      description: "Revenue workflows and customer acquisition",
-      enabled: true,
-      color: "blue",
-      icon: "feature.sales",
-      path: "/sales"
-    },
-    {
-      id: "sales.crm",
-      label: "CRM",
-      description: "Relationship pipeline and deal management",
-      enabled: true,
-      color: "blue",
-      icon: "feature.crm",
-      path: "/crm"
-    },
-    {
-      id: "sales.lead-gen",
-      label: "Lead Gen",
-      description: "Prospecting, qualification, and outreach preparation",
-      enabled: true,
-      color: "cyan",
-      icon: "feature.lead-gen",
-      path: "/lead-gen"
-    },
-    {
-      id: "projects",
-      label: "Projects",
-      description: "Projects, milestones, and client work execution",
-      enabled: true,
-      color: "orange",
-      icon: "feature.projects",
-      path: "/projects"
-    },
-    {
-      id: "clients",
-      label: "Clients",
-      description: "Client relationships, accounts, and business context",
-      enabled: true,
-      color: "orange",
-      icon: "feature.projects",
-      path: "/business/clients"
-    },
-    {
-      id: "operations",
-      label: "Operations",
-      description: "Operational resources, topology, and orchestration visibility",
-      enabled: true,
-      color: "violet",
-      icon: "feature.operations",
-      uiPosition: "sidebar-primary"
-    },
-    {
-      id: "knowledge.command-view",
-      label: "Command View",
-      enabled: true,
-      path: "/knowledge/command-view",
-      devOnly: true
-    },
-    {
-      id: "operations.overview",
-      label: "Overview",
-      enabled: true,
-      path: "/operations"
-    },
-    {
-      id: "operations.resources",
-      label: "Resources",
-      enabled: true,
-      path: "/operations/resources"
-    },
-    {
-      id: "operations.command-queue",
-      label: "Command Queue",
-      enabled: true,
-      path: "/operations/command-queue"
-    },
-    {
-      id: "operations.sessions",
-      label: "Sessions",
-      enabled: false,
-      path: "/operations/sessions"
-    },
-    {
-      id: "operations.task-scheduler",
-      label: "Task Scheduler",
-      enabled: true,
-      path: "/operations/task-scheduler"
-    },
-    {
-      id: "monitoring",
-      label: "Monitoring",
-      enabled: true,
-      uiPosition: "sidebar-primary"
-    },
-    {
-      id: "monitoring.calendar",
-      label: "Calendar",
-      description: "Google Calendar events and agenda views",
-      enabled: true,
-      path: "/monitoring/calendar",
-      icon: "feature.calendar"
-    },
-    {
-      id: "monitoring.activity-log",
-      label: "Activity Log",
-      enabled: true,
-      path: "/monitoring/activity-log"
-    },
-    {
-      id: "monitoring.execution-logs",
-      label: "Execution Logs",
-      enabled: true,
-      path: "/monitoring/execution-logs"
-    },
-    {
-      id: "monitoring.execution-health",
-      label: "Execution Health",
-      enabled: true,
-      path: "/monitoring/execution-health"
-    },
-    {
-      id: "monitoring.cost-analytics",
-      label: "Cost Analytics",
-      enabled: false,
-      path: "/monitoring/cost-analytics"
-    },
-    {
-      id: "monitoring.notifications",
-      label: "Notifications",
-      enabled: true,
-      path: "/monitoring/notifications"
-    },
-    {
-      id: "monitoring.submitted-requests",
-      label: "Submitted Requests",
-      enabled: true,
-      path: "/monitoring/requests"
-    },
-    {
-      id: "settings",
-      label: "Settings",
-      enabled: true,
-      icon: "feature.settings",
-      uiPosition: "sidebar-bottom"
-    },
-    {
-      id: "settings.account",
-      label: "Account",
-      enabled: true,
-      path: "/settings/account"
-    },
-    {
-      id: "settings.appearance",
-      label: "Appearance",
-      enabled: true,
-      path: "/settings/appearance"
-    },
-    {
-      id: "settings.roles",
-      label: "My Roles",
-      enabled: true,
-      path: "/settings/roles"
-    },
-    {
-      id: "settings.organization",
-      label: "Organization",
-      enabled: true,
-      path: "/settings/organization"
-    },
-    {
-      id: "settings.credentials",
-      label: "Credentials",
-      enabled: true,
-      path: "/settings/credentials"
-    },
-    {
-      id: "settings.api-keys",
-      label: "API Keys",
-      enabled: true,
-      path: "/settings/api-keys"
-    },
-    {
-      id: "settings.webhooks",
-      label: "Webhooks",
-      enabled: true,
-      path: "/settings/webhooks"
-    },
-    {
-      id: "settings.deployments",
-      label: "Deployments",
-      enabled: true,
-      path: "/settings/deployments"
-    },
-    {
-      id: "admin",
-      label: "Admin",
-      enabled: true,
-      path: "/admin",
-      icon: "feature.admin",
-      uiPosition: "sidebar-bottom",
-      requiresAdmin: true
-    },
-    {
-      id: "admin.system-health",
-      label: "System Health",
-      enabled: true,
-      path: "/admin/system-health"
-    },
-    {
-      id: "admin.organizations",
-      label: "Organizations",
-      enabled: true,
-      path: "/admin/organizations"
-    },
-    {
-      id: "admin.users",
-      label: "Users",
-      enabled: true,
-      path: "/admin/users"
-    },
-    {
-      id: "admin.design-showcase",
-      label: "Design Showcase",
-      enabled: true,
-      path: "/admin/design-showcase"
-    },
-    {
-      id: "admin.debug",
-      label: "Debug",
-      enabled: true,
-      path: "/admin/debug"
-    },
-    {
-      id: "archive",
-      label: "Archive",
-      enabled: true,
-      path: "/archive",
-      icon: "feature.archive",
-      uiPosition: "sidebar-bottom",
-      devOnly: true
-    },
-    {
-      id: "archive.agent-chat",
-      label: "Agent Chat",
-      enabled: true,
-      path: "/archive/agent-chat"
-    },
-    {
-      id: "archive.execution-runner",
-      label: "Execution Runner",
-      enabled: true,
-      path: "/archive/execution-runner"
-    },
-    {
-      id: "seo",
-      label: "SEO",
-      enabled: false,
-      path: "/seo"
-    },
-    {
-      id: "knowledge",
-      label: "Knowledge",
-      description: "Operational knowledge, playbooks, and strategy docs",
-      enabled: true,
-      color: "teal",
-      icon: "feature.knowledge",
-      uiPosition: "sidebar-primary"
-    },
-    {
-      id: "knowledge.base",
-      label: "Knowledge Base",
-      enabled: true,
-      path: "/knowledge"
-    }
-  ],
-  branding: DEFAULT_ORGANIZATION_MODEL_BRANDING,
-  navigation: { surfaces: [], groups: [] },
-  sales: DEFAULT_ORGANIZATION_MODEL_SALES,
-  prospecting: DEFAULT_ORGANIZATION_MODEL_PROSPECTING,
-  projects: DEFAULT_ORGANIZATION_MODEL_PROJECTS,
-  identity: DEFAULT_ORGANIZATION_MODEL_IDENTITY,
-  customers: DEFAULT_ORGANIZATION_MODEL_CUSTOMERS,
-  offerings: DEFAULT_ORGANIZATION_MODEL_OFFERINGS,
-  roles: DEFAULT_ORGANIZATION_MODEL_ROLES,
-  goals: DEFAULT_ORGANIZATION_MODEL_GOALS,
-  systems: DEFAULT_ORGANIZATION_MODEL_SYSTEMS,
-  resources: DEFAULT_ORGANIZATION_MODEL_RESOURCES,
-  statuses: DEFAULT_ORGANIZATION_MODEL_STATUSES,
-  operations: DEFAULT_ORGANIZATION_MODEL_OPERATIONS,
-  knowledge: DEFAULT_ORGANIZATION_MODEL_KNOWLEDGE
-};
-function deepMerge(base, override) {
-  {
-    return base;
-  }
+var WIRING_FACET_KINDS = ["action", "entity", "event", "resource"];
+function isKnowledgeHidden(state) {
+  return state === "exclude";
 }
-function resolveOrganizationModel(override, organizationId) {
-  const merged = deepMerge(DEFAULT_ORGANIZATION_MODEL);
-  const model = OrganizationModelSchema.parse(merged);
-  if (!model.sales?.pipelines || model.sales.pipelines.length === 0) {
-    const orgLabel = "Organization";
-    throw new Error(
-      `${orgLabel} has no sales pipeline configuration. This indicates an incomplete provisioning state. Run org provisioning to seed defaults.`
-    );
-  }
-  return model;
+function isWiringFacetActive(state) {
+  return state === "include";
 }
-var SEGMENT_DATA = [
-  { label: "By Feature", value: "by-feature" },
-  { label: "By Kind", value: "by-kind" },
-  { label: "Config", value: "config" }
-];
 var SIDEBAR_TREE_ACCENT_COLOR = "var(--color-primary)";
-var SIDEBAR_TREE_ACCENT_SURFACE = "var(--surface-primary-subtle)";
-var SIDEBAR_TREE_ACCENT_BORDER = "color-mix(in srgb, var(--color-primary) 28%, var(--color-border))";
 var KnowledgeSidebarMiddle = () => {
   const { navigate, currentPath } = useRouterContext();
-  const { timeRange = "30d", organizationModel } = useElevasisFeatures();
+  const { organizationModel } = useElevasisSystems();
   if (currentPath.startsWith("/knowledge/command-view")) {
-    return /* @__PURE__ */ jsx(CommandViewSidebarContent, { timeRange });
+    return null;
   }
   const orgModel = organizationModel ?? resolveOrganizationModel();
   return /* @__PURE__ */ jsx(KnowledgeBaseSidebarBody, { navigate, currentPath, organizationModel: orgModel });
 };
 function KnowledgeBaseSidebarBody({ navigate, currentPath, organizationModel }) {
-  const knowledgeNodes = useMemo(() => organizationModel.knowledge.nodes, [organizationModel]);
-  const graph = useMemo(() => buildOrganizationGraph({ organizationModel }), [organizationModel]);
+  const knowledgeNodes = useMemo(() => Object.values(organizationModel.knowledge), [organizationModel]);
+  const graph = useMemo(() => getSharedOrganizationGraph(organizationModel), [organizationModel]);
   const [searchResults, setSearchResults] = useState(null);
-  const [axis, setAxis] = useState("by-feature");
+  const [facetStates, setFacetStates] = useState({ knowledge: "include" });
+  const [facetsOpen, setFacetsOpen] = useState(false);
+  const activeFacetCount = useMemo(() => {
+    let count = 0;
+    if (isKnowledgeHidden(facetStates.knowledge)) count += 1;
+    for (const kind of WIRING_FACET_KINDS) {
+      if (isWiringFacetActive(facetStates[kind])) count += 1;
+    }
+    return count;
+  }, [facetStates]);
   const selectedNodeId = useMemo(() => {
     const match = currentPath.match(/^\/knowledge\/([^/]+)/);
     if (!match) return void 0;
     const segment = match[1];
-    if (["by-feature", "by-kind", "config", "graph", "command-view"].includes(segment)) return void 0;
-    return segment;
+    if (["system", "entity", "resource", "graph", "command-view"].includes(segment)) return void 0;
+    return decodeURIComponent(segment);
   }, [currentPath]);
   const handleSelect = (node) => {
     navigate(`/knowledge/${node.id}`);
@@ -442,29 +68,49 @@ function KnowledgeBaseSidebarBody({ navigate, currentPath, organizationModel })
   const handleSelectGraphNode = (node) => {
     navigate(`/knowledge/${node.id}`);
   };
+  const handleSelectDomain = (domainKey) => {
+    navigate(`/knowledge/domain:${domainKey}`);
+  };
+  const handleSelectGroup = (groupKey) => {
+    navigate(`/knowledge/group:${groupKey}`);
+  };
+  const handleSelectItem = (domainKey, itemId) => {
+    navigate(`/knowledge/item:${domainKey}:${encodeURIComponent(itemId)}`);
+  };
   return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { flex: 1, overflow: "hidden", display: "flex", flexDirection: "column" }, children: [
     /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconBrain, label: "Knowledge", withTopBorder: false }),
-    /* @__PURE__ */ jsx(Box, { px: "sm", pt: "sm", pb: 0, children: /* @__PURE__ */ jsx(
-      SegmentedControl,
-      {
-        "data-testid": "knowledge-axis-control",
-        fullWidth: true,
-        size: "xs",
-        value: axis,
-        onChange: (v) => setAxis(v),
-        data: SEGMENT_DATA
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Box, { p: "sm", pb: 0, children: /* @__PURE__ */ jsx(KnowledgeSearchBar, { knowledgeNodes, onResults: setSearchResults }) }),
+    /* @__PURE__ */ jsx(Box, { p: "sm", pb: 0, children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", align: "center", children: [
+      /* @__PURE__ */ jsx(Box, { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsx(KnowledgeSearchBar, { knowledgeNodes, onResults: setSearchResults }) }),
+      /* @__PURE__ */ jsxs(Popover, { position: "right-start", withArrow: true, shadow: "md", opened: facetsOpen, onChange: setFacetsOpen, offset: 6, children: [
+        /* @__PURE__ */ jsx(Popover.Target, { children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "xs",
+            variant: activeFacetCount > 0 ? "light" : "subtle",
+            color: activeFacetCount > 0 ? "blue" : "gray",
+            onClick: () => setFacetsOpen((o) => !o),
+            "aria-expanded": facetsOpen,
+            rightSection: activeFacetCount > 0 ? /* @__PURE__ */ jsx(Badge, { size: "xs", circle: true, variant: "filled", color: "blue", children: activeFacetCount }) : null,
+            children: "Filter"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Popover.Dropdown, { p: 6, children: /* @__PURE__ */ jsx(FacetPanel, { value: facetStates, onChange: setFacetStates }) })
+      ] })
+    ] }) }),
     /* @__PURE__ */ jsx(Stack, { gap: 0, style: { flex: 1, overflowY: "auto" }, children: searchResults ? /* @__PURE__ */ jsx(SearchResultsList, { searchResults, selectedNodeId, onSelect: handleSelect }) : /* @__PURE__ */ jsx(
-      AxisBody,
+      KnowledgeTree,
       {
-        axis,
         graph,
         knowledgeNodes,
-        selectedNodeId,
-        onSelect: handleSelect,
-        onSelectGraphNode: handleSelectGraphNode
+        organizationModel,
+        omRooted: true,
+        facetStates,
+        onSelectNode: handleSelect,
+        onSelectGraphNode: handleSelectGraphNode,
+        onSelectDomain: handleSelectDomain,
+        onSelectGroup: handleSelectGroup,
+        onSelectItem: handleSelectItem,
+        selectedNodeId
       }
     ) })
   ] });
@@ -478,109 +124,53 @@ function SearchResultsList({ searchResults, selectedNodeId, onSelect }) {
     return /* @__PURE__ */ jsx(NodeButton, { node, isActive, onSelect }, node.id);
   }) });
 }
-function AxisBody({ axis, graph, knowledgeNodes, selectedNodeId, onSelect, onSelectGraphNode }) {
-  switch (axis) {
-    case "by-feature":
-      return /* @__PURE__ */ jsx(
-        KnowledgeTree,
-        {
-          graph,
-          knowledgeNodes,
-          onSelectNode: onSelect,
-          selectedNodeId
-        }
-      );
-    case "by-kind":
-      return /* @__PURE__ */ jsx(ByKindBody, { graph, knowledgeNodes, selectedNodeId, onSelect });
-    case "config":
-      return /* @__PURE__ */ jsx(ConfigBody, { graph, selectedNodeId, onSelect: onSelectGraphNode });
-  }
-}
-var KIND_ORDER = ["playbook", "strategy", "reference"];
-var KIND_LABELS = {
-  playbook: "Playbook",
-  strategy: "Strategy",
-  reference: "Reference"
-};
-function ByKindBody({ graph, knowledgeNodes, selectedNodeId, onSelect }) {
-  const groups = useMemo(() => {
-    return KIND_ORDER.map((kind) => ({
-      kind,
-      nodes: byKind(graph, kind, knowledgeNodes)
-    })).filter((g) => g.nodes.length > 0);
-  }, [graph, knowledgeNodes]);
-  if (groups.length === 0) {
-    return /* @__PURE__ */ jsx(Box, { p: "md", children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No knowledge nodes." }) });
-  }
-  return /* @__PURE__ */ jsx(Stack, { gap: "md", style: { padding: "var(--mantine-spacing-sm)" }, children: groups.map(({ kind, nodes }) => /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-    /* @__PURE__ */ jsx(
-      GroupHeader,
-      {
-        label: KIND_LABELS[kind],
-        count: nodes.length,
-        command: getKnowledgeReadKindFolderCommand(kind)
-      }
-    ),
-    /* @__PURE__ */ jsx(Stack, { gap: 2, children: nodes.map((node) => /* @__PURE__ */ jsx(NodeButton, { node, isActive: node.id === selectedNodeId, onSelect }, node.id)) })
-  ] }, kind)) });
-}
-var CONFIG_KIND_ORDER = ["feature", "resource", "capability", "stage", "organization", "entity", "surface"];
-var CONFIG_KIND_LABELS = {
-  feature: "Features",
-  resource: "Resources",
-  capability: "Capabilities",
-  stage: "Stages",
-  organization: "Organizations",
-  entity: "Entities",
-  surface: "Surfaces"
-};
-function isSelectedConfigNode(selectedNodeId, node) {
-  if (!selectedNodeId) return false;
-  return selectedNodeId === node.id || selectedNodeId === node.sourceId || selectedNodeId === node.id.split(":")[1];
-}
-function ConfigBody({ graph, selectedNodeId, onSelect }) {
-  const groups = useMemo(() => {
-    const grouped = /* @__PURE__ */ new Map();
-    for (const node of graph.nodes) {
-      if (node.kind === "knowledge") continue;
-      const nodes = grouped.get(node.kind) ?? [];
-      nodes.push(node);
-      grouped.set(node.kind, nodes);
-    }
-    const knownGroups = CONFIG_KIND_ORDER.map((kind) => ({
-      kind,
-      label: CONFIG_KIND_LABELS[kind],
-      nodes: grouped.get(kind)?.sort((a, b) => a.label.localeCompare(b.label)) ?? []
-    })).filter((group) => group.nodes.length > 0);
-    const unknownGroups = Array.from(grouped.entries()).filter(([kind]) => !CONFIG_KIND_ORDER.includes(kind)).map(([kind, nodes]) => ({
-      kind,
-      label: CONFIG_KIND_LABELS[kind] ?? kind,
-      nodes: nodes.sort((a, b) => a.label.localeCompare(b.label))
-    })).sort((a, b) => a.label.localeCompare(b.label));
-    return [...knownGroups, ...unknownGroups];
-  }, [graph]);
-  if (groups.length === 0) {
-    return /* @__PURE__ */ jsx(Box, { p: "md", children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No configuration nodes." }) });
-  }
-  return /* @__PURE__ */ jsx(Stack, { gap: "md", style: { padding: "var(--mantine-spacing-sm)" }, children: groups.map(({ kind, label, nodes }) => /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-    /* @__PURE__ */ jsx(GroupHeader, { label, count: nodes.length }),
-    /* @__PURE__ */ jsx(Stack, { gap: 2, children: nodes.map((node) => /* @__PURE__ */ jsx(
-      ConfigNodeButton,
+function FacetPanel({ value, onChange }) {
+  const knowledgeHidden = isKnowledgeHidden(value.knowledge);
+  const toggleKnowledge = () => {
+    onChange({ ...value, knowledge: knowledgeHidden ? "include" : "exclude" });
+  };
+  const toggleWiring = (kind) => {
+    onChange({ ...value, [kind]: isWiringFacetActive(value[kind]) ? "neutral" : "include" });
+  };
+  return /* @__PURE__ */ jsxs(Stack, { gap: 4, miw: 200, children: [
+    /* @__PURE__ */ jsx(FacetRow, { label: "Hide knowledge nodes", active: knowledgeHidden, onClick: toggleKnowledge }),
+    /* @__PURE__ */ jsx(Divider, { my: 4 }),
+    /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", pl: 6, pb: 2, tt: "uppercase", style: { letterSpacing: "0.05em" }, children: "Show under systems" }),
+    WIRING_FACET_KINDS.map((kind) => /* @__PURE__ */ jsx(
+      FacetRow,
       {
-        node,
-        isActive: isSelectedConfigNode(selectedNodeId, node),
-        onSelect
+        label: ORGANIZATION_GRAPH_NODE_KIND_LABELS[kind],
+        active: isWiringFacetActive(value[kind]),
+        onClick: () => toggleWiring(kind)
       },
-      node.id
-    )) })
-  ] }, kind)) });
+      kind
+    ))
+  ] });
 }
-function GroupHeader({ label, count, command }) {
+function FacetRow({ label, active, onClick }) {
   const [hovered, setHovered] = useState(false);
-  return /* @__PURE__ */ jsxs(Group, { gap: "xs", onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), children: [
-    /* @__PURE__ */ jsx(Text, { size: "xs", fw: 600, tt: "uppercase", c: "dimmed", style: { letterSpacing: "0.05em" }, children: label }),
-    /* @__PURE__ */ jsx(TrailingCopySlot, { count, command, label: "Copy group knowledge commands", showCopy: hovered })
-  ] });
+  const StatusIcon = active ? IconCircleCheckFilled : IconCircleDashed;
+  const iconColor = active ? "var(--color-primary)" : "var(--color-text-subtle)";
+  return /* @__PURE__ */ jsx(
+    UnstyledButton,
+    {
+      onClick,
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false),
+      "aria-pressed": active,
+      "aria-label": `${label} ${active ? "on" : "off"}`,
+      style: {
+        padding: "6px 10px",
+        borderRadius: "var(--mantine-radius-sm)",
+        backgroundColor: hovered ? "var(--color-surface-hover)" : "transparent",
+        transition: "background-color var(--duration-fast) var(--easing)"
+      },
+      children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
+        /* @__PURE__ */ jsx(StatusIcon, { size: 16, style: { color: iconColor, flexShrink: 0 } }),
+        /* @__PURE__ */ jsx(Text, { size: "sm", c: active ? void 0 : "dimmed", children: label })
+      ] })
+    }
+  );
 }
 function NodeButton({ node, isActive, onSelect }) {
   const [hovered, setHovered] = useState(false);
@@ -605,72 +195,15 @@ function NodeButton({ node, isActive, onSelect }) {
           c: isActive ? "var(--color-primary)" : hovered ? "var(--color-text)" : void 0,
           fw: isActive ? 600 : 400,
           children: /* @__PURE__ */ jsxs(Group, { component: "span", gap: "xs", wrap: "nowrap", children: [
-            /* @__PURE__ */ jsx(
-              SemanticIcon,
-              {
-                token: getKnowledgeIconToken(node),
-                fallbackKind: node.kind,
-                size: 15,
-                style: { color: SIDEBAR_TREE_ACCENT_COLOR }
-              }
-            ),
-            /* @__PURE__ */ jsx("span", { style: { minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: node.title }),
-            /* @__PURE__ */ jsx(
-              CopyCommandControl,
-              {
-                command: getKnowledgeReadCommand(node.id),
-                label: "Copy knowledge command",
-                visible: hovered
-              }
-            )
+            /* @__PURE__ */ jsx(SemanticIcon, { token: getKnowledgeIconToken(node), size: 15, style: { color: SIDEBAR_TREE_ACCENT_COLOR } }),
+            /* @__PURE__ */ jsx("span", { style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: node.title }),
+            hovered ? /* @__PURE__ */ jsx(CopyCommandControl, { command: getKnowledgeNodeReadCommand(node.id), label: "Copy knowledge command", visible: true }) : null
           ] })
         }
       )
     }
   );
 }
-function ConfigNodeButton({ node, isActive, onSelect }) {
-  return /* @__PURE__ */ jsx(
-    UnstyledButton,
-    {
-      onClick: () => onSelect(node),
-      style: {
-        padding: "6px 10px",
-        borderRadius: "var(--mantine-radius-sm)",
-        backgroundColor: isActive ? "color-mix(in srgb, var(--color-primary) 10%, transparent)" : "transparent",
-        width: "100%",
-        textAlign: "left"
-      },
-      children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
-        /* @__PURE__ */ jsx(
-          SemanticIcon,
-          {
-            token: node.icon,
-            fallbackKind: node.kind === "feature" ? "feature" : node.kind === "knowledge" ? "knowledge" : "unknown",
-            size: 15,
-            style: { color: SIDEBAR_TREE_ACCENT_COLOR }
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Text,
-          {
-            size: "sm",
-            c: isActive ? "var(--color-primary)" : void 0,
-            fw: isActive ? 600 : 400,
-            style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
-            children: node.label
-          }
-        )
-      ] })
-    }
-  );
-}
-function getKnowledgeReadCommand(nodeId) {
-  return `/knowledge read ${nodeId}`;
-}
-function getKnowledgeReadKindFolderCommand(kind) {
-  return `/knowledge read-folder kind:${kind}`;
-}
 function CopyCommandControl({ command, label, visible }) {
   const clipboard = useClipboard({ timeout: 1500 });
   return /* @__PURE__ */ jsx(
@@ -706,34 +239,6 @@ function CopyCommandControl({ command, label, visible }) {
     }
   );
 }
-function TrailingCopySlot({ count, command, label, showCopy }) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      style: {
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "center",
-        width: 32,
-        height: 22,
-        flexShrink: 0
-      },
-      children: showCopy && command ? /* @__PURE__ */ jsx(CopyCommandControl, { command, label, visible: true }) : /* @__PURE__ */ jsx(
-        Badge,
-        {
-          size: "xs",
-          variant: "light",
-          style: {
-            color: SIDEBAR_TREE_ACCENT_COLOR,
-            backgroundColor: SIDEBAR_TREE_ACCENT_SURFACE,
-            borderColor: SIDEBAR_TREE_ACCENT_BORDER
-          },
-          children: count
-        }
-      )
-    }
-  );
-}
 var KnowledgeSidebar = () => /* @__PURE__ */ jsx(Stack, { gap: 0, style: { height: "100%", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsx(KnowledgeSidebarMiddle, {}) });
 
 // src/features/knowledge/manifest.ts
@@ -741,7 +246,7 @@ var knowledgeSidebarWidth = 320;
 var defaultSidebarWidth = 250;
 var knowledgeManifest = {
   key: "knowledge",
-  featureId: KNOWLEDGE_FEATURE_ID,
+  routePrefixes: ["/knowledge"],
   icon: IconBrain,
   sidebar: KnowledgeSidebar,
   sidebarWidth: ({ currentPath }) => {