@copilotz/admin 0.9.37 → 0.9.39

package/dist/index.js

@@ -81,6 +81,21 @@ function normalizeMessagePage(payload) {
   const pageInfo = isRecord(candidate) ? normalizeMessagePageInfo(candidate.pageInfo, data) : normalizeMessagePageInfo(void 0, data);
   return { data, pageInfo };
 }
+function isQueueEvent(value) {
+  return isRecord(value) && typeof value.id === "string" && typeof value.threadId === "string" && typeof value.eventType === "string";
+}
+function normalizeQueueEvent(value) {
+  if (isQueueEvent(value)) return value;
+  if (isRecord(value) && isQueueEvent(value.data)) return value.data;
+  return void 0;
+}
+function normalizeQueueEvents(value) {
+  if (Array.isArray(value)) return value.filter(isQueueEvent);
+  if (isRecord(value) && Array.isArray(value.data)) {
+    return value.data.filter(isQueueEvent);
+  }
+  return [];
+}
 function createAdminClient(options = {}) {
   const baseUrl = resolveBaseUrl(options.baseUrl);
   const paths = { ...DEFAULT_PATHS, ...options.paths };
@@ -166,13 +181,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)}`
@@ -187,9 +205,38 @@ function createAdminClient(options = {}) {
       );
       return normalizeMessagePage(payload);
     },
-    getThreadEvent: async (threadId) => await requestJson(
-      `${paths.threadsBase}/${encodeURIComponent(threadId)}/events`
-    ),
+    listEvents: async (eventOptions = {}) => {
+      const payload = await requestJson(`${paths.adminBase}/events`, {
+        namespace: eventOptions.namespace,
+        threadId: eventOptions.threadId,
+        status: eventOptions.status,
+        eventType: eventOptions.eventType,
+        traceId: eventOptions.traceId,
+        search: eventOptions.search,
+        limit: String(eventOptions.limit ?? 50),
+        offset: eventOptions.offset ? String(eventOptions.offset) : void 0
+      });
+      return normalizeQueueEvents(payload);
+    },
+    getThreadEvent: async (threadId) => {
+      const payload = await requestJson(
+        `${paths.threadsBase}/${encodeURIComponent(threadId)}/events`
+      );
+      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,
+      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)}`,
@@ -236,13 +283,13 @@ function createAdminClient(options = {}) {
 }
 
 // src/core/CopilotzAdmin.tsx
-import React15, { useMemo as useMemo3, useState as useState4 } from "react";
+import React16, { useMemo as useMemo3, useState as useState4 } from "react";
 import {
   Bot as Bot4,
   ChevronsUpDown,
   Database as Database2,
   LayoutDashboard,
-  RefreshCw
+  RefreshCw as RefreshCw2
 } from "lucide-react";
 
 // src/lib/utils.ts
@@ -1898,10 +1945,489 @@ function AgentDetailPage({ context }) {
   ] });
 }
 
-// src/modules/collections/index.tsx
+// src/modules/brain/index.tsx
 import React7 from "react";
-import { Database, Plus, Trash2 } from "lucide-react";
+import {
+  Brain as Brain2,
+  CircleDot,
+  Network,
+  RefreshCw,
+  Search as Search2,
+  Sparkles
+} from "lucide-react";
 import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
+var BRAIN_LAYERS = ["all", "knowledge", "working"];
+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: Brain2,
+    id: "brain",
+    label: "Brain",
+    navItems: [{
+      group: "data",
+      icon: Brain2,
+      id: "brain",
+      label: "Brain",
+      order: 10,
+      routeId: "brain"
+    }],
+    routes: [{
+      id: "brain",
+      title: "Brain",
+      render: (context) => /* @__PURE__ */ jsx21(BrainPage, { context })
+    }]
+  };
+}
+function BrainPage({ context }) {
+  const [search, setSearch] = React7.useState("");
+  const [layer, setLayer] = React7.useState("all");
+  const [status, setStatus] = React7.useState(
+    "active"
+  );
+  const [kind, setKind] = React7.useState("all");
+  const [agentId, setAgentId] = React7.useState("");
+  const [response, setResponse] = React7.useState(
+    null
+  );
+  const [selectedNode, setSelectedNode] = React7.useState(
+    null
+  );
+  const [loading, setLoading] = React7.useState(false);
+  const [error, setError] = React7.useState(null);
+  const loadBrain = React7.useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const next = await context.client.getBrain({
+        namespace: context.scope.namespace || void 0,
+        search: search.trim() || void 0,
+        layer,
+        status,
+        kind,
+        agentId: agentId.trim() || void 0,
+        limit: 180
+      });
+      setResponse(next);
+      setSelectedNode(
+        (current) => current && next.nodes.some((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,
+    kind,
+    layer,
+    search,
+    status
+  ]);
+  React7.useEffect(() => {
+    void loadBrain();
+  }, [context.refreshKey, context.scope.namespace, loadBrain]);
+  const data = response ?? emptyBrainResponse();
+  const knowledgeCount = data.stats.byLayer.knowledge ?? 0;
+  const workingCount = data.stats.byLayer.working ?? 0;
+  return /* @__PURE__ */ jsxs13("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx21(
+      PageHeader,
+      {
+        title: "Brain",
+        description: "Unified knowledge and working state for the active namespace.",
+        badges: [
+          {
+            label: context.scope.namespace ?? "all namespaces",
+            variant: "secondary"
+          }
+        ],
+        actions: /* @__PURE__ */ jsxs13(
+          Button,
+          {
+            disabled: loading,
+            onClick: () => void loadBrain(),
+            size: "sm",
+            type: "button",
+            variant: "outline",
+            children: [
+              /* @__PURE__ */ jsx21(RefreshCw, { className: cn("size-3", loading && "animate-spin") }),
+              "Refresh"
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx21(
+      MetricStrip,
+      {
+        items: [
+          {
+            label: "Brain nodes",
+            value: data.stats.total,
+            detail: `${data.pageInfo.returned} shown`,
+            icon: Brain2
+          },
+          {
+            label: "Knowledge",
+            value: knowledgeCount,
+            detail: "Durable nodes",
+            icon: CircleDot
+          },
+          {
+            label: "Working",
+            value: workingCount,
+            detail: "Current state",
+            icon: Sparkles
+          },
+          {
+            label: "Clusters",
+            value: data.clusters.length,
+            detail: "Layer and kind",
+            icon: Network
+          }
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs13(
+      FilterBar,
+      {
+        actions: /* @__PURE__ */ jsxs13(
+          Button,
+          {
+            disabled: loading,
+            onClick: () => void loadBrain(),
+            size: "sm",
+            type: "button",
+            children: [
+              /* @__PURE__ */ jsx21(Search2, { className: "size-3" }),
+              "Search"
+            ]
+          }
+        ),
+        onSearchChange: setSearch,
+        searchPlaceholder: "Search brain",
+        searchValue: search,
+        children: [
+          /* @__PURE__ */ jsxs13(
+            Select,
+            {
+              value: layer,
+              onValueChange: (value) => setLayer(value),
+              children: [
+                /* @__PURE__ */ jsx21(SelectTrigger, { className: "h-8 w-[140px] text-xs", "aria-label": "Layer", children: /* @__PURE__ */ jsx21(SelectValue, {}) }),
+                /* @__PURE__ */ jsx21(SelectContent, { children: BRAIN_LAYERS.map((option) => /* @__PURE__ */ jsx21(SelectItem, { value: option, children: option === "all" ? "All layers" : formatLabel(option) }, option)) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs13(
+            Select,
+            {
+              value: status,
+              onValueChange: (value) => setStatus(value),
+              children: [
+                /* @__PURE__ */ jsx21(SelectTrigger, { className: "h-8 w-[140px] text-xs", "aria-label": "Status", children: /* @__PURE__ */ jsx21(SelectValue, {}) }),
+                /* @__PURE__ */ jsx21(SelectContent, { children: BRAIN_STATUSES.map((option) => /* @__PURE__ */ jsx21(SelectItem, { value: option, children: option === "all" ? "All statuses" : formatLabel(option) }, option)) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs13(
+            Select,
+            {
+              value: kind,
+              onValueChange: (value) => setKind(value),
+              children: [
+                /* @__PURE__ */ jsx21(SelectTrigger, { className: "h-8 w-[170px] text-xs", "aria-label": "Kind", children: /* @__PURE__ */ jsx21(SelectValue, {}) }),
+                /* @__PURE__ */ jsx21(SelectContent, { children: BRAIN_KINDS.map((option) => /* @__PURE__ */ jsx21(SelectItem, { value: option, children: option === "all" ? "All kinds" : formatLabel(option) }, option)) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx21(
+            Input,
+            {
+              className: "h-8 w-[190px]",
+              onChange: (event) => setAgentId(event.target.value),
+              onKeyDown: (event) => {
+                if (event.key === "Enter") void loadBrain();
+              },
+              placeholder: "Agent ID",
+              value: agentId
+            }
+          )
+        ]
+      }
+    ),
+    error ? /* @__PURE__ */ jsx21(EmptyState, { title: "Unable to load brain", description: error }) : /* @__PURE__ */ jsx21(
+      InspectorPanel,
+      {
+        side: selectedNode ? /* @__PURE__ */ jsx21(BrainNodeInspector, { node: selectedNode }) : /* @__PURE__ */ jsx21(
+          EmptyState,
+          {
+            icon: Brain2,
+            title: "No node selected",
+            description: "Select a node from the map or table."
+          }
+        ),
+        children: /* @__PURE__ */ jsxs13("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx21(
+            BrainMap,
+            {
+              clusters: data.clusters,
+              edges: data.edges,
+              loading,
+              nodes: data.nodes,
+              onSelectNode: setSelectedNode,
+              selectedNodeId: selectedNode?.id ?? null
+            }
+          ),
+          /* @__PURE__ */ jsx21(
+            ResourceTable,
+            {
+              rows: data.nodes,
+              getRowKey: (row) => row.id,
+              onRowClick: setSelectedNode,
+              empty: /* @__PURE__ */ jsx21(
+                EmptyState,
+                {
+                  icon: Brain2,
+                  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__ */ jsxs13("div", { className: "min-w-0", children: [
+                    /* @__PURE__ */ jsx21("div", { className: "truncate font-medium", children: row.name }),
+                    /* @__PURE__ */ jsx21("div", { className: "truncate text-xs text-muted-foreground", children: row.content || "-" })
+                  ] })
+                },
+                {
+                  id: "layer",
+                  header: "Layer",
+                  render: (row) => /* @__PURE__ */ jsx21(LayerBadge, { layer: row.layer })
+                },
+                {
+                  id: "kind",
+                  header: "Kind",
+                  render: (row) => formatLabel(row.kind)
+                },
+                {
+                  id: "status",
+                  header: "Status",
+                  render: (row) => /* @__PURE__ */ jsx21(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,
+  selectedNodeId
+}) {
+  const nodeById = React7.useMemo(
+    () => new Map(nodes.map((node) => [node.id, node])),
+    [nodes]
+  );
+  if (nodes.length === 0) {
+    return /* @__PURE__ */ jsx21("div", { className: "flex min-h-[360px] items-center justify-center rounded-lg border bg-background", children: /* @__PURE__ */ jsx21(
+      EmptyState,
+      {
+        icon: Brain2,
+        title: loading ? "Loading map" : "No map data",
+        description: loading ? "Building the namespace brain map." : "The map will appear once brain nodes exist."
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx21("div", { className: "overflow-hidden rounded-lg border bg-background", children: /* @__PURE__ */ jsxs13(
+    "svg",
+    {
+      className: "block h-[420px] w-full bg-muted/20",
+      role: "img",
+      viewBox: "0 0 1000 600",
+      children: [
+        /* @__PURE__ */ jsx21("rect", { fill: "transparent", height: "600", width: "1000" }),
+        clusters.map((cluster) => /* @__PURE__ */ jsxs13("g", { children: [
+          /* @__PURE__ */ jsx21(
+            "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__ */ jsx21(
+            "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;
+          return /* @__PURE__ */ jsx21(
+            "line",
+            {
+              stroke: edge.type === "contradicts" ? "#dc2626" : "#64748b",
+              strokeOpacity: "0.32",
+              strokeWidth: edge.type === "supports" ? 2 : 1.3,
+              x1: source.x * 1e3,
+              x2: target.x * 1e3,
+              y1: source.y * 600,
+              y2: target.y * 600
+            },
+            edge.id
+          );
+        }),
+        nodes.map((node) => {
+          const isSelected = node.id === selectedNodeId;
+          return /* @__PURE__ */ jsx21(
+            "g",
+            {
+              className: "cursor-pointer",
+              onClick: () => onSelectNode(node),
+              children: /* @__PURE__ */ jsx21(
+                "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__ */ jsx21("title", { children: `${node.name} \xB7 ${formatLabel(node.kind)}` })
+                }
+              )
+            },
+            node.id
+          );
+        })
+      ]
+    }
+  ) });
+}
+function BrainNodeInspector({ node }) {
+  return /* @__PURE__ */ jsxs13("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "rounded-lg border bg-background p-4", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsx21(LayerBadge, { layer: node.layer }),
+        /* @__PURE__ */ jsx21(StatusBadge, { status: node.status }),
+        /* @__PURE__ */ jsx21(Badge, { variant: "outline", children: formatLabel(node.kind) })
+      ] }),
+      /* @__PURE__ */ jsx21("h3", { className: "mt-3 text-base font-semibold", children: node.name }),
+      /* @__PURE__ */ jsx21("p", { className: "mt-2 text-sm leading-6 text-muted-foreground", children: node.content || "-" }),
+      /* @__PURE__ */ jsxs13("dl", { className: "mt-4 grid gap-2 text-xs", children: [
+        /* @__PURE__ */ jsx21(InspectorRow, { label: "Agent", value: node.agentId }),
+        /* @__PURE__ */ jsx21(InspectorRow, { label: "Thread", value: node.threadId }),
+        /* @__PURE__ */ jsx21(InspectorRow, { label: "Memory space", value: node.memorySpaceId }),
+        /* @__PURE__ */ jsx21(InspectorRow, { label: "Checkpoint", value: node.checkpointId }),
+        /* @__PURE__ */ jsx21(InspectorRow, { label: "Source field", value: node.sourceField }),
+        /* @__PURE__ */ jsx21(
+          InspectorRow,
+          {
+            label: "Updated",
+            value: formatDateTime(node.updatedAt)
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx21(JsonPanel, { title: "Node JSON", value: node, minHeight: 300 })
+  ] });
+}
+function InspectorRow({
+  label,
+  value
+}) {
+  return /* @__PURE__ */ jsxs13("div", { className: "grid grid-cols-[110px_minmax(0,1fr)] gap-2", children: [
+    /* @__PURE__ */ jsx21("dt", { className: "text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx21("dd", { className: "truncate font-mono", children: value || "-" })
+  ] });
+}
+function LayerBadge({ layer }) {
+  return /* @__PURE__ */ jsx21(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 emptyBrainResponse() {
+  return {
+    nodes: [],
+    edges: [],
+    clusters: [],
+    stats: {
+      total: 0,
+      byLayer: {},
+      byKind: {},
+      byStatus: {}
+    },
+    pageInfo: {
+      limit: 0,
+      offset: 0,
+      returned: 0
+    }
+  };
+}
+
+// src/modules/collections/index.tsx
+import React8 from "react";
+import { Database, Plus, Trash2 } from "lucide-react";
+import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
 function collectionsModule() {
   return {
     group: "data",
@@ -1920,23 +2446,23 @@ function collectionsModule() {
       {
         id: "collections",
         title: "Collections",
-        render: (context) => /* @__PURE__ */ jsx21(CollectionsPage, { context })
+        render: (context) => /* @__PURE__ */ jsx22(CollectionsPage, { context })
       },
       {
         id: "collections.detail",
         title: "Collection Item",
-        render: (context) => /* @__PURE__ */ jsx21(CollectionDetailPage, { context })
+        render: (context) => /* @__PURE__ */ jsx22(CollectionDetailPage, { context })
       }
     ]
   };
 }
 function CollectionsPage({ context }) {
-  const [collections, setCollections] = React7.useState([]);
-  const [selected, setSelected] = React7.useState(null);
-  const [search, setSearch] = React7.useState("");
-  const [items, setItems] = React7.useState([]);
-  const [error, setError] = React7.useState(null);
-  React7.useEffect(() => {
+  const [collections, setCollections] = React8.useState([]);
+  const [selected, setSelected] = React8.useState(null);
+  const [search, setSearch] = React8.useState("");
+  const [items, setItems] = React8.useState([]);
+  const [error, setError] = React8.useState(null);
+  React8.useEffect(() => {
     let active = true;
     void context.client.listCollections().then((names) => {
       if (!active) return;
@@ -1949,7 +2475,7 @@ function CollectionsPage({ context }) {
       active = false;
     };
   }, [context.client, context.refreshKey]);
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     if (!selected) return;
     let active = true;
     setError(null);
@@ -1966,30 +2492,30 @@ function CollectionsPage({ context }) {
       active = false;
     };
   }, [context.client, context.refreshKey, context.scope.namespace, search, selected]);
-  return /* @__PURE__ */ jsxs13("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs14("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx22(
       PageHeader,
       {
         title: "Collections",
         description: "Schema-aware collection browsing with advanced JSON fallback for records that do not have custom editors.",
-        actions: selected && /* @__PURE__ */ jsxs13(
+        actions: selected && /* @__PURE__ */ jsxs14(
           Button,
           {
             onClick: () => context.navigate("collections.detail", { collection: selected }),
             size: "sm",
             type: "button",
             children: [
-              /* @__PURE__ */ jsx21(Plus, { className: "size-3" }),
+              /* @__PURE__ */ jsx22(Plus, { className: "size-3" }),
               "New"
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ jsxs13("div", { className: "grid gap-4 lg:grid-cols-[240px_minmax(0,1fr)]", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "overflow-hidden rounded-lg border bg-background", children: [
-        /* @__PURE__ */ jsx21("div", { className: "border-b px-3 py-2 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Collections" }),
-        /* @__PURE__ */ jsx21("div", { className: "max-h-[620px] overflow-auto p-1", children: collections.map((collection) => /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsxs14("div", { className: "grid gap-4 lg:grid-cols-[240px_minmax(0,1fr)]", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "overflow-hidden rounded-lg border bg-background", children: [
+        /* @__PURE__ */ jsx22("div", { className: "border-b px-3 py-2 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Collections" }),
+        /* @__PURE__ */ jsx22("div", { className: "max-h-[620px] overflow-auto p-1", children: collections.map((collection) => /* @__PURE__ */ jsx22(
           "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"}`,
@@ -2000,8 +2526,8 @@ function CollectionsPage({ context }) {
           collection
         )) })
       ] }),
-      /* @__PURE__ */ jsxs13("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsxs14("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx22(
           FilterBar,
           {
             onSearchChange: setSearch,
@@ -2009,7 +2535,7 @@ function CollectionsPage({ context }) {
             searchValue: search
           }
         ),
-        error ? /* @__PURE__ */ jsx21(EmptyState, { title: "Unable to load collection", description: error }) : selected ? /* @__PURE__ */ jsx21(
+        error ? /* @__PURE__ */ jsx22(EmptyState, { title: "Unable to load collection", description: error }) : selected ? /* @__PURE__ */ jsx22(
           ResourceTable,
           {
             rows: items,
@@ -2018,7 +2544,7 @@ function CollectionsPage({ context }) {
               collection: selected,
               itemId: getItemId(item)
             }),
-            empty: /* @__PURE__ */ jsx21(
+            empty: /* @__PURE__ */ jsx22(
               EmptyState,
               {
                 icon: Database,
@@ -2030,16 +2556,16 @@ function CollectionsPage({ context }) {
               {
                 id: "id",
                 header: "ID",
-                render: (item) => /* @__PURE__ */ jsx21("div", { className: "max-w-sm truncate font-mono text-xs", children: getItemId(item) })
+                render: (item) => /* @__PURE__ */ jsx22("div", { className: "max-w-sm truncate font-mono text-xs", children: getItemId(item) })
               },
               {
                 id: "preview",
                 header: "Preview",
-                render: (item) => /* @__PURE__ */ jsx21("div", { className: "max-w-xl truncate text-sm", children: getItemPreview(item) })
+                render: (item) => /* @__PURE__ */ jsx22("div", { className: "max-w-xl truncate text-sm", children: getItemPreview(item) })
               }
             ]
           }
-        ) : /* @__PURE__ */ jsx21(EmptyState, { title: "No collections" })
+        ) : /* @__PURE__ */ jsx22(EmptyState, { title: "No collections" })
       ] })
     ] })
   ] });
@@ -2047,10 +2573,10 @@ function CollectionsPage({ context }) {
 function CollectionDetailPage({ context }) {
   const collection = context.route.params?.collection;
   const itemId = context.route.params?.itemId ?? null;
-  const [item, setItem] = React7.useState(null);
-  const [error, setError] = React7.useState(null);
+  const [item, setItem] = React8.useState(null);
+  const [error, setError] = React8.useState(null);
   const isNew = !itemId;
-  React7.useEffect(() => {
+  React8.useEffect(() => {
     if (!collection || !itemId) {
       setItem(null);
       return;
@@ -2068,8 +2594,8 @@ function CollectionDetailPage({ context }) {
       active = false;
     };
   }, [collection, context.client, context.refreshKey, context.scope.namespace, itemId]);
-  if (!collection) return /* @__PURE__ */ jsx21(EmptyState, { title: "Collection not selected" });
-  if (error) return /* @__PURE__ */ jsx21(EmptyState, { title: "Unable to load item", description: error });
+  if (!collection) return /* @__PURE__ */ jsx22(EmptyState, { title: "Collection not selected" });
+  if (error) return /* @__PURE__ */ jsx22(EmptyState, { title: "Unable to load item", description: error });
   const Editor = context.collectionEditors[collection];
   const save = async (value) => {
     if (isNew) {
@@ -2089,14 +2615,14 @@ function CollectionDetailPage({ context }) {
     });
     setItem(updated);
   };
-  return /* @__PURE__ */ jsxs13("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs14("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx22(
       PageHeader,
       {
         title: isNew ? `New ${collection}` : `${collection} / ${itemId}`,
         description: "Schema-aware editors can override this view. Advanced JSON remains available as a fallback.",
-        actions: /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
-          !isNew && itemId && /* @__PURE__ */ jsxs13(
+        actions: /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
+          !isNew && itemId && /* @__PURE__ */ jsxs14(
             Button,
             {
               onClick: () => {
@@ -2108,12 +2634,12 @@ function CollectionDetailPage({ context }) {
               type: "button",
               variant: "destructive",
               children: [
-                /* @__PURE__ */ jsx21(Trash2, { className: "size-3" }),
+                /* @__PURE__ */ jsx22(Trash2, { className: "size-3" }),
                 "Delete"
               ]
             }
           ),
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx22(
             Button,
             {
               onClick: () => context.navigate("collections"),
@@ -2126,7 +2652,7 @@ function CollectionDetailPage({ context }) {
         ] })
       }
     ),
-    Editor ? /* @__PURE__ */ jsx21(
+    Editor ? /* @__PURE__ */ jsx22(
       Editor,
       {
         collection,
@@ -2137,7 +2663,7 @@ function CollectionDetailPage({ context }) {
         onSaved: setItem,
         onDeleted: () => context.navigate("collections")
       }
-    ) : /* @__PURE__ */ jsx21(
+    ) : /* @__PURE__ */ jsx22(
       JsonPanel,
       {
         title: "Advanced JSON",
@@ -2162,9 +2688,9 @@ function getItemPreview(item) {
 }
 
 // src/modules/events/index.tsx
-import React8 from "react";
-import { Activity, Search as Search2 } from "lucide-react";
-import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
+import React9 from "react";
+import { Activity, Search as Search3 } from "lucide-react";
+import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
 function eventsModule() {
   return {
     group: "operate",
@@ -2182,91 +2708,127 @@ function eventsModule() {
     routes: [{
       id: "events",
       title: "Events",
-      render: (context) => /* @__PURE__ */ jsx22(EventsPage, { context })
+      render: (context) => /* @__PURE__ */ jsx23(EventsPage, { context })
     }]
   };
 }
+var EVENT_STATUSES = [
+  "all",
+  "pending",
+  "processing",
+  "completed",
+  "failed",
+  "expired",
+  "overwritten"
+];
 function EventsPage({ context }) {
-  const [threadId, setThreadId] = React8.useState("");
-  const [status, setStatus] = React8.useState("");
-  const [type, setType] = React8.useState("");
-  const [traceId, setTraceId] = React8.useState("");
-  const [event, setEvent] = React8.useState(null);
-  const [error, setError] = React8.useState(null);
-  const [hasSearched, setHasSearched] = React8.useState(false);
+  const [threadId, setThreadId] = React9.useState("");
+  const [status, setStatus] = React9.useState(
+    "all"
+  );
+  const [eventType, setEventType] = React9.useState("");
+  const [traceId, setTraceId] = React9.useState("");
+  const [events, setEvents] = React9.useState([]);
+  const [selectedEvent, setSelectedEvent] = React9.useState(null);
+  const [error, setError] = React9.useState(null);
+  const [loading, setLoading] = React9.useState(false);
+  const [hasLoaded, setHasLoaded] = React9.useState(false);
   const inspect = async () => {
-    if (!threadId.trim()) return;
-    setHasSearched(true);
+    setHasLoaded(true);
+    setLoading(true);
     setError(null);
     try {
-      const next = await context.client.getThreadEvent(threadId.trim());
-      setEvent(next ?? null);
+      const next = await context.client.listEvents({
+        namespace: context.scope.namespace || void 0,
+        threadId: threadId.trim() || void 0,
+        status: status === "all" ? void 0 : status,
+        eventType: eventType.trim() || void 0,
+        traceId: traceId.trim() || void 0,
+        limit: 50
+      });
+      setEvents(next);
+      setSelectedEvent(
+        (current) => current && next.some((event) => event.id === current.id) ? current : next[0] ?? null
+      );
     } catch (cause) {
       setError(cause instanceof Error ? cause.message : "Failed to load event");
-      setEvent(null);
+      setEvents([]);
+      setSelectedEvent(null);
+    } finally {
+      setLoading(false);
     }
   };
-  const rows = event && (!status || event.status.includes(status)) && (!type || event.eventType.includes(type)) && (!traceId || event.traceId?.includes(traceId)) ? [event] : [];
-  return /* @__PURE__ */ jsxs14("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx22(
+  React9.useEffect(() => {
+    void inspect();
+  }, [context.client, context.refreshKey, context.scope.namespace]);
+  return /* @__PURE__ */ jsxs15("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx23(
       PageHeader,
       {
         title: "Events",
-        description: "Queue and event inspection. Current backend support is thread-focused; filters are ready for broader event listing."
+        description: "Queue and event inspection across the active namespace."
       }
     ),
-    /* @__PURE__ */ jsxs14(
+    /* @__PURE__ */ jsxs15(
       FilterBar,
       {
-        actions: /* @__PURE__ */ jsxs14(
+        actions: /* @__PURE__ */ jsxs15(
           Button,
           {
-            disabled: !threadId.trim(),
+            disabled: loading,
             onClick: () => void inspect(),
             size: "sm",
             type: "button",
             children: [
-              /* @__PURE__ */ jsx22(Search2, { className: "size-3" }),
-              "Inspect"
+              /* @__PURE__ */ jsx23(Search3, { className: "size-3" }),
+              loading ? "Loading" : "Inspect"
             ]
           }
         ),
         children: [
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(
             Input,
             {
               className: "h-8 w-[220px]",
-              onChange: (event2) => setThreadId(event2.target.value),
-              onKeyDown: (event2) => {
-                if (event2.key === "Enter") void inspect();
+              onChange: (event) => setThreadId(event.target.value),
+              onKeyDown: (event) => {
+                if (event.key === "Enter") void inspect();
               },
               placeholder: "Thread ID",
               value: threadId
             }
           ),
-          /* @__PURE__ */ jsx22(
-            Input,
+          /* @__PURE__ */ jsxs15(
+            Select,
             {
-              className: "h-8 w-[150px]",
-              onChange: (event2) => setStatus(event2.target.value),
-              placeholder: "Status",
-              value: status
+              value: status,
+              onValueChange: (value) => setStatus(value),
+              children: [
+                /* @__PURE__ */ jsx23(SelectTrigger, { className: "h-8 w-[150px] text-xs", "aria-label": "Status", children: /* @__PURE__ */ jsx23(SelectValue, {}) }),
+                /* @__PURE__ */ jsx23(SelectContent, { children: EVENT_STATUSES.map((option) => /* @__PURE__ */ jsx23(SelectItem, { value: option, children: option === "all" ? "All statuses" : option }, option)) })
+              ]
             }
           ),
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(
             Input,
             {
               className: "h-8 w-[180px]",
-              onChange: (event2) => setType(event2.target.value),
+              onChange: (event) => setEventType(event.target.value),
+              onKeyDown: (event) => {
+                if (event.key === "Enter") void inspect();
+              },
               placeholder: "Event type",
-              value: type
+              value: eventType
             }
           ),
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(
             Input,
             {
               className: "h-8 w-[180px]",
-              onChange: (event2) => setTraceId(event2.target.value),
+              onChange: (event) => setTraceId(event.target.value),
+              onKeyDown: (event) => {
+                if (event.key === "Enter") void inspect();
+              },
               placeholder: "Trace ID",
               value: traceId
             }
@@ -2274,27 +2836,34 @@ function EventsPage({ context }) {
         ]
       }
     ),
-    error ? /* @__PURE__ */ jsx22(EmptyState, { title: "Unable to inspect event", description: error }) : !hasSearched ? /* @__PURE__ */ jsx22(
+    error ? /* @__PURE__ */ jsx23(EmptyState, { title: "Unable to inspect event", description: error }) : !hasLoaded && loading ? /* @__PURE__ */ jsx23(
       EmptyState,
       {
         icon: Activity,
-        title: "Choose a thread",
-        description: "Enter a thread ID to inspect its next pending event."
+        title: "Loading events",
+        description: "Fetching recent queue events for the active namespace."
       }
-    ) : /* @__PURE__ */ jsxs14("div", { className: "grid gap-4 xl:grid-cols-[1fr_420px]", children: [
-      /* @__PURE__ */ jsx22(
+    ) : /* @__PURE__ */ jsxs15("div", { className: "grid gap-4 xl:grid-cols-[1fr_420px]", children: [
+      /* @__PURE__ */ jsx23(
         ResourceTable,
         {
-          rows,
+          rows: events,
           getRowKey: (row) => row.id,
-          empty: /* @__PURE__ */ jsx22(
+          onRowClick: setSelectedEvent,
+          empty: /* @__PURE__ */ jsx23(
             EmptyState,
             {
-              title: "No matching event",
-              description: "No pending event matched the current filters."
+              title: "No matching events",
+              description: "No event rows matched the current filters."
             }
           ),
           columns: [
+            {
+              id: "thread",
+              header: "Thread",
+              className: "max-w-[180px] truncate font-mono text-xs",
+              render: (row) => row.threadId
+            },
             {
               id: "type",
               header: "Type",
@@ -2303,7 +2872,7 @@ function EventsPage({ context }) {
             {
               id: "status",
               header: "Status",
-              render: (row) => /* @__PURE__ */ jsx22(StatusBadge, { status: row.status })
+              render: (row) => /* @__PURE__ */ jsx23(StatusBadge, { status: row.status })
             },
             {
               id: "trace",
@@ -2313,16 +2882,29 @@ function EventsPage({ context }) {
             {
               id: "created",
               header: "Created",
-              render: (row) => formatDateTime(row.createdAt)
+              render: (row) => formatDateTime2(row.createdAt)
             }
           ]
         }
       ),
-      /* @__PURE__ */ jsx22(JsonPanel, { title: "Event JSON", value: event, minHeight: 420 })
+      selectedEvent ? /* @__PURE__ */ jsx23(
+        JsonPanel,
+        {
+          title: "Event JSON",
+          value: selectedEvent,
+          minHeight: 420
+        }
+      ) : /* @__PURE__ */ jsx23(
+        EmptyState,
+        {
+          title: "No event selected",
+          description: "Select an event row to inspect its payload."
+        }
+      )
     ] })
   ] });
 }
-function formatDateTime(value) {
+function formatDateTime2(value) {
   if (!value) return "-";
   const date = new Date(value);
   if (Number.isNaN(date.getTime())) return value;
@@ -2335,17 +2917,17 @@ function formatDateTime(value) {
 }
 
 // src/modules/overview/index.tsx
-import React9 from "react";
+import React10 from "react";
 import {
   Activity as Activity2,
   AlertTriangle,
   Bot as Bot2,
   MessageSquare,
-  Sparkles,
+  Sparkles as Sparkles2,
   Users,
   Wallet
 } from "lucide-react";
-import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
 function overviewModule() {
   return {
     group: "operate",
@@ -2363,17 +2945,17 @@ function overviewModule() {
     routes: [{
       id: "overview",
       title: "Overview",
-      render: (context) => /* @__PURE__ */ jsx23(OverviewPage, { context })
+      render: (context) => /* @__PURE__ */ jsx24(OverviewPage, { context })
     }]
   };
 }
 function OverviewPage({ context }) {
-  const [overview, setOverview] = React9.useState(null);
-  const [threads, setThreads] = React9.useState([]);
-  const [agents, setAgents] = React9.useState([]);
-  const [error, setError] = React9.useState(null);
-  const [isLoading, setIsLoading] = React9.useState(false);
-  React9.useEffect(() => {
+  const [overview, setOverview] = React10.useState(null);
+  const [threads, setThreads] = React10.useState([]);
+  const [agents, setAgents] = React10.useState([]);
+  const [error, setError] = React10.useState(null);
+  const [isLoading, setIsLoading] = React10.useState(false);
+  React10.useEffect(() => {
     let active = true;
     setIsLoading(true);
     setError(null);
@@ -2406,11 +2988,11 @@ function OverviewPage({ context }) {
     };
   }, [context.client, context.refreshKey, context.scope.namespace]);
   if (error) {
-    return /* @__PURE__ */ jsx23(EmptyState, { title: "Unable to load overview", description: error });
+    return /* @__PURE__ */ jsx24(EmptyState, { title: "Unable to load overview", description: error });
   }
   const queueFailures = (overview?.queueTotals.failed ?? 0) + (overview?.queueTotals.expired ?? 0);
-  return /* @__PURE__ */ jsxs15("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsxs16("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx24(
       PageHeader,
       {
         title: "Overview",
@@ -2421,7 +3003,7 @@ function OverviewPage({ context }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx24(
       MetricStrip,
       {
         items: [
@@ -2445,17 +3027,17 @@ function OverviewPage({ context }) {
           },
           {
             detail: `${formatNumber(queueFailures)} failures/expired`,
-            icon: queueFailures > 0 ? AlertTriangle : Sparkles,
+            icon: queueFailures > 0 ? AlertTriangle : Sparkles2,
             label: "Queue",
             value: formatNumber(overview?.queueTotals.total ?? 0)
           }
         ]
       }
     ),
-    /* @__PURE__ */ jsxs15("div", { className: "grid gap-4 xl:grid-cols-2", children: [
-      /* @__PURE__ */ jsxs15("section", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx23(PageHeader, { title: "Recent Threads" }),
-        /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsxs16("div", { className: "grid gap-4 xl:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs16("section", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx24(PageHeader, { title: "Recent Threads" }),
+        /* @__PURE__ */ jsx24(
           ResourceTable,
           {
             rows: threads,
@@ -2465,15 +3047,15 @@ function OverviewPage({ context }) {
               {
                 id: "name",
                 header: "Thread",
-                render: (thread) => /* @__PURE__ */ jsxs15("div", { children: [
-                  /* @__PURE__ */ jsx23("div", { className: "max-w-md truncate font-medium", children: thread.name || thread.threadId }),
-                  /* @__PURE__ */ jsx23("div", { className: "max-w-md truncate text-xs text-muted-foreground", children: thread.summary ?? thread.lastMessagePreview ?? "No summary" })
+                render: (thread) => /* @__PURE__ */ jsxs16("div", { children: [
+                  /* @__PURE__ */ jsx24("div", { className: "max-w-md truncate font-medium", children: thread.name || thread.threadId }),
+                  /* @__PURE__ */ jsx24("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__ */ jsx23(StatusBadge, { status: thread.status })
+                render: (thread) => /* @__PURE__ */ jsx24(StatusBadge, { status: thread.status })
               },
               {
                 align: "right",
@@ -2485,9 +3067,9 @@ function OverviewPage({ context }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs15("section", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx23(PageHeader, { title: "Top Agents" }),
-        /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsxs16("section", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx24(PageHeader, { title: "Top Agents" }),
+        /* @__PURE__ */ jsx24(
           ResourceTable,
           {
             rows: agents,
@@ -2497,11 +3079,11 @@ function OverviewPage({ context }) {
               {
                 id: "agent",
                 header: "Agent",
-                render: (agent) => /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx23(Bot2, { className: "size-4 text-muted-foreground" }),
-                  /* @__PURE__ */ jsxs15("div", { children: [
-                    /* @__PURE__ */ jsx23("div", { className: "font-medium", children: agent.displayName }),
-                    /* @__PURE__ */ jsx23("div", { className: "text-xs text-muted-foreground", children: agent.agentId })
+                render: (agent) => /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx24(Bot2, { className: "size-4 text-muted-foreground" }),
+                  /* @__PURE__ */ jsxs16("div", { children: [
+                    /* @__PURE__ */ jsx24("div", { className: "font-medium", children: agent.displayName }),
+                    /* @__PURE__ */ jsx24("div", { className: "text-xs text-muted-foreground", children: agent.agentId })
                   ] })
                 ] })
               },
@@ -2526,9 +3108,9 @@ function OverviewPage({ context }) {
 }
 
 // src/modules/participants/index.tsx
-import React10 from "react";
+import React11 from "react";
 import { Users as Users2 } from "lucide-react";
-import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
 function participantsModule() {
   return {
     group: "data",
@@ -2547,21 +3129,21 @@ function participantsModule() {
       {
         id: "participants",
         title: "Participants",
-        render: (context) => /* @__PURE__ */ jsx24(ParticipantsPage, { context })
+        render: (context) => /* @__PURE__ */ jsx25(ParticipantsPage, { context })
       },
       {
         id: "participants.detail",
         title: "Participant Detail",
-        render: (context) => /* @__PURE__ */ jsx24(ParticipantDetailPage, { context })
+        render: (context) => /* @__PURE__ */ jsx25(ParticipantDetailPage, { context })
       }
     ]
   };
 }
 function ParticipantsPage({ context }) {
-  const [search, setSearch] = React10.useState("");
-  const [participants, setParticipants] = React10.useState([]);
-  const [error, setError] = React10.useState(null);
-  React10.useEffect(() => {
+  const [search, setSearch] = React11.useState("");
+  const [participants, setParticipants] = React11.useState([]);
+  const [error, setError] = React11.useState(null);
+  React11.useEffect(() => {
     let active = true;
     setError(null);
     void context.client.listParticipants({
@@ -2577,15 +3159,15 @@ function ParticipantsPage({ context }) {
       active = false;
     };
   }, [context.client, context.refreshKey, context.scope.namespace, search]);
-  return /* @__PURE__ */ jsxs16("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs17("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx25(
       PageHeader,
       {
         title: "Participants",
         description: "Humans, agents, and jobs observed by Copilotz across conversations."
       }
     ),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       FilterBar,
       {
         onSearchChange: setSearch,
@@ -2593,7 +3175,7 @@ function ParticipantsPage({ context }) {
         searchValue: search
       }
     ),
-    error ? /* @__PURE__ */ jsx24(EmptyState, { title: "Unable to load participants", description: error }) : /* @__PURE__ */ jsx24(
+    error ? /* @__PURE__ */ jsx25(EmptyState, { title: "Unable to load participants", description: error }) : /* @__PURE__ */ jsx25(
       ResourceTable,
       {
         rows: participants,
@@ -2601,7 +3183,7 @@ function ParticipantsPage({ context }) {
         onRowClick: (participant) => context.navigate("participants.detail", {
           participantId: participant.externalId
         }),
-        empty: /* @__PURE__ */ jsx24(
+        empty: /* @__PURE__ */ jsx25(
           EmptyState,
           {
             icon: Users2,
@@ -2613,15 +3195,15 @@ function ParticipantsPage({ context }) {
           {
             id: "participant",
             header: "Participant",
-            render: (participant) => /* @__PURE__ */ jsxs16("div", { children: [
-              /* @__PURE__ */ jsx24("div", { className: "max-w-md truncate font-medium", children: participant.displayName }),
-              /* @__PURE__ */ jsx24("div", { className: "max-w-md truncate text-xs text-muted-foreground", children: participant.externalId })
+            render: (participant) => /* @__PURE__ */ jsxs17("div", { children: [
+              /* @__PURE__ */ jsx25("div", { className: "max-w-md truncate font-medium", children: participant.displayName }),
+              /* @__PURE__ */ jsx25("div", { className: "max-w-md truncate text-xs text-muted-foreground", children: participant.externalId })
             ] })
           },
           {
             id: "type",
             header: "Type",
-            render: (participant) => /* @__PURE__ */ jsx24(StatusBadge, { status: participant.participantType })
+            render: (participant) => /* @__PURE__ */ jsx25(StatusBadge, { status: participant.participantType })
           },
           {
             id: "scope",
@@ -2647,9 +3229,9 @@ function ParticipantsPage({ context }) {
 }
 function ParticipantDetailPage({ context }) {
   const participantId = context.route.params?.participantId;
-  const [participant, setParticipant] = React10.useState(null);
-  const [error, setError] = React10.useState(null);
-  React10.useEffect(() => {
+  const [participant, setParticipant] = React11.useState(null);
+  const [error, setError] = React11.useState(null);
+  React11.useEffect(() => {
     if (!participantId) return;
     let active = true;
     setError(null);
@@ -2665,19 +3247,19 @@ function ParticipantDetailPage({ context }) {
     };
   }, [context.client, context.refreshKey, context.scope.namespace, participantId]);
   if (!participantId) {
-    return /* @__PURE__ */ jsx24(EmptyState, { title: "Participant not selected" });
+    return /* @__PURE__ */ jsx25(EmptyState, { title: "Participant not selected" });
   }
   if (error) {
-    return /* @__PURE__ */ jsx24(EmptyState, { title: "Unable to load participant", description: error });
+    return /* @__PURE__ */ jsx25(EmptyState, { title: "Unable to load participant", description: error });
   }
   const memories = Array.isArray(participant?.memories) ? participant.memories.length : 0;
-  return /* @__PURE__ */ jsxs16("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs17("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx25(
       PageHeader,
       {
         title: String(participant?.displayName ?? participantId),
         description: "Participant profile, activity-ready metrics, and advanced record data.",
-        actions: /* @__PURE__ */ jsx24(
+        actions: /* @__PURE__ */ jsx25(
           "button",
           {
             className: "text-sm text-muted-foreground hover:text-foreground",
@@ -2688,7 +3270,7 @@ function ParticipantDetailPage({ context }) {
         )
       }
     ),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       MetricStrip,
       {
         items: [
@@ -2698,12 +3280,12 @@ function ParticipantDetailPage({ context }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx24(JsonPanel, { title: "Advanced JSON", value: participant, minHeight: 460 })
+    /* @__PURE__ */ jsx25(JsonPanel, { title: "Advanced JSON", value: participant, minHeight: 460 })
   ] });
 }
 
 // src/modules/threads/index.tsx
-import React11 from "react";
+import React12 from "react";
 import {
   Bot as Bot3,
   ChevronUp as ChevronUp2,
@@ -2713,7 +3295,7 @@ import {
   User,
   Wrench as Wrench2
 } from "lucide-react";
-import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
 var MESSAGE_PAGE_SIZE = 50;
 function threadsModule() {
   return {
@@ -2733,22 +3315,22 @@ function threadsModule() {
       {
         id: "threads",
         title: "Threads",
-        render: (context) => /* @__PURE__ */ jsx25(ThreadsPage, { context })
+        render: (context) => /* @__PURE__ */ jsx26(ThreadsPage, { context })
       },
       {
         id: "threads.detail",
         title: "Thread Detail",
-        render: (context) => /* @__PURE__ */ jsx25(ThreadDetailPage, { context })
+        render: (context) => /* @__PURE__ */ jsx26(ThreadDetailPage, { context })
       }
     ]
   };
 }
 function ThreadsPage({ context }) {
-  const [search, setSearch] = React11.useState("");
-  const [threads, setThreads] = React11.useState([]);
-  const [error, setError] = React11.useState(null);
-  const [isLoading, setIsLoading] = React11.useState(false);
-  React11.useEffect(() => {
+  const [search, setSearch] = React12.useState("");
+  const [threads, setThreads] = React12.useState([]);
+  const [error, setError] = React12.useState(null);
+  const [isLoading, setIsLoading] = React12.useState(false);
+  React12.useEffect(() => {
     let active = true;
     setIsLoading(true);
     setError(null);
@@ -2767,8 +3349,8 @@ function ThreadsPage({ context }) {
       active = false;
     };
   }, [context.client, context.refreshKey, context.scope.namespace, search]);
-  return /* @__PURE__ */ jsxs17("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs18("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx26(
       PageHeader,
       {
         title: "Threads",
@@ -2776,7 +3358,7 @@ function ThreadsPage({ context }) {
         badges: isLoading ? [{ label: "Loading" }] : []
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(
       FilterBar,
       {
         onSearchChange: setSearch,
@@ -2784,13 +3366,13 @@ function ThreadsPage({ context }) {
         searchValue: search
       }
     ),
-    error ? /* @__PURE__ */ jsx25(EmptyState, { title: "Unable to load threads", description: error }) : /* @__PURE__ */ jsx25(
+    error ? /* @__PURE__ */ jsx26(EmptyState, { title: "Unable to load threads", description: error }) : /* @__PURE__ */ jsx26(
       ResourceTable,
       {
         rows: threads,
         getRowKey: (thread) => thread.threadId,
         onRowClick: (thread) => context.navigate("threads.detail", { threadId: thread.threadId }),
-        empty: /* @__PURE__ */ jsx25(
+        empty: /* @__PURE__ */ jsx26(
           EmptyState,
           {
             icon: MessageSquare2,
@@ -2802,15 +3384,15 @@ function ThreadsPage({ context }) {
           {
             id: "thread",
             header: "Thread",
-            render: (thread) => /* @__PURE__ */ jsxs17("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ jsx25("div", { className: "max-w-xl truncate font-medium", children: thread.name || thread.threadId }),
-              /* @__PURE__ */ jsx25("div", { className: "max-w-xl truncate text-xs text-muted-foreground", children: thread.summary ?? thread.lastMessagePreview ?? "No summary yet" })
+            render: (thread) => /* @__PURE__ */ jsxs18("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx26("div", { className: "max-w-xl truncate font-medium", children: thread.name || thread.threadId }),
+              /* @__PURE__ */ jsx26("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__ */ jsx25(StatusBadge, { status: thread.status })
+            render: (thread) => /* @__PURE__ */ jsx26(StatusBadge, { status: thread.status })
           },
           {
             align: "right",
@@ -2829,7 +3411,7 @@ function ThreadsPage({ context }) {
           {
             id: "activity",
             header: "Last activity",
-            render: (thread) => formatDateTime2(thread.lastActivityAt)
+            render: (thread) => formatDateTime3(thread.lastActivityAt)
           }
         ]
       }
@@ -2839,7 +3421,7 @@ function ThreadsPage({ context }) {
 function ThreadDetailPage({ context }) {
   const threadId = context.route.params?.threadId;
   if (!threadId) {
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx26(
       EmptyState,
       {
         title: "Thread not selected",
@@ -2847,19 +3429,19 @@ function ThreadDetailPage({ context }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx25(ThreadInspector, { context, threadId });
+  return /* @__PURE__ */ jsx26(ThreadInspector, { context, threadId });
 }
 function ThreadInspector({
   context,
   threadId
 }) {
-  const [thread, setThread] = React11.useState(null);
-  const [messages, setMessages] = React11.useState([]);
-  const [pageInfo, setPageInfo] = React11.useState(null);
-  const [isLoading, setIsLoading] = React11.useState(true);
-  const [isLoadingMore, setIsLoadingMore] = React11.useState(false);
-  const [error, setError] = React11.useState(null);
-  React11.useEffect(() => {
+  const [thread, setThread] = React12.useState(null);
+  const [messages, setMessages] = React12.useState([]);
+  const [pageInfo, setPageInfo] = React12.useState(null);
+  const [isLoading, setIsLoading] = React12.useState(true);
+  const [isLoadingMore, setIsLoadingMore] = React12.useState(false);
+  const [error, setError] = React12.useState(null);
+  React12.useEffect(() => {
     let active = true;
     setIsLoading(true);
     setError(null);
@@ -2900,13 +3482,13 @@ function ThreadInspector({
     }
   };
   if (isLoading) {
-    return /* @__PURE__ */ jsx25(EmptyState, { icon: Loader2, title: "Loading thread" });
+    return /* @__PURE__ */ jsx26(EmptyState, { icon: Loader2, title: "Loading thread" });
   }
   if (error) {
-    return /* @__PURE__ */ jsx25(EmptyState, { title: "Unable to load thread", description: error });
+    return /* @__PURE__ */ jsx26(EmptyState, { title: "Unable to load thread", description: error });
   }
-  return /* @__PURE__ */ jsxs17("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs18("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx26(
       PageHeader,
       {
         title: thread?.name ?? threadId,
@@ -2915,7 +3497,7 @@ function ThreadInspector({
           { label: thread?.status ?? "unknown" },
           { label: `${messages.length}${pageInfo?.hasMoreBefore ? "+" : ""} messages`, variant: "secondary" }
         ],
-        actions: /* @__PURE__ */ jsx25(
+        actions: /* @__PURE__ */ jsx26(
           Button,
           {
             onClick: () => context.navigate("threads"),
@@ -2927,14 +3509,14 @@ function ThreadInspector({
         )
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(
       InspectorPanel,
       {
-        side: /* @__PURE__ */ jsx25(JsonPanel, { title: "Thread JSON", value: thread, minHeight: 420 }),
-        children: /* @__PURE__ */ jsxs17("div", { className: "overflow-hidden rounded-lg border bg-background", children: [
-          /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between border-b px-4 py-2", children: [
-            /* @__PURE__ */ jsx25("div", { className: "text-sm font-medium", children: "Timeline" }),
-            pageInfo?.hasMoreBefore && /* @__PURE__ */ jsxs17(
+        side: /* @__PURE__ */ jsx26(JsonPanel, { title: "Thread JSON", value: thread, minHeight: 420 }),
+        children: /* @__PURE__ */ jsxs18("div", { className: "overflow-hidden rounded-lg border bg-background", children: [
+          /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between border-b px-4 py-2", children: [
+            /* @__PURE__ */ jsx26("div", { className: "text-sm font-medium", children: "Timeline" }),
+            pageInfo?.hasMoreBefore && /* @__PURE__ */ jsxs18(
               Button,
               {
                 disabled: isLoadingMore,
@@ -2943,51 +3525,51 @@ function ThreadInspector({
                 type: "button",
                 variant: "ghost",
                 children: [
-                  isLoadingMore ? /* @__PURE__ */ jsx25(Loader2, { className: "size-3 animate-spin" }) : /* @__PURE__ */ jsx25(ChevronUp2, { className: "size-3" }),
+                  isLoadingMore ? /* @__PURE__ */ jsx26(Loader2, { className: "size-3 animate-spin" }) : /* @__PURE__ */ jsx26(ChevronUp2, { className: "size-3" }),
                   "Load older"
                 ]
               }
             )
           ] }),
-          messages.length === 0 ? /* @__PURE__ */ jsx25(EmptyState, { title: "No messages", description: "This thread has no messages yet." }) : /* @__PURE__ */ jsx25("div", { className: "divide-y", children: messages.map((message) => /* @__PURE__ */ jsx25(MessageRow, { message }, message.id)) })
+          messages.length === 0 ? /* @__PURE__ */ jsx26(EmptyState, { title: "No messages", description: "This thread has no messages yet." }) : /* @__PURE__ */ jsx26("div", { className: "divide-y", children: messages.map((message) => /* @__PURE__ */ jsx26(MessageRow, { message }, message.id)) })
         ] })
       }
     )
   ] });
 }
 function MessageRow({ message }) {
-  const [expanded, setExpanded] = React11.useState(false);
+  const [expanded, setExpanded] = React12.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__ */ jsx25("div", { className: "px-4 py-3", children: /* @__PURE__ */ jsxs17("div", { className: "flex items-start gap-3", children: [
-    /* @__PURE__ */ jsx25(SenderIcon, { senderType: message.senderType }),
-    /* @__PURE__ */ jsxs17("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsxs17("div", { className: "flex flex-wrap items-center gap-2 text-xs", children: [
-        /* @__PURE__ */ jsx25("span", { className: "font-medium", children: message.senderId ?? message.senderUserId ?? message.senderType }),
-        /* @__PURE__ */ jsx25(Badge, { variant: "outline", className: "text-[10px]", children: message.senderType }),
-        message.targetId && /* @__PURE__ */ jsxs17(Badge, { variant: "secondary", className: "text-[10px]", children: [
+  return /* @__PURE__ */ jsx26("div", { className: "px-4 py-3", children: /* @__PURE__ */ jsxs18("div", { className: "flex items-start gap-3", children: [
+    /* @__PURE__ */ jsx26(SenderIcon, { senderType: message.senderType }),
+    /* @__PURE__ */ jsxs18("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "flex flex-wrap items-center gap-2 text-xs", children: [
+        /* @__PURE__ */ jsx26("span", { className: "font-medium", children: message.senderId ?? message.senderUserId ?? message.senderType }),
+        /* @__PURE__ */ jsx26(Badge, { variant: "outline", className: "text-[10px]", children: message.senderType }),
+        message.targetId && /* @__PURE__ */ jsxs18(Badge, { variant: "secondary", className: "text-[10px]", children: [
           "to ",
           message.targetId
         ] }),
-        message.createdAt && /* @__PURE__ */ jsx25("span", { className: "text-muted-foreground", children: formatDateTime2(message.createdAt) })
+        message.createdAt && /* @__PURE__ */ jsx26("span", { className: "text-muted-foreground", children: formatDateTime3(message.createdAt) })
       ] }),
-      message.content && /* @__PURE__ */ jsx25("p", { className: "mt-1 whitespace-pre-wrap break-words text-sm", children: message.content }),
-      (hasToolCalls || hasReasoning || hasMetadata) && /* @__PURE__ */ jsxs17("div", { className: "mt-2", children: [
-        /* @__PURE__ */ jsxs17(
+      message.content && /* @__PURE__ */ jsx26("p", { className: "mt-1 whitespace-pre-wrap break-words text-sm", children: message.content }),
+      (hasToolCalls || hasReasoning || hasMetadata) && /* @__PURE__ */ jsxs18("div", { className: "mt-2", children: [
+        /* @__PURE__ */ jsxs18(
           "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__ */ jsx25(Wrench2, { className: "size-3" }),
-              hasReasoning && !hasToolCalls && /* @__PURE__ */ jsx25(Cpu, { className: "size-3" }),
+              hasToolCalls && /* @__PURE__ */ jsx26(Wrench2, { className: "size-3" }),
+              hasReasoning && !hasToolCalls && /* @__PURE__ */ jsx26(Cpu, { className: "size-3" }),
               "Details"
             ]
           }
         ),
-        expanded && /* @__PURE__ */ jsx25("pre", { className: "mt-2 max-h-72 overflow-auto rounded-md bg-muted p-3 text-xs", children: JSON.stringify({
+        expanded && /* @__PURE__ */ jsx26("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 } : {}
@@ -3000,16 +3582,16 @@ function SenderIcon({ senderType }) {
   const base = "flex size-7 shrink-0 items-center justify-center rounded-full";
   switch (senderType) {
     case "agent":
-      return /* @__PURE__ */ jsx25("div", { className: cn(base, "bg-primary/10 text-primary"), children: /* @__PURE__ */ jsx25(Bot3, { className: "size-3.5" }) });
+      return /* @__PURE__ */ jsx26("div", { className: cn(base, "bg-primary/10 text-primary"), children: /* @__PURE__ */ jsx26(Bot3, { className: "size-3.5" }) });
     case "user":
-      return /* @__PURE__ */ jsx25("div", { className: cn(base, "bg-secondary text-secondary-foreground"), children: /* @__PURE__ */ jsx25(User, { className: "size-3.5" }) });
+      return /* @__PURE__ */ jsx26("div", { className: cn(base, "bg-secondary text-secondary-foreground"), children: /* @__PURE__ */ jsx26(User, { className: "size-3.5" }) });
     case "tool":
-      return /* @__PURE__ */ jsx25("div", { className: cn(base, "bg-muted text-muted-foreground"), children: /* @__PURE__ */ jsx25(Wrench2, { className: "size-3.5" }) });
+      return /* @__PURE__ */ jsx26("div", { className: cn(base, "bg-muted text-muted-foreground"), children: /* @__PURE__ */ jsx26(Wrench2, { className: "size-3.5" }) });
     default:
-      return /* @__PURE__ */ jsx25("div", { className: cn(base, "bg-muted text-muted-foreground"), children: /* @__PURE__ */ jsx25(Cpu, { className: "size-3.5" }) });
+      return /* @__PURE__ */ jsx26("div", { className: cn(base, "bg-muted text-muted-foreground"), children: /* @__PURE__ */ jsx26(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;
@@ -3022,7 +3604,7 @@ function formatDateTime2(value) {
 }
 
 // src/modules/usage/index.tsx
-import React13 from "react";
+import React14 from "react";
 import {
   Bar,
   BarChart,
@@ -3039,16 +3621,16 @@ import {
   Clock,
   Coins,
   DollarSign,
-  Sparkles as Sparkles2
+  Sparkles as Sparkles3
 } from "lucide-react";
 
 // src/components/ui/chart.tsx
-import * as React12 from "react";
+import * as React13 from "react";
 import * as RechartsPrimitive from "recharts";
-import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
-var ChartContext = React12.createContext(null);
+import { jsx as jsx27, jsxs as jsxs19 } from "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");
   }
@@ -3061,9 +3643,9 @@ function ChartContainer({
   children,
   ...props
 }) {
-  const uniqueId = React12.useId();
+  const uniqueId = React13.useId();
   const chartId = `chart-${id ?? uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx26(ChartContext.Provider, { value: config, children: /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsx27(ChartContext.Provider, { value: config, children: /* @__PURE__ */ jsxs19(
     "div",
     {
       "data-chart": chartId,
@@ -3073,10 +3655,10 @@ function ChartContainer({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx26("style", { children: Object.entries(config).map(([key, item]) => {
+        /* @__PURE__ */ jsx27("style", { children: Object.entries(config).map(([key, item]) => {
           return `[data-chart=${chartId}] { --color-${key}: ${item.color}; }`;
         }).join("\n") }),
-        /* @__PURE__ */ jsx26(RechartsPrimitive.ResponsiveContainer, { children })
+        /* @__PURE__ */ jsx27(RechartsPrimitive.ResponsiveContainer, { children })
       ]
     }
   ) });
@@ -3095,7 +3677,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__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: cn(
@@ -3103,28 +3685,28 @@ function ChartTooltipContent({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs18("div", { className: "mb-2 flex items-center justify-between gap-4 border-b pb-2", children: [
-          /* @__PURE__ */ jsx26("p", { className: "text-xs font-medium text-muted-foreground", children: labelFormatter ? labelFormatter(label) : label }),
-          /* @__PURE__ */ jsx26("p", { className: "text-xs font-semibold text-foreground", children: formatter ? formatter(total) : total })
+        /* @__PURE__ */ jsxs19("div", { className: "mb-2 flex items-center justify-between gap-4 border-b pb-2", children: [
+          /* @__PURE__ */ jsx27("p", { className: "text-xs font-medium text-muted-foreground", children: labelFormatter ? labelFormatter(label) : label }),
+          /* @__PURE__ */ jsx27("p", { className: "text-xs font-semibold text-foreground", children: formatter ? formatter(total) : total })
         ] }),
-        /* @__PURE__ */ jsx26("div", { className: "space-y-1.5", children: payload.filter((item) => Number(item.value ?? 0) > 0).map((item) => {
+        /* @__PURE__ */ jsx27("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__ */ jsxs18(
+          return /* @__PURE__ */ jsxs19(
             "div",
             {
               className: "grid grid-cols-[0.6rem_1fr_auto] items-center gap-2",
               children: [
-                /* @__PURE__ */ jsx26(
+                /* @__PURE__ */ jsx27(
                   "span",
                   {
                     className: "size-2 rounded-[2px]",
                     style: { backgroundColor: color }
                   }
                 ),
-                /* @__PURE__ */ jsx26("span", { className: "max-w-48 truncate text-muted-foreground", children: itemConfig?.label ?? item.name ?? key }),
-                /* @__PURE__ */ jsx26("span", { className: "font-medium text-foreground", children: formatter ? formatter(item.value ?? 0) : item.value })
+                /* @__PURE__ */ jsx27("span", { className: "max-w-48 truncate text-muted-foreground", children: itemConfig?.label ?? item.name ?? key }),
+                /* @__PURE__ */ jsx27("span", { className: "font-medium text-foreground", children: formatter ? formatter(item.value ?? 0) : item.value })
               ]
             },
             key
@@ -3140,11 +3722,11 @@ function ChartLegendContent({
 }) {
   const config = useChart();
   if (!payload?.length) return null;
-  return /* @__PURE__ */ jsx26("div", { className: cn("flex flex-wrap items-center gap-x-4 gap-y-2", className), children: payload.map((item) => {
+  return /* @__PURE__ */ jsx27("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__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx27(
         "span",
         {
           className: "size-2 rounded-[2px]",
@@ -3153,13 +3735,13 @@ function ChartLegendContent({
           }
         }
       ),
-      /* @__PURE__ */ jsx26("span", { className: "max-w-52 truncate text-xs text-muted-foreground", children: itemConfig?.label ?? item.value ?? key })
+      /* @__PURE__ */ jsx27("span", { className: "max-w-52 truncate text-xs text-muted-foreground", children: itemConfig?.label ?? item.value ?? key })
     ] }, key);
   }) });
 }
 
 // src/modules/usage/index.tsx
-import { Fragment as Fragment2, jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
 var USAGE_DIMENSIONS = [
   "total",
   "input",
@@ -3201,70 +3783,70 @@ function usageModule() {
     routes: [{
       id: "usage",
       title: "Usage",
-      render: (context) => /* @__PURE__ */ jsx27(UsagePage, { context })
+      render: (context) => /* @__PURE__ */ jsx28(UsagePage, { context })
     }]
   };
 }
 function UsagePage({ context }) {
-  const [period, setPeriod] = React13.useState(
+  const [period, setPeriod] = React14.useState(
     "7d"
   );
-  const [interval, setInterval] = React13.useState("day");
-  const [workload, setWorkload] = React13.useState("all");
-  const [metricKind, setMetricKind] = React13.useState(
+  const [interval, setInterval] = React14.useState("day");
+  const [workload, setWorkload] = React14.useState("all");
+  const [metricKind, setMetricKind] = React14.useState(
     "calls"
   );
-  const [dimension, setDimension] = React13.useState("total");
-  const [groupBy, setGroupBy] = React13.useState("kind");
-  const [attribution, setAttribution] = React13.useState(
+  const [dimension, setDimension] = React14.useState("total");
+  const [groupBy, setGroupBy] = React14.useState("kind");
+  const [attribution, setAttribution] = React14.useState(
     "initiatedBy"
   );
-  const [participantType, setParticipantType] = React13.useState("all");
-  const [threadId, setThreadId] = React13.useState("");
-  const [participantId, setParticipantId] = React13.useState("");
-  const [provider, setProvider] = React13.useState("");
-  const [model, setModel] = React13.useState("");
-  const [resource, setResource] = React13.useState("");
-  const [operation, setOperation] = React13.useState("");
-  const [status, setStatus] = React13.useState(
+  const [participantType, setParticipantType] = React14.useState("all");
+  const [threadId, setThreadId] = React14.useState("");
+  const [participantId, setParticipantId] = React14.useState("");
+  const [provider, setProvider] = React14.useState("");
+  const [model, setModel] = React14.useState("");
+  const [resource, setResource] = React14.useState("");
+  const [operation, setOperation] = React14.useState("");
+  const [status, setStatus] = React14.useState(
     "all"
   );
-  const [customFrom, setCustomFrom] = React13.useState("");
-  const [customTo, setCustomTo] = React13.useState("");
-  const [usage, setUsage] = React13.useState(null);
-  const [error, setError] = React13.useState(null);
-  const [isLoading, setIsLoading] = React13.useState(false);
-  const range = React13.useMemo(
+  const [customFrom, setCustomFrom] = React14.useState("");
+  const [customTo, setCustomTo] = React14.useState("");
+  const [usage, setUsage] = React14.useState(null);
+  const [error, setError] = React14.useState(null);
+  const [isLoading, setIsLoading] = React14.useState(false);
+  const range = React14.useMemo(
     () => getUsageRange(period, customFrom, customTo),
     [customFrom, customTo, period]
   );
-  const metricOptions = React13.useMemo(
+  const metricOptions = React14.useMemo(
     () => getUsageMetricOptions(workload),
     [workload]
   );
-  const groupOptions = React13.useMemo(
+  const groupOptions = React14.useMemo(
     () => getUsageGroupOptions(workload),
     [workload]
   );
   const showLlmFields = workload === "llm";
   const showResourceFields = workload !== "llm";
   const showDimension = metricKind === "tokens" || metricKind === "cost" && workload === "llm";
-  React13.useEffect(() => {
+  React14.useEffect(() => {
     if (!metricOptions.includes(metricKind)) {
       setMetricKind(metricOptions[0]);
     }
   }, [metricKind, metricOptions]);
-  React13.useEffect(() => {
+  React14.useEffect(() => {
     if (!groupOptions.includes(groupBy)) {
       setGroupBy(groupOptions[0]);
     }
   }, [groupBy, groupOptions]);
-  React13.useEffect(() => {
+  React14.useEffect(() => {
     if (!showDimension && dimension !== "total") {
       setDimension("total");
     }
   }, [dimension, showDimension]);
-  React13.useEffect(() => {
+  React14.useEffect(() => {
     let active = true;
     setIsLoading(true);
     setError(null);
@@ -3322,16 +3904,16 @@ function UsagePage({ context }) {
   ]);
   const points = usage?.points ?? [];
   const totals = usage?.totals ?? EMPTY_USAGE_TOTALS;
-  const chartState = React13.useMemo(
+  const chartState = React14.useMemo(
     () => buildUsageChartState(points, metricKind, dimension, interval),
     [dimension, interval, metricKind, points]
   );
-  const rows = React13.useMemo(
+  const rows = React14.useMemo(
     () => aggregateUsageRows(points, metricKind, dimension),
     [dimension, metricKind, points]
   );
-  return /* @__PURE__ */ jsxs19("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsxs20("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx28(
       PageHeader,
       {
         title: "Usage",
@@ -3344,8 +3926,8 @@ function UsagePage({ context }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsxs19(FilterBar, { children: [
-      /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsxs20(FilterBar, { children: [
+      /* @__PURE__ */ jsx28(
         UsageSelect,
         {
           label: "Period",
@@ -3354,7 +3936,7 @@ function UsagePage({ context }) {
           value: period
         }
       ),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx28(
         UsageSelect,
         {
           label: "Bucket",
@@ -3363,7 +3945,7 @@ function UsagePage({ context }) {
           value: interval
         }
       ),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx28(
         UsageSelect,
         {
           label: "Workload",
@@ -3373,7 +3955,7 @@ function UsagePage({ context }) {
           formatOption: getUsageKindLabel
         }
       ),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx28(
         UsageSelect,
         {
           label: "Measure",
@@ -3383,7 +3965,7 @@ function UsagePage({ context }) {
           formatOption: getUsageMetricLabel
         }
       ),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx28(
         UsageSelect,
         {
           label: "Group",
@@ -3393,7 +3975,7 @@ function UsagePage({ context }) {
           formatOption: getUsageGroupLabel
         }
       ),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx28(
         UsageSelect,
         {
           label: "Actor",
@@ -3403,7 +3985,7 @@ function UsagePage({ context }) {
           formatOption: getUsageAttributionLabel
         }
       ),
-      showDimension && /* @__PURE__ */ jsx27(
+      showDimension && /* @__PURE__ */ jsx28(
         UsageSelect,
         {
           label: "Dimension",
@@ -3414,9 +3996,9 @@ function UsagePage({ context }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs19(FilterBar, { children: [
-      period === "custom" && /* @__PURE__ */ jsxs19(Fragment2, { children: [
-        /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsxs20(FilterBar, { children: [
+      period === "custom" && /* @__PURE__ */ jsxs20(Fragment2, { children: [
+        /* @__PURE__ */ jsx28(
           Input,
           {
             className: "h-8 w-[190px]",
@@ -3425,7 +4007,7 @@ function UsagePage({ context }) {
             value: customFrom
           }
         ),
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(
           Input,
           {
             className: "h-8 w-[190px]",
@@ -3435,7 +4017,7 @@ function UsagePage({ context }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx28(
         UsageSelect,
         {
           label: "Actor type",
@@ -3444,7 +4026,7 @@ function UsagePage({ context }) {
           value: participantType
         }
       ),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx28(
         UsageSelect,
         {
           label: "Status",
@@ -3453,7 +4035,7 @@ function UsagePage({ context }) {
           value: status
         }
       ),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx28(
         Input,
         {
           className: "h-8 w-[170px]",
@@ -3462,7 +4044,7 @@ function UsagePage({ context }) {
           value: threadId
         }
       ),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx28(
         Input,
         {
           className: "h-8 w-[170px]",
@@ -3471,8 +4053,8 @@ function UsagePage({ context }) {
           value: participantId
         }
       ),
-      showResourceFields && /* @__PURE__ */ jsxs19(Fragment2, { children: [
-        /* @__PURE__ */ jsx27(
+      showResourceFields && /* @__PURE__ */ jsxs20(Fragment2, { children: [
+        /* @__PURE__ */ jsx28(
           Input,
           {
             className: "h-8 w-[170px]",
@@ -3481,7 +4063,7 @@ function UsagePage({ context }) {
             value: resource
           }
         ),
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(
           Input,
           {
             className: "h-8 w-[150px]",
@@ -3491,8 +4073,8 @@ function UsagePage({ context }) {
           }
         )
       ] }),
-      showLlmFields && /* @__PURE__ */ jsxs19(Fragment2, { children: [
-        /* @__PURE__ */ jsx27(
+      showLlmFields && /* @__PURE__ */ jsxs20(Fragment2, { children: [
+        /* @__PURE__ */ jsx28(
           Input,
           {
             className: "h-8 w-[140px]",
@@ -3501,7 +4083,7 @@ function UsagePage({ context }) {
             value: provider
           }
         ),
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(
           Input,
           {
             className: "h-8 w-[140px]",
@@ -3512,7 +4094,7 @@ function UsagePage({ context }) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(
       MetricStrip,
       {
         items: [
@@ -3536,7 +4118,7 @@ function UsagePage({ context }) {
           },
           {
             detail: `${formatMetricValue(totals.inputTokens, "tokens")} input`,
-            icon: Sparkles2,
+            icon: Sparkles3,
             label: "Tokens",
             value: formatMetricValue(totals.totalTokens, "tokens")
           },
@@ -3555,15 +4137,15 @@ function UsagePage({ context }) {
         ]
       }
     ),
-    error ? /* @__PURE__ */ jsx27(EmptyState, { title: "Unable to load usage", description: error }) : chartState.data.length === 0 ? /* @__PURE__ */ jsx27(
+    error ? /* @__PURE__ */ jsx28(EmptyState, { title: "Unable to load usage", description: error }) : chartState.data.length === 0 ? /* @__PURE__ */ jsx28(
       EmptyState,
       {
         title: "No usage",
         description: "Metered LLM, tool, and resource records will appear here after work is captured in the usage ledger."
       }
-    ) : /* @__PURE__ */ jsxs19(Fragment2, { children: [
-      /* @__PURE__ */ jsx27(Card, { className: "h-[320px] py-3", children: /* @__PURE__ */ jsx27(CardContent, { className: "h-full px-3", children: /* @__PURE__ */ jsx27(UsageChart, { chartState, metricKind }) }) }),
-      /* @__PURE__ */ jsx27(
+    ) : /* @__PURE__ */ jsxs20(Fragment2, { children: [
+      /* @__PURE__ */ jsx28(Card, { className: "h-[320px] py-3", children: /* @__PURE__ */ jsx28(CardContent, { className: "h-full px-3", children: /* @__PURE__ */ jsx28(UsageChart, { chartState, metricKind }) }) }),
+      /* @__PURE__ */ jsx28(
         UsageRowsTable,
         {
           dimension,
@@ -3583,19 +4165,19 @@ function UsageSelect({
   options,
   value
 }) {
-  return /* @__PURE__ */ jsxs19(Select, { value, onValueChange, children: [
-    /* @__PURE__ */ jsx27(SelectTrigger, { className: "h-8 w-[132px] text-xs", "aria-label": label, children: /* @__PURE__ */ jsx27(SelectValue, {}) }),
-    /* @__PURE__ */ jsx27(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx27(SelectItem, { value: option, children: formatOption ? formatOption(option) : option }, option)) })
+  return /* @__PURE__ */ jsxs20(Select, { value, onValueChange, children: [
+    /* @__PURE__ */ jsx28(SelectTrigger, { className: "h-8 w-[132px] text-xs", "aria-label": label, children: /* @__PURE__ */ jsx28(SelectValue, {}) }),
+    /* @__PURE__ */ jsx28(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx28(SelectItem, { value: option, children: formatOption ? formatOption(option) : option }, option)) })
   ] });
 }
 function UsageChart({
   chartState,
   metricKind
 }) {
-  return /* @__PURE__ */ jsx27(ChartContainer, { className: "h-full w-full", config: chartState.config, children: /* @__PURE__ */ jsxs19(BarChart, { accessibilityLayer: true, data: chartState.data, margin: { left: 8, right: 8, top: 12 }, children: [
-    /* @__PURE__ */ jsx27(CartesianGrid, { vertical: false }),
-    /* @__PURE__ */ jsx27(XAxis, { dataKey: "label", tickLine: false, axisLine: false, tickMargin: 10 }),
-    /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(ChartContainer, { className: "h-full w-full", config: chartState.config, children: /* @__PURE__ */ jsxs20(BarChart, { accessibilityLayer: true, data: chartState.data, margin: { left: 8, right: 8, top: 12 }, children: [
+    /* @__PURE__ */ jsx28(CartesianGrid, { vertical: false }),
+    /* @__PURE__ */ jsx28(XAxis, { dataKey: "label", tickLine: false, axisLine: false, tickMargin: 10 }),
+    /* @__PURE__ */ jsx28(
       YAxis,
       {
         axisLine: false,
@@ -3604,10 +4186,10 @@ function UsageChart({
         width: 64
       }
     ),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(
       RechartsTooltip,
       {
-        content: /* @__PURE__ */ jsx27(
+        content: /* @__PURE__ */ jsx28(
           ChartTooltipContent,
           {
             formatter: (value) => formatMetricValue(Number(value), metricKind),
@@ -3617,8 +4199,8 @@ function UsageChart({
         cursor: false
       }
     ),
-    /* @__PURE__ */ jsx27(Legend, { content: /* @__PURE__ */ jsx27(ChartLegendContent, { className: "justify-center pt-3" }) }),
-    chartState.series.map((series) => /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(Legend, { content: /* @__PURE__ */ jsx28(ChartLegendContent, { className: "justify-center pt-3" }) }),
+    chartState.series.map((series) => /* @__PURE__ */ jsx28(
       Bar,
       {
         dataKey: series.id,
@@ -3639,7 +4221,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__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     ResourceTable,
     {
       rows: rows.slice(0, 80),
@@ -3648,9 +4230,9 @@ function UsageRowsTable({
         {
           id: "group",
           header: getUsageGroupLabel(groupBy),
-          render: (row) => /* @__PURE__ */ jsxs19("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsx27("div", { className: "max-w-80 truncate font-medium", children: row.groupLabel }),
-            row.groupKey !== row.groupLabel && /* @__PURE__ */ jsx27("div", { className: "max-w-80 truncate text-xs text-muted-foreground", children: row.groupKey })
+          render: (row) => /* @__PURE__ */ jsxs20("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx28("div", { className: "max-w-80 truncate font-medium", children: row.groupLabel }),
+            row.groupKey !== row.groupLabel && /* @__PURE__ */ jsx28("div", { className: "max-w-80 truncate text-xs text-muted-foreground", children: row.groupKey })
           ] })
         },
         {
@@ -3779,6 +4361,7 @@ function defaultCopilotzModules() {
     usageModule(),
     eventsModule(),
     threadsModule(),
+    brainModule(),
     agentsModule(),
     participantsModule(),
     collectionsModule()
@@ -3859,13 +4442,13 @@ function firstAccessibleRoute(modules, permissions) {
 
 // src/core/scope.tsx
 import { createContext as createContext3, useContext as useContext3 } from "react";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var AdminContext = createContext3(null);
 function AdminProvider({
   children,
   value
 }) {
-  return /* @__PURE__ */ jsx28(AdminContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx29(AdminContext.Provider, { value, children });
 }
 function useAdmin() {
   const context = useContext3(AdminContext);
@@ -3876,7 +4459,7 @@ function useAdmin() {
 }
 
 // src/core/CopilotzAdmin.tsx
-import { jsx as jsx29, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs21 } from "react/jsx-runtime";
 var DEFAULT_BRANDING = {
   title: "Copilotz Admin",
   subtitle: "Operate and configure Copilotz projects",
@@ -3976,7 +4559,7 @@ function CopilotzAdmin({
     scope,
     setNamespace: setNamespaceState
   };
-  return /* @__PURE__ */ jsx29(AdminProvider, { value: runtime, children: /* @__PURE__ */ jsx29(TooltipProvider, { children: /* @__PURE__ */ jsx29(SidebarProvider, { defaultOpen: true, children: /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsx30(AdminProvider, { value: runtime, children: /* @__PURE__ */ jsx30(TooltipProvider, { children: /* @__PURE__ */ jsx30(SidebarProvider, { defaultOpen: true, children: /* @__PURE__ */ jsxs21(
     "div",
     {
       className: cn(
@@ -3984,7 +4567,7 @@ function CopilotzAdmin({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(
           AdminShellSidebar,
           {
             branding,
@@ -3996,8 +4579,8 @@ function CopilotzAdmin({
             scopeOptions: scope.availableNamespaces
           }
         ),
-        /* @__PURE__ */ jsx29(SidebarInset, { children: /* @__PURE__ */ jsxs20("div", { className: "flex h-full min-h-0 flex-col", children: [
-          /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(SidebarInset, { children: /* @__PURE__ */ jsxs21("div", { className: "flex h-full min-h-0 flex-col", children: [
+          /* @__PURE__ */ jsx30(
             AdminShellHeader,
             {
               brandingActions: branding.actions,
@@ -4006,7 +4589,7 @@ function CopilotzAdmin({
               title: activeRoute?.title ?? "Admin"
             }
           ),
-          /* @__PURE__ */ jsx29("main", { className: "min-h-0 flex-1 overflow-auto bg-muted/20", children: /* @__PURE__ */ jsx29("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__ */ jsx29("div", { className: "rounded-lg border bg-background p-8 text-sm text-muted-foreground", children: "No accessible admin route is configured." }) }) })
+          /* @__PURE__ */ jsx30("main", { className: "min-h-0 flex-1 overflow-auto bg-muted/20", children: /* @__PURE__ */ jsx30("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__ */ jsx30("div", { className: "rounded-lg border bg-background p-8 text-sm text-muted-foreground", children: "No accessible admin route is configured." }) }) })
         ] }) })
       ]
     }
@@ -4025,57 +4608,57 @@ function AdminShellSidebar({
     group,
     items: navItems.filter((item) => (item.group ?? "extensions") === group)
   })).filter((entry) => entry.items.length > 0);
-  return /* @__PURE__ */ jsxs20(Sidebar, { collapsible: "icon", children: [
-    /* @__PURE__ */ jsx29(SidebarHeader, { children: /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3 px-2 py-3", children: [
-      /* @__PURE__ */ jsx29("div", { className: "flex size-8 shrink-0 items-center justify-center rounded-md bg-primary text-primary-foreground", children: branding.logo ?? /* @__PURE__ */ jsx29(Bot4, { className: "size-4" }) }),
-      /* @__PURE__ */ jsxs20("div", { className: "min-w-0 group-data-[collapsible=icon]:hidden", children: [
-        /* @__PURE__ */ jsx29("div", { className: "truncate text-sm font-semibold", children: branding.title }),
-        /* @__PURE__ */ jsx29("div", { className: "truncate text-xs text-muted-foreground", children: branding.subtitle })
+  return /* @__PURE__ */ jsxs21(Sidebar, { collapsible: "icon", children: [
+    /* @__PURE__ */ jsx30(SidebarHeader, { children: /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-3 px-2 py-3", children: [
+      /* @__PURE__ */ jsx30("div", { className: "flex size-8 shrink-0 items-center justify-center rounded-md bg-primary text-primary-foreground", children: branding.logo ?? /* @__PURE__ */ jsx30(Bot4, { className: "size-4" }) }),
+      /* @__PURE__ */ jsxs21("div", { className: "min-w-0 group-data-[collapsible=icon]:hidden", children: [
+        /* @__PURE__ */ jsx30("div", { className: "truncate text-sm font-semibold", children: branding.title }),
+        /* @__PURE__ */ jsx30("div", { className: "truncate text-xs text-muted-foreground", children: branding.subtitle })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx29(SidebarContent, { children: grouped.map(({ group, items }, index) => /* @__PURE__ */ jsxs20(React15.Fragment, { children: [
-      index > 0 && /* @__PURE__ */ jsx29(SidebarSeparator, {}),
-      /* @__PURE__ */ jsxs20(SidebarGroup, { children: [
-        /* @__PURE__ */ jsx29(SidebarGroupLabel, { className: "group-data-[collapsible=icon]:hidden", children: ADMIN_GROUP_LABELS[group] }),
-        /* @__PURE__ */ jsx29(SidebarGroupContent, { children: /* @__PURE__ */ jsx29(SidebarMenu, { children: items.map((item) => {
+    /* @__PURE__ */ jsx30(SidebarContent, { children: grouped.map(({ group, items }, index) => /* @__PURE__ */ jsxs21(React16.Fragment, { children: [
+      index > 0 && /* @__PURE__ */ jsx30(SidebarSeparator, {}),
+      /* @__PURE__ */ jsxs21(SidebarGroup, { children: [
+        /* @__PURE__ */ jsx30(SidebarGroupLabel, { className: "group-data-[collapsible=icon]:hidden", children: ADMIN_GROUP_LABELS[group] }),
+        /* @__PURE__ */ jsx30(SidebarGroupContent, { children: /* @__PURE__ */ jsx30(SidebarMenu, { children: items.map((item) => {
           const Icon2 = item.icon ?? LayoutDashboard;
-          return /* @__PURE__ */ jsx29(SidebarMenuItem, { children: /* @__PURE__ */ jsxs20(
+          return /* @__PURE__ */ jsx30(SidebarMenuItem, { children: /* @__PURE__ */ jsxs21(
             SidebarMenuButton,
             {
               isActive: route.routeId === item.routeId,
               onClick: () => onNavigate(item.routeId),
               tooltip: item.label,
               children: [
-                /* @__PURE__ */ jsx29(Icon2, {}),
-                /* @__PURE__ */ jsx29("span", { children: item.label })
+                /* @__PURE__ */ jsx30(Icon2, {}),
+                /* @__PURE__ */ jsx30("span", { children: item.label })
               ]
             }
           ) }, item.id);
         }) }) })
       ] })
     ] }, group)) }),
-    /* @__PURE__ */ jsxs20(SidebarFooter, { children: [
-      /* @__PURE__ */ jsxs20("div", { className: "group-data-[collapsible=icon]:hidden", children: [
-        /* @__PURE__ */ jsx29("label", { className: "mb-1 block px-2 text-xs font-medium text-muted-foreground", children: "Namespace" }),
-        /* @__PURE__ */ jsxs20(
+    /* @__PURE__ */ jsxs21(SidebarFooter, { children: [
+      /* @__PURE__ */ jsxs21("div", { className: "group-data-[collapsible=icon]:hidden", children: [
+        /* @__PURE__ */ jsx30("label", { className: "mb-1 block px-2 text-xs font-medium text-muted-foreground", children: "Namespace" }),
+        /* @__PURE__ */ jsxs21(
           Select,
           {
             value: namespace || "__all__",
             onValueChange: (value) => onNamespaceChange(value === "__all__" ? "" : value),
             children: [
-              /* @__PURE__ */ jsx29(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ jsx29(SelectValue, { placeholder: "All namespaces" }) }),
-              /* @__PURE__ */ jsxs20(SelectContent, { children: [
-                /* @__PURE__ */ jsx29(SelectItem, { value: "__all__", children: "All namespaces" }),
-                scopeOptions?.map((option) => /* @__PURE__ */ jsx29(SelectItem, { value: option.id, children: option.label ?? option.id }, option.id)),
-                namespace && !scopeOptions?.some((option) => option.id === namespace) && /* @__PURE__ */ jsx29(SelectItem, { value: namespace, children: namespace })
+              /* @__PURE__ */ jsx30(SelectTrigger, { className: "h-8 text-xs", children: /* @__PURE__ */ jsx30(SelectValue, { placeholder: "All namespaces" }) }),
+              /* @__PURE__ */ jsxs21(SelectContent, { children: [
+                /* @__PURE__ */ jsx30(SelectItem, { value: "__all__", children: "All namespaces" }),
+                scopeOptions?.map((option) => /* @__PURE__ */ jsx30(SelectItem, { value: option.id, children: option.label ?? option.id }, option.id)),
+                namespace && !scopeOptions?.some((option) => option.id === namespace) && /* @__PURE__ */ jsx30(SelectItem, { value: namespace, children: namespace })
               ] })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsx29("div", { className: "hidden justify-center group-data-[collapsible=icon]:flex", children: /* @__PURE__ */ jsx29(ChevronsUpDown, { className: "size-4 text-muted-foreground" }) })
+      /* @__PURE__ */ jsx30("div", { className: "hidden justify-center group-data-[collapsible=icon]:flex", children: /* @__PURE__ */ jsx30(ChevronsUpDown, { className: "size-4 text-muted-foreground" }) })
     ] }),
-    /* @__PURE__ */ jsx29(SidebarRail, {})
+    /* @__PURE__ */ jsx30(SidebarRail, {})
   ] });
 }
 function AdminShellHeader({
@@ -4084,17 +4667,17 @@ function AdminShellHeader({
   onRefresh,
   title
 }) {
-  return /* @__PURE__ */ jsxs20("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__ */ jsxs20(Tooltip, { children: [
-      /* @__PURE__ */ jsx29(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx29(SidebarTrigger, { className: "-ml-1" }) }),
-      /* @__PURE__ */ jsx29(TooltipContent, { children: "Toggle sidebar" })
+  return /* @__PURE__ */ jsxs21("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__ */ jsxs21(Tooltip, { children: [
+      /* @__PURE__ */ jsx30(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx30(SidebarTrigger, { className: "-ml-1" }) }),
+      /* @__PURE__ */ jsx30(TooltipContent, { children: "Toggle sidebar" })
     ] }),
-    /* @__PURE__ */ jsxs20("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-      /* @__PURE__ */ jsx29(Database2, { className: "size-4 text-muted-foreground" }),
-      /* @__PURE__ */ jsx29("h1", { className: "truncate text-sm font-medium", children: title })
+    /* @__PURE__ */ jsxs21("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+      /* @__PURE__ */ jsx30(Database2, { className: "size-4 text-muted-foreground" }),
+      /* @__PURE__ */ jsx30("h1", { className: "truncate text-sm font-medium", children: title })
     ] }),
-    /* @__PURE__ */ jsxs20(Tooltip, { children: [
-      /* @__PURE__ */ jsx29(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsxs21(Tooltip, { children: [
+      /* @__PURE__ */ jsx30(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx30(
         Button,
         {
           className: "size-8",
@@ -4103,10 +4686,10 @@ function AdminShellHeader({
           size: "icon",
           type: "button",
           variant: "ghost",
-          children: /* @__PURE__ */ jsx29(RefreshCw, { className: "size-4" })
+          children: /* @__PURE__ */ jsx30(RefreshCw2, { className: "size-4" })
         }
       ) }),
-      /* @__PURE__ */ jsx29(TooltipContent, { children: "Refresh" })
+      /* @__PURE__ */ jsx30(TooltipContent, { children: "Refresh" })
     ] }),
     brandingActions
   ] });
@@ -4236,6 +4819,7 @@ export {
   addUsageTotals,
   agentsModule,
   aggregateUsageRows,
+  brainModule,
   buildUsageChartState,
   canAccessAdminPermission,
   collectAdminNavItems,