@elevasis/ui 2.50.0 → 2.51.0

package/dist/knowledge/index.d.ts

@@ -1512,6 +1512,52 @@ interface KnowledgeBrowserProps {
  */
 declare function KnowledgeBrowser({ graph, knowledgeNodes, organizationModel, initialNodeId, onNavigateToNode, onSelectNode }: KnowledgeBrowserProps): react_jsx_runtime.JSX.Element;
 
+interface KnowledgeItemRouteId {
+    domainKey: string;
+    itemId: string;
+}
+type KnowledgeRouteTarget = {
+    kind: 'domain';
+    domainKey: string;
+} | {
+    kind: 'group';
+    groupKey: string;
+    label?: string;
+    domainKeys: readonly string[];
+} | {
+    kind: 'folder';
+    folderId: string;
+} | {
+    kind: 'item';
+    domainKey: string;
+    itemId: string;
+} | {
+    kind: 'knowledge';
+    node: OrgKnowledgeNode;
+} | {
+    kind: 'graph';
+    node: OrganizationGraphNode;
+} | {
+    kind: 'unresolved';
+    nodeId: string;
+};
+declare function decodeKnowledgeRouteNodeId(nodeId: string): string;
+declare function formatKnowledgeRouteTitle(id: string): string;
+declare function formatKnowledgeDomainLabel(domainKey: string): string;
+declare function parseKnowledgeItemRouteId(nodeId: string): KnowledgeItemRouteId | undefined;
+declare function resolveKnowledgeGraphNodeByRouteId(graph: OrganizationGraph, routeNodeId: string): OrganizationGraphNode | undefined;
+declare function resolveKnowledgeRouteTarget(graph: OrganizationGraph, knowledgeNodes: OrgKnowledgeNode[], nodeId: string | undefined): KnowledgeRouteTarget | null;
+declare function getKnowledgeRouteBreadcrumbLabel(nodeId: string, graph: OrganizationGraph): string | undefined;
+
+interface KnowledgeNodeDetailRouteViewProps {
+    nodeId: string;
+    graph: OrganizationGraph;
+    knowledgeNodes: OrgKnowledgeNode[];
+    organizationModel: OrganizationModel;
+    onNavigateToNode?: (nodeId: string) => void;
+}
+declare function KnowledgeNodeDetailRouteView({ nodeId, graph, knowledgeNodes, organizationModel, onNavigateToNode }: KnowledgeNodeDetailRouteViewProps): react_jsx_runtime.JSX.Element;
+
 /**
  * Identifies how to dispatch a favorited entry on click. Maps onto the
  * `onSelect*` callback surface that `KnowledgeTree` already exposes.
@@ -2030,5 +2076,5 @@ interface NodeDescribeShellProps {
 }
 declare function NodeDescribeShell({ header, content, relationships, footer }: NodeDescribeShellProps): react_jsx_runtime.JSX.Element;
 
-export { DescribeNodeView, DomainPanelDispatcher, EdgeRelationshipGroup, FILTERABLE_DOMAIN_KEYS, GenericDescribeView, KNOWLEDGE_ALLOWLIST, KNOWLEDGE_BODIES, KNOWLEDGE_DOMAINS_WITH_PANELS, KNOWLEDGE_ICON_TOKEN_BY_KIND, KNOWLEDGE_ITEMS, KindChip, KnowledgeBrowser, KnowledgeMDXProvider, KnowledgeNodeList, KnowledgeNodeView, KnowledgeSearchBar, KnowledgeTree, NodeDescribeShell, NodeHeader, NodeMetadataFooter, OM_NESTED_TREE_GROUPS, OM_TREE_GROUPS, OrganizationDescribeView, RelatedKnowledgeSection, ResourceDescribeView, SemanticIcon, SystemDescribeView, buildKnowledgeOmTreeData, extendSemanticIconRegistry, findKnowledgeTreeNodeByValue, findOmTreeGroup, getKnowledgeIconToken, getSemanticIconComponent, getSharedOrganizationGraph, resolveSemanticIconComponent, useKnowledgeAllowlist };
-export type { DescribeNodeViewProps, DomainPanelDispatcherProps, DomainPanelKey, EdgeRelationshipGroupProps, GenericDescribeViewProps, KindChipProps, KindChipTone, KnowledgeBrowserProps, KnowledgeFacetStates, KnowledgeNodeListProps, KnowledgeNodeViewProps, KnowledgeSearchBarProps, KnowledgeTreeNodeData, KnowledgeTreeProps, NodeDescribeShellProps, NodeHeaderProps, NodeMetadataFooterProps, OrganizationDescribeViewProps, RelatedKnowledgeSectionProps, ResourceDescribeViewProps, SemanticIconProps, SemanticIconRegistry, SemanticIconToken, SystemDescribeViewProps };
+export { DescribeNodeView, DomainPanelDispatcher, EdgeRelationshipGroup, FILTERABLE_DOMAIN_KEYS, GenericDescribeView, KNOWLEDGE_ALLOWLIST, KNOWLEDGE_BODIES, KNOWLEDGE_DOMAINS_WITH_PANELS, KNOWLEDGE_ICON_TOKEN_BY_KIND, KNOWLEDGE_ITEMS, KindChip, KnowledgeBrowser, KnowledgeMDXProvider, KnowledgeNodeDetailRouteView, KnowledgeNodeList, KnowledgeNodeView, KnowledgeSearchBar, KnowledgeTree, NodeDescribeShell, NodeHeader, NodeMetadataFooter, OM_NESTED_TREE_GROUPS, OM_TREE_GROUPS, OrganizationDescribeView, RelatedKnowledgeSection, ResourceDescribeView, SemanticIcon, SystemDescribeView, buildKnowledgeOmTreeData, decodeKnowledgeRouteNodeId, extendSemanticIconRegistry, findKnowledgeTreeNodeByValue, findOmTreeGroup, formatKnowledgeDomainLabel, formatKnowledgeRouteTitle, getKnowledgeIconToken, getKnowledgeRouteBreadcrumbLabel, getSemanticIconComponent, getSharedOrganizationGraph, parseKnowledgeItemRouteId, resolveKnowledgeGraphNodeByRouteId, resolveKnowledgeRouteTarget, resolveSemanticIconComponent, useKnowledgeAllowlist };
+export type { DescribeNodeViewProps, DomainPanelDispatcherProps, DomainPanelKey, EdgeRelationshipGroupProps, GenericDescribeViewProps, KindChipProps, KindChipTone, KnowledgeBrowserProps, KnowledgeFacetStates, KnowledgeItemRouteId, KnowledgeNodeDetailRouteViewProps, KnowledgeNodeListProps, KnowledgeNodeViewProps, KnowledgeRouteTarget, KnowledgeSearchBarProps, KnowledgeTreeNodeData, KnowledgeTreeProps, NodeDescribeShellProps, NodeHeaderProps, NodeMetadataFooterProps, OrganizationDescribeViewProps, RelatedKnowledgeSectionProps, ResourceDescribeViewProps, SemanticIconProps, SemanticIconRegistry, SemanticIconToken, SystemDescribeViewProps };

package/dist/knowledge/index.js

@@ -1,4 +1,4 @@
-import { getConceptDefinition, normaliseConceptKey, SemanticIcon, getKnowledgeIconToken, PageContainer, getKnowledgeGraphNodeCommand, IdentityDomainSchema, WorkflowResourceEntrySchema, AgentResourceEntrySchema, IntegrationResourceEntrySchema, ScriptResourceEntrySchema, getKnowledgeNodeReadCommand, getKnowledgeOntologyProjection, getPrimaryOntologyItemsForDomain, projectNavigationSurfaces, projectNavigationGroups, SurfaceDefinitionSchema, RoleSchema, PolicySchema, getOntologyDomainLabel, getKnowledgeDomainFolderCommand, getKnowledgeTreeFolderCommand, KNOWLEDGE_DOMAINS_WITH_PANELS } from '../chunk-SBNC3FRX.js';
+import { getConceptDefinition, normaliseConceptKey, SemanticIcon, getKnowledgeIconToken, PageContainer, getKnowledgeGraphNodeCommand, IdentityDomainSchema, WorkflowResourceEntrySchema, AgentResourceEntrySchema, IntegrationResourceEntrySchema, ScriptResourceEntrySchema, findOmTreeGroup, SubshellContentContainer, getKnowledgeNodeReadCommand, getKnowledgeOntologyProjection, getPrimaryOntologyItemsForDomain, projectNavigationSurfaces, projectNavigationGroups, SurfaceDefinitionSchema, RoleSchema, PolicySchema, getOntologyDomainLabel, getKnowledgeDomainFolderCommand, buildKnowledgeOmTreeData, findKnowledgeTreeNodeByValue, getKnowledgeTreeFolderCommand, KNOWLEDGE_DOMAINS_WITH_PANELS } from '../chunk-SBNC3FRX.js';
 export { FILTERABLE_DOMAIN_KEYS, KNOWLEDGE_DOMAINS_WITH_PANELS, KNOWLEDGE_ICON_TOKEN_BY_KIND, KnowledgeSearchBar, KnowledgeTree, OM_NESTED_TREE_GROUPS, OM_TREE_GROUPS, SemanticIcon, buildKnowledgeOmTreeData, extendSemanticIconRegistry, findKnowledgeTreeNodeByValue, findOmTreeGroup, getKnowledgeIconToken, getSemanticIconComponent, getSharedOrganizationGraph, resolveSemanticIconComponent } from '../chunk-SBNC3FRX.js';
 import { usePresetsContext } from '../chunk-NZ2F5RQ4.js';
 import '../chunk-OJJK27GC.js';
@@ -10887,6 +10887,98 @@ function DescribeNodeView({
       ) });
   }
 }
+
+// src/knowledge/KnowledgeRouteIds.ts
+var DOMAIN_PREFIX = "domain:";
+var GROUP_PREFIX = "group:";
+var FOLDER_PREFIX = "folder:";
+var ITEM_PREFIX = "item:";
+function decodeKnowledgeRouteNodeId(nodeId) {
+  try {
+    return decodeURIComponent(nodeId);
+  } catch {
+    return nodeId;
+  }
+}
+function formatKnowledgeRouteTitle(id) {
+  const localId = id.includes("/") ? id.slice(id.lastIndexOf("/") + 1) : id;
+  return localId.replace(/[-_.]+/g, " ").replace(/\s+/g, " ").trim().replace(/\b\w/g, (char) => char.toUpperCase());
+}
+function formatKnowledgeDomainLabel(domainKey) {
+  return domainKey.split("-").flatMap((part) => part.split("_")).map((part) => `${part.slice(0, 1).toUpperCase()}${part.slice(1)}`).join(" ");
+}
+function parseKnowledgeItemRouteId(nodeId) {
+  if (!nodeId.startsWith(ITEM_PREFIX)) return void 0;
+  const rest = nodeId.slice(ITEM_PREFIX.length);
+  const separatorIndex = rest.indexOf(":");
+  if (separatorIndex === -1) return void 0;
+  return {
+    domainKey: rest.slice(0, separatorIndex),
+    itemId: rest.slice(separatorIndex + 1)
+  };
+}
+function resolveBareOntologyGraphNodeId(nodeId) {
+  const ontologyId = OntologyIdSchema.safeParse(nodeId);
+  return ontologyId.success ? ontologyGraphNodeId(ontologyId.data) : void 0;
+}
+function resolveKnowledgeGraphNodeByRouteId(graph, routeNodeId) {
+  const graphNodesById = new Map(graph.nodes.map((node) => [node.id, node]));
+  return graphNodesById.get(routeNodeId) ?? graphNodesById.get(resolveBareOntologyGraphNodeId(routeNodeId) ?? "") ?? graphNodesById.get(`system:${routeNodeId}`) ?? graph.nodes.find((node) => node.sourceId === routeNodeId) ?? graphNodesById.get(`knowledge:${routeNodeId}`);
+}
+function resolveKnowledgeNodeFromGraphNode(graphNode, knowledgeNodesById) {
+  if (graphNode.sourceId) return knowledgeNodesById.get(graphNode.sourceId);
+  return graphNode.id.startsWith("knowledge:") ? knowledgeNodesById.get(graphNode.id.slice("knowledge:".length)) : void 0;
+}
+function resolveKnowledgeRouteTarget(graph, knowledgeNodes, nodeId) {
+  if (!nodeId) return null;
+  const routeNodeId = decodeKnowledgeRouteNodeId(nodeId);
+  if (routeNodeId.startsWith(DOMAIN_PREFIX)) {
+    return { kind: "domain", domainKey: routeNodeId.slice(DOMAIN_PREFIX.length) };
+  }
+  if (routeNodeId.startsWith(GROUP_PREFIX)) {
+    const groupKey = routeNodeId.slice(GROUP_PREFIX.length);
+    const group = findOmTreeGroup(groupKey);
+    return group ? { kind: "group", groupKey: group.key, label: group.label, domainKeys: group.domains } : { kind: "unresolved", nodeId: routeNodeId };
+  }
+  if (routeNodeId.startsWith(FOLDER_PREFIX)) {
+    return { kind: "folder", folderId: routeNodeId };
+  }
+  const itemRoute = parseKnowledgeItemRouteId(routeNodeId);
+  if (itemRoute) {
+    return { kind: "item", domainKey: itemRoute.domainKey, itemId: itemRoute.itemId };
+  }
+  const knowledgeNodesById = new Map(knowledgeNodes.map((node) => [node.id, node]));
+  const directKnowledgeNode = knowledgeNodesById.get(routeNodeId);
+  if (directKnowledgeNode) return { kind: "knowledge", node: directKnowledgeNode };
+  const graphNode = resolveKnowledgeGraphNodeByRouteId(graph, routeNodeId);
+  if (!graphNode) return { kind: "unresolved", nodeId: routeNodeId };
+  if (graphNode.kind === "knowledge") {
+    const knowledgeNode = resolveKnowledgeNodeFromGraphNode(graphNode, knowledgeNodesById);
+    if (knowledgeNode) return { kind: "knowledge", node: knowledgeNode };
+  }
+  return { kind: "graph", node: graphNode };
+}
+function getKnowledgeRouteBreadcrumbLabel(nodeId, graph) {
+  const routeNodeId = decodeKnowledgeRouteNodeId(nodeId);
+  if (routeNodeId.startsWith(DOMAIN_PREFIX)) {
+    return formatKnowledgeDomainLabel(routeNodeId.slice(DOMAIN_PREFIX.length));
+  }
+  if (routeNodeId.startsWith(GROUP_PREFIX)) {
+    const groupKey = routeNodeId.slice(GROUP_PREFIX.length);
+    return findOmTreeGroup(groupKey)?.label;
+  }
+  if (routeNodeId.startsWith(FOLDER_PREFIX)) {
+    const segments = routeNodeId.slice(FOLDER_PREFIX.length).split(":");
+    const last = segments[segments.length - 1];
+    return formatKnowledgeRouteTitle(last);
+  }
+  const itemRoute = parseKnowledgeItemRouteId(routeNodeId);
+  if (itemRoute) {
+    return formatKnowledgeRouteTitle(itemRoute.itemId);
+  }
+  const node = resolveKnowledgeGraphNodeByRouteId(graph, routeNodeId);
+  return node?.label;
+}
 function KnowledgeBrowser({
   graph,
   knowledgeNodes,
@@ -10940,35 +11032,12 @@ function createKindCounts(nodes) {
     { playbook: 0, strategy: 0, reference: 0 }
   );
 }
-function resolveKnowledgeNodeFromGraphNode(graphNode, knowledgeNodesById) {
-  if (graphNode.sourceId) return knowledgeNodesById.get(graphNode.sourceId);
-  return graphNode.id.startsWith("knowledge:") ? knowledgeNodesById.get(graphNode.id.slice("knowledge:".length)) : void 0;
-}
-function resolveBareOntologyGraphNodeId(nodeId) {
-  const ontologyId = OntologyIdSchema.safeParse(nodeId);
-  return ontologyId.success ? ontologyGraphNodeId(ontologyId.data) : void 0;
-}
-function decodeInitialNodeId(nodeId) {
-  try {
-    return decodeURIComponent(nodeId);
-  } catch {
-    return nodeId;
-  }
-}
 function resolveInitialFocus(graph, knowledgeNodes, initialNodeId) {
-  if (!initialNodeId) return null;
-  const routeNodeId = decodeInitialNodeId(initialNodeId);
-  const knowledgeNodesById = new Map(knowledgeNodes.map((node) => [node.id, node]));
-  const directKnowledgeNode = knowledgeNodesById.get(routeNodeId);
-  if (directKnowledgeNode) return { kind: "knowledge", node: directKnowledgeNode };
-  const graphNodesById = new Map(graph.nodes.map((node) => [node.id, node]));
-  const graphNode = graphNodesById.get(routeNodeId) ?? graphNodesById.get(resolveBareOntologyGraphNodeId(routeNodeId) ?? "") ?? graphNodesById.get(`system:${routeNodeId}`);
-  if (!graphNode) return null;
-  if (graphNode.kind === "knowledge") {
-    const knowledgeNode = resolveKnowledgeNodeFromGraphNode(graphNode, knowledgeNodesById);
-    if (knowledgeNode) return { kind: "knowledge", node: knowledgeNode };
-  }
-  return { kind: "graph", node: graphNode };
+  const target = resolveKnowledgeRouteTarget(graph, knowledgeNodes, initialNodeId);
+  if (!target) return null;
+  if (target.kind === "knowledge") return { kind: "knowledge", node: target.node };
+  if (target.kind === "graph") return { kind: "graph", node: target.node };
+  return null;
 }
 function resolveKnowledgeGraphIds(graph) {
   return new Set(graph.nodes.filter((node) => node.kind === "knowledge").map((node) => node.id));
@@ -11183,6 +11252,228 @@ function KnowledgeOverviewRow({
     }
   );
 }
+function DomainPanelDispatcher({
+  domainKey,
+  model,
+  onNavigateToNode,
+  filterToItemId
+}) {
+  switch (domainKey) {
+    case "identity":
+      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsx(IdentityPanel, { model, onNavigateToNode }) });
+    case "branding":
+      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsx(BrandingPanel, { model, onNavigateToNode }) });
+    case "customers":
+      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsx(CustomersPanel, { model, onNavigateToNode, filterToItemId }) });
+    case "clients":
+      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsx(ClientsPanel, { model, filterToItemId }) });
+    case "offerings":
+      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsx(OfferingsPanel, { model, onNavigateToNode, filterToItemId }) });
+    case "goals":
+      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsx(GoalsPanel, { model, onNavigateToNode, filterToItemId }) });
+    case "roles":
+      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsx(RolesPanel, { model, onNavigateToNode, filterToItemId }) });
+    case "statuses":
+      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsx(StatusesPanel, { model, onNavigateToNode, filterToItemId }) });
+    case "navigation":
+      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsx(NavigationPanel, { model, onNavigateToNode }) });
+    case "policies":
+      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsx(PoliciesPanel, { model, onNavigateToNode, filterToItemId }) });
+    case "ontology-objects":
+    case "ontology-links":
+    case "ontology-actions":
+    case "ontology-catalogs":
+    case "ontology-events":
+    case "ontology-interfaces":
+    case "ontology-value-types":
+    case "ontology-properties":
+    case "ontology-groups":
+    case "ontology-endpoints":
+    case "ontology-resources":
+      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsx(OntologyPanel, { model, domainKey, filterToItemId }) });
+    default:
+      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsxs(Stack, { p: "md", gap: "xs", children: [
+        /* @__PURE__ */ jsx(Text, { fw: 650, children: "Unknown domain" }),
+        /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
+          "No panel for `",
+          domainKey,
+          "`."
+        ] })
+      ] }) });
+  }
+}
+function treeNodeToDescribeChild(child) {
+  const label = String(child.label);
+  const value = typeof child.value === "string" ? child.value : void 0;
+  const nodeType = child.nodeType === "group" ? "group" : child.nodeType === "domain" ? "domain" : child.nodeType === "item" ? "item" : "group";
+  return {
+    value,
+    label,
+    nodeType,
+    domainKey: child.domainKey,
+    itemId: child.itemId,
+    children: child.children ? child.children.map(treeNodeToDescribeChild) : void 0
+  };
+}
+function FolderDetailView({
+  nodeId,
+  graph,
+  knowledgeNodes,
+  organizationModel,
+  onNavigateToNode
+}) {
+  const treeData = useMemo(
+    () => buildKnowledgeOmTreeData(graph, knowledgeNodes, {}, organizationModel),
+    [graph, knowledgeNodes, organizationModel]
+  );
+  const folderNode = useMemo(() => findKnowledgeTreeNodeByValue(treeData, nodeId), [treeData, nodeId]);
+  const folderLabel = folderNode ? String(folderNode.label) : formatKnowledgeRouteTitle(nodeId.slice("folder:".length));
+  const children = folderNode?.children ? folderNode.children.map(treeNodeToDescribeChild) : [];
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(
+    DescribeNodeView,
+    {
+      node: {
+        value: nodeId,
+        label: folderLabel,
+        nodeType: "group",
+        children
+      },
+      graph,
+      organizationModel,
+      knowledgeNodes,
+      onNavigateToNode
+    }
+  ) });
+}
+function KnowledgeNodeFallback({ missingId, graph, knowledgeNodes, onNavigateToNode }) {
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsx(
+      Alert,
+      {
+        variant: "light",
+        color: "gray",
+        icon: /* @__PURE__ */ jsx(IconInfoCircle, { size: 18 }),
+        title: `${formatKnowledgeRouteTitle(missingId)} is not available`,
+        children: "This knowledge item could not be found. It may have been renamed, moved, or not yet generated for this organization. Browse the full knowledge base below."
+      }
+    ),
+    /* @__PURE__ */ jsx(KnowledgeBrowser, { graph, knowledgeNodes, onSelectNode: onNavigateToNode })
+  ] }) });
+}
+function KnowledgeNodeDetailRouteView({
+  nodeId,
+  graph,
+  knowledgeNodes,
+  organizationModel,
+  onNavigateToNode
+}) {
+  const routeNodeId = useMemo(() => decodeKnowledgeRouteNodeId(nodeId), [nodeId]);
+  const target = useMemo(
+    () => resolveKnowledgeRouteTarget(graph, knowledgeNodes, routeNodeId),
+    [graph, knowledgeNodes, routeNodeId]
+  );
+  if (!target) {
+    return /* @__PURE__ */ jsx(
+      KnowledgeNodeFallback,
+      {
+        missingId: routeNodeId,
+        graph,
+        knowledgeNodes,
+        onNavigateToNode
+      }
+    );
+  }
+  switch (target.kind) {
+    case "domain":
+      return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(
+        DomainPanelDispatcher,
+        {
+          domainKey: target.domainKey,
+          model: organizationModel,
+          onNavigateToNode
+        }
+      ) });
+    case "group":
+      return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(
+        DescribeNodeView,
+        {
+          node: {
+            value: `group:${target.groupKey}`,
+            label: target.label ?? formatKnowledgeRouteTitle(target.groupKey),
+            nodeType: "group",
+            children: target.domainKeys.map((domainKey) => ({
+              value: `domain:${domainKey}`,
+              label: formatKnowledgeDomainLabel(domainKey),
+              nodeType: "domain",
+              domainKey
+            }))
+          },
+          graph,
+          organizationModel,
+          knowledgeNodes,
+          onNavigateToNode
+        }
+      ) });
+    case "folder":
+      return /* @__PURE__ */ jsx(
+        FolderDetailView,
+        {
+          nodeId: target.folderId,
+          graph,
+          knowledgeNodes,
+          organizationModel,
+          onNavigateToNode
+        }
+      );
+    case "item":
+      return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(
+        DomainPanelDispatcher,
+        {
+          domainKey: target.domainKey,
+          model: organizationModel,
+          filterToItemId: target.itemId,
+          onNavigateToNode
+        }
+      ) });
+    case "knowledge":
+      return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(
+        DescribeNodeView,
+        {
+          node: {
+            id: `knowledge:${target.node.id}`,
+            kind: "knowledge",
+            label: target.node.title,
+            sourceId: target.node.id
+          },
+          graph,
+          organizationModel,
+          knowledgeNodes,
+          onNavigateToNode
+        }
+      ) });
+    case "graph":
+      return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(
+        DescribeNodeView,
+        {
+          node: target.node,
+          graph,
+          organizationModel,
+          knowledgeNodes,
+          onNavigateToNode
+        }
+      ) });
+    case "unresolved":
+      return /* @__PURE__ */ jsx(
+        KnowledgeNodeFallback,
+        {
+          missingId: target.nodeId,
+          graph,
+          knowledgeNodes,
+          onNavigateToNode
+        }
+      );
+  }
+}
 function KnowledgeNodeList({ nodes, onSelect, selectedNodeId, label }) {
   if (nodes.length === 0) {
     return /* @__PURE__ */ jsxs(Stack, { gap: "xs", style: { padding: "var(--mantine-spacing-md)" }, children: [
@@ -11270,55 +11561,5 @@ function KnowledgeNodeList({ nodes, onSelect, selectedNodeId, label }) {
   ] });
 }
 var KNOWLEDGE_ITEMS = [{ label: "Knowledge", to: "/knowledge", icon: IconBook, exact: true }];
-function DomainPanelDispatcher({
-  domainKey,
-  model,
-  onNavigateToNode,
-  filterToItemId
-}) {
-  switch (domainKey) {
-    case "identity":
-      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsx(IdentityPanel, { model, onNavigateToNode }) });
-    case "branding":
-      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsx(BrandingPanel, { model, onNavigateToNode }) });
-    case "customers":
-      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsx(CustomersPanel, { model, onNavigateToNode, filterToItemId }) });
-    case "clients":
-      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsx(ClientsPanel, { model, filterToItemId }) });
-    case "offerings":
-      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsx(OfferingsPanel, { model, onNavigateToNode, filterToItemId }) });
-    case "goals":
-      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsx(GoalsPanel, { model, onNavigateToNode, filterToItemId }) });
-    case "roles":
-      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsx(RolesPanel, { model, onNavigateToNode, filterToItemId }) });
-    case "statuses":
-      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsx(StatusesPanel, { model, onNavigateToNode, filterToItemId }) });
-    case "navigation":
-      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsx(NavigationPanel, { model, onNavigateToNode }) });
-    case "policies":
-      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsx(PoliciesPanel, { model, onNavigateToNode, filterToItemId }) });
-    case "ontology-objects":
-    case "ontology-links":
-    case "ontology-actions":
-    case "ontology-catalogs":
-    case "ontology-events":
-    case "ontology-interfaces":
-    case "ontology-value-types":
-    case "ontology-properties":
-    case "ontology-groups":
-    case "ontology-endpoints":
-    case "ontology-resources":
-      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsx(OntologyPanel, { model, domainKey, filterToItemId }) });
-    default:
-      return /* @__PURE__ */ jsx(DomainPanelFrame, { children: /* @__PURE__ */ jsxs(Stack, { p: "md", gap: "xs", children: [
-        /* @__PURE__ */ jsx(Text, { fw: 650, children: "Unknown domain" }),
-        /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
-          "No panel for `",
-          domainKey,
-          "`."
-        ] })
-      ] }) });
-  }
-}
 
