@copilotz/admin 0.9.38 → 0.9.40

package/dist/index.cjs

@@ -45,6 +45,7 @@ __export(index_exports, {
   addUsageTotals: () => addUsageTotals,
   agentsModule: () => agentsModule,
   aggregateUsageRows: () => aggregateUsageRows,
+  brainModule: () => brainModule,
   buildUsageChartState: () => buildUsageChartState,
   canAccessAdminPermission: () => canAccessAdminPermission,
   collectAdminNavItems: () => collectAdminNavItems,
@@ -259,13 +260,16 @@ function createAdminClient(options = {}) {
     ),
     listAgents: async (listOptions = {}) => {
       const windowRange = getRangeWindow(listOptions.range ?? "7d");
-      return await requestJson(`${paths.adminBase}/agents`, {
-        search: listOptions.search,
-        namespace: listOptions.namespace,
-        from: windowRange.from,
-        to: windowRange.to,
-        limit: String(listOptions.limit ?? 25)
-      });
+      return await requestJson(
+        `${paths.adminBase}/agents`,
+        {
+          search: listOptions.search,
+          namespace: listOptions.namespace,
+          from: windowRange.from,
+          to: windowRange.to,
+          limit: String(listOptions.limit ?? 25)
+        }
+      );
     },
     getThread: async (threadId) => await requestJson(
       `${paths.threadsBase}/${encodeURIComponent(threadId)}`
@@ -299,6 +303,27 @@ function createAdminClient(options = {}) {
       );
       return normalizeQueueEvent(payload);
     },
+    getBrain: async (filters = {}) => await requestJson(`${paths.adminBase}/brain`, {
+      namespace: filters.namespace,
+      memorySpaceId: filters.memorySpaceId,
+      checkpointId: filters.checkpointId,
+      agentId: filters.agentId,
+      threadId: filters.threadId,
+      layer: filters.layer === "all" ? void 0 : filters.layer,
+      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
+    }),
     listCollections: async () => await requestJson(paths.collectionsBase),
     listCollectionItems: async (collection, listOptions = {}) => await requestJson(
       `${paths.collectionsBase}/${encodeURIComponent(collection)}`,
@@ -345,8 +370,8 @@ function createAdminClient(options = {}) {
 }
 
 // src/core/CopilotzAdmin.tsx
-var import_react10 = __toESM(require("react"), 1);
-var import_lucide_react13 = require("lucide-react");
+var import_react11 = __toESM(require("react"), 1);
+var import_lucide_react14 = require("lucide-react");
 
 // src/lib/utils.ts
 var import_clsx = require("clsx");
@@ -2001,19 +2026,686 @@ function AgentDetailPage({ context }) {
   ] });
 }
 
-// src/modules/collections/index.tsx
+// src/modules/brain/index.tsx
 var import_react3 = __toESM(require("react"), 1);
 var import_lucide_react7 = require("lucide-react");
 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_KINDS = [
+  "all",
+  "decision",
+  "fact",
+  "preference",
+  "task",
+  "constraint",
+  "current_state",
+  "challenge",
+  "risk",
+  "open_question",
+  "next_action"
+];
+function brainModule() {
+  return {
+    group: "data",
+    icon: import_lucide_react7.Brain,
+    id: "brain",
+    label: "Brain",
+    navItems: [{
+      group: "data",
+      icon: import_lucide_react7.Brain,
+      id: "brain",
+      label: "Brain",
+      order: 10,
+      routeId: "brain"
+    }],
+    routes: [{
+      id: "brain",
+      title: "Brain",
+      render: (context) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(BrainPage, { context })
+    }]
+  };
+}
+function BrainPage({ context }) {
+  const [search, setSearch] = import_react3.default.useState("");
+  const [searchMode, setSearchMode] = import_react3.default.useState(
+    "hybrid"
+  );
+  const [layer, setLayer] = import_react3.default.useState("all");
+  const [status, setStatus] = import_react3.default.useState(
+    "active"
+  );
+  const [kind, setKind] = import_react3.default.useState("all");
+  const [agentId, setAgentId] = import_react3.default.useState("");
+  const [response, setResponse] = import_react3.default.useState(
+    null
+  );
+  const [selectedNode, setSelectedNode] = import_react3.default.useState(
+    null
+  );
+  const [focusNodeId, setFocusNodeId] = import_react3.default.useState(null);
+  const [loading, setLoading] = import_react3.default.useState(false);
+  const [error, setError] = import_react3.default.useState(null);
+  const loadBrain = import_react3.default.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) => 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");
+      setResponse(null);
+      setSelectedNode(null);
+    } finally {
+      setLoading(false);
+    }
+  }, [
+    agentId,
+    context.client,
+    context.scope.namespace,
+    focusNodeId,
+    kind,
+    layer,
+    search,
+    searchMode,
+    status
+  ]);
+  import_react3.default.useEffect(() => {
+    void 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 = import_react3.default.useCallback((node) => {
+    setSelectedNode(node);
+    setFocusNodeId(node.id);
+  }, []);
+  const runSearch = import_react3.default.useCallback(() => {
+    setFocusNodeId(null);
+    void loadBrain(null);
+  }, [loadBrain]);
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      PageHeader,
+      {
+        title: "Brain",
+        description: "Unified knowledge and working state for the active namespace.",
+        badges: [
+          {
+            label: context.scope.namespace ?? "all namespaces",
+            variant: "secondary"
+          }
+        ],
+        actions: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+          Button,
+          {
+            disabled: loading,
+            onClick: () => void loadBrain(),
+            size: "sm",
+            type: "button",
+            variant: "outline",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.RefreshCw, { className: cn("size-3", loading && "animate-spin") }),
+              "Refresh"
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      MetricStrip,
+      {
+        items: [
+          {
+            label: "Brain nodes",
+            value: data.stats.total,
+            detail: `${data.pageInfo.returned} shown`,
+            icon: import_lucide_react7.Brain
+          },
+          {
+            label: "Knowledge",
+            value: knowledgeCount,
+            detail: "Durable nodes",
+            icon: import_lucide_react7.CircleDot
+          },
+          {
+            label: "Working",
+            value: workingCount,
+            detail: "Current state",
+            icon: import_lucide_react7.Sparkles
+          },
+          {
+            label: "Clusters",
+            value: data.clusters.length,
+            detail: "Layer and kind",
+            icon: import_lucide_react7.Network
+          }
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+      FilterBar,
+      {
+        actions: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+          Button,
+          {
+            disabled: loading,
+            onClick: runSearch,
+            size: "sm",
+            type: "button",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Search, { className: "size-3" }),
+              "Search"
+            ]
+          }
+        ),
+        onSearchChange: setSearch,
+        searchPlaceholder: "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)(
+            "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__ */ (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)(SelectContent, { children: BRAIN_LAYERS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectItem, { value: option, children: option === "all" ? "All layers" : formatLabel(option) }, option)) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+            Select,
+            {
+              value: status,
+              onValueChange: (value) => setStatus(value),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectTrigger, { className: "h-8 w-[140px] text-xs", "aria-label": "Status", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectValue, {}) }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectContent, { children: BRAIN_STATUSES.map((option) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectItem, { value: option, children: option === "all" ? "All statuses" : formatLabel(option) }, option)) })
+              ]
+            }
+          ),
+          /* @__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)(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)(
+            Input,
+            {
+              className: "h-8 w-[190px]",
+              onChange: (event) => setAgentId(event.target.value),
+              onKeyDown: (event) => {
+                if (event.key === "Enter") runSearch();
+              },
+              placeholder: "Agent ID",
+              value: agentId
+            }
+          )
+        ]
+      }
+    ),
+    data.semantic?.requested && data.semantic.error ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("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__ */ (0, import_jsx_runtime21.jsx)(EmptyState, { title: "Unable to load brain", description: error }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      InspectorPanel,
+      {
+        side: selectedNode ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          BrainNodeInspector,
+          {
+            match: matches[selectedNode.id],
+            node: selectedNode,
+            onSelectNode: selectNode,
+            related,
+            similar
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          EmptyState,
+          {
+            icon: import_lucide_react7.Brain,
+            title: "No node selected",
+            description: "Select a node from the map or table."
+          }
+        ),
+        children: /* @__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: selectNode,
+              similar,
+              selectedNodeId: selectedNode?.id ?? null
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            ResourceTable,
+            {
+              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 })
+                },
+                {
+                  id: "agent",
+                  header: "Agent",
+                  className: "max-w-[160px] truncate font-mono text-xs",
+                  render: (row) => row.agentId ?? "-"
+                }
+              ]
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+}
+function BrainMap({
+  clusters,
+  edges,
+  loading,
+  nodes,
+  onSelectNode,
+  similar,
+  selectedNodeId
+}) {
+  const nodeById = import_react3.default.useMemo(
+    () => new Map(nodes.map((node) => [node.id, node])),
+    [nodes]
+  );
+  if (nodes.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex min-h-[360px] items-center justify-center rounded-lg border bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      EmptyState,
+      {
+        icon: import_lucide_react7.Brain,
+        title: loading ? "Loading map" : "No map data",
+        description: loading ? "Building the namespace brain map." : "The map will appear once brain nodes exist."
+      }
+    ) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "overflow-hidden rounded-lg border bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    "svg",
+    {
+      className: "block h-[420px] w-full bg-muted/20",
+      role: "img",
+      viewBox: "0 0 1000 600",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("rect", { fill: "transparent", height: "600", width: "1000" }),
+        clusters.map((cluster) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("g", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            "circle",
+            {
+              cx: cluster.x * 1e3,
+              cy: cluster.y * 600,
+              fill: cluster.layer === "working" ? "#ecfeff" : "#eef2ff",
+              opacity: "0.7",
+              r: Math.max(46, Math.min(96, 34 + cluster.count * 8)),
+              stroke: cluster.layer === "working" ? "#0891b2" : "#4f46e5",
+              strokeOpacity: "0.18"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            "text",
+            {
+              className: "fill-muted-foreground text-[11px]",
+              textAnchor: "middle",
+              x: cluster.x * 1e3,
+              y: cluster.y * 600 - 40,
+              children: cluster.label
+            }
+          )
+        ] }, cluster.id)),
+        edges.map((edge) => {
+          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__ */ (0, import_jsx_runtime21.jsx)(
+            "line",
+            {
+              stroke: edge.type === "contradicts" ? "#dc2626" : "#64748b",
+              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,
+              y2: target.y * 600
+            },
+            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__ */ (0, import_jsx_runtime21.jsx)(
+            "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__ */ (0, import_jsx_runtime21.jsx)(
+            "g",
+            {
+              className: "cursor-pointer",
+              onClick: () => onSelectNode(node),
+              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                "circle",
+                {
+                  cx: node.x * 1e3,
+                  cy: node.y * 600,
+                  fill: nodeColor(node),
+                  r: isSelected ? 9 : 6,
+                  stroke: isSelected ? "#0f172a" : "#ffffff",
+                  strokeWidth: isSelected ? 3 : 2,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("title", { children: `${node.name} \xB7 ${formatLabel(node.kind)}` })
+                }
+              )
+            },
+            node.id
+          );
+        })
+      ]
+    }
+  ) });
+}
+function BrainNodeInspector({
+  match,
+  node,
+  onSelectNode,
+  related,
+  similar
+}) {
+  const [tab, setTab] = import_react3.default.useState("overview");
+  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: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(LayerBadge, { layer: node.layer }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StatusBadge, { status: node.status }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Badge, { variant: "outline", children: formatLabel(node.kind) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h3", { className: "mt-3 text-base font-semibold", children: node.name }),
+      /* @__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)(
+      "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__ */ (0, import_jsx_runtime21.jsx)(BrainOverview, { node }) : null,
+    tab === "related" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(RelatedPanel, { onSelectNode, related }) : 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
+  ] });
+}
+function BrainOverview({ node }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("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: "Agent", value: node.agentId }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InspectorRow, { label: "Thread", value: node.threadId }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InspectorRow, { label: "Memory space", value: node.memorySpaceId }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InspectorRow, { label: "Checkpoint", value: node.checkpointId }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InspectorRow, { label: "Source field", value: node.sourceField }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InspectorRow, { label: "Confidence", value: formatNullableNumber(node.confidence) }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InspectorRow, { label: "Updated", value: formatDateTime(node.updatedAt) })
+  ] }) });
+}
+function RelatedPanel({
+  onSelectNode,
+  related
+}) {
+  if (related.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."
+      }
+    );
+  }
+  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
+  )) });
+}
+function SimilarPanel({
+  onSelectNode,
+  similar
+}) {
+  if (similar.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      EmptyState,
+      {
+        icon: import_lucide_react7.Sparkles,
+        title: "No semantic neighbors",
+        description: "Similar nodes appear here when the selected node has an embedding."
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "space-y-2", children: similar.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: "secondary", children: formatSimilarityScore(item.similarity) }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(LayerBadge, { layer: item.node.layer }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Badge, { variant: "outline", children: formatLabel(item.node.kind) })
+        ] }),
+        /* @__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.node.id
+  )) });
+}
+function EvidencePanel({ node }) {
+  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 }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InspectorRow, { label: "Source ID", value: node.sourceId }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InspectorRow, { label: "Thread", value: node.threadId }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InspectorRow, { label: "Checkpoint", value: node.checkpointId })
+    ] }),
+    /* @__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: "-" }) })
+    ] })
+  ] });
+}
+function MatchBadges({ match }) {
+  if (!match?.reasons.length) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mt-2 flex flex-wrap gap-1", children: match.reasons.slice(0, 4).map((reason) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Badge, { className: "text-[10px]", variant: "outline", children: reason }, reason)) });
+}
+function InspectorRow({
+  label,
+  value
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "grid grid-cols-[110px_minmax(0,1fr)] gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("dt", { className: "text-muted-foreground", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("dd", { className: "truncate font-mono", children: value || "-" })
+  ] });
+}
+function LayerBadge({ layer }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Badge, { variant: layer === "working" ? "secondary" : "default", children: formatLabel(layer) });
+}
+function nodeColor(node) {
+  if (node.layer === "working") return "#0891b2";
+  if (node.kind === "decision") return "#4f46e5";
+  if (node.kind === "risk") return "#dc2626";
+  if (node.kind === "preference") return "#16a34a";
+  return "#475569";
+}
+function formatLabel(value) {
+  return value.replaceAll("_", " ").replace(/\b\w/g, (letter) => letter.toUpperCase());
+}
+function formatDateTime(value) {
+  if (!value) return "-";
+  const date = new Date(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: [],
+    edges: [],
+    clusters: [],
+    stats: {
+      total: 0,
+      byLayer: {},
+      byKind: {},
+      byStatus: {}
+    },
+    matches: {},
+    related: [],
+    similar: [],
+    semantic: {
+      requested: false,
+      available: false,
+      error: null
+    },
+    pageInfo: {
+      limit: 0,
+      offset: 0,
+      returned: 0
+    }
+  };
+}
+
+// src/modules/collections/index.tsx
+var import_react4 = __toESM(require("react"), 1);
+var import_lucide_react8 = require("lucide-react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function collectionsModule() {
   return {
     group: "data",
-    icon: import_lucide_react7.Database,
+    icon: import_lucide_react8.Database,
     id: "collections",
     label: "Collections",
     navItems: [{
       group: "data",
-      icon: import_lucide_react7.Database,
+      icon: import_lucide_react8.Database,
       id: "collections",
       label: "Collections",
       order: 20,
@@ -2023,23 +2715,23 @@ function collectionsModule() {
       {
         id: "collections",
         title: "Collections",
-        render: (context) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CollectionsPage, { context })
+        render: (context) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CollectionsPage, { context })
       },
       {
         id: "collections.detail",
         title: "Collection Item",
-        render: (context) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CollectionDetailPage, { context })
+        render: (context) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CollectionDetailPage, { context })
       }
     ]
   };
 }
 function CollectionsPage({ context }) {
-  const [collections, setCollections] = import_react3.default.useState([]);
-  const [selected, setSelected] = import_react3.default.useState(null);
-  const [search, setSearch] = import_react3.default.useState("");
-  const [items, setItems] = import_react3.default.useState([]);
-  const [error, setError] = import_react3.default.useState(null);
-  import_react3.default.useEffect(() => {
+  const [collections, setCollections] = import_react4.default.useState([]);
+  const [selected, setSelected] = import_react4.default.useState(null);
+  const [search, setSearch] = import_react4.default.useState("");
+  const [items, setItems] = import_react4.default.useState([]);
+  const [error, setError] = import_react4.default.useState(null);
+  import_react4.default.useEffect(() => {
     let active = true;
     void context.client.listCollections().then((names) => {
       if (!active) return;
@@ -2052,7 +2744,7 @@ function CollectionsPage({ context }) {
       active = false;
     };
   }, [context.client, context.refreshKey]);
-  import_react3.default.useEffect(() => {
+  import_react4.default.useEffect(() => {
     if (!selected) return;
     let active = true;
     setError(null);
@@ -2069,30 +2761,30 @@ function CollectionsPage({ context }) {
       active = false;
     };
   }, [context.client, context.refreshKey, context.scope.namespace, search, selected]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       PageHeader,
       {
         title: "Collections",
         description: "Schema-aware collection browsing with advanced JSON fallback for records that do not have custom editors.",
-        actions: selected && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        actions: selected && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
           Button,
           {
             onClick: () => context.navigate("collections.detail", { collection: selected }),
             size: "sm",
             type: "button",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Plus, { className: "size-3" }),
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react8.Plus, { className: "size-3" }),
               "New"
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "grid gap-4 lg:grid-cols-[240px_minmax(0,1fr)]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "overflow-hidden rounded-lg border bg-background", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "border-b px-3 py-2 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Collections" }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "max-h-[620px] overflow-auto p-1", children: collections.map((collection) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "grid gap-4 lg:grid-cols-[240px_minmax(0,1fr)]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "overflow-hidden rounded-lg border bg-background", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "border-b px-3 py-2 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Collections" }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "max-h-[620px] overflow-auto p-1", children: collections.map((collection) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "button",
           {
             className: `flex w-full items-center rounded-md px-2 py-1.5 text-left text-sm ${selected === collection ? "bg-accent text-accent-foreground" : "hover:bg-muted"}`,
@@ -2103,8 +2795,8 @@ function CollectionsPage({ context }) {
           collection
         )) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           FilterBar,
           {
             onSearchChange: setSearch,
@@ -2112,7 +2804,7 @@ function CollectionsPage({ context }) {
             searchValue: search
           }
         ),
-        error ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(EmptyState, { title: "Unable to load collection", description: error }) : selected ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        error ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(EmptyState, { title: "Unable to load collection", description: error }) : selected ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           ResourceTable,
           {
             rows: items,
@@ -2121,10 +2813,10 @@ function CollectionsPage({ context }) {
               collection: selected,
               itemId: getItemId(item)
             }),
-            empty: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            empty: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               EmptyState,
               {
-                icon: import_lucide_react7.Database,
+                icon: import_lucide_react8.Database,
                 title: `No ${selected} records`,
                 description: "Create a record or adjust the current filters."
               }
@@ -2133,16 +2825,16 @@ function CollectionsPage({ context }) {
               {
                 id: "id",
                 header: "ID",
-                render: (item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "max-w-sm truncate font-mono text-xs", children: getItemId(item) })
+                render: (item) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "max-w-sm truncate font-mono text-xs", children: getItemId(item) })
               },
               {
                 id: "preview",
                 header: "Preview",
-                render: (item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "max-w-xl truncate text-sm", children: getItemPreview(item) })
+                render: (item) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "max-w-xl truncate text-sm", children: getItemPreview(item) })
               }
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(EmptyState, { title: "No collections" })
+        ) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(EmptyState, { title: "No collections" })
       ] })
     ] })
   ] });
@@ -2150,10 +2842,10 @@ function CollectionsPage({ context }) {
 function CollectionDetailPage({ context }) {
   const collection = context.route.params?.collection;
   const itemId = context.route.params?.itemId ?? null;
-  const [item, setItem] = import_react3.default.useState(null);
-  const [error, setError] = import_react3.default.useState(null);
+  const [item, setItem] = import_react4.default.useState(null);
+  const [error, setError] = import_react4.default.useState(null);
   const isNew = !itemId;
-  import_react3.default.useEffect(() => {
+  import_react4.default.useEffect(() => {
     if (!collection || !itemId) {
       setItem(null);
       return;
@@ -2171,8 +2863,8 @@ function CollectionDetailPage({ context }) {
       active = false;
     };
   }, [collection, context.client, context.refreshKey, context.scope.namespace, itemId]);
-  if (!collection) return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(EmptyState, { title: "Collection not selected" });
-  if (error) return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(EmptyState, { title: "Unable to load item", description: error });
+  if (!collection) return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(EmptyState, { title: "Collection not selected" });
+  if (error) return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(EmptyState, { title: "Unable to load item", description: error });
   const Editor = context.collectionEditors[collection];
   const save = async (value) => {
     if (isNew) {
@@ -2192,14 +2884,14 @@ function CollectionDetailPage({ context }) {
     });
     setItem(updated);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       PageHeader,
       {
         title: isNew ? `New ${collection}` : `${collection} / ${itemId}`,
         description: "Schema-aware editors can override this view. Advanced JSON remains available as a fallback.",
-        actions: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-2", children: [
-          !isNew && itemId && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        actions: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-2", children: [
+          !isNew && itemId && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
             Button,
             {
               onClick: () => {
@@ -2211,12 +2903,12 @@ function CollectionDetailPage({ context }) {
               type: "button",
               variant: "destructive",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react7.Trash2, { className: "size-3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react8.Trash2, { className: "size-3" }),
                 "Delete"
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
             Button,
             {
               onClick: () => context.navigate("collections"),
@@ -2229,7 +2921,7 @@ function CollectionDetailPage({ context }) {
         ] })
       }
     ),
-    Editor ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    Editor ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       Editor,
       {
         collection,
@@ -2240,7 +2932,7 @@ function CollectionDetailPage({ context }) {
         onSaved: setItem,
         onDeleted: () => context.navigate("collections")
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       JsonPanel,
       {
         title: "Advanced JSON",
@@ -2265,18 +2957,18 @@ function getItemPreview(item) {
 }
 
 // src/modules/events/index.tsx
-var import_react4 = __toESM(require("react"), 1);
-var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_react5 = __toESM(require("react"), 1);
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function eventsModule() {
   return {
     group: "operate",
-    icon: import_lucide_react8.Activity,
+    icon: import_lucide_react9.Activity,
     id: "events",
     label: "Events",
     navItems: [{
       group: "operate",
-      icon: import_lucide_react8.Activity,
+      icon: import_lucide_react9.Activity,
       id: "events",
       label: "Events",
       order: 30,
@@ -2285,7 +2977,7 @@ function eventsModule() {
     routes: [{
       id: "events",
       title: "Events",
-      render: (context) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(EventsPage, { context })
+      render: (context) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(EventsPage, { context })
     }]
   };
 }
@@ -2299,17 +2991,17 @@ var EVENT_STATUSES = [
   "overwritten"
 ];
 function EventsPage({ context }) {
-  const [threadId, setThreadId] = import_react4.default.useState("");
-  const [status, setStatus] = import_react4.default.useState(
+  const [threadId, setThreadId] = import_react5.default.useState("");
+  const [status, setStatus] = import_react5.default.useState(
     "all"
   );
-  const [eventType, setEventType] = import_react4.default.useState("");
-  const [traceId, setTraceId] = import_react4.default.useState("");
-  const [events, setEvents] = import_react4.default.useState([]);
-  const [selectedEvent, setSelectedEvent] = import_react4.default.useState(null);
-  const [error, setError] = import_react4.default.useState(null);
-  const [loading, setLoading] = import_react4.default.useState(false);
-  const [hasLoaded, setHasLoaded] = import_react4.default.useState(false);
+  const [eventType, setEventType] = import_react5.default.useState("");
+  const [traceId, setTraceId] = import_react5.default.useState("");
+  const [events, setEvents] = import_react5.default.useState([]);
+  const [selectedEvent, setSelectedEvent] = import_react5.default.useState(null);
+  const [error, setError] = import_react5.default.useState(null);
+  const [loading, setLoading] = import_react5.default.useState(false);
+  const [hasLoaded, setHasLoaded] = import_react5.default.useState(false);
   const inspect = async () => {
     setHasLoaded(true);
     setLoading(true);
@@ -2335,21 +3027,21 @@ function EventsPage({ context }) {
       setLoading(false);
     }
   };
-  import_react4.default.useEffect(() => {
+  import_react5.default.useEffect(() => {
     void inspect();
   }, [context.client, context.refreshKey, context.scope.namespace]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       PageHeader,
       {
         title: "Events",
         description: "Queue and event inspection across the active namespace."
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       FilterBar,
       {
-        actions: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+        actions: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
           Button,
           {
             disabled: loading,
@@ -2357,13 +3049,13 @@ function EventsPage({ context }) {
             size: "sm",
             type: "button",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react8.Search, { className: "size-3" }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react9.Search, { className: "size-3" }),
               loading ? "Loading" : "Inspect"
             ]
           }
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             Input,
             {
               className: "h-8 w-[220px]",
@@ -2375,18 +3067,18 @@ function EventsPage({ context }) {
               value: threadId
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
             Select,
             {
               value: status,
               onValueChange: (value) => setStatus(value),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectTrigger, { className: "h-8 w-[150px] text-xs", "aria-label": "Status", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectValue, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectContent, { children: EVENT_STATUSES.map((option) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectItem, { value: option, children: option === "all" ? "All statuses" : option }, option)) })
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectTrigger, { className: "h-8 w-[150px] text-xs", "aria-label": "Status", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectValue, {}) }),
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectContent, { children: EVENT_STATUSES.map((option) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectItem, { value: option, children: option === "all" ? "All statuses" : option }, option)) })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             Input,
             {
               className: "h-8 w-[180px]",
@@ -2398,7 +3090,7 @@ function EventsPage({ context }) {
               value: eventType
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             Input,
             {
               className: "h-8 w-[180px]",
@@ -2413,21 +3105,21 @@ function EventsPage({ context }) {
         ]
       }
     ),
-    error ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(EmptyState, { title: "Unable to inspect event", description: error }) : !hasLoaded && loading ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    error ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(EmptyState, { title: "Unable to inspect event", description: error }) : !hasLoaded && loading ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       EmptyState,
       {
-        icon: import_lucide_react8.Activity,
+        icon: import_lucide_react9.Activity,
         title: "Loading events",
         description: "Fetching recent queue events for the active namespace."
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "grid gap-4 xl:grid-cols-[1fr_420px]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "grid gap-4 xl:grid-cols-[1fr_420px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         ResourceTable,
         {
           rows: events,
           getRowKey: (row) => row.id,
           onRowClick: setSelectedEvent,
-          empty: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          empty: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             EmptyState,
             {
               title: "No matching events",
@@ -2449,7 +3141,7 @@ function EventsPage({ context }) {
             {
               id: "status",
               header: "Status",
-              render: (row) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(StatusBadge, { status: row.status })
+              render: (row) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StatusBadge, { status: row.status })
             },
             {
               id: "trace",
@@ -2459,19 +3151,19 @@ function EventsPage({ context }) {
             {
               id: "created",
               header: "Created",
-              render: (row) => formatDateTime(row.createdAt)
+              render: (row) => formatDateTime2(row.createdAt)
             }
           ]
         }
       ),
-      selectedEvent ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      selectedEvent ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         JsonPanel,
         {
           title: "Event JSON",
           value: selectedEvent,
           minHeight: 420
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         EmptyState,
         {
           title: "No event selected",
@@ -2481,7 +3173,7 @@ function EventsPage({ context }) {
     ] })
   ] });
 }
-function formatDateTime(value) {
+function formatDateTime2(value) {
   if (!value) return "-";
   const date = new Date(value);
   if (Number.isNaN(date.getTime())) return value;
@@ -2494,18 +3186,18 @@ function formatDateTime(value) {
 }
 
 // src/modules/overview/index.tsx
-var import_react5 = __toESM(require("react"), 1);
-var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_react6 = __toESM(require("react"), 1);
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function overviewModule() {
   return {
     group: "operate",
-    icon: import_lucide_react9.Activity,
+    icon: import_lucide_react10.Activity,
     id: "overview",
     label: "Overview",
     navItems: [{
       group: "operate",
-      icon: import_lucide_react9.Activity,
+      icon: import_lucide_react10.Activity,
       id: "overview",
       label: "Overview",
       order: 10,
@@ -2514,17 +3206,17 @@ function overviewModule() {
     routes: [{
       id: "overview",
       title: "Overview",
-      render: (context) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(OverviewPage, { context })
+      render: (context) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(OverviewPage, { context })
     }]
   };
 }
 function OverviewPage({ context }) {
-  const [overview, setOverview] = import_react5.default.useState(null);
-  const [threads, setThreads] = import_react5.default.useState([]);
-  const [agents, setAgents] = import_react5.default.useState([]);
-  const [error, setError] = import_react5.default.useState(null);
-  const [isLoading, setIsLoading] = import_react5.default.useState(false);
-  import_react5.default.useEffect(() => {
+  const [overview, setOverview] = import_react6.default.useState(null);
+  const [threads, setThreads] = import_react6.default.useState([]);
+  const [agents, setAgents] = import_react6.default.useState([]);
+  const [error, setError] = import_react6.default.useState(null);
+  const [isLoading, setIsLoading] = import_react6.default.useState(false);
+  import_react6.default.useEffect(() => {
     let active = true;
     setIsLoading(true);
     setError(null);
@@ -2557,11 +3249,11 @@ function OverviewPage({ context }) {
     };
   }, [context.client, context.refreshKey, context.scope.namespace]);
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(EmptyState, { title: "Unable to load overview", description: error });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(EmptyState, { title: "Unable to load overview", description: error });
   }
   const queueFailures = (overview?.queueTotals.failed ?? 0) + (overview?.queueTotals.expired ?? 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       PageHeader,
       {
         title: "Overview",
@@ -2572,41 +3264,41 @@ function OverviewPage({ context }) {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       MetricStrip,
       {
         items: [
           {
             detail: `${formatNumber(overview?.threadTotals.active ?? 0)} active`,
-            icon: import_lucide_react9.MessageSquare,
+            icon: import_lucide_react10.MessageSquare,
             label: "Threads",
             value: formatNumber(overview?.threadTotals.total ?? 0)
           },
           {
             detail: `${formatNumber(overview?.participantTotals.agents ?? 0)} agents`,
-            icon: import_lucide_react9.Users,
+            icon: import_lucide_react10.Users,
             label: "Participants",
             value: formatNumber(overview?.participantTotals.total ?? 0)
           },
           {
             detail: `${formatNumber(overview?.llmTotals.totalCalls ?? 0)} LLM calls`,
-            icon: import_lucide_react9.Wallet,
+            icon: import_lucide_react10.Wallet,
             label: "Cost",
             value: formatMetricValue(overview?.llmTotals.totalCostUsd ?? 0, "cost")
           },
           {
             detail: `${formatNumber(queueFailures)} failures/expired`,
-            icon: queueFailures > 0 ? import_lucide_react9.AlertTriangle : import_lucide_react9.Sparkles,
+            icon: queueFailures > 0 ? import_lucide_react10.AlertTriangle : import_lucide_react10.Sparkles,
             label: "Queue",
             value: formatNumber(overview?.queueTotals.total ?? 0)
           }
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "grid gap-4 xl:grid-cols-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("section", { className: "space-y-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PageHeader, { title: "Recent Threads" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "grid gap-4 xl:grid-cols-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("section", { className: "space-y-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PageHeader, { title: "Recent Threads" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           ResourceTable,
           {
             rows: threads,
@@ -2616,15 +3308,15 @@ function OverviewPage({ context }) {
               {
                 id: "name",
                 header: "Thread",
-                render: (thread) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "max-w-md truncate font-medium", children: thread.name || thread.threadId }),
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "max-w-md truncate text-xs text-muted-foreground", children: thread.summary ?? thread.lastMessagePreview ?? "No summary" })
+                render: (thread) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "max-w-md truncate font-medium", children: thread.name || thread.threadId }),
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "max-w-md truncate text-xs text-muted-foreground", children: thread.summary ?? thread.lastMessagePreview ?? "No summary" })
                 ] })
               },
               {
                 id: "status",
                 header: "Status",
-                render: (thread) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StatusBadge, { status: thread.status })
+                render: (thread) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StatusBadge, { status: thread.status })
               },
               {
                 align: "right",
@@ -2636,9 +3328,9 @@ function OverviewPage({ context }) {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("section", { className: "space-y-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PageHeader, { title: "Top Agents" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("section", { className: "space-y-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PageHeader, { title: "Top Agents" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           ResourceTable,
           {
             rows: agents,
@@ -2648,11 +3340,11 @@ function OverviewPage({ context }) {
               {
                 id: "agent",
                 header: "Agent",
-                render: (agent) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react9.Bot, { className: "size-4 text-muted-foreground" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "font-medium", children: agent.displayName }),
-                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "text-xs text-muted-foreground", children: agent.agentId })
+                render: (agent) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react10.Bot, { className: "size-4 text-muted-foreground" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "font-medium", children: agent.displayName }),
+                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "text-xs text-muted-foreground", children: agent.agentId })
                   ] })
                 ] })
               },
@@ -2677,18 +3369,18 @@ function OverviewPage({ context }) {
 }
 
 // src/modules/participants/index.tsx
-var import_react6 = __toESM(require("react"), 1);
-var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_react7 = __toESM(require("react"), 1);
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function participantsModule() {
   return {
     group: "data",
-    icon: import_lucide_react10.Users,
+    icon: import_lucide_react11.Users,
     id: "participants",
     label: "Participants",
     navItems: [{
       group: "data",
-      icon: import_lucide_react10.Users,
+      icon: import_lucide_react11.Users,
       id: "participants",
       label: "Participants",
       order: 10,
@@ -2698,21 +3390,21 @@ function participantsModule() {
       {
         id: "participants",
         title: "Participants",
-        render: (context) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ParticipantsPage, { context })
+        render: (context) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ParticipantsPage, { context })
       },
       {
         id: "participants.detail",
         title: "Participant Detail",
-        render: (context) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ParticipantDetailPage, { context })
+        render: (context) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ParticipantDetailPage, { context })
       }
     ]
   };
 }
 function ParticipantsPage({ context }) {
-  const [search, setSearch] = import_react6.default.useState("");
-  const [participants, setParticipants] = import_react6.default.useState([]);
-  const [error, setError] = import_react6.default.useState(null);
-  import_react6.default.useEffect(() => {
+  const [search, setSearch] = import_react7.default.useState("");
+  const [participants, setParticipants] = import_react7.default.useState([]);
+  const [error, setError] = import_react7.default.useState(null);
+  import_react7.default.useEffect(() => {
     let active = true;
     setError(null);
     void context.client.listParticipants({
@@ -2728,15 +3420,15 @@ function ParticipantsPage({ context }) {
       active = false;
     };
   }, [context.client, context.refreshKey, context.scope.namespace, search]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       PageHeader,
       {
         title: "Participants",
         description: "Humans, agents, and jobs observed by Copilotz across conversations."
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       FilterBar,
       {
         onSearchChange: setSearch,
@@ -2744,7 +3436,7 @@ function ParticipantsPage({ context }) {
         searchValue: search
       }
     ),
-    error ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(EmptyState, { title: "Unable to load participants", description: error }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    error ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(EmptyState, { title: "Unable to load participants", description: error }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       ResourceTable,
       {
         rows: participants,
@@ -2752,10 +3444,10 @@ function ParticipantsPage({ context }) {
         onRowClick: (participant) => context.navigate("participants.detail", {
           participantId: participant.externalId
         }),
-        empty: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        empty: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           EmptyState,
           {
-            icon: import_lucide_react10.Users,
+            icon: import_lucide_react11.Users,
             title: "No participants",
             description: "Participants appear after messages or jobs are processed."
           }
@@ -2764,15 +3456,15 @@ function ParticipantsPage({ context }) {
           {
             id: "participant",
             header: "Participant",
-            render: (participant) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "max-w-md truncate font-medium", children: participant.displayName }),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "max-w-md truncate text-xs text-muted-foreground", children: participant.externalId })
+            render: (participant) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "max-w-md truncate font-medium", children: participant.displayName }),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "max-w-md truncate text-xs text-muted-foreground", children: participant.externalId })
             ] })
           },
           {
             id: "type",
             header: "Type",
-            render: (participant) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StatusBadge, { status: participant.participantType })
+            render: (participant) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(StatusBadge, { status: participant.participantType })
           },
           {
             id: "scope",
@@ -2798,9 +3490,9 @@ function ParticipantsPage({ context }) {
 }
 function ParticipantDetailPage({ context }) {
   const participantId = context.route.params?.participantId;
-  const [participant, setParticipant] = import_react6.default.useState(null);
-  const [error, setError] = import_react6.default.useState(null);
-  import_react6.default.useEffect(() => {
+  const [participant, setParticipant] = import_react7.default.useState(null);
+  const [error, setError] = import_react7.default.useState(null);
+  import_react7.default.useEffect(() => {
     if (!participantId) return;
     let active = true;
     setError(null);
@@ -2816,19 +3508,19 @@ function ParticipantDetailPage({ context }) {
     };
   }, [context.client, context.refreshKey, context.scope.namespace, participantId]);
   if (!participantId) {
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(EmptyState, { title: "Participant not selected" });
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(EmptyState, { title: "Participant not selected" });
   }
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(EmptyState, { title: "Unable to load participant", description: error });
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(EmptyState, { title: "Unable to load participant", description: error });
   }
   const memories = Array.isArray(participant?.memories) ? participant.memories.length : 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       PageHeader,
       {
         title: String(participant?.displayName ?? participantId),
         description: "Participant profile, activity-ready metrics, and advanced record data.",
-        actions: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        actions: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "button",
           {
             className: "text-sm text-muted-foreground hover:text-foreground",
@@ -2839,7 +3531,7 @@ function ParticipantDetailPage({ context }) {
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       MetricStrip,
       {
         items: [
@@ -2849,24 +3541,24 @@ function ParticipantDetailPage({ context }) {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(JsonPanel, { title: "Advanced JSON", value: participant, minHeight: 460 })
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(JsonPanel, { title: "Advanced JSON", value: participant, minHeight: 460 })
   ] });
 }
 
 // src/modules/threads/index.tsx
-var import_react7 = __toESM(require("react"), 1);
-var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_react8 = __toESM(require("react"), 1);
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var MESSAGE_PAGE_SIZE = 50;
 function threadsModule() {
   return {
     group: "operate",
-    icon: import_lucide_react11.MessageSquare,
+    icon: import_lucide_react12.MessageSquare,
     id: "threads",
     label: "Threads",
     navItems: [{
       group: "operate",
-      icon: import_lucide_react11.MessageSquare,
+      icon: import_lucide_react12.MessageSquare,
       id: "threads",
       label: "Threads",
       order: 40,
@@ -2876,22 +3568,22 @@ function threadsModule() {
       {
         id: "threads",
         title: "Threads",
-        render: (context) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ThreadsPage, { context })
+        render: (context) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ThreadsPage, { context })
       },
       {
         id: "threads.detail",
         title: "Thread Detail",
-        render: (context) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ThreadDetailPage, { context })
+        render: (context) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ThreadDetailPage, { context })
       }
     ]
   };
 }
 function ThreadsPage({ context }) {
-  const [search, setSearch] = import_react7.default.useState("");
-  const [threads, setThreads] = import_react7.default.useState([]);
-  const [error, setError] = import_react7.default.useState(null);
-  const [isLoading, setIsLoading] = import_react7.default.useState(false);
-  import_react7.default.useEffect(() => {
+  const [search, setSearch] = import_react8.default.useState("");
+  const [threads, setThreads] = import_react8.default.useState([]);
+  const [error, setError] = import_react8.default.useState(null);
+  const [isLoading, setIsLoading] = import_react8.default.useState(false);
+  import_react8.default.useEffect(() => {
     let active = true;
     setIsLoading(true);
     setError(null);
@@ -2910,8 +3602,8 @@ function ThreadsPage({ context }) {
       active = false;
     };
   }, [context.client, context.refreshKey, context.scope.namespace, search]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       PageHeader,
       {
         title: "Threads",
@@ -2919,7 +3611,7 @@ function ThreadsPage({ context }) {
         badges: isLoading ? [{ label: "Loading" }] : []
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       FilterBar,
       {
         onSearchChange: setSearch,
@@ -2927,16 +3619,16 @@ function ThreadsPage({ context }) {
         searchValue: search
       }
     ),
-    error ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(EmptyState, { title: "Unable to load threads", description: error }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    error ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(EmptyState, { title: "Unable to load threads", description: error }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       ResourceTable,
       {
         rows: threads,
         getRowKey: (thread) => thread.threadId,
         onRowClick: (thread) => context.navigate("threads.detail", { threadId: thread.threadId }),
-        empty: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        empty: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           EmptyState,
           {
-            icon: import_lucide_react11.MessageSquare,
+            icon: import_lucide_react12.MessageSquare,
             title: "No threads",
             description: "Threads will appear after conversations start flowing."
           }
@@ -2945,15 +3637,15 @@ function ThreadsPage({ context }) {
           {
             id: "thread",
             header: "Thread",
-            render: (thread) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "max-w-xl truncate font-medium", children: thread.name || thread.threadId }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "max-w-xl truncate text-xs text-muted-foreground", children: thread.summary ?? thread.lastMessagePreview ?? "No summary yet" })
+            render: (thread) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "max-w-xl truncate font-medium", children: thread.name || thread.threadId }),
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "max-w-xl truncate text-xs text-muted-foreground", children: thread.summary ?? thread.lastMessagePreview ?? "No summary yet" })
             ] })
           },
           {
             id: "status",
             header: "Status",
-            render: (thread) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(StatusBadge, { status: thread.status })
+            render: (thread) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(StatusBadge, { status: thread.status })
           },
           {
             align: "right",
@@ -2972,7 +3664,7 @@ function ThreadsPage({ context }) {
           {
             id: "activity",
             header: "Last activity",
-            render: (thread) => formatDateTime2(thread.lastActivityAt)
+            render: (thread) => formatDateTime3(thread.lastActivityAt)
           }
         ]
       }
@@ -2982,7 +3674,7 @@ function ThreadsPage({ context }) {
 function ThreadDetailPage({ context }) {
   const threadId = context.route.params?.threadId;
   if (!threadId) {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       EmptyState,
       {
         title: "Thread not selected",
@@ -2990,19 +3682,19 @@ function ThreadDetailPage({ context }) {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ThreadInspector, { context, threadId });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ThreadInspector, { context, threadId });
 }
 function ThreadInspector({
   context,
   threadId
 }) {
-  const [thread, setThread] = import_react7.default.useState(null);
-  const [messages, setMessages] = import_react7.default.useState([]);
-  const [pageInfo, setPageInfo] = import_react7.default.useState(null);
-  const [isLoading, setIsLoading] = import_react7.default.useState(true);
-  const [isLoadingMore, setIsLoadingMore] = import_react7.default.useState(false);
-  const [error, setError] = import_react7.default.useState(null);
-  import_react7.default.useEffect(() => {
+  const [thread, setThread] = import_react8.default.useState(null);
+  const [messages, setMessages] = import_react8.default.useState([]);
+  const [pageInfo, setPageInfo] = import_react8.default.useState(null);
+  const [isLoading, setIsLoading] = import_react8.default.useState(true);
+  const [isLoadingMore, setIsLoadingMore] = import_react8.default.useState(false);
+  const [error, setError] = import_react8.default.useState(null);
+  import_react8.default.useEffect(() => {
     let active = true;
     setIsLoading(true);
     setError(null);
@@ -3043,13 +3735,13 @@ function ThreadInspector({
     }
   };
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(EmptyState, { icon: import_lucide_react11.Loader2, title: "Loading thread" });
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(EmptyState, { icon: import_lucide_react12.Loader2, title: "Loading thread" });
   }
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(EmptyState, { title: "Unable to load thread", description: error });
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(EmptyState, { title: "Unable to load thread", description: error });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       PageHeader,
       {
         title: thread?.name ?? threadId,
@@ -3058,7 +3750,7 @@ function ThreadInspector({
           { label: thread?.status ?? "unknown" },
           { label: `${messages.length}${pageInfo?.hasMoreBefore ? "+" : ""} messages`, variant: "secondary" }
         ],
-        actions: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        actions: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           Button,
           {
             onClick: () => context.navigate("threads"),
@@ -3070,14 +3762,14 @@ function ThreadInspector({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       InspectorPanel,
       {
-        side: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(JsonPanel, { title: "Thread JSON", value: thread, minHeight: 420 }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "overflow-hidden rounded-lg border bg-background", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center justify-between border-b px-4 py-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "text-sm font-medium", children: "Timeline" }),
-            pageInfo?.hasMoreBefore && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+        side: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(JsonPanel, { title: "Thread JSON", value: thread, minHeight: 420 }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "overflow-hidden rounded-lg border bg-background", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-between border-b px-4 py-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "text-sm font-medium", children: "Timeline" }),
+            pageInfo?.hasMoreBefore && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
               Button,
               {
                 disabled: isLoadingMore,
@@ -3086,51 +3778,51 @@ function ThreadInspector({
                 type: "button",
                 variant: "ghost",
                 children: [
-                  isLoadingMore ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.Loader2, { className: "size-3 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.ChevronUp, { className: "size-3" }),
+                  isLoadingMore ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react12.Loader2, { className: "size-3 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react12.ChevronUp, { className: "size-3" }),
                   "Load older"
                 ]
               }
             )
           ] }),
-          messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(EmptyState, { title: "No messages", description: "This thread has no messages yet." }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "divide-y", children: messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(MessageRow, { message }, message.id)) })
+          messages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(EmptyState, { title: "No messages", description: "This thread has no messages yet." }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "divide-y", children: messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MessageRow, { message }, message.id)) })
         ] })
       }
     )
   ] });
 }
 function MessageRow({ message }) {
-  const [expanded, setExpanded] = import_react7.default.useState(false);
+  const [expanded, setExpanded] = import_react8.default.useState(false);
   const hasToolCalls = Array.isArray(message.toolCalls) && message.toolCalls.length > 0;
   const hasReasoning = Boolean(message.reasoning);
   const hasMetadata = Boolean(message.metadata && Object.keys(message.metadata).length);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-start gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SenderIcon, { senderType: message.senderType }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-wrap items-center gap-2 text-xs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "font-medium", children: message.senderId ?? message.senderUserId ?? message.senderType }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Badge, { variant: "outline", className: "text-[10px]", children: message.senderType }),
-        message.targetId && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Badge, { variant: "secondary", className: "text-[10px]", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "px-4 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-start gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SenderIcon, { senderType: message.senderType }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-wrap items-center gap-2 text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "font-medium", children: message.senderId ?? message.senderUserId ?? message.senderType }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Badge, { variant: "outline", className: "text-[10px]", children: message.senderType }),
+        message.targetId && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Badge, { variant: "secondary", className: "text-[10px]", children: [
           "to ",
           message.targetId
         ] }),
-        message.createdAt && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-muted-foreground", children: formatDateTime2(message.createdAt) })
+        message.createdAt && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-muted-foreground", children: formatDateTime3(message.createdAt) })
       ] }),
-      message.content && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "mt-1 whitespace-pre-wrap break-words text-sm", children: message.content }),
-      (hasToolCalls || hasReasoning || hasMetadata) && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "mt-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+      message.content && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "mt-1 whitespace-pre-wrap break-words text-sm", children: message.content }),
+      (hasToolCalls || hasReasoning || hasMetadata) && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "mt-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
           "button",
           {
             className: "inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground",
             onClick: () => setExpanded((value) => !value),
             type: "button",
             children: [
-              hasToolCalls && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.Wrench, { className: "size-3" }),
-              hasReasoning && !hasToolCalls && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.Cpu, { className: "size-3" }),
+              hasToolCalls && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react12.Wrench, { className: "size-3" }),
+              hasReasoning && !hasToolCalls && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react12.Cpu, { className: "size-3" }),
               "Details"
             ]
           }
         ),
-        expanded && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("pre", { className: "mt-2 max-h-72 overflow-auto rounded-md bg-muted p-3 text-xs", children: JSON.stringify({
+        expanded && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("pre", { className: "mt-2 max-h-72 overflow-auto rounded-md bg-muted p-3 text-xs", children: JSON.stringify({
           ...hasToolCalls ? { toolCalls: message.toolCalls } : {},
           ...hasReasoning ? { reasoning: message.reasoning } : {},
           ...hasMetadata ? { metadata: message.metadata } : {}
@@ -3143,16 +3835,16 @@ function SenderIcon({ senderType }) {
   const base = "flex size-7 shrink-0 items-center justify-center rounded-full";
   switch (senderType) {
     case "agent":
-      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn(base, "bg-primary/10 text-primary"), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.Bot, { className: "size-3.5" }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn(base, "bg-primary/10 text-primary"), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react12.Bot, { className: "size-3.5" }) });
     case "user":
-      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn(base, "bg-secondary text-secondary-foreground"), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.User, { className: "size-3.5" }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn(base, "bg-secondary text-secondary-foreground"), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react12.User, { className: "size-3.5" }) });
     case "tool":
-      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn(base, "bg-muted text-muted-foreground"), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.Wrench, { className: "size-3.5" }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn(base, "bg-muted text-muted-foreground"), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react12.Wrench, { className: "size-3.5" }) });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn(base, "bg-muted text-muted-foreground"), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react11.Cpu, { className: "size-3.5" }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn(base, "bg-muted text-muted-foreground"), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react12.Cpu, { className: "size-3.5" }) });
   }
 }
-function formatDateTime2(value) {
+function formatDateTime3(value) {
   if (!value) return "No activity";
   const date = new Date(value);
   if (Number.isNaN(date.getTime())) return value;
@@ -3165,17 +3857,17 @@ function formatDateTime2(value) {
 }
 
 // src/modules/usage/index.tsx
-var import_react8 = __toESM(require("react"), 1);
+var import_react9 = __toESM(require("react"), 1);
 var import_recharts = require("recharts");
-var import_lucide_react12 = require("lucide-react");
+var import_lucide_react13 = require("lucide-react");
 
 // src/components/ui/chart.tsx
-var React12 = __toESM(require("react"), 1);
+var React13 = __toESM(require("react"), 1);
 var RechartsPrimitive = __toESM(require("recharts"), 1);
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var ChartContext = React12.createContext(null);
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var ChartContext = React13.createContext(null);
 function useChart() {
-  const context = React12.useContext(ChartContext);
+  const context = React13.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a ChartContainer");
   }
@@ -3188,9 +3880,9 @@ function ChartContainer({
   children,
   ...props
 }) {
-  const uniqueId = React12.useId();
+  const uniqueId = React13.useId();
   const chartId = `chart-${id ?? uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ChartContext.Provider, { value: config, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChartContext.Provider, { value: config, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "div",
     {
       "data-chart": chartId,
@@ -3200,10 +3892,10 @@ function ChartContainer({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("style", { children: Object.entries(config).map(([key, item]) => {
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("style", { children: Object.entries(config).map(([key, item]) => {
           return `[data-chart=${chartId}] { --color-${key}: ${item.color}; }`;
         }).join("\n") }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(RechartsPrimitive.ResponsiveContainer, { children })
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(RechartsPrimitive.ResponsiveContainer, { children })
       ]
     }
   ) });
@@ -3222,7 +3914,7 @@ function ChartTooltipContent({
     const value = typeof item.value === "number" ? item.value : Number(item.value ?? 0);
     return sum + (Number.isFinite(value) ? value : 0);
   }, 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "div",
     {
       className: cn(
@@ -3230,28 +3922,28 @@ function ChartTooltipContent({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "mb-2 flex items-center justify-between gap-4 border-b pb-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs font-medium text-muted-foreground", children: labelFormatter ? labelFormatter(label) : label }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xs font-semibold text-foreground", children: formatter ? formatter(total) : total })
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "mb-2 flex items-center justify-between gap-4 border-b pb-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-xs font-medium text-muted-foreground", children: labelFormatter ? labelFormatter(label) : label }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-xs font-semibold text-foreground", children: formatter ? formatter(total) : total })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "space-y-1.5", children: payload.filter((item) => Number(item.value ?? 0) > 0).map((item) => {
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "space-y-1.5", children: payload.filter((item) => Number(item.value ?? 0) > 0).map((item) => {
           const key = String(item.dataKey ?? item.name ?? "");
           const itemConfig = config[key];
           const color = item.color ?? itemConfig?.color ?? "currentColor";
-          return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
             "div",
             {
               className: "grid grid-cols-[0.6rem_1fr_auto] items-center gap-2",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                   "span",
                   {
                     className: "size-2 rounded-[2px]",
                     style: { backgroundColor: color }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "max-w-48 truncate text-muted-foreground", children: itemConfig?.label ?? item.name ?? key }),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "font-medium text-foreground", children: formatter ? formatter(item.value ?? 0) : item.value })
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "max-w-48 truncate text-muted-foreground", children: itemConfig?.label ?? item.name ?? key }),
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "font-medium text-foreground", children: formatter ? formatter(item.value ?? 0) : item.value })
               ]
             },
             key
@@ -3267,11 +3959,11 @@ function ChartLegendContent({
 }) {
   const config = useChart();
   if (!payload?.length) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("flex flex-wrap items-center gap-x-4 gap-y-2", className), children: payload.map((item) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("flex flex-wrap items-center gap-x-4 gap-y-2", className), children: payload.map((item) => {
     const key = String(item.dataKey ?? item.value ?? "");
     const itemConfig = config[key];
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         "span",
         {
           className: "size-2 rounded-[2px]",
@@ -3280,13 +3972,13 @@ function ChartLegendContent({
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "max-w-52 truncate text-xs text-muted-foreground", children: itemConfig?.label ?? item.value ?? key })
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "max-w-52 truncate text-xs text-muted-foreground", children: itemConfig?.label ?? item.value ?? key })
     ] }, key);
   }) });
 }
 
 // src/modules/usage/index.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var USAGE_DIMENSIONS = [
   "total",
   "input",
@@ -3314,12 +4006,12 @@ var STATUS_OPTIONS = [
 function usageModule() {
   return {
     group: "operate",
-    icon: import_lucide_react12.BarChart3,
+    icon: import_lucide_react13.BarChart3,
     id: "usage",
     label: "Usage",
     navItems: [{
       group: "operate",
-      icon: import_lucide_react12.BarChart3,
+      icon: import_lucide_react13.BarChart3,
       id: "usage",
       label: "Usage",
       order: 20,
@@ -3328,70 +4020,70 @@ function usageModule() {
     routes: [{
       id: "usage",
       title: "Usage",
-      render: (context) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(UsagePage, { context })
+      render: (context) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(UsagePage, { context })
     }]
   };
 }
 function UsagePage({ context }) {
-  const [period, setPeriod] = import_react8.default.useState(
+  const [period, setPeriod] = import_react9.default.useState(
     "7d"
   );
-  const [interval, setInterval] = import_react8.default.useState("day");
-  const [workload, setWorkload] = import_react8.default.useState("all");
-  const [metricKind, setMetricKind] = import_react8.default.useState(
+  const [interval, setInterval] = import_react9.default.useState("day");
+  const [workload, setWorkload] = import_react9.default.useState("all");
+  const [metricKind, setMetricKind] = import_react9.default.useState(
     "calls"
   );
-  const [dimension, setDimension] = import_react8.default.useState("total");
-  const [groupBy, setGroupBy] = import_react8.default.useState("kind");
-  const [attribution, setAttribution] = import_react8.default.useState(
+  const [dimension, setDimension] = import_react9.default.useState("total");
+  const [groupBy, setGroupBy] = import_react9.default.useState("kind");
+  const [attribution, setAttribution] = import_react9.default.useState(
     "initiatedBy"
   );
-  const [participantType, setParticipantType] = import_react8.default.useState("all");
-  const [threadId, setThreadId] = import_react8.default.useState("");
-  const [participantId, setParticipantId] = import_react8.default.useState("");
-  const [provider, setProvider] = import_react8.default.useState("");
-  const [model, setModel] = import_react8.default.useState("");
-  const [resource, setResource] = import_react8.default.useState("");
-  const [operation, setOperation] = import_react8.default.useState("");
-  const [status, setStatus] = import_react8.default.useState(
+  const [participantType, setParticipantType] = import_react9.default.useState("all");
+  const [threadId, setThreadId] = import_react9.default.useState("");
+  const [participantId, setParticipantId] = import_react9.default.useState("");
+  const [provider, setProvider] = import_react9.default.useState("");
+  const [model, setModel] = import_react9.default.useState("");
+  const [resource, setResource] = import_react9.default.useState("");
+  const [operation, setOperation] = import_react9.default.useState("");
+  const [status, setStatus] = import_react9.default.useState(
     "all"
   );
-  const [customFrom, setCustomFrom] = import_react8.default.useState("");
-  const [customTo, setCustomTo] = import_react8.default.useState("");
-  const [usage, setUsage] = import_react8.default.useState(null);
-  const [error, setError] = import_react8.default.useState(null);
-  const [isLoading, setIsLoading] = import_react8.default.useState(false);
-  const range = import_react8.default.useMemo(
+  const [customFrom, setCustomFrom] = import_react9.default.useState("");
+  const [customTo, setCustomTo] = import_react9.default.useState("");
+  const [usage, setUsage] = import_react9.default.useState(null);
+  const [error, setError] = import_react9.default.useState(null);
+  const [isLoading, setIsLoading] = import_react9.default.useState(false);
+  const range = import_react9.default.useMemo(
     () => getUsageRange(period, customFrom, customTo),
     [customFrom, customTo, period]
   );
-  const metricOptions = import_react8.default.useMemo(
+  const metricOptions = import_react9.default.useMemo(
     () => getUsageMetricOptions(workload),
     [workload]
   );
-  const groupOptions = import_react8.default.useMemo(
+  const groupOptions = import_react9.default.useMemo(
     () => getUsageGroupOptions(workload),
     [workload]
   );
   const showLlmFields = workload === "llm";
   const showResourceFields = workload !== "llm";
   const showDimension = metricKind === "tokens" || metricKind === "cost" && workload === "llm";
-  import_react8.default.useEffect(() => {
+  import_react9.default.useEffect(() => {
     if (!metricOptions.includes(metricKind)) {
       setMetricKind(metricOptions[0]);
     }
   }, [metricKind, metricOptions]);
-  import_react8.default.useEffect(() => {
+  import_react9.default.useEffect(() => {
     if (!groupOptions.includes(groupBy)) {
       setGroupBy(groupOptions[0]);
     }
   }, [groupBy, groupOptions]);
-  import_react8.default.useEffect(() => {
+  import_react9.default.useEffect(() => {
     if (!showDimension && dimension !== "total") {
       setDimension("total");
     }
   }, [dimension, showDimension]);
-  import_react8.default.useEffect(() => {
+  import_react9.default.useEffect(() => {
     let active = true;
     setIsLoading(true);
     setError(null);
@@ -3449,16 +4141,16 @@ function UsagePage({ context }) {
   ]);
   const points = usage?.points ?? [];
   const totals = usage?.totals ?? EMPTY_USAGE_TOTALS;
-  const chartState = import_react8.default.useMemo(
+  const chartState = import_react9.default.useMemo(
     () => buildUsageChartState(points, metricKind, dimension, interval),
     [dimension, interval, metricKind, points]
   );
-  const rows = import_react8.default.useMemo(
+  const rows = import_react9.default.useMemo(
     () => aggregateUsageRows(points, metricKind, dimension),
     [dimension, metricKind, points]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       PageHeader,
       {
         title: "Usage",
@@ -3471,8 +4163,8 @@ function UsagePage({ context }) {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(FilterBar, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(FilterBar, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         UsageSelect,
         {
           label: "Period",
@@ -3481,7 +4173,7 @@ function UsagePage({ context }) {
           value: period
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         UsageSelect,
         {
           label: "Bucket",
@@ -3490,7 +4182,7 @@ function UsagePage({ context }) {
           value: interval
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         UsageSelect,
         {
           label: "Workload",
@@ -3500,7 +4192,7 @@ function UsagePage({ context }) {
           formatOption: getUsageKindLabel
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         UsageSelect,
         {
           label: "Measure",
@@ -3510,7 +4202,7 @@ function UsagePage({ context }) {
           formatOption: getUsageMetricLabel
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         UsageSelect,
         {
           label: "Group",
@@ -3520,7 +4212,7 @@ function UsagePage({ context }) {
           formatOption: getUsageGroupLabel
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         UsageSelect,
         {
           label: "Actor",
@@ -3530,7 +4222,7 @@ function UsagePage({ context }) {
           formatOption: getUsageAttributionLabel
         }
       ),
-      showDimension && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      showDimension && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         UsageSelect,
         {
           label: "Dimension",
@@ -3541,9 +4233,9 @@ function UsagePage({ context }) {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(FilterBar, { children: [
-      period === "custom" && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(FilterBar, { children: [
+      period === "custom" && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           Input,
           {
             className: "h-8 w-[190px]",
@@ -3552,7 +4244,7 @@ function UsagePage({ context }) {
             value: customFrom
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           Input,
           {
             className: "h-8 w-[190px]",
@@ -3562,7 +4254,7 @@ function UsagePage({ context }) {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         UsageSelect,
         {
           label: "Actor type",
@@ -3571,7 +4263,7 @@ function UsagePage({ context }) {
           value: participantType
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         UsageSelect,
         {
           label: "Status",
@@ -3580,7 +4272,7 @@ function UsagePage({ context }) {
           value: status
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         Input,
         {
           className: "h-8 w-[170px]",
@@ -3589,7 +4281,7 @@ function UsagePage({ context }) {
           value: threadId
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         Input,
         {
           className: "h-8 w-[170px]",
@@ -3598,8 +4290,8 @@ function UsagePage({ context }) {
           value: participantId
         }
       ),
-      showResourceFields && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      showResourceFields && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           Input,
           {
             className: "h-8 w-[170px]",
@@ -3608,7 +4300,7 @@ function UsagePage({ context }) {
             value: resource
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           Input,
           {
             className: "h-8 w-[150px]",
@@ -3618,8 +4310,8 @@ function UsagePage({ context }) {
           }
         )
       ] }),
-      showLlmFields && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      showLlmFields && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           Input,
           {
             className: "h-8 w-[140px]",
@@ -3628,7 +4320,7 @@ function UsagePage({ context }) {
             value: provider
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           Input,
           {
             className: "h-8 w-[140px]",
@@ -3639,58 +4331,58 @@ function UsagePage({ context }) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       MetricStrip,
       {
         items: [
           {
             detail: `${formatMetricValue(totals.unpricedCalls, "unpriced")} unpriced`,
-            icon: import_lucide_react12.DollarSign,
+            icon: import_lucide_react13.DollarSign,
             label: "Spend",
             value: formatMetricValue(totals.totalCostUsd, "cost")
           },
           {
             detail: `${formatMetricValue(totals.failedCalls, "failures")} failed`,
-            icon: import_lucide_react12.Activity,
+            icon: import_lucide_react13.Activity,
             label: "Calls",
             value: formatMetricValue(totals.totalCalls, "calls")
           },
           {
             detail: "Tool and resource runtime",
-            icon: import_lucide_react12.Clock,
+            icon: import_lucide_react13.Clock,
             label: "Duration",
             value: formatMetricValue(totals.totalDurationMs, "duration")
           },
           {
             detail: `${formatMetricValue(totals.inputTokens, "tokens")} input`,
-            icon: import_lucide_react12.Sparkles,
+            icon: import_lucide_react13.Sparkles,
             label: "Tokens",
             value: formatMetricValue(totals.totalTokens, "tokens")
           },
           {
             detail: "Custom metering",
-            icon: import_lucide_react12.Coins,
+            icon: import_lucide_react13.Coins,
             label: "Credits",
             value: formatMetricValue(totals.totalCredits, "credits")
           },
           {
             detail: "Failed or aborted work",
-            icon: import_lucide_react12.AlertTriangle,
+            icon: import_lucide_react13.AlertTriangle,
             label: "Failures",
             value: formatMetricValue(totals.failedCalls, "failures")
           }
         ]
       }
     ),
-    error ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(EmptyState, { title: "Unable to load usage", description: error }) : chartState.data.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    error ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(EmptyState, { title: "Unable to load usage", description: error }) : chartState.data.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       EmptyState,
       {
         title: "No usage",
         description: "Metered LLM, tool, and resource records will appear here after work is captured in the usage ledger."
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Card, { className: "h-[320px] py-3", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CardContent, { className: "h-full px-3", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(UsageChart, { chartState, metricKind }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Card, { className: "h-[320px] py-3", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CardContent, { className: "h-full px-3", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(UsageChart, { chartState, metricKind }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         UsageRowsTable,
         {
           dimension,
@@ -3710,19 +4402,19 @@ function UsageSelect({
   options,
   value
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Select, { value, onValueChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectTrigger, { className: "h-8 w-[132px] text-xs", "aria-label": label, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectValue, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectContent, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectItem, { value: option, children: formatOption ? formatOption(option) : option }, option)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Select, { value, onValueChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectTrigger, { className: "h-8 w-[132px] text-xs", "aria-label": label, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectValue, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectContent, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectItem, { value: option, children: formatOption ? formatOption(option) : option }, option)) })
   ] });
 }
 function UsageChart({
   chartState,
   metricKind
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChartContainer, { className: "h-full w-full", config: chartState.config, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_recharts.BarChart, { accessibilityLayer: true, data: chartState.data, margin: { left: 8, right: 8, top: 12 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_recharts.CartesianGrid, { vertical: false }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_recharts.XAxis, { dataKey: "label", tickLine: false, axisLine: false, tickMargin: 10 }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ChartContainer, { className: "h-full w-full", config: chartState.config, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_recharts.BarChart, { accessibilityLayer: true, data: chartState.data, margin: { left: 8, right: 8, top: 12 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_recharts.CartesianGrid, { vertical: false }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_recharts.XAxis, { dataKey: "label", tickLine: false, axisLine: false, tickMargin: 10 }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       import_recharts.YAxis,
       {
         axisLine: false,
@@ -3731,10 +4423,10 @@ function UsageChart({
         width: 64
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       import_recharts.Tooltip,
       {
-        content: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        content: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           ChartTooltipContent,
           {
             formatter: (value) => formatMetricValue(Number(value), metricKind),
@@ -3744,8 +4436,8 @@ function UsageChart({
         cursor: false
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_recharts.Legend, { content: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ChartLegendContent, { className: "justify-center pt-3" }) }),
-    chartState.series.map((series) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_recharts.Legend, { content: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ChartLegendContent, { className: "justify-center pt-3" }) }),
+    chartState.series.map((series) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       import_recharts.Bar,
       {
         dataKey: series.id,
@@ -3766,7 +4458,7 @@ function UsageRowsTable({
 }) {
   const totalValue = getUsageTotalValue(totals, metricKind, dimension);
   const valueHeader = (metricKind === "tokens" || metricKind === "cost") && dimension !== "total" ? `${getUsageDimensionLabel(dimension)} ${getUsageMetricLabel(metricKind)}` : getUsageMetricLabel(metricKind);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     ResourceTable,
     {
       rows: rows.slice(0, 80),
@@ -3775,9 +4467,9 @@ function UsageRowsTable({
         {
           id: "group",
           header: getUsageGroupLabel(groupBy),
-          render: (row) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "max-w-80 truncate font-medium", children: row.groupLabel }),
-            row.groupKey !== row.groupLabel && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "max-w-80 truncate text-xs text-muted-foreground", children: row.groupKey })
+          render: (row) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "max-w-80 truncate font-medium", children: row.groupLabel }),
+            row.groupKey !== row.groupLabel && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "max-w-80 truncate text-xs text-muted-foreground", children: row.groupKey })
           ] })
         },
         {
@@ -3906,6 +4598,7 @@ function defaultCopilotzModules() {
     usageModule(),
     eventsModule(),
     threadsModule(),
+    brainModule(),
     agentsModule(),
     participantsModule(),
     collectionsModule()
@@ -3985,17 +4678,17 @@ function firstAccessibleRoute(modules, permissions) {
 }
 
 // src/core/scope.tsx
-var import_react9 = require("react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var AdminContext = (0, import_react9.createContext)(null);
+var import_react10 = require("react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var AdminContext = (0, import_react10.createContext)(null);
 function AdminProvider({
   children,
   value
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AdminContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AdminContext.Provider, { value, children });
 }
 function useAdmin() {
-  const context = (0, import_react9.useContext)(AdminContext);
+  const context = (0, import_react10.useContext)(AdminContext);
   if (!context) {
     throw new Error("useAdmin must be used inside CopilotzAdmin");
   }
@@ -4003,7 +4696,7 @@ function useAdmin() {
 }
 
 // src/core/CopilotzAdmin.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var DEFAULT_BRANDING = {
   title: "Copilotz Admin",
   subtitle: "Operate and configure Copilotz projects",
@@ -4039,11 +4732,11 @@ function CopilotzAdmin({
   permissions = {},
   scope: scopeProp
 }) {
-  const modules = (0, import_react10.useMemo)(
+  const modules = (0, import_react11.useMemo)(
     () => modulesProp ?? defaultCopilotzModules(),
     [modulesProp]
   );
-  const adminClient = (0, import_react10.useMemo)(
+  const adminClient = (0, import_react11.useMemo)(
     () => client ?? createAdminClient({
       baseUrl: clientConfig?.baseUrl ?? config?.baseUrl,
       paths: clientConfig?.paths,
@@ -4051,7 +4744,7 @@ function CopilotzAdmin({
     }),
     [client, clientConfig, config]
   );
-  const branding = (0, import_react10.useMemo)(
+  const branding = (0, import_react11.useMemo)(
     () => ({
       ...DEFAULT_BRANDING,
       ...config?.branding ?? {},
@@ -4059,30 +4752,30 @@ function CopilotzAdmin({
     }),
     [brandingProp, config?.branding]
   );
-  const [namespace, setNamespaceState] = (0, import_react10.useState)(
+  const [namespace, setNamespaceState] = (0, import_react11.useState)(
     scopeProp?.namespace ?? config?.namespace ?? ""
   );
-  const scope = (0, import_react10.useMemo)(() => ({
+  const scope = (0, import_react11.useMemo)(() => ({
     ...scopeProp ?? {},
     namespace
   }), [namespace, scopeProp]);
-  const routes = (0, import_react10.useMemo)(
+  const routes = (0, import_react11.useMemo)(
     () => collectAdminRoutes(modules, permissions),
     [modules, permissions]
   );
-  const navItems = (0, import_react10.useMemo)(
+  const navItems = (0, import_react11.useMemo)(
     () => collectAdminNavItems(modules, permissions),
     [modules, permissions]
   );
-  const collectionEditors = (0, import_react10.useMemo)(
+  const collectionEditors = (0, import_react11.useMemo)(
     () => collectCollectionEditors(modules),
     [modules]
   );
   const initialRouteId = routeFromLegacyPage(config?.defaultPage) ?? firstAccessibleRoute(modules, permissions);
-  const [route, setRoute] = (0, import_react10.useState)({
+  const [route, setRoute] = (0, import_react11.useState)({
     routeId: initialRouteId
   });
-  const [refreshKey, setRefreshKey] = (0, import_react10.useState)(0);
+  const [refreshKey, setRefreshKey] = (0, import_react11.useState)(0);
   const activeRoute = routes.get(route.routeId) ?? routes.get(firstAccessibleRoute(modules, permissions));
   const navigate = (routeId, params) => {
     const next = { routeId, params };
@@ -4103,7 +4796,7 @@ function CopilotzAdmin({
     scope,
     setNamespace: setNamespaceState
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AdminProvider, { value: runtime, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SidebarProvider, { defaultOpen: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(AdminProvider, { value: runtime, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SidebarProvider, { defaultOpen: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     "div",
     {
       className: cn(
@@ -4111,7 +4804,7 @@ function CopilotzAdmin({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           AdminShellSidebar,
           {
             branding,
@@ -4123,8 +4816,8 @@ function CopilotzAdmin({
             scopeOptions: scope.availableNamespaces
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SidebarInset, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex h-full min-h-0 flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SidebarInset, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex h-full min-h-0 flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             AdminShellHeader,
             {
               brandingActions: branding.actions,
@@ -4133,7 +4826,7 @@ function CopilotzAdmin({
               title: activeRoute?.title ?? "Admin"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("main", { className: "min-h-0 flex-1 overflow-auto bg-muted/20", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "mx-auto flex w-full max-w-[1600px] flex-col gap-4 p-4 lg:p-5", children: activeRoute ? activeRoute.render(runtime) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "rounded-lg border bg-background p-8 text-sm text-muted-foreground", children: "No accessible admin route is configured." }) }) })
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("main", { className: "min-h-0 flex-1 overflow-auto bg-muted/20", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "mx-auto flex w-full max-w-[1600px] flex-col gap-4 p-4 lg:p-5", children: activeRoute ? activeRoute.render(runtime) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "rounded-lg border bg-background p-8 text-sm text-muted-foreground", children: "No accessible admin route is configured." }) }) })
         ] }) })
       ]
     }
@@ -4152,57 +4845,57 @@ function AdminShellSidebar({
     group,
     items: navItems.filter((item) => (item.group ?? "extensions") === group)
   })).filter((entry) => entry.items.length > 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Sidebar, { collapsible: "icon", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SidebarHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-3 px-2 py-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex size-8 shrink-0 items-center justify-center rounded-md bg-primary text-primary-foreground", children: branding.logo ?? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react13.Bot, { className: "size-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "min-w-0 group-data-[collapsible=icon]:hidden", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "truncate text-sm font-semibold", children: branding.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "truncate text-xs text-muted-foreground", children: branding.subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Sidebar, { collapsible: "icon", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SidebarHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-3 px-2 py-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex size-8 shrink-0 items-center justify-center rounded-md bg-primary text-primary-foreground", children: branding.logo ?? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react14.Bot, { className: "size-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "min-w-0 group-data-[collapsible=icon]:hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "truncate text-sm font-semibold", children: branding.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "truncate text-xs text-muted-foreground", children: branding.subtitle })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SidebarContent, { children: grouped.map(({ group, items }, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react10.default.Fragment, { children: [
-      index > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SidebarSeparator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(SidebarGroup, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SidebarGroupLabel, { className: "group-data-[collapsible=icon]:hidden", children: ADMIN_GROUP_LABELS[group] }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SidebarGroupContent, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SidebarMenu, { children: items.map((item) => {
-          const Icon2 = item.icon ?? import_lucide_react13.LayoutDashboard;
-          return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SidebarContent, { children: grouped.map(({ group, items }, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react11.default.Fragment, { children: [
+      index > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SidebarSeparator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(SidebarGroup, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SidebarGroupLabel, { className: "group-data-[collapsible=icon]:hidden", children: ADMIN_GROUP_LABELS[group] }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SidebarGroupContent, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SidebarMenu, { children: items.map((item) => {
+          const Icon2 = item.icon ?? import_lucide_react14.LayoutDashboard;
+          return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
             SidebarMenuButton,
             {
               isActive: route.routeId === item.routeId,
               onClick: () => onNavigate(item.routeId),
               tooltip: item.label,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon2, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: item.label })
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon2, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: item.label })
               ]
             }
           ) }, item.id);
         }) }) })
       ] })
     ] }, group)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(SidebarFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "group-data-[collapsible=icon]:hidden", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { className: "mb-1 block px-2 text-xs font-medium text-muted-foreground", children: "Namespace" }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(SidebarFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "group-data-[collapsible=icon]:hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("label", { className: "mb-1 block px-2 text-xs font-medium text-muted-foreground", children: "Namespace" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
           Select,
           {
             value: namespace || "__all__",
             onValueChange: (value) => onNamespaceChange(value === "__all__" ? "" : value),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectValue, { placeholder: "All namespaces" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(SelectContent, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectItem, { value: "__all__", children: "All namespaces" }),
-                scopeOptions?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectItem, { value: option.id, children: option.label ?? option.id }, option.id)),
-                namespace && !scopeOptions?.some((option) => option.id === namespace) && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectItem, { value: namespace, children: namespace })
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectValue, { placeholder: "All namespaces" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(SelectContent, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectItem, { value: "__all__", children: "All namespaces" }),
+                scopeOptions?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectItem, { value: option.id, children: option.label ?? option.id }, option.id)),
+                namespace && !scopeOptions?.some((option) => option.id === namespace) && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectItem, { value: namespace, children: namespace })
               ] })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "hidden justify-center group-data-[collapsible=icon]:flex", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react13.ChevronsUpDown, { className: "size-4 text-muted-foreground" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "hidden justify-center group-data-[collapsible=icon]:flex", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react14.ChevronsUpDown, { className: "size-4 text-muted-foreground" }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SidebarRail, {})
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SidebarRail, {})
   ] });
 }
 function AdminShellHeader({
@@ -4211,17 +4904,17 @@ function AdminShellHeader({
   onRefresh,
   title
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("header", { className: "flex min-h-12 shrink-0 items-center gap-2 border-b bg-background/95 px-3 backdrop-blur supports-[backdrop-filter]:bg-background/80", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SidebarTrigger, { className: "-ml-1" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipContent, { children: "Toggle sidebar" })
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("header", { className: "flex min-h-12 shrink-0 items-center gap-2 border-b bg-background/95 px-3 backdrop-blur supports-[backdrop-filter]:bg-background/80", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SidebarTrigger, { className: "-ml-1" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipContent, { children: "Toggle sidebar" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react13.Database, { className: "size-4 text-muted-foreground" }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h1", { className: "truncate text-sm font-medium", children: title })
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react14.Database, { className: "size-4 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h1", { className: "truncate text-sm font-medium", children: title })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         Button,
         {
           className: "size-8",
@@ -4230,10 +4923,10 @@ function AdminShellHeader({
           size: "icon",
           type: "button",
           variant: "ghost",
-          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react13.RefreshCw, { className: "size-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react14.RefreshCw, { className: "size-4" })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipContent, { children: "Refresh" })
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipContent, { children: "Refresh" })
     ] }),
     brandingActions
   ] });
@@ -4260,27 +4953,27 @@ function mergeAdminConfig(baseConfig = defaultAdminConfig, userConfig) {
 }
 
 // src/useCopilotzAdmin.ts
-var import_react11 = require("react");
+var import_react12 = require("react");
 function useCopilotzAdmin(options = {}) {
-  const [range, setRange] = (0, import_react11.useState)(options.range ?? "7d");
-  const [interval, setInterval] = (0, import_react11.useState)(
+  const [range, setRange] = (0, import_react12.useState)(options.range ?? "7d");
+  const [interval, setInterval] = (0, import_react12.useState)(
     options.interval ?? "day"
   );
-  const [overview, setOverview] = (0, import_react11.useState)(null);
-  const [activity, setActivity] = (0, import_react11.useState)([]);
-  const [threads, setThreads] = (0, import_react11.useState)([]);
-  const [participants, setParticipants] = (0, import_react11.useState)([]);
-  const [agents, setAgents] = (0, import_react11.useState)([]);
-  const [isLoading, setIsLoading] = (0, import_react11.useState)(true);
-  const [error, setError] = (0, import_react11.useState)(null);
-  const client = (0, import_react11.useMemo)(
+  const [overview, setOverview] = (0, import_react12.useState)(null);
+  const [activity, setActivity] = (0, import_react12.useState)([]);
+  const [threads, setThreads] = (0, import_react12.useState)([]);
+  const [participants, setParticipants] = (0, import_react12.useState)([]);
+  const [agents, setAgents] = (0, import_react12.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react12.useState)(true);
+  const [error, setError] = (0, import_react12.useState)(null);
+  const client = (0, import_react12.useMemo)(
     () => createAdminClient({
       baseUrl: options.baseUrl,
       getRequestHeaders: options.getRequestHeaders
     }),
     [options.baseUrl, options.getRequestHeaders]
   );
-  const fetchAll = (0, import_react11.useCallback)(async () => {
+  const fetchAll = (0, import_react12.useCallback)(async () => {
     setIsLoading(true);
     setError(null);
     try {
@@ -4326,7 +5019,7 @@ function useCopilotzAdmin(options = {}) {
     options.threadSearch,
     range
   ]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     void fetchAll();
   }, [fetchAll]);
   return {
@@ -4364,6 +5057,7 @@ function useCopilotzAdmin(options = {}) {
   addUsageTotals,
   agentsModule,
   aggregateUsageRows,
+  brainModule,
   buildUsageChartState,
   canAccessAdminPermission,
   collectAdminNavItems,