@copilotz/admin 0.9.40 → 0.9.42

package/dist/index.cjs

@@ -32,8 +32,11 @@ var index_exports = {};
 __export(index_exports, {
   ADMIN_GROUP_LABELS: () => ADMIN_GROUP_LABELS,
   ADMIN_GROUP_ORDER: () => ADMIN_GROUP_ORDER,
+  BRAIN_RELATION_GROUP_DEFINITIONS: () => BRAIN_RELATION_GROUP_DEFINITIONS,
+  BRAIN_VIEW_LABELS: () => BRAIN_VIEW_LABELS,
   CopilotzAdmin: () => CopilotzAdmin,
   EMPTY_USAGE_TOTALS: () => EMPTY_USAGE_TOTALS,
+  ENTITY_FOCUS_RELATION_TYPES: () => ENTITY_FOCUS_RELATION_TYPES,
   EmptyState: () => EmptyState,
   FilterBar: () => FilterBar,
   InspectorPanel: () => InspectorPanel,
@@ -62,11 +65,16 @@ __export(index_exports, {
   formatNumber: () => formatNumber,
   formatPercent: () => formatPercent,
   formatUsageBucket: () => formatUsageBucket,
+  getBrainViewBaseFilters: () => getBrainViewBaseFilters,
+  getKnowledgeRelationGroups: () => getKnowledgeRelationGroups,
   getUsageDimensionLabel: () => getUsageDimensionLabel,
   getUsageGroupLabel: () => getUsageGroupLabel,
   getUsageMetricLabel: () => getUsageMetricLabel,
   getUsageRange: () => getUsageRange,
   getUsageTotalValue: () => getUsageTotalValue,
+  getWorkRelationGroups: () => getWorkRelationGroups,
+  groupBrainRelationsByKind: () => groupBrainRelationsByKind,
+  isEntityBrainView: () => isEntityBrainView,
   mergeAdminConfig: () => mergeAdminConfig,
   overviewModule: () => overviewModule,
   participantsModule: () => participantsModule,
@@ -2029,12 +2037,157 @@ function AgentDetailPage({ context }) {
 // src/modules/brain/index.tsx
 var import_react3 = __toESM(require("react"), 1);
 var import_lucide_react7 = require("lucide-react");
+
+// src/modules/brain/view-model.ts
+var ENTITY_FOCUS_RELATION_TYPES = [
+  "mentions",
+  "related_to",
+  "supports",
+  "depends_on",
+  "contradicts",
+  "supersedes"
+];
+var BRAIN_VIEW_LABELS = {
+  entities: "Entities",
+  knowledge: "Knowledge",
+  work: "Work",
+  map: "Map",
+  all: "All nodes"
+};
+var BRAIN_RELATION_GROUP_DEFINITIONS = [
+  {
+    id: "decisions",
+    label: "Decisions",
+    description: "Durable choices connected to this entity.",
+    kinds: ["decision"]
+  },
+  {
+    id: "facts",
+    label: "Facts",
+    description: "Known statements and observations.",
+    kinds: ["fact"]
+  },
+  {
+    id: "tasks",
+    label: "Tasks",
+    description: "Actions, next steps, and execution work.",
+    kinds: ["task", "next_action"]
+  },
+  {
+    id: "preferences",
+    label: "Preferences",
+    description: "Remembered user, org, or agent preferences.",
+    kinds: ["preference"]
+  },
+  {
+    id: "constraints",
+    label: "Constraints",
+    description: "Limits, rules, and requirements.",
+    kinds: ["constraint"]
+  },
+  {
+    id: "risks",
+    label: "Risks",
+    description: "Known risks or possible failures.",
+    kinds: ["risk"]
+  },
+  {
+    id: "openQuestions",
+    label: "Open questions",
+    description: "Questions that still need resolution.",
+    kinds: ["open_question"]
+  },
+  {
+    id: "currentState",
+    label: "Current state",
+    description: "Shorter-term context, challenges, and active state.",
+    kinds: ["current_state", "challenge"]
+  },
+  {
+    id: "entities",
+    label: "Other entities",
+    description: "Neighboring people, systems, projects, or concepts.",
+    kinds: ["entity"]
+  },
+  {
+    id: "other",
+    label: "Other",
+    description: "Related nodes that do not fit a standard Brain kind yet.",
+    kinds: []
+  }
+];
+var GROUP_BY_KIND = new Map(
+  BRAIN_RELATION_GROUP_DEFINITIONS.flatMap(
+    (group) => group.kinds.map((kind) => [kind, group.id])
+  )
+);
+function getBrainViewBaseFilters(view) {
+  if (view === "entities") {
+    return { kind: "entity", layer: "knowledge" };
+  }
+  if (view === "knowledge") {
+    return { kind: "all", layer: "knowledge" };
+  }
+  if (view === "work") {
+    return { kind: "all", layer: "working" };
+  }
+  return { kind: "all", layer: "all" };
+}
+function isEntityBrainView(view) {
+  return view === "entities";
+}
+function groupBrainRelationsByKind(related) {
+  const groups = BRAIN_RELATION_GROUP_DEFINITIONS.map((definition) => ({
+    id: definition.id,
+    label: definition.label,
+    description: definition.description,
+    items: []
+  }));
+  const byId = new Map(groups.map((group) => [group.id, group]));
+  for (const item of related) {
+    const groupId = GROUP_BY_KIND.get(item.node.kind) ?? "other";
+    byId.get(groupId)?.items.push(item);
+  }
+  return groups.filter((group) => group.items.length > 0);
+}
+function getKnowledgeRelationGroups(related) {
+  const knowledgeGroupIds = [
+    "decisions",
+    "facts",
+    "preferences",
+    "constraints"
+  ];
+  return groupBrainRelationsByKind(related).filter(
+    (group) => knowledgeGroupIds.includes(group.id)
+  );
+}
+function getWorkRelationGroups(related) {
+  const workGroupIds = [
+    "tasks",
+    "risks",
+    "openQuestions",
+    "currentState"
+  ];
+  return groupBrainRelationsByKind(related).filter(
+    (group) => workGroupIds.includes(group.id)
+  );
+}
+
+// src/modules/brain/index.tsx
 var import_jsx_runtime21 = require("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_VIEWS = [
+  "entities",
+  "knowledge",
+  "work",
+  "map",
+  "all"
+];
 var BRAIN_KINDS = [
   "all",
+  "entity",
   "decision",
   "fact",
   "preference",
@@ -2068,6 +2221,7 @@ function brainModule() {
   };
 }
 function BrainPage({ context }) {
+  const [view, setView] = import_react3.default.useState("entities");
   const [search, setSearch] = import_react3.default.useState("");
   const [searchMode, setSearchMode] = import_react3.default.useState(
     "hybrid"
@@ -2091,26 +2245,37 @@ function BrainPage({ context }) {
     setLoading(true);
     setError(null);
     const effectiveFocusNodeId = focusOverride === void 0 ? focusNodeId : focusOverride;
+    const viewFilters = getBrainViewBaseFilters(view);
+    const effectiveLayer = view === "map" || view === "all" ? layer : viewFilters.layer;
+    const effectiveKind = view === "entities" ? "entity" : kind;
     try {
       const next = await context.client.getBrain({
         namespace: context.scope.namespace || void 0,
         search: search.trim() || void 0,
         searchMode,
-        layer,
+        layer: effectiveLayer,
         status,
-        kind,
+        kind: effectiveKind,
         agentId: agentId.trim() || void 0,
         focusNodeId: effectiveFocusNodeId || void 0,
         includeRelated: Boolean(effectiveFocusNodeId),
         includeSimilar: Boolean(effectiveFocusNodeId),
         similarLimit: 24,
         minSimilarity: 0.2,
+        relationTypes: effectiveFocusNodeId ? [...ENTITY_FOCUS_RELATION_TYPES] : void 0,
         limit: 180
       });
       setResponse(next);
-      setSelectedNode(
-        (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
-      );
+      setSelectedNode((current) => {
+        const currentInResults = current ? next.nodes.find((node) => node.id === current.id) ?? current : null;
+        if (effectiveFocusNodeId) {
+          return next.nodes.find((node) => node.id === effectiveFocusNodeId) ?? currentInResults;
+        }
+        if (view === "entities") {
+          return current && next.nodes.some((node) => node.id === current.id) ? currentInResults : null;
+        }
+        return current && next.nodes.some((node) => node.id === current.id) ? currentInResults : next.nodes[0] ?? null;
+      });
     } catch (cause) {
       setError(cause instanceof Error ? cause.message : "Failed to load brain");
       setResponse(null);
@@ -2127,7 +2292,8 @@ function BrainPage({ context }) {
     layer,
     search,
     searchMode,
-    status
+    status,
+    view
   ]);
   import_react3.default.useEffect(() => {
     void loadBrain();
@@ -2136,14 +2302,21 @@ function BrainPage({ context }) {
   const matches = data.matches ?? {};
   const related = data.related ?? [];
   const similar = data.similar ?? [];
+  const entityCount = data.stats.byKind.entity ?? data.nodes.filter((node) => node.kind === "entity").length;
   const knowledgeCount = data.stats.byLayer.knowledge ?? 0;
   const workingCount = data.stats.byLayer.working ?? 0;
   const selectNode = import_react3.default.useCallback((node) => {
     setSelectedNode(node);
     setFocusNodeId(node.id);
   }, []);
+  const selectView = import_react3.default.useCallback((nextView) => {
+    setView(nextView);
+    setFocusNodeId(null);
+    setSelectedNode(null);
+  }, []);
   const runSearch = import_react3.default.useCallback(() => {
     setFocusNodeId(null);
+    setSelectedNode(null);
     void loadBrain(null);
   }, [loadBrain]);
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "space-y-4", children: [
@@ -2179,16 +2352,16 @@ function BrainPage({ context }) {
       {
         items: [
           {
-            label: "Brain nodes",
-            value: data.stats.total,
-            detail: `${data.pageInfo.returned} shown`,
-            icon: import_lucide_react7.Brain
+            label: "Entities",
+            value: entityCount,
+            detail: view === "entities" ? `${data.pageInfo.returned} shown` : "Stable anchors",
+            icon: import_lucide_react7.UsersRound
           },
           {
             label: "Knowledge",
             value: knowledgeCount,
             detail: "Durable nodes",
-            icon: import_lucide_react7.CircleDot
+            icon: import_lucide_react7.BookOpen
           },
           {
             label: "Working",
@@ -2197,14 +2370,27 @@ function BrainPage({ context }) {
             icon: import_lucide_react7.Sparkles
           },
           {
-            label: "Clusters",
-            value: data.clusters.length,
-            detail: "Layer and kind",
-            icon: import_lucide_react7.Network
+            label: selectedNode ? "Focus links" : "Brain nodes",
+            value: selectedNode ? related.length + similar.length : data.stats.total,
+            detail: selectedNode ? "Related and similar" : `${data.pageInfo.returned} shown`,
+            icon: selectedNode ? import_lucide_react7.GitBranch : import_lucide_react7.Brain
           }
         ]
       }
     ),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "inline-flex max-w-full overflow-hidden rounded-md border bg-background", children: BRAIN_VIEWS.map((item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      "button",
+      {
+        className: cn(
+          "min-w-0 px-3 py-2 text-xs transition-colors sm:px-4",
+          view === item ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"
+        ),
+        onClick: () => selectView(item),
+        type: "button",
+        children: BRAIN_VIEW_LABELS[item]
+      },
+      item
+    )) }),
     /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
       FilterBar,
       {
@@ -2222,7 +2408,7 @@ function BrainPage({ context }) {
           }
         ),
         onSearchChange: setSearch,
-        searchPlaceholder: "Search brain",
+        searchPlaceholder: view === "entities" ? "Search entities" : "Search brain",
         searchValue: search,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "inline-flex h-8 overflow-hidden rounded-md border bg-background", children: BRAIN_SEARCH_MODES.map((mode) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
@@ -2238,17 +2424,24 @@ function BrainPage({ context }) {
             },
             mode
           )) }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+          view === "map" || view === "all" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
             Select,
             {
               value: layer,
               onValueChange: (value) => setLayer(value),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectTrigger, { className: "h-8 w-[140px] text-xs", "aria-label": "Layer", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectValue, {}) }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                  SelectTrigger,
+                  {
+                    className: "h-8 w-[140px] text-xs",
+                    "aria-label": "Layer",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectValue, {})
+                  }
+                ),
                 /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectContent, { children: BRAIN_LAYERS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectItem, { value: option, children: option === "all" ? "All layers" : formatLabel(option) }, option)) })
               ]
             }
-          ),
+          ) : null,
           /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
             Select,
             {
@@ -2260,17 +2453,24 @@ function BrainPage({ context }) {
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+          view !== "entities" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
             Select,
             {
               value: kind,
               onValueChange: (value) => setKind(value),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectTrigger, { className: "h-8 w-[170px] text-xs", "aria-label": "Kind", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectValue, {}) }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                  SelectTrigger,
+                  {
+                    className: "h-8 w-[170px] text-xs",
+                    "aria-label": "Kind",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectValue, {})
+                  }
+                ),
                 /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectContent, { children: BRAIN_KINDS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectItem, { value: option, children: option === "all" ? "All kinds" : formatLabel(option) }, option)) })
               ]
             }
-          ),
+          ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Badge, { className: "h-8 px-3", variant: "secondary", children: "Entity index" }),
           /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             Input,
             {
@@ -2310,72 +2510,299 @@ function BrainPage({ context }) {
             description: "Select a node from the map or table."
           }
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "space-y-4", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          BrainPrimaryContent,
+          {
+            data,
+            loading,
+            matches,
+            onSelectNode: selectNode,
+            related,
+            selectedNode,
+            similar,
+            view
+          }
+        ) })
+      }
+    )
+  ] });
+}
+function BrainPrimaryContent({
+  data,
+  loading,
+  matches,
+  onSelectNode,
+  related,
+  selectedNode,
+  similar,
+  view
+}) {
+  if (view === "entities") {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        EntityEgoGraph,
+        {
+          entity: selectedNode?.kind === "entity" ? selectedNode : null,
+          loading,
+          onSelectNode,
+          related,
+          similar
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        BrainNodeTable,
+        {
+          emptyDescription: "Entity nodes will appear here once the Brain has named people, tenants, projects, products, tools, policies, or concepts.",
+          emptyTitle: loading ? "Loading entities" : "No entities yet",
+          loading,
+          matches,
+          nodes: data.nodes,
+          onSelectNode,
+          variant: "entities"
+        }
+      )
+    ] });
+  }
+  if (view === "map") {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        BrainMap,
+        {
+          clusters: data.clusters,
+          edges: data.edges,
+          loading,
+          nodes: data.nodes,
+          onSelectNode,
+          similar,
+          selectedNodeId: selectedNode?.id ?? null
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        BrainNodeTable,
+        {
+          emptyDescription: "Knowledge and working-state nodes will appear here.",
+          emptyTitle: loading ? "Loading brain" : "No brain nodes",
+          loading,
+          matches,
+          nodes: data.nodes,
+          onSelectNode
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    BrainNodeTable,
+    {
+      emptyDescription: view === "work" ? "Working-state nodes will appear here when the Brain captures current challenges, tasks, risks, and open questions." : view === "knowledge" ? "Durable facts, decisions, preferences, constraints, and entities will appear here." : "Knowledge and working-state nodes will appear here.",
+      emptyTitle: loading ? `Loading ${BRAIN_VIEW_LABELS[view].toLowerCase()}` : `No ${BRAIN_VIEW_LABELS[view].toLowerCase()}`,
+      loading,
+      matches,
+      nodes: data.nodes,
+      onSelectNode
+    }
+  );
+}
+function BrainNodeTable({
+  emptyDescription,
+  emptyTitle,
+  loading,
+  matches,
+  nodes,
+  onSelectNode,
+  variant = "default"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    ResourceTable,
+    {
+      rows: nodes,
+      getRowKey: (row) => row.id,
+      onRowClick: onSelectNode,
+      empty: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        EmptyState,
+        {
+          icon: variant === "entities" ? import_lucide_react7.UsersRound : import_lucide_react7.Brain,
+          title: emptyTitle,
+          description: loading ? "Fetching Brain nodes for the active namespace." : emptyDescription
+        }
+      ),
+      columns: [
+        {
+          id: "node",
+          header: variant === "entities" ? "Entity" : "Node",
+          className: "max-w-[420px]",
+          render: (row) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "truncate font-medium", children: row.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "truncate text-xs text-muted-foreground", children: row.content || "-" }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MatchBadges, { match: matches[row.id] })
+          ] })
+        },
+        ...variant === "entities" ? [{
+          id: "updated",
+          header: "Updated",
+          className: "whitespace-nowrap text-xs",
+          render: (row) => formatDateTime(row.updatedAt)
+        }] : [{
+          id: "layer",
+          header: "Layer",
+          render: (row) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(LayerBadge, { layer: row.layer })
+        }, {
+          id: "kind",
+          header: "Kind",
+          render: (row) => formatLabel(row.kind)
+        }],
+        {
+          id: "status",
+          header: "Status",
+          render: (row) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StatusBadge, { status: row.status })
+        },
+        {
+          id: "agent",
+          header: "Agent",
+          className: "max-w-[160px] truncate font-mono text-xs",
+          render: (row) => row.agentId ?? "-"
+        }
+      ]
+    }
+  );
+}
+function EntityEgoGraph({
+  entity,
+  loading,
+  onSelectNode,
+  related,
+  similar
+}) {
+  if (!entity) {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex min-h-[300px] items-center justify-center rounded-lg border bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      EmptyState,
+      {
+        icon: import_lucide_react7.UsersRound,
+        title: loading ? "Loading entity workspace" : "Select an entity",
+        description: loading ? "Fetching entity nodes for the active namespace." : "Choose an entity to see its explicit relations and semantic neighbors."
+      }
+    ) });
+  }
+  const relatedItems = related.slice(0, 18);
+  const similarItems = similar.slice(0, 10);
+  const orbitCount = relatedItems.length + similarItems.length;
+  const center = { x: 500, y: 260 };
+  const radius = orbitCount > 12 ? 190 : 165;
+  const orbitNodes = [
+    ...relatedItems.map((item, index) => ({
+      id: item.edge.id,
+      index,
+      node: item.node,
+      tone: "relation",
+      label: formatLabel(item.edge.type)
+    })),
+    ...similarItems.map((item, index) => ({
+      id: `similar-${item.node.id}`,
+      index: index + relatedItems.length,
+      node: item.node,
+      tone: "similar",
+      label: formatSimilarityScore(item.similarity)
+    }))
+  ].map((item) => {
+    const angle = orbitCount > 0 ? Math.PI * 2 * item.index / orbitCount - Math.PI / 2 : 0;
+    return {
+      ...item,
+      x: center.x + Math.cos(angle) * radius,
+      y: center.y + Math.sin(angle) * radius
+    };
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "overflow-hidden rounded-lg border bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "grid gap-0 lg:grid-cols-[minmax(0,1.5fr)_320px]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+      "svg",
+      {
+        className: "block h-[380px] w-full bg-muted/20",
+        role: "img",
+        viewBox: "0 0 1000 520",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("rect", { fill: "transparent", height: "520", width: "1000" }),
+          orbitNodes.map((item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            "line",
+            {
+              stroke: item.tone === "similar" ? "#0ea5e9" : "#64748b",
+              strokeDasharray: item.tone === "similar" ? "6 7" : void 0,
+              strokeOpacity: item.tone === "similar" ? "0.48" : "0.38",
+              strokeWidth: item.tone === "similar" ? "1.8" : "2.2",
+              x1: center.x,
+              x2: item.x,
+              y1: center.y,
+              y2: item.y
+            },
+            `line-${item.id}`
+          )),
           /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            BrainMap,
+            "circle",
             {
-              clusters: data.clusters,
-              edges: data.edges,
-              loading,
-              nodes: data.nodes,
-              onSelectNode: selectNode,
-              similar,
-              selectedNodeId: selectedNode?.id ?? null
+              cx: center.x,
+              cy: center.y,
+              fill: nodeColor(entity),
+              r: "22",
+              stroke: "#0f172a",
+              strokeWidth: "3",
+              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("title", { children: entity.name })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            ResourceTable,
+          orbitNodes.map((item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            "g",
             {
-              rows: data.nodes,
-              getRowKey: (row) => row.id,
-              onRowClick: selectNode,
-              empty: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                EmptyState,
-                {
-                  icon: import_lucide_react7.Brain,
-                  title: loading ? "Loading brain" : "No brain nodes",
-                  description: loading ? "Fetching brain nodes for the active namespace." : "Knowledge and working-state nodes will appear here."
-                }
-              ),
-              columns: [
-                {
-                  id: "node",
-                  header: "Node",
-                  className: "max-w-[360px]",
-                  render: (row) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "min-w-0", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "truncate font-medium", children: row.name }),
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "truncate text-xs text-muted-foreground", children: row.content || "-" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MatchBadges, { match: matches[row.id] })
-                  ] })
-                },
-                {
-                  id: "layer",
-                  header: "Layer",
-                  render: (row) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(LayerBadge, { layer: row.layer })
-                },
-                {
-                  id: "kind",
-                  header: "Kind",
-                  render: (row) => formatLabel(row.kind)
-                },
-                {
-                  id: "status",
-                  header: "Status",
-                  render: (row) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StatusBadge, { status: row.status })
-                },
+              className: "cursor-pointer",
+              onClick: () => onSelectNode(item.node),
+              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                "circle",
                 {
-                  id: "agent",
-                  header: "Agent",
-                  className: "max-w-[160px] truncate font-mono text-xs",
-                  render: (row) => row.agentId ?? "-"
+                  cx: item.x,
+                  cy: item.y,
+                  fill: nodeColor(item.node),
+                  r: item.tone === "similar" ? 9 : 11,
+                  stroke: item.tone === "similar" ? "#0ea5e9" : "#ffffff",
+                  strokeWidth: "2",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("title", { children: `${item.node.name} \xB7 ${formatLabel(item.node.kind)} \xB7 ${item.label}` })
                 }
-              ]
-            }
-          )
-        ] })
+              )
+            },
+            item.id
+          ))
+        ]
       }
-    )
-  ] });
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "border-t p-4 lg:border-l lg:border-t-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(LayerBadge, { layer: entity.layer }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StatusBadge, { status: entity.status }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Badge, { variant: "outline", children: "Entity" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h3", { className: "mt-3 truncate text-base font-semibold", children: entity.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-2 line-clamp-4 text-sm leading-6 text-muted-foreground", children: entity.content || "-" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "mt-4 grid grid-cols-2 gap-2 text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "rounded-md border bg-muted/20 p-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-muted-foreground", children: "Explicit" }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mt-1 text-lg font-semibold", children: related.length })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "rounded-md border bg-muted/20 p-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-muted-foreground", children: "Semantic" }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mt-1 text-lg font-semibold", children: similar.length })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "mt-4 space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-xs font-medium text-muted-foreground", children: "Knowledge orbit" }),
+        groupBrainRelationsByKind(related).slice(0, 5).map((group) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+          "div",
+          {
+            className: "flex items-center justify-between gap-3 text-xs",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "truncate", children: group.label }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Badge, { variant: "secondary", children: group.items.length })
+            ]
+          },
+          group.id
+        )),
+        related.length === 0 && similar.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-xs leading-5 text-muted-foreground", children: "Select an entity with relations or embeddings to see its neighborhood." }) : null
+      ] })
+    ] })
+  ] }) });
 }
 function BrainMap({
   clusters,
@@ -2507,6 +2934,11 @@ function BrainNodeInspector({
   similar
 }) {
   const [tab, setTab] = import_react3.default.useState("overview");
+  const isEntity = node.kind === "entity";
+  const tabs = isEntity ? ["overview", "knowledge", "work", "relations", "similar", "evidence", "json"] : ["overview", "relations", "similar", "evidence", "json"];
+  import_react3.default.useEffect(() => {
+    setTab("overview");
+  }, [node.id]);
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "space-y-3", children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "rounded-lg border bg-background p-4", children: [
       /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
@@ -2518,7 +2950,7 @@ function BrainNodeInspector({
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-2 text-sm leading-6 text-muted-foreground", children: node.content || "-" }),
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MatchBadges, { match })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "inline-flex w-full overflow-hidden rounded-md border bg-background", children: ["overview", "related", "similar", "evidence", "json"].map((item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "inline-flex w-full overflow-hidden rounded-md border bg-background", children: tabs.map((item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "button",
       {
         className: cn(
@@ -2532,7 +2964,33 @@ function BrainNodeInspector({
       item
     )) }),
     tab === "overview" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(BrainOverview, { node }) : null,
-    tab === "related" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(RelatedPanel, { onSelectNode, related }) : null,
+    tab === "knowledge" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      RelationGroupsPanel,
+      {
+        emptyDescription: "Durable decisions, facts, preferences, and constraints related to this entity will appear here.",
+        emptyTitle: "No durable knowledge",
+        groups: getKnowledgeRelationGroups(related),
+        onSelectNode
+      }
+    ) : null,
+    tab === "work" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      RelationGroupsPanel,
+      {
+        emptyDescription: "Tasks, risks, open questions, and current-state nodes related to this entity will appear here.",
+        emptyTitle: "No current work",
+        groups: getWorkRelationGroups(related),
+        onSelectNode
+      }
+    ) : null,
+    tab === "relations" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      RelationGroupsPanel,
+      {
+        emptyDescription: "Explicit relation edges will appear here when this node is connected to other concepts.",
+        emptyTitle: "No explicit relations",
+        groups: groupBrainRelationsByKind(related),
+        onSelectNode
+      }
+    ) : null,
     tab === "similar" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SimilarPanel, { onSelectNode, similar }) : null,
     tab === "evidence" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(EvidencePanel, { node }) : null,
     tab === "json" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(JsonPanel, { title: "Node JSON", value: node, minHeight: 300 }) : null
@@ -2549,37 +3007,49 @@ function BrainOverview({ node }) {
     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InspectorRow, { label: "Updated", value: formatDateTime(node.updatedAt) })
   ] }) });
 }
-function RelatedPanel({
-  onSelectNode,
-  related
+function RelationGroupsPanel({
+  emptyDescription,
+  emptyTitle,
+  groups,
+  onSelectNode
 }) {
-  if (related.length === 0) {
+  if (groups.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       EmptyState,
       {
         icon: import_lucide_react7.GitBranch,
-        title: "No explicit relations",
-        description: "Relation edges will appear here when this node is connected to other concepts."
+        title: emptyTitle,
+        description: emptyDescription
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "space-y-2", children: related.map((item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-    "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__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Badge, { variant: "outline", children: formatLabel(item.edge.type) }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Badge, { variant: "secondary", children: item.direction === "out" ? "Outgoing" : "Incoming" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mt-2 text-sm font-medium", children: item.node.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-1 line-clamp-3 text-xs leading-5 text-muted-foreground", children: item.node.content || "-" })
-      ]
-    },
-    item.edge.id
-  )) });
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "space-y-3", children: groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("section", { className: "rounded-lg border bg-background", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "border-b px-3 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h4", { className: "truncate text-sm font-medium", children: group.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-0.5 line-clamp-2 text-xs text-muted-foreground", children: group.description })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Badge, { variant: "secondary", children: group.items.length })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "divide-y", children: group.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+      "button",
+      {
+        className: "w-full p-3 text-left transition-colors hover:bg-muted/40",
+        onClick: () => onSelectNode(item.node),
+        type: "button",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Badge, { variant: "outline", children: formatLabel(item.edge.type) }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Badge, { variant: "secondary", children: item.direction === "out" ? "Outgoing" : "Incoming" }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(LayerBadge, { layer: item.node.layer })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mt-2 text-sm font-medium", children: item.node.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-1 line-clamp-3 text-xs leading-5 text-muted-foreground", children: item.node.content || "-" })
+        ]
+      },
+      item.edge.id
+    )) })
+  ] }, group.id)) });
 }
 function SimilarPanel({
   onSelectNode,
@@ -2615,6 +3085,7 @@ function SimilarPanel({
   )) });
 }
 function EvidencePanel({ node }) {
+  const sourceMessageIds = Array.isArray(node.sourceMessageIds) ? node.sourceMessageIds : [];
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "rounded-lg border bg-background p-4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("dl", { className: "grid gap-2 text-xs", children: [
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InspectorRow, { label: "Source", value: node.sourceType }),
@@ -2624,7 +3095,7 @@ function EvidencePanel({ node }) {
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "mt-4", children: [
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-xs font-medium text-muted-foreground", children: "Source messages" }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mt-2 flex flex-wrap gap-1", children: node.sourceMessageIds.length ? node.sourceMessageIds.map((id) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Badge, { className: "max-w-full truncate", variant: "outline", children: id }, id)) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-xs text-muted-foreground", children: "-" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mt-2 flex flex-wrap gap-1", children: sourceMessageIds.length ? sourceMessageIds.map((id) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Badge, { className: "max-w-full truncate", variant: "outline", children: id }, id)) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-xs text-muted-foreground", children: "-" }) })
     ] })
   ] });
 }
@@ -5044,8 +5515,11 @@ function useCopilotzAdmin(options = {}) {
 0 && (module.exports = {
   ADMIN_GROUP_LABELS,
   ADMIN_GROUP_ORDER,
+  BRAIN_RELATION_GROUP_DEFINITIONS,
+  BRAIN_VIEW_LABELS,
   CopilotzAdmin,
   EMPTY_USAGE_TOTALS,
+  ENTITY_FOCUS_RELATION_TYPES,
   EmptyState,
   FilterBar,
   InspectorPanel,
@@ -5074,11 +5548,16 @@ function useCopilotzAdmin(options = {}) {
   formatNumber,
   formatPercent,
   formatUsageBucket,
+  getBrainViewBaseFilters,
+  getKnowledgeRelationGroups,
   getUsageDimensionLabel,
   getUsageGroupLabel,
   getUsageMetricLabel,
   getUsageRange,
   getUsageTotalValue,
+  getWorkRelationGroups,
+  groupBrainRelationsByKind,
+  isEntityBrainView,
   mergeAdminConfig,
   overviewModule,
   participantsModule,