-export { DescribeNodeView, DomainPanelDispatcher, EdgeRelationshipGroup, GenericDescribeView, KNOWLEDGE_ALLOWLIST, KNOWLEDGE_BODIES, KNOWLEDGE_ITEMS, KindChip, KnowledgeBrowser, KnowledgeMDXProvider, KnowledgeNodeList, KnowledgeNodeView, NodeDescribeShell, NodeHeader, NodeMetadataFooter, OrganizationDescribeView, RelatedKnowledgeSection, ResourceDescribeView, SystemDescribeView, useKnowledgeAllowlist };
+export { DescribeNodeView, DomainPanelDispatcher, EdgeRelationshipGroup, GenericDescribeView, KNOWLEDGE_ALLOWLIST, KNOWLEDGE_BODIES, KNOWLEDGE_ITEMS, KindChip, KnowledgeBrowser, KnowledgeMDXProvider, KnowledgeNodeDetailRouteView, KnowledgeNodeList, KnowledgeNodeView, NodeDescribeShell, NodeHeader, NodeMetadataFooter, OrganizationDescribeView, RelatedKnowledgeSection, ResourceDescribeView, SystemDescribeView, decodeKnowledgeRouteNodeId, formatKnowledgeDomainLabel, formatKnowledgeRouteTitle, getKnowledgeRouteBreadcrumbLabel, parseKnowledgeItemRouteId, resolveKnowledgeGraphNodeByRouteId, resolveKnowledgeRouteTarget, useKnowledgeAllowlist };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elevasis/ui",
-  "version": "2.50.0",
+  "version": "2.51.0",
   "description": "UI components and platform-aware hooks for building custom frontends on the Elevasis platform",
   "type": "module",
   "license": "MIT",
@@ -274,11 +274,11 @@
     "typescript": "5.9.2",
     "vite": "^7.0.0",
     "vitest": "^3.2.4",
-    "@elevasis/sdk": "1.34.0",
-    "@repo/eslint-config": "0.0.0",
-    "@repo/core": "0.47.0",
+    "@repo/core": "0.48.0",
     "@repo/elevasis-core": "1.0.0",
-    "@repo/typescript-config": "0.0.0"
+    "@repo/typescript-config": "0.0.0",
+    "@elevasis/sdk": "1.35.0",
+    "@repo/eslint-config": "0.0.0"
   },
   "dependencies": {
     "@dagrejs/dagre": "^1.1.4",

package/src/knowledge/README.md

@@ -10,8 +10,10 @@ Read-only browser primitives for the Organization Model knowledge graph.
 | `KnowledgeTree`                                                        | By-feature primary tree with hierarchical features and multi-governance duplication. |
 | `KnowledgeNodeList`                                                    | Legacy flat list of node summary cards; exported for compatibility.                 |
 | `KnowledgeNodeView`                                                    | Single knowledge-node detail view using `NodeDescribeShell` and relationship groups. |
-| `KnowledgeSearchBar`                                                   | Client-side search over `_generated/knowledge-search-index.json`.                   |
-| `KnowledgeSidebarMiddle`                                               | Deprecated legacy sidebar middle section; active sidebar lives under `features/knowledge/sidebar`. |
+| `KnowledgeSearchBar`                                                   | Client-side search over `_generated/knowledge-search-index.json`.                   |
+| `KnowledgeNodeDetailRouteView`                                         | Shared `/knowledge/$nodeId` content route view; apps keep TanStack route adapters and navigation wiring local. |
+| `KnowledgeRouteIds` helpers                                            | Decode route ids, resolve Knowledge route targets, and derive route labels for app-local breadcrumbs. |
+| `KnowledgeSidebarMiddle`                                               | Deprecated legacy sidebar middle section; active sidebar lives under `features/knowledge/sidebar`. |
 | `KNOWLEDGE_ITEMS`                                                      | Deprecated default sidebar nav items retained for compatibility.                    |
 | `KnowledgeMDXProvider`, `useKnowledgeAllowlist`, `KNOWLEDGE_ALLOWLIST` | MDX runtime allowlist (`Card`, `Cards`, `Step`, `Steps`, `Callout`, `Tab`, `Tabs`). |
 | `KNOWLEDGE_BODIES`                                                     | Build-time-compiled MDX components keyed by node id.                                |