@tonyclaw/agent-inspector 2.1.6 → 2.1.8

package/src/components/groups/GroupsDialog.tsx

@@ -1016,9 +1016,14 @@ function MemberRow({
               <ExternalLink className="size-3 shrink-0 text-muted-foreground" />
             </a>
           ) : (
-            <span
-              className="inline-flex max-w-full min-w-0 items-center gap-2 font-mono text-xs text-foreground"
-              title={`Evidence snapshot for ${sessionLabel}`}
+            <button
+              type="button"
+              className="inline-flex max-w-full min-w-0 items-center gap-2 rounded-sm font-mono text-xs text-foreground outline-none hover:underline focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+              title={`Show evidence snapshot for ${sessionLabel}`}
+              aria-label={`Show evidence snapshot for ${sessionLabel}`}
+              onClick={() => {
+                onToggleDetails(member.id);
+              }}
             >
               <span className="min-w-0 truncate">{sessionLabel}</span>
               <Badge
@@ -1027,7 +1032,7 @@ function MemberRow({
               >
                 evidence
               </Badge>
-            </span>
+            </button>
           )}
         </div>
         <div className="mt-0.5 truncate text-[11px] text-muted-foreground">

package/src/components/providers/SettingsDialog.tsx

@@ -123,6 +123,9 @@ type LogStorageStats = {
   chunkDir: string;
   chunkFileCount: number;
   chunkBytes: number;
+  sessionArchiveDir: string;
+  sessionArchiveFileCount: number;
+  sessionArchiveBytes: number;
 };
 
 const LogStorageStatsSchema = z.object({
@@ -133,6 +136,9 @@ const LogStorageStatsSchema = z.object({
   chunkDir: z.string(),
   chunkFileCount: z.number(),
   chunkBytes: z.number(),
+  sessionArchiveDir: z.string(),
+  sessionArchiveFileCount: z.number(),
+  sessionArchiveBytes: z.number(),
 });
 
 function formatBytes(bytes: number): string {
@@ -213,6 +219,13 @@ function StorageSettingsTab(): JSX.Element {
             copiedId={copiedId}
             onCopy={handleCopy}
           />
+          <CopyableSetupValue
+            id="session-archive-dir"
+            label="Session archive storage path"
+            value={stats.sessionArchiveDir}
+            copiedId={copiedId}
+            onCopy={handleCopy}
+          />
           <div className="rounded-md border border-border bg-muted/20 px-3 py-2">
             <div className="font-medium">In-memory logs</div>
             <div className="mt-1 font-mono text-muted-foreground">
@@ -231,6 +244,13 @@ function StorageSettingsTab(): JSX.Element {
               {stats.chunkFileCount.toLocaleString()} files / {formatBytes(stats.chunkBytes)}
             </div>
           </div>
+          <div className="rounded-md border border-border bg-muted/20 px-3 py-2">
+            <div className="font-medium">Session archives</div>
+            <div className="mt-1 font-mono text-muted-foreground">
+              {stats.sessionArchiveFileCount.toLocaleString()} files /{" "}
+              {formatBytes(stats.sessionArchiveBytes)}
+            </div>
+          </div>
         </div>
       )}
 
@@ -311,6 +331,18 @@ function OnboardingSettingsTab(): JSX.Element {
       },
       { id: "opencode-verify", label: "OpenCode verify", value: "opencode mcp list" },
       { id: "opencode-proxy", label: "OpenCode proxy", value: `LLM_BASE_URL=${origin}/proxy` },
+      {
+        id: "mimo-config",
+        label: "MiMo Code config",
+        value: "agent-inspector onboard --mimo-only",
+      },
+      {
+        id: "mimo-status",
+        label: "MiMo Code status",
+        value: "agent-inspector onboard --status --mimo-only",
+      },
+      { id: "mimo-verify", label: "MiMo Code verify", value: "mimo mcp list" },
+      { id: "mimo-proxy", label: "MiMo Code proxy", value: `OPENAI_BASE_URL=${origin}/proxy` },
       { id: "mcp", label: "MCP URL", value: `${origin}/api/mcp` },
       { id: "proxy", label: "Proxy URL", value: `${origin}/proxy` },
       { id: "anthropic", label: "Anthropic base", value: `ANTHROPIC_BASE_URL=${origin}/proxy` },
@@ -382,6 +414,24 @@ function OnboardingSettingsTab(): JSX.Element {
             .
           </span>
         </div>
+        <div className="flex items-start gap-2">
+          <Check className="mt-0.5 size-3.5 text-emerald-500" />
+          <span>
+            MiMo Code onboarding safely merges{" "}
+            <code className="rounded bg-muted px-1 py-0.5 font-mono text-[11px] text-foreground">
+              mcp.agent-inspector
+            </code>{" "}
+            into{" "}
+            <code className="rounded bg-muted px-1 py-0.5 font-mono text-[11px] text-foreground">
+              mimocode.jsonc
+            </code>
+            , then route OpenAI-format traffic with{" "}
+            <code className="rounded bg-muted px-1 py-0.5 font-mono text-[11px] text-foreground">
+              OPENAI_BASE_URL
+            </code>
+            .
+          </span>
+        </div>
         <div className="flex items-start gap-2">
           <Check className="mt-0.5 size-3.5 text-emerald-500" />
           <span>
@@ -478,6 +528,23 @@ function McpSettingsTab(): JSX.Element {
           2,
         ),
       },
+      {
+        id: "mimo-local",
+        label: "MiMo Code local MCP",
+        value: JSON.stringify(
+          {
+            mcp: {
+              "agent-inspector": {
+                type: "local",
+                command: ["agent-inspector-mcp", "stdio", "--url", endpoint],
+                enabled: true,
+              },
+            },
+          },
+          null,
+          2,
+        ),
+      },
       {
         id: "codex-toml",
         label: "Codex TOML",

package/src/components/proxy-viewer/ConversationGroup.tsx

@@ -8,6 +8,7 @@ import {
   hasMixedApiFormat,
   type ConversationGroupData,
 } from "./ConversationHeader";
+import { detectProvider } from "../providers/ProviderLogo";
 import { TurnGroup } from "./TurnGroup";
 import { AgentTraceSummary } from "./AgentTraceSummary";
 import type { CacheTrendEntry } from "./cacheTrend";
@@ -56,6 +57,31 @@ function computeStats(logs: CapturedLog[]): {
   return { totalInputTokens: totalInput, totalOutputTokens: totalOutput };
 }
 
+/** Bucket each log's model under its detected provider and return one entry
+ *  per provider with the deduplicated model names. Used by the session
+ *  header to render one logo per provider used in the session. */
+function collectProviders(logs: CapturedLog[]): {
+  provider: import("../providers/ProviderLogo").Provider;
+  models: string[];
+}[] {
+  const buckets = new Map<import("../providers/ProviderLogo").Provider, Set<string>>();
+  for (const log of logs) {
+    if (log.model === null) continue;
+    const provider = detectProvider(log.model);
+    if (provider === "unknown") continue;
+    let models = buckets.get(provider);
+    if (models === undefined) {
+      models = new Set();
+      buckets.set(provider, models);
+    }
+    models.add(log.model);
+  }
+  return [...buckets.entries()].map(([provider, models]) => ({
+    provider,
+    models: [...models],
+  }));
+}
+
 export const ConversationGroup = memo(function ({
   group,
   viewMode = "simple",
@@ -84,6 +110,7 @@ export const ConversationGroup = memo(function ({
     [onExpandedChange],
   );
   const stats = useMemo(() => computeStats(group.logs), [group.logs]);
+  const providers = useMemo(() => collectProviders(group.logs), [group.logs]);
   const startTime = group.logs[0]?.timestamp ?? new Date().toISOString();
   const endTime = group.logs[group.logs.length - 1]?.timestamp ?? new Date().toISOString();
   const mixed = hasMixedApiFormat(group.logs);
@@ -122,6 +149,7 @@ export const ConversationGroup = memo(function ({
           expanded={expanded}
           onToggle={() => setExpanded(!expanded)}
           hideApiFormat={mixed}
+          providers={providers}
           isLoading={isLoading}
           userAgent={group.logs[0]?.userAgent ?? null}
           timeDisplayFormat={timeDisplayFormat}

package/src/components/proxy-viewer/ConversationHeader.tsx

@@ -18,6 +18,8 @@ import { cn, formatTokens } from "../../lib/utils";
 import type { CapturedLog } from "../../contracts";
 import { Badge } from "../ui/badge";
 import { ConfirmDialog } from "../ui/confirm-dialog";
+import { ProviderLogo, type Provider } from "../providers/ProviderLogo";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../ui/tooltip";
 import { resolveLogFormat } from "./log-formats";
 
 const API_FORMAT_LABELS: Record<"anthropic" | "openai" | "unknown", string> = {
@@ -39,6 +41,11 @@ export type ConversationHeaderProps = {
   /** Hide the API format badge on the header (used when the group contains
    * mixed formats - the per-log badges are shown instead). */
   hideApiFormat?: boolean;
+  /** Unique providers whose models appear in this group, with their distinct
+   * model names. Rendered as a row of provider logos next to the header —
+   * one per provider so model-switching inside a single session is visible
+   * at a glance. `undefined` hides the strip (default). */
+  providers?: { provider: Provider; models: string[] }[];
   /** When true and the group is collapsed, show a spinner instead of the
    * expand chevron to indicate an in-flight request inside the group. */
   isLoading?: boolean;
@@ -62,6 +69,7 @@ export function ConversationHeader({
   expanded,
   onToggle,
   hideApiFormat = false,
+  providers,
   isLoading = false,
   userAgent,
   timeDisplayFormat,
@@ -152,6 +160,32 @@ export function ConversationHeader({
         </Badge>
       )}
 
+      {/* Provider logos — one per unique provider used in this session. When
+         a session switched models mid-stream (e.g. claude-3-5 → deepseek-v4)
+         multiple logos appear side-by-side; tooltip lists every distinct
+         model name. */}
+      {providers !== undefined && providers.length > 0 && (
+        <TooltipProvider delayDuration={150}>
+          <span
+            className="flex items-center gap-0.5 shrink-0"
+            aria-label="Models used in this session"
+          >
+            {providers.map(({ provider, models }) => (
+              <Tooltip key={provider}>
+                <TooltipTrigger asChild>
+                  <span className="shrink-0">
+                    <ProviderLogo provider={provider} className="size-4" />
+                  </span>
+                </TooltipTrigger>
+                <TooltipContent>
+                  {models.length === 1 ? models[0] : models.join(", ")}
+                </TooltipContent>
+              </Tooltip>
+            ))}
+          </span>
+        </TooltipProvider>
+      )}
+
       {/* Time range */}
       <span className="flex items-center gap-1 text-muted-foreground text-xs shrink-0">
         <Clock className="size-3" />

package/src/components/proxy-viewer/LogEntryHeader.tsx

@@ -30,7 +30,6 @@ import { cn, formatTokens, getStatusCategory, type StatusCategory } from "../../
 import type { CapturedLog } from "../../contracts";
 import { Badge } from "../ui/badge";
 import { Button } from "../ui/button";
-import { ProviderLogo, detectProvider } from "../providers/ProviderLogo";
 import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "../ui/tooltip";
 import type { CacheTrend } from "./cacheTrend";
 
@@ -199,17 +198,9 @@ export const LogEntryHeader = memo(function ({
           </span>
         </span>
 
-        {/* Model — logo icon only, model name in tooltip */}
-        {log.model !== null && (
-          <Tooltip>
-            <TooltipTrigger asChild>
-              <span className="shrink-0">
-                <ProviderLogo provider={detectProvider(log.model)} className="size-4" />
-              </span>
-            </TooltipTrigger>
-            <TooltipContent>{log.model}</TooltipContent>
-          </Tooltip>
-        )}
+        {/* Model logo moved to the session/conversation header — per-log rows
+            no longer render the logo (sessions with many logs would show the
+            same provider logo dozens of times). */}
 
         {/* Response Status — only shown for non-200 or pending. Each category
             carries a distinct icon in addition to color so the meaning is

package/src/mcp/server.ts

@@ -316,6 +316,15 @@ function mcpConfig(): Record<string, unknown> {
         },
       },
     },
+    mimoCodeLocal: {
+      mcp: {
+        "agent-inspector": {
+          type: "local",
+          command: ["agent-inspector-mcp", "stdio", "--url", endpoint],
+          enabled: true,
+        },
+      },
+    },
     networkNote:
       "If the MCP client runs in another container or host, replace localhost with an address reachable from that client. Configure only one transport for the same Inspector instance.",
   };
@@ -739,7 +748,11 @@ function registerTools(server: McpServer): void {
         title: z.string().min(1).optional().describe("Human-readable run title."),
         task: z.string().nullable().optional().describe("Task statement or benchmark case."),
         project: z.string().nullable().optional().describe("Project or repository under test."),
-        agent: z.string().nullable().optional().describe("Coding agent name, e.g. Codex/OpenCode."),
+        agent: z
+          .string()
+          .nullable()
+          .optional()
+          .describe("Coding agent name, e.g. Codex/OpenCode/MiMo Code."),
         status: InspectorRunStatusSchema.optional().describe("Initial run status."),
         tags: z.array(z.string()).optional().describe("Free-form run labels."),
         metadata: z.record(z.string(), JsonValueSchema).optional().describe("JSON metadata."),
@@ -860,7 +873,7 @@ function registerTools(server: McpServer): void {
     {
       title: "Create or declare an Inspector group",
       description:
-        "Creates an evaluation/batch group that external systems can use to aggregate multiple OpenCode/Codex sessions across models such as MiniMax, DeepSeek, or GLM.",
+        "Creates an evaluation/batch group that external systems can use to aggregate multiple Codex, OpenCode, or MiMo Code sessions across models such as MiniMax, DeepSeek, or GLM.",
       inputSchema: z.object({
         groupId: z.string().min(1).optional().describe("Stable group id. Generated when omitted."),
         title: z.string().min(1).optional().describe("Human-readable group title."),
@@ -922,7 +935,7 @@ function registerTools(server: McpServer): void {
     {
       title: "Attach a session to an Inspector group",
       description:
-        "Adds or updates one group member. Use it after each OpenCode process discovers its session id, or while an evaluation matrix is running to attach model/provider labels.",
+        "Adds or updates one group member. Use it after each coding-agent process discovers its session id, or while an evaluation matrix is running to attach model/provider labels.",
       inputSchema: AddInspectorGroupSessionInputSchema.extend({
         groupId: z.string().min(1).describe("The Inspector group id."),
       }),
@@ -1204,7 +1217,8 @@ function registerResources(server: McpServer): void {
     "inspector://mcp/config",
     {
       title: "Inspector MCP client config",
-      description: "Streamable HTTP, stdio bridge, and OpenCode MCP configuration snippets.",
+      description:
+        "Streamable HTTP, stdio bridge, OpenCode, and MiMo Code MCP configuration snippets.",
       mimeType: "application/json",
     },
     (uri) => jsonResource(uri, mcpConfig()),