@copilotz/admin 0.9.39 → 0.9.40

package/dist/index.d.cts

@@ -139,6 +139,7 @@ interface AdminEventFilters {
 }
 type AdminBrainLayer = "all" | "knowledge" | "working" | (string & {});
 type AdminBrainStatus = "all" | "active" | "superseded" | "archived" | (string & {});
+type AdminBrainSearchMode = "keyword" | "semantic" | "hybrid";
 interface AdminBrainFilters {
     namespace?: string;
     memorySpaceId?: string;
@@ -149,6 +150,14 @@ interface AdminBrainFilters {
     kind?: string;
     status?: AdminBrainStatus;
     search?: string;
+    searchMode?: AdminBrainSearchMode;
+    focusNodeId?: string;
+    includeRelated?: boolean;
+    includeSimilar?: boolean;
+    similarLimit?: number;
+    minSimilarity?: number;
+    relationDepth?: 1;
+    relationTypes?: string[];
     limit?: number;
     offset?: number;
 }
@@ -176,6 +185,12 @@ interface AdminBrainNode {
     y: number;
     data: Record<string, unknown>;
 }
+interface AdminBrainMatch {
+    keyword?: boolean;
+    similarity?: number;
+    relationDistance?: number;
+    reasons: string[];
+}
 interface AdminBrainEdge {
     id: string;
     sourceNodeId: string;
@@ -200,11 +215,28 @@ interface AdminBrainStats {
     byKind: Record<string, number>;
     byStatus: Record<string, number>;
 }
+interface AdminBrainRelated {
+    node: AdminBrainNode;
+    edge: AdminBrainEdge;
+    direction: "in" | "out";
+}
+interface AdminBrainSimilar {
+    node: AdminBrainNode;
+    similarity: number;
+}
 interface AdminBrainResponse {
     nodes: AdminBrainNode[];
     edges: AdminBrainEdge[];
     clusters: AdminBrainCluster[];
     stats: AdminBrainStats;
+    matches?: Record<string, AdminBrainMatch>;
+    related?: AdminBrainRelated[];
+    similar?: AdminBrainSimilar[];
+    semantic?: {
+        requested: boolean;
+        available: boolean;
+        error: string | null;
+    };
     pageInfo: {
         limit: number;
         offset: number;
@@ -621,4 +653,4 @@ declare function StatusBadge({ status }: {
     status?: string | null;
 }): react_jsx_runtime.JSX.Element;
 
-export { ADMIN_GROUP_LABELS, ADMIN_GROUP_ORDER, type AdminActivityInterval, type AdminActivityPoint, type AdminAgentSummary, type AdminBrainCluster, type AdminBrainEdge, type AdminBrainFilters, type AdminBrainLayer, type AdminBrainNode, type AdminBrainResponse, type AdminBrainStats, type AdminBrainStatus, type AdminBranding, type AdminClientConfig, type AdminClientOptions, type AdminClientPaths, type AdminCollectionItem, type AdminCollectionPage, type AdminDatePreset, type AdminDetailPanel, type AdminEventFilters, type AdminMessage, type AdminMessagePage, type AdminMessagePageInfo, type AdminModule, type AdminModuleGroup, type AdminNavItem, type AdminOverview, type AdminParticipantDetail, type AdminParticipantSummary, type AdminPermissions, type AdminQueueEvent, type AdminRouteDefinition, type AdminRouteState, type AdminRuntimeContext, type AdminScope, type AdminThreadDetail, type AdminThreadSummary, type AdminUsageAttribution, type AdminUsageBreakdown, type AdminUsageDimension, type AdminUsageFilters, type AdminUsageGroupBy, type AdminUsageInterval, type AdminUsageKind, type AdminUsageMetricKind, type AdminUsagePoint, type AdminUsageResponse, type AdminUsageTotals, type AggregatedUsageRow, type CollectionEditor, type CollectionEditorProps, CopilotzAdmin, type CopilotzAdminClient, type CopilotzAdminProps, EMPTY_USAGE_TOTALS, EmptyState, FilterBar, InspectorPanel, JsonPanel, type LegacyAdminConfig, MetricStrip, type MetricStripItem, PageHeader, type RequestHeadersProvider, ResourceTable, type ResourceTableColumn, StatusBadge, type UsageCalculationOptions, type UsageChartSeries, type UsageChartState, type UseCopilotzAdminOptions, type UseCopilotzAdminResult, addUsageTotals, agentsModule, aggregateUsageRows, brainModule, buildUsageChartState, canAccessAdminPermission, collectAdminNavItems, collectAdminRoutes, collectCollectionEditors, collectionsModule, createAdminClient, defaultAdminConfig, defaultCopilotzModules, eventsModule, firstAccessibleRoute, formatCompactMetric, formatMetricValue, formatNumber, formatPercent, formatUsageBucket, getUsageDimensionLabel, getUsageGroupLabel, getUsageMetricLabel, getUsageRange, getUsageTotalValue, mergeAdminConfig, overviewModule, participantsModule, threadsModule, usageModule, useAdmin, useCopilotzAdmin };
+export { ADMIN_GROUP_LABELS, ADMIN_GROUP_ORDER, type AdminActivityInterval, type AdminActivityPoint, type AdminAgentSummary, type AdminBrainCluster, type AdminBrainEdge, type AdminBrainFilters, type AdminBrainLayer, type AdminBrainMatch, type AdminBrainNode, type AdminBrainRelated, type AdminBrainResponse, type AdminBrainSearchMode, type AdminBrainSimilar, type AdminBrainStats, type AdminBrainStatus, type AdminBranding, type AdminClientConfig, type AdminClientOptions, type AdminClientPaths, type AdminCollectionItem, type AdminCollectionPage, type AdminDatePreset, type AdminDetailPanel, type AdminEventFilters, type AdminMessage, type AdminMessagePage, type AdminMessagePageInfo, type AdminModule, type AdminModuleGroup, type AdminNavItem, type AdminOverview, type AdminParticipantDetail, type AdminParticipantSummary, type AdminPermissions, type AdminQueueEvent, type AdminRouteDefinition, type AdminRouteState, type AdminRuntimeContext, type AdminScope, type AdminThreadDetail, type AdminThreadSummary, type AdminUsageAttribution, type AdminUsageBreakdown, type AdminUsageDimension, type AdminUsageFilters, type AdminUsageGroupBy, type AdminUsageInterval, type AdminUsageKind, type AdminUsageMetricKind, type AdminUsagePoint, type AdminUsageResponse, type AdminUsageTotals, type AggregatedUsageRow, type CollectionEditor, type CollectionEditorProps, CopilotzAdmin, type CopilotzAdminClient, type CopilotzAdminProps, EMPTY_USAGE_TOTALS, EmptyState, FilterBar, InspectorPanel, JsonPanel, type LegacyAdminConfig, MetricStrip, type MetricStripItem, PageHeader, type RequestHeadersProvider, ResourceTable, type ResourceTableColumn, StatusBadge, type UsageCalculationOptions, type UsageChartSeries, type UsageChartState, type UseCopilotzAdminOptions, type UseCopilotzAdminResult, addUsageTotals, agentsModule, aggregateUsageRows, brainModule, buildUsageChartState, canAccessAdminPermission, collectAdminNavItems, collectAdminRoutes, collectCollectionEditors, collectionsModule, createAdminClient, defaultAdminConfig, defaultCopilotzModules, eventsModule, firstAccessibleRoute, formatCompactMetric, formatMetricValue, formatNumber, formatPercent, formatUsageBucket, getUsageDimensionLabel, getUsageGroupLabel, getUsageMetricLabel, getUsageRange, getUsageTotalValue, mergeAdminConfig, overviewModule, participantsModule, threadsModule, usageModule, useAdmin, useCopilotzAdmin };

package/dist/index.d.ts

@@ -139,6 +139,7 @@ interface AdminEventFilters {
 }
 type AdminBrainLayer = "all" | "knowledge" | "working" | (string & {});
 type AdminBrainStatus = "all" | "active" | "superseded" | "archived" | (string & {});
+type AdminBrainSearchMode = "keyword" | "semantic" | "hybrid";
 interface AdminBrainFilters {
     namespace?: string;
     memorySpaceId?: string;
@@ -149,6 +150,14 @@ interface AdminBrainFilters {
     kind?: string;
     status?: AdminBrainStatus;
     search?: string;
+    searchMode?: AdminBrainSearchMode;
+    focusNodeId?: string;
+    includeRelated?: boolean;
+    includeSimilar?: boolean;
+    similarLimit?: number;
+    minSimilarity?: number;
+    relationDepth?: 1;
+    relationTypes?: string[];
     limit?: number;
     offset?: number;
 }
@@ -176,6 +185,12 @@ interface AdminBrainNode {
     y: number;
     data: Record<string, unknown>;
 }
+interface AdminBrainMatch {
+    keyword?: boolean;
+    similarity?: number;
+    relationDistance?: number;
+    reasons: string[];
+}
 interface AdminBrainEdge {
     id: string;
     sourceNodeId: string;
@@ -200,11 +215,28 @@ interface AdminBrainStats {
     byKind: Record<string, number>;
     byStatus: Record<string, number>;
 }
+interface AdminBrainRelated {
+    node: AdminBrainNode;
+    edge: AdminBrainEdge;
+    direction: "in" | "out";
+}
+interface AdminBrainSimilar {
+    node: AdminBrainNode;
+    similarity: number;
+}
 interface AdminBrainResponse {
     nodes: AdminBrainNode[];
     edges: AdminBrainEdge[];
     clusters: AdminBrainCluster[];
     stats: AdminBrainStats;
+    matches?: Record<string, AdminBrainMatch>;
+    related?: AdminBrainRelated[];
+    similar?: AdminBrainSimilar[];
+    semantic?: {
+        requested: boolean;
+        available: boolean;
+        error: string | null;
+    };
     pageInfo: {
         limit: number;
         offset: number;
@@ -621,4 +653,4 @@ declare function StatusBadge({ status }: {
     status?: string | null;
 }): react_jsx_runtime.JSX.Element;
 
-export { ADMIN_GROUP_LABELS, ADMIN_GROUP_ORDER, type AdminActivityInterval, type AdminActivityPoint, type AdminAgentSummary, type AdminBrainCluster, type AdminBrainEdge, type AdminBrainFilters, type AdminBrainLayer, type AdminBrainNode, type AdminBrainResponse, type AdminBrainStats, type AdminBrainStatus, type AdminBranding, type AdminClientConfig, type AdminClientOptions, type AdminClientPaths, type AdminCollectionItem, type AdminCollectionPage, type AdminDatePreset, type AdminDetailPanel, type AdminEventFilters, type AdminMessage, type AdminMessagePage, type AdminMessagePageInfo, type AdminModule, type AdminModuleGroup, type AdminNavItem, type AdminOverview, type AdminParticipantDetail, type AdminParticipantSummary, type AdminPermissions, type AdminQueueEvent, type AdminRouteDefinition, type AdminRouteState, type AdminRuntimeContext, type AdminScope, type AdminThreadDetail, type AdminThreadSummary, type AdminUsageAttribution, type AdminUsageBreakdown, type AdminUsageDimension, type AdminUsageFilters, type AdminUsageGroupBy, type AdminUsageInterval, type AdminUsageKind, type AdminUsageMetricKind, type AdminUsagePoint, type AdminUsageResponse, type AdminUsageTotals, type AggregatedUsageRow, type CollectionEditor, type CollectionEditorProps, CopilotzAdmin, type CopilotzAdminClient, type CopilotzAdminProps, EMPTY_USAGE_TOTALS, EmptyState, FilterBar, InspectorPanel, JsonPanel, type LegacyAdminConfig, MetricStrip, type MetricStripItem, PageHeader, type RequestHeadersProvider, ResourceTable, type ResourceTableColumn, StatusBadge, type UsageCalculationOptions, type UsageChartSeries, type UsageChartState, type UseCopilotzAdminOptions, type UseCopilotzAdminResult, addUsageTotals, agentsModule, aggregateUsageRows, brainModule, buildUsageChartState, canAccessAdminPermission, collectAdminNavItems, collectAdminRoutes, collectCollectionEditors, collectionsModule, createAdminClient, defaultAdminConfig, defaultCopilotzModules, eventsModule, firstAccessibleRoute, formatCompactMetric, formatMetricValue, formatNumber, formatPercent, formatUsageBucket, getUsageDimensionLabel, getUsageGroupLabel, getUsageMetricLabel, getUsageRange, getUsageTotalValue, mergeAdminConfig, overviewModule, participantsModule, threadsModule, usageModule, useAdmin, useCopilotzAdmin };
+export { ADMIN_GROUP_LABELS, ADMIN_GROUP_ORDER, type AdminActivityInterval, type AdminActivityPoint, type AdminAgentSummary, type AdminBrainCluster, type AdminBrainEdge, type AdminBrainFilters, type AdminBrainLayer, type AdminBrainMatch, type AdminBrainNode, type AdminBrainRelated, type AdminBrainResponse, type AdminBrainSearchMode, type AdminBrainSimilar, type AdminBrainStats, type AdminBrainStatus, type AdminBranding, type AdminClientConfig, type AdminClientOptions, type AdminClientPaths, type AdminCollectionItem, type AdminCollectionPage, type AdminDatePreset, type AdminDetailPanel, type AdminEventFilters, type AdminMessage, type AdminMessagePage, type AdminMessagePageInfo, type AdminModule, type AdminModuleGroup, type AdminNavItem, type AdminOverview, type AdminParticipantDetail, type AdminParticipantSummary, type AdminPermissions, type AdminQueueEvent, type AdminRouteDefinition, type AdminRouteState, type AdminRuntimeContext, type AdminScope, type AdminThreadDetail, type AdminThreadSummary, type AdminUsageAttribution, type AdminUsageBreakdown, type AdminUsageDimension, type AdminUsageFilters, type AdminUsageGroupBy, type AdminUsageInterval, type AdminUsageKind, type AdminUsageMetricKind, type AdminUsagePoint, type AdminUsageResponse, type AdminUsageTotals, type AggregatedUsageRow, type CollectionEditor, type CollectionEditorProps, CopilotzAdmin, type CopilotzAdminClient, type CopilotzAdminProps, EMPTY_USAGE_TOTALS, EmptyState, FilterBar, InspectorPanel, JsonPanel, type LegacyAdminConfig, MetricStrip, type MetricStripItem, PageHeader, type RequestHeadersProvider, ResourceTable, type ResourceTableColumn, StatusBadge, type UsageCalculationOptions, type UsageChartSeries, type UsageChartState, type UseCopilotzAdminOptions, type UseCopilotzAdminResult, addUsageTotals, agentsModule, aggregateUsageRows, brainModule, buildUsageChartState, canAccessAdminPermission, collectAdminNavItems, collectAdminRoutes, collectCollectionEditors, collectionsModule, createAdminClient, defaultAdminConfig, defaultCopilotzModules, eventsModule, firstAccessibleRoute, formatCompactMetric, formatMetricValue, formatNumber, formatPercent, formatUsageBucket, getUsageDimensionLabel, getUsageGroupLabel, getUsageMetricLabel, getUsageRange, getUsageTotalValue, mergeAdminConfig, overviewModule, participantsModule, threadsModule, usageModule, useAdmin, useCopilotzAdmin };

package/dist/index.js

@@ -234,6 +234,14 @@ function createAdminClient(options = {}) {
       kind: filters.kind === "all" ? void 0 : filters.kind,
       status: filters.status === "all" ? void 0 : filters.status,
       search: filters.search,
+      searchMode: filters.searchMode,
+      focusNodeId: filters.focusNodeId,
+      includeRelated: filters.includeRelated ? "true" : void 0,
+      includeSimilar: filters.includeSimilar ? "true" : void 0,
+      similarLimit: filters.similarLimit ? String(filters.similarLimit) : void 0,
+      minSimilarity: typeof filters.minSimilarity === "number" ? String(filters.minSimilarity) : void 0,
+      relationDepth: filters.relationDepth ? String(filters.relationDepth) : void 0,
+      relationTypes: filters.relationTypes?.join(","),
       limit: String(filters.limit ?? 160),
       offset: filters.offset ? String(filters.offset) : void 0
     }),
@@ -1950,6 +1958,7 @@ import React7 from "react";
 import {
   Brain as Brain2,
   CircleDot,
+  GitBranch,
   Network,
   RefreshCw,
   Search as Search2,
@@ -1957,6 +1966,7 @@ import {
 } from "lucide-react";
 import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
 var BRAIN_LAYERS = ["all", "knowledge", "working"];
+var BRAIN_SEARCH_MODES = ["hybrid", "semantic", "keyword"];
 var BRAIN_STATUSES = ["active", "all", "superseded", "archived"];
 var BRAIN_KINDS = [
   "all",
@@ -1994,6 +2004,9 @@ function brainModule() {
 }
 function BrainPage({ context }) {
   const [search, setSearch] = React7.useState("");
+  const [searchMode, setSearchMode] = React7.useState(
+    "hybrid"
+  );
   const [layer, setLayer] = React7.useState("all");
   const [status, setStatus] = React7.useState(
     "active"
@@ -2006,24 +2019,32 @@ function BrainPage({ context }) {
   const [selectedNode, setSelectedNode] = React7.useState(
     null
   );
+  const [focusNodeId, setFocusNodeId] = React7.useState(null);
   const [loading, setLoading] = React7.useState(false);
   const [error, setError] = React7.useState(null);
-  const loadBrain = React7.useCallback(async () => {
+  const loadBrain = React7.useCallback(async (focusOverride) => {
     setLoading(true);
     setError(null);
+    const effectiveFocusNodeId = focusOverride === void 0 ? focusNodeId : focusOverride;
     try {
       const next = await context.client.getBrain({
         namespace: context.scope.namespace || void 0,
         search: search.trim() || void 0,
+        searchMode,
         layer,
         status,
         kind,
         agentId: agentId.trim() || void 0,
+        focusNodeId: effectiveFocusNodeId || void 0,
+        includeRelated: Boolean(effectiveFocusNodeId),
+        includeSimilar: Boolean(effectiveFocusNodeId),
+        similarLimit: 24,
+        minSimilarity: 0.2,
         limit: 180
       });
       setResponse(next);
       setSelectedNode(
-        (current) => current && next.nodes.some((node) => node.id === current.id) ? current : next.nodes[0] ?? null
+        (current) => effectiveFocusNodeId ? next.nodes.find((node) => node.id === effectiveFocusNodeId) ?? current : current && next.nodes.some((node) => node.id === current.id) ? next.nodes.find((node) => node.id === current.id) ?? current : next.nodes[0] ?? null
       );
     } catch (cause) {
       setError(cause instanceof Error ? cause.message : "Failed to load brain");
@@ -2036,17 +2057,30 @@ function BrainPage({ context }) {
     agentId,
     context.client,
     context.scope.namespace,
+    focusNodeId,
     kind,
     layer,
     search,
+    searchMode,
     status
   ]);
   React7.useEffect(() => {
     void loadBrain();
-  }, [context.refreshKey, context.scope.namespace, loadBrain]);
+  }, [context.refreshKey, context.scope.namespace, focusNodeId, loadBrain]);
   const data = response ?? emptyBrainResponse();
+  const matches = data.matches ?? {};
+  const related = data.related ?? [];
+  const similar = data.similar ?? [];
   const knowledgeCount = data.stats.byLayer.knowledge ?? 0;
   const workingCount = data.stats.byLayer.working ?? 0;
+  const selectNode = React7.useCallback((node) => {
+    setSelectedNode(node);
+    setFocusNodeId(node.id);
+  }, []);
+  const runSearch = React7.useCallback(() => {
+    setFocusNodeId(null);
+    void loadBrain(null);
+  }, [loadBrain]);
   return /* @__PURE__ */ jsxs13("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsx21(
       PageHeader,
@@ -2113,7 +2147,7 @@ function BrainPage({ context }) {
           Button,
           {
             disabled: loading,
-            onClick: () => void loadBrain(),
+            onClick: runSearch,
             size: "sm",
             type: "button",
             children: [
@@ -2126,6 +2160,19 @@ function BrainPage({ context }) {
         searchPlaceholder: "Search brain",
         searchValue: search,
         children: [
+          /* @__PURE__ */ jsx21("div", { className: "inline-flex h-8 overflow-hidden rounded-md border bg-background", children: BRAIN_SEARCH_MODES.map((mode) => /* @__PURE__ */ jsx21(
+            "button",
+            {
+              className: cn(
+                "px-3 text-xs transition-colors",
+                searchMode === mode ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"
+              ),
+              onClick: () => setSearchMode(mode),
+              type: "button",
+              children: formatLabel(mode)
+            },
+            mode
+          )) }),
           /* @__PURE__ */ jsxs13(
             Select,
             {
@@ -2165,7 +2212,7 @@ function BrainPage({ context }) {
               className: "h-8 w-[190px]",
               onChange: (event) => setAgentId(event.target.value),
               onKeyDown: (event) => {
-                if (event.key === "Enter") void loadBrain();
+                if (event.key === "Enter") runSearch();
               },
               placeholder: "Agent ID",
               value: agentId
@@ -2174,10 +2221,23 @@ function BrainPage({ context }) {
         ]
       }
     ),
+    data.semantic?.requested && data.semantic.error ? /* @__PURE__ */ jsxs13("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 px-3 py-2 text-xs text-destructive", children: [
+      "Semantic search unavailable: ",
+      data.semantic.error
+    ] }) : null,
     error ? /* @__PURE__ */ jsx21(EmptyState, { title: "Unable to load brain", description: error }) : /* @__PURE__ */ jsx21(
       InspectorPanel,
       {
-        side: selectedNode ? /* @__PURE__ */ jsx21(BrainNodeInspector, { node: selectedNode }) : /* @__PURE__ */ jsx21(
+        side: selectedNode ? /* @__PURE__ */ jsx21(
+          BrainNodeInspector,
+          {
+            match: matches[selectedNode.id],
+            node: selectedNode,
+            onSelectNode: selectNode,
+            related,
+            similar
+          }
+        ) : /* @__PURE__ */ jsx21(
           EmptyState,
           {
             icon: Brain2,
@@ -2193,7 +2253,8 @@ function BrainPage({ context }) {
               edges: data.edges,
               loading,
               nodes: data.nodes,
-              onSelectNode: setSelectedNode,
+              onSelectNode: selectNode,
+              similar,
               selectedNodeId: selectedNode?.id ?? null
             }
           ),
@@ -2202,7 +2263,7 @@ function BrainPage({ context }) {
             {
               rows: data.nodes,
               getRowKey: (row) => row.id,
-              onRowClick: setSelectedNode,
+              onRowClick: selectNode,
               empty: /* @__PURE__ */ jsx21(
                 EmptyState,
                 {
@@ -2218,7 +2279,8 @@ function BrainPage({ context }) {
                   className: "max-w-[360px]",
                   render: (row) => /* @__PURE__ */ jsxs13("div", { className: "min-w-0", children: [
                     /* @__PURE__ */ jsx21("div", { className: "truncate font-medium", children: row.name }),
-                    /* @__PURE__ */ jsx21("div", { className: "truncate text-xs text-muted-foreground", children: row.content || "-" })
+                    /* @__PURE__ */ jsx21("div", { className: "truncate text-xs text-muted-foreground", children: row.content || "-" }),
+                    /* @__PURE__ */ jsx21(MatchBadges, { match: matches[row.id] })
                   ] })
                 },
                 {
@@ -2256,6 +2318,7 @@ function BrainMap({
   loading,
   nodes,
   onSelectNode,
+  similar,
   selectedNodeId
 }) {
   const nodeById = React7.useMemo(
@@ -2308,12 +2371,15 @@ function BrainMap({
           const source = nodeById.get(edge.sourceNodeId);
           const target = nodeById.get(edge.targetNodeId);
           if (!source || !target) return null;
+          const isSelectedEdge = Boolean(
+            selectedNodeId && (edge.sourceNodeId === selectedNodeId || edge.targetNodeId === selectedNodeId)
+          );
           return /* @__PURE__ */ jsx21(
             "line",
             {
               stroke: edge.type === "contradicts" ? "#dc2626" : "#64748b",
-              strokeOpacity: "0.32",
-              strokeWidth: edge.type === "supports" ? 2 : 1.3,
+              strokeOpacity: isSelectedEdge ? "0.75" : "0.32",
+              strokeWidth: isSelectedEdge ? 2.6 : edge.type === "supports" ? 2 : 1.3,
               x1: source.x * 1e3,
               x2: target.x * 1e3,
               y1: source.y * 600,
@@ -2322,6 +2388,25 @@ function BrainMap({
             edge.id
           );
         }),
+        selectedNodeId ? similar.map((item) => {
+          const source = nodeById.get(selectedNodeId);
+          const target = nodeById.get(item.node.id);
+          if (!source || !target) return null;
+          return /* @__PURE__ */ jsx21(
+            "line",
+            {
+              stroke: "#0ea5e9",
+              strokeDasharray: "5 6",
+              strokeOpacity: "0.42",
+              strokeWidth: "1.8",
+              x1: source.x * 1e3,
+              x2: target.x * 1e3,
+              y1: source.y * 600,
+              y2: target.y * 600
+            },
+            `similar-${item.node.id}`
+          );
+        }) : null,
         nodes.map((node) => {
           const isSelected = node.id === selectedNodeId;
           return /* @__PURE__ */ jsx21(
@@ -2349,7 +2434,14 @@ function BrainMap({
     }
   ) });
 }
-function BrainNodeInspector({ node }) {
+function BrainNodeInspector({
+  match,
+  node,
+  onSelectNode,
+  related,
+  similar
+}) {
+  const [tab, setTab] = React7.useState("overview");
   return /* @__PURE__ */ jsxs13("div", { className: "space-y-3", children: [
     /* @__PURE__ */ jsxs13("div", { className: "rounded-lg border bg-background p-4", children: [
       /* @__PURE__ */ jsxs13("div", { className: "flex flex-wrap items-center gap-2", children: [
@@ -2359,24 +2451,122 @@ function BrainNodeInspector({ node }) {
       ] }),
       /* @__PURE__ */ jsx21("h3", { className: "mt-3 text-base font-semibold", children: node.name }),
       /* @__PURE__ */ jsx21("p", { className: "mt-2 text-sm leading-6 text-muted-foreground", children: node.content || "-" }),
-      /* @__PURE__ */ jsxs13("dl", { className: "mt-4 grid gap-2 text-xs", children: [
-        /* @__PURE__ */ jsx21(InspectorRow, { label: "Agent", value: node.agentId }),
-        /* @__PURE__ */ jsx21(InspectorRow, { label: "Thread", value: node.threadId }),
-        /* @__PURE__ */ jsx21(InspectorRow, { label: "Memory space", value: node.memorySpaceId }),
-        /* @__PURE__ */ jsx21(InspectorRow, { label: "Checkpoint", value: node.checkpointId }),
-        /* @__PURE__ */ jsx21(InspectorRow, { label: "Source field", value: node.sourceField }),
-        /* @__PURE__ */ jsx21(
-          InspectorRow,
-          {
-            label: "Updated",
-            value: formatDateTime(node.updatedAt)
-          }
-        )
-      ] })
+      /* @__PURE__ */ jsx21(MatchBadges, { match })
     ] }),
-    /* @__PURE__ */ jsx21(JsonPanel, { title: "Node JSON", value: node, minHeight: 300 })
+    /* @__PURE__ */ jsx21("div", { className: "inline-flex w-full overflow-hidden rounded-md border bg-background", children: ["overview", "related", "similar", "evidence", "json"].map((item) => /* @__PURE__ */ jsx21(
+      "button",
+      {
+        className: cn(
+          "min-w-0 flex-1 px-2 py-2 text-xs transition-colors",
+          tab === item ? "bg-muted font-medium text-foreground" : "text-muted-foreground hover:bg-muted/60"
+        ),
+        onClick: () => setTab(item),
+        type: "button",
+        children: formatLabel(item)
+      },
+      item
+    )) }),
+    tab === "overview" ? /* @__PURE__ */ jsx21(BrainOverview, { node }) : null,
+    tab === "related" ? /* @__PURE__ */ jsx21(RelatedPanel, { onSelectNode, related }) : null,
+    tab === "similar" ? /* @__PURE__ */ jsx21(SimilarPanel, { onSelectNode, similar }) : null,
+    tab === "evidence" ? /* @__PURE__ */ jsx21(EvidencePanel, { node }) : null,
+    tab === "json" ? /* @__PURE__ */ jsx21(JsonPanel, { title: "Node JSON", value: node, minHeight: 300 }) : null
   ] });
 }
+function BrainOverview({ node }) {
+  return /* @__PURE__ */ jsx21("div", { className: "rounded-lg border bg-background p-4", children: /* @__PURE__ */ jsxs13("dl", { className: "grid gap-2 text-xs", children: [
+    /* @__PURE__ */ jsx21(InspectorRow, { label: "Agent", value: node.agentId }),
+    /* @__PURE__ */ jsx21(InspectorRow, { label: "Thread", value: node.threadId }),
+    /* @__PURE__ */ jsx21(InspectorRow, { label: "Memory space", value: node.memorySpaceId }),
+    /* @__PURE__ */ jsx21(InspectorRow, { label: "Checkpoint", value: node.checkpointId }),
+    /* @__PURE__ */ jsx21(InspectorRow, { label: "Source field", value: node.sourceField }),
+    /* @__PURE__ */ jsx21(InspectorRow, { label: "Confidence", value: formatNullableNumber(node.confidence) }),
+    /* @__PURE__ */ jsx21(InspectorRow, { label: "Updated", value: formatDateTime(node.updatedAt) })
+  ] }) });
+}
+function RelatedPanel({
+  onSelectNode,
+  related
+}) {
+  if (related.length === 0) {
+    return /* @__PURE__ */ jsx21(
+      EmptyState,
+      {
+        icon: GitBranch,
+        title: "No explicit relations",
+        description: "Relation edges will appear here when this node is connected to other concepts."
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx21("div", { className: "space-y-2", children: related.map((item) => /* @__PURE__ */ jsxs13(
+    "button",
+    {
+      className: "w-full rounded-lg border bg-background p-3 text-left transition-colors hover:bg-muted/40",
+      onClick: () => onSelectNode(item.node),
+      type: "button",
+      children: [
+        /* @__PURE__ */ jsxs13("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx21(Badge, { variant: "outline", children: formatLabel(item.edge.type) }),
+          /* @__PURE__ */ jsx21(Badge, { variant: "secondary", children: item.direction === "out" ? "Outgoing" : "Incoming" })
+        ] }),
+        /* @__PURE__ */ jsx21("div", { className: "mt-2 text-sm font-medium", children: item.node.name }),
+        /* @__PURE__ */ jsx21("p", { className: "mt-1 line-clamp-3 text-xs leading-5 text-muted-foreground", children: item.node.content || "-" })
+      ]
+    },
+    item.edge.id
+  )) });
+}
+function SimilarPanel({
+  onSelectNode,
+  similar
+}) {
+  if (similar.length === 0) {
+    return /* @__PURE__ */ jsx21(
+      EmptyState,
+      {
+        icon: Sparkles,
+        title: "No semantic neighbors",
+        description: "Similar nodes appear here when the selected node has an embedding."
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx21("div", { className: "space-y-2", children: similar.map((item) => /* @__PURE__ */ jsxs13(
+    "button",
+    {
+      className: "w-full rounded-lg border bg-background p-3 text-left transition-colors hover:bg-muted/40",
+      onClick: () => onSelectNode(item.node),
+      type: "button",
+      children: [
+        /* @__PURE__ */ jsxs13("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx21(Badge, { variant: "secondary", children: formatSimilarityScore(item.similarity) }),
+          /* @__PURE__ */ jsx21(LayerBadge, { layer: item.node.layer }),
+          /* @__PURE__ */ jsx21(Badge, { variant: "outline", children: formatLabel(item.node.kind) })
+        ] }),
+        /* @__PURE__ */ jsx21("div", { className: "mt-2 text-sm font-medium", children: item.node.name }),
+        /* @__PURE__ */ jsx21("p", { className: "mt-1 line-clamp-3 text-xs leading-5 text-muted-foreground", children: item.node.content || "-" })
+      ]
+    },
+    item.node.id
+  )) });
+}
+function EvidencePanel({ node }) {
+  return /* @__PURE__ */ jsxs13("div", { className: "rounded-lg border bg-background p-4", children: [
+    /* @__PURE__ */ jsxs13("dl", { className: "grid gap-2 text-xs", children: [
+      /* @__PURE__ */ jsx21(InspectorRow, { label: "Source", value: node.sourceType }),
+      /* @__PURE__ */ jsx21(InspectorRow, { label: "Source ID", value: node.sourceId }),
+      /* @__PURE__ */ jsx21(InspectorRow, { label: "Thread", value: node.threadId }),
+      /* @__PURE__ */ jsx21(InspectorRow, { label: "Checkpoint", value: node.checkpointId })
+    ] }),
+    /* @__PURE__ */ jsxs13("div", { className: "mt-4", children: [
+      /* @__PURE__ */ jsx21("div", { className: "text-xs font-medium text-muted-foreground", children: "Source messages" }),
+      /* @__PURE__ */ jsx21("div", { className: "mt-2 flex flex-wrap gap-1", children: node.sourceMessageIds.length ? node.sourceMessageIds.map((id) => /* @__PURE__ */ jsx21(Badge, { className: "max-w-full truncate", variant: "outline", children: id }, id)) : /* @__PURE__ */ jsx21("span", { className: "text-xs text-muted-foreground", children: "-" }) })
+    ] })
+  ] });
+}
+function MatchBadges({ match }) {
+  if (!match?.reasons.length) return null;
+  return /* @__PURE__ */ jsx21("div", { className: "mt-2 flex flex-wrap gap-1", children: match.reasons.slice(0, 4).map((reason) => /* @__PURE__ */ jsx21(Badge, { className: "text-[10px]", variant: "outline", children: reason }, reason)) });
+}
 function InspectorRow({
   label,
   value
@@ -2405,6 +2595,12 @@ function formatDateTime(value) {
   if (Number.isNaN(date.getTime())) return value;
   return date.toLocaleString();
 }
+function formatNullableNumber(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value.toFixed(2) : "-";
+}
+function formatSimilarityScore(value) {
+  return Number.isFinite(value) ? `Similarity ${value.toFixed(2)}` : "-";
+}
 function emptyBrainResponse() {
   return {
     nodes: [],
@@ -2416,6 +2612,14 @@ function emptyBrainResponse() {
       byKind: {},
       byStatus: {}
     },
+    matches: {},
+    related: [],
+    similar: [],
+    semantic: {
+      requested: false,
+      available: false,
+      error: null
+    },
     pageInfo: {
       limit: 0,
       offset: 0,