@elevasis/ui 2.25.5 → 2.26.0

package/dist/features/knowledge/index.js

@@ -1,10 +1,709 @@
+import { KnowledgeSearchBar, KnowledgeTree, getKnowledgeIconToken, byKind } from '../../chunk-ONFKASZI.js';
+import { CommandViewSidebarContent, OrganizationModelSchema, buildOrganizationGraph, DEFAULT_ORGANIZATION_MODEL_OPERATIONS, DEFAULT_ORGANIZATION_MODEL_STATUSES, 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-OHXU5WWK.js';
+import '../../chunk-ZTWA5H77.js';
+import { SemanticIcon } from '../../chunk-KEFWANZY.js';
+import '../../chunk-XQQEKWTL.js';
 import { KNOWLEDGE_FEATURE_ID } from '../../chunk-ECNNI3NT.js';
+import { DEFAULT_ORGANIZATION_MODEL_PROSPECTING } from '../../chunk-4KTLOK7K.js';
+import '../../chunk-CW3UNAF2.js';
+import { SubshellSidebarSection } from '../../chunk-IIMU5YAJ.js';
+import '../../chunk-7M2VOCYN.js';
+import '../../chunk-YHBPR67D.js';
+import '../../chunk-VKMNWHTL.js';
+import '../../chunk-G26INIF3.js';
+import '../../chunk-BRXELOHC.js';
+import '../../chunk-3ZMAGTWF.js';
+import '../../chunk-VMJVQAFZ.js';
+import '../../chunk-JPGX3533.js';
+import '../../chunk-LH4GPYDX.js';
+import '../../chunk-HLFFKKT3.js';
+import '../../chunk-WLOQ4IBG.js';
+import '../../chunk-ZFLM2YVW.js';
+import '../../chunk-RIFTUOPE.js';
+import '../../chunk-3KMDHCAR.js';
+import { DEFAULT_ORGANIZATION_MODEL_SALES } from '../../chunk-W2ZTLH7Y.js';
+import '../../chunk-SZHARWKU.js';
+import { useElevasisFeatures } from '../../chunk-V3HUIZJX.js';
+import '../../chunk-TKAYX2SP.js';
+import '../../chunk-NYBEU5TE.js';
+import '../../chunk-SGS4CQ2B.js';
+import '../../chunk-2IFYDILW.js';
+import { useRouterContext } from '../../chunk-Q7DJKLEN.js';
+import '../../chunk-GESXCQWY.js';
+import '../../chunk-HOIT677G.js';
+import '../../chunk-E565XMTQ.js';
+import '../../chunk-KU7ZDWQ7.js';
+import '../../chunk-DT3QYZVU.js';
+import '../../chunk-RNP5R5I3.js';
+import '../../chunk-QD4X4H5A.js';
+import '../../chunk-KRWALB24.js';
+import '../../chunk-WFTNY755.js';
+import '../../chunk-WKJ47GIW.js';
+import '../../chunk-DD3CCMCZ.js';
+import '../../chunk-XTVZFT7U.js';
+import '../../chunk-5WWZXCS5.js';
+import '../../chunk-BRJ3QZ4E.js';
 import '../../chunk-I2KLQ2HA.js';
+import { IconBrain, IconCheck, IconCopy } from '@tabler/icons-react';
+import { Stack, Box, SegmentedControl, Text, UnstyledButton, Group, Badge } 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: "sales",
+      label: "Sales",
+      description: "Revenue workflows and customer acquisition",
+      enabled: true,
+      color: "blue",
+      icon: "feature.sales",
+      uiPosition: "sidebar-primary"
+    },
+    {
+      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",
+      uiPosition: "sidebar-primary"
+    },
+    {
+      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.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,
+  statuses: DEFAULT_ORGANIZATION_MODEL_STATUSES,
+  operations: DEFAULT_ORGANIZATION_MODEL_OPERATIONS,
+  knowledge: DEFAULT_ORGANIZATION_MODEL_KNOWLEDGE
+};
+function deepMerge(base, override) {
+  {
+    return base;
+  }
+}
+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;
+}
+var SEGMENT_DATA = [
+  { label: "By Feature", value: "by-feature" },
+  { label: "By Kind", value: "by-kind" },
+  { label: "Config", value: "config" }
+];
+var KnowledgeSidebarMiddle = () => {
+  const { navigate, currentPath } = useRouterContext();
+  const { timeRange = "30d", organizationModel } = useElevasisFeatures();
+  if (currentPath.startsWith("/knowledge/command-view")) {
+    return /* @__PURE__ */ jsx(CommandViewSidebarContent, { timeRange });
+  }
+  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 [searchResults, setSearchResults] = useState(null);
+  const [axis, setAxis] = useState("by-feature");
+  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;
+  }, [currentPath]);
+  const handleSelect = (node) => {
+    navigate(`/knowledge/${node.id}`);
+  };
+  const handleSelectGraphNode = (node) => {
+    navigate(`/knowledge/${node.id}`);
+  };
+  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(Stack, { gap: 0, style: { flex: 1, overflowY: "auto" }, children: searchResults ? /* @__PURE__ */ jsx(SearchResultsList, { searchResults, selectedNodeId, onSelect: handleSelect }) : /* @__PURE__ */ jsx(
+      AxisBody,
+      {
+        axis,
+        graph,
+        knowledgeNodes,
+        selectedNodeId,
+        onSelect: handleSelect,
+        onSelectGraphNode: handleSelectGraphNode
+      }
+    ) })
+  ] });
+}
+function SearchResultsList({ searchResults, selectedNodeId, onSelect }) {
+  if (searchResults.length === 0) {
+    return /* @__PURE__ */ jsx(Box, { p: "md", children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No results." }) });
+  }
+  return /* @__PURE__ */ jsx(Stack, { gap: 2, p: "sm", children: searchResults.map((node) => {
+    const isActive = node.id === selectedNodeId;
+    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", "organization", "entity", "surface", "capability"];
+var CONFIG_KIND_LABELS = {
+  feature: "Features",
+  resource: "Resources",
+  organization: "Organizations",
+  entity: "Entities",
+  surface: "Surfaces",
+  capability: "Capabilities"
+};
+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,
+      {
+        node,
+        isActive: isSelectedConfigNode(selectedNodeId, node),
+        onSelect
+      },
+      node.id
+    )) })
+  ] }, kind)) });
+}
+function GroupHeader({ label, count, command }) {
+  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 })
+  ] });
+}
+function NodeButton({ node, isActive, onSelect }) {
+  const [hovered, setHovered] = useState(false);
+  return /* @__PURE__ */ jsx(
+    UnstyledButton,
+    {
+      onClick: () => onSelect(node),
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false),
+      style: {
+        padding: "6px 10px",
+        borderRadius: "var(--mantine-radius-sm)",
+        backgroundColor: isActive ? "color-mix(in srgb, var(--color-primary) 10%, transparent)" : hovered ? "var(--color-surface-hover)" : "transparent",
+        width: "100%",
+        textAlign: "left",
+        transition: "background-color var(--duration-fast) var(--easing), color var(--duration-fast) var(--easing)"
+      },
+      children: /* @__PURE__ */ jsx(
+        Text,
+        {
+          size: "sm",
+          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: isActive ? "var(--color-primary)" : hovered ? "var(--color-text)" : "var(--color-text-subtle)"
+                }
+              }
+            ),
+            /* @__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
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+}
+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: isActive ? "var(--color-primary)" : "var(--color-text-subtle)" }
+          }
+        ),
+        /* @__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(
+    "span",
+    {
+      role: "button",
+      tabIndex: 0,
+      "aria-label": label,
+      onClick: (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        clipboard.copy(command);
+      },
+      onKeyDown: (event) => {
+        if (event.key !== "Enter" && event.key !== " ") return;
+        event.preventDefault();
+        event.stopPropagation();
+        clipboard.copy(command);
+      },
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width: 22,
+        height: 22,
+        flexShrink: 0,
+        opacity: visible ? 1 : 0,
+        pointerEvents: visible ? "auto" : "none",
+        color: clipboard.copied ? "var(--color-primary)" : "var(--color-text-subtle)",
+        transition: "opacity 120ms ease, color 120ms ease"
+      },
+      children: clipboard.copied ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconCopy, { size: 14 })
+    }
+  );
+}
+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", color: "gray", 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
+var knowledgeSidebarWidth = 320;
+var defaultSidebarWidth = 250;
 var knowledgeManifest = {
   key: "knowledge",
-  featureId: KNOWLEDGE_FEATURE_ID
+  featureId: KNOWLEDGE_FEATURE_ID,
+  icon: IconBrain,
+  sidebar: KnowledgeSidebar,
+  sidebarWidth: ({ currentPath }) => currentPath.startsWith("/knowledge") ? knowledgeSidebarWidth : defaultSidebarWidth
 };
 
 export { knowledgeManifest };