@tonyclaw/agent-inspector 2.1.7 → 2.1.9

package/src/components/providers/SettingsDialog.tsx

@@ -331,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` },
@@ -402,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>
@@ -498,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

@@ -2,12 +2,8 @@ import { useState, memo, useCallback, useEffect, useMemo } from "react";
 import type { JSX } from "react";
 import type { TimeDisplayFormat } from "../../lib/runtimeConfig";
 import type { CapturedLog } from "../../contracts";
-import {
-  ConversationHeader,
-  getGroupApiFormat,
-  hasMixedApiFormat,
-  type ConversationGroupData,
-} from "./ConversationHeader";
+import { ConversationHeader, type ConversationGroupData } from "./ConversationHeader";
+import { detectProvider } from "../providers/ProviderLogo";
 import { TurnGroup } from "./TurnGroup";
 import { AgentTraceSummary } from "./AgentTraceSummary";
 import type { CacheTrendEntry } from "./cacheTrend";
@@ -56,6 +52,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,9 +105,9 @@ 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);
   const isLoading = group.logs.some((log) => log.responseStatus === null);
   const showTraceRollupMetrics = standalone && !hasPinnedSessionContext;
 
@@ -118,12 +139,13 @@ export const ConversationGroup = memo(function ({
           totalCalls={group.logs.length}
           totalInputTokens={stats.totalInputTokens}
           totalOutputTokens={stats.totalOutputTokens}
-          apiFormat={getGroupApiFormat(group.logs)}
           expanded={expanded}
           onToggle={() => setExpanded(!expanded)}
-          hideApiFormat={mixed}
+          providers={providers}
           isLoading={isLoading}
           userAgent={group.logs[0]?.userAgent ?? null}
+          clientPid={group.logs[0]?.clientPid ?? null}
+          clientProjectFolder={group.logs[0]?.clientProjectFolder ?? null}
           timeDisplayFormat={timeDisplayFormat}
           onClear={() => onClearGroup(group.logs.map((l) => l.id))}
         />

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

@@ -16,16 +16,11 @@ import type { TimeDisplayFormat } from "../../lib/runtimeConfig";
 import { formatTimestampRange } from "../../lib/timeDisplay";
 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> = {
-  anthropic: "Anthropic",
-  openai: "OpenAI",
-  unknown: "Unknown",
-};
-
 export type ConversationHeaderProps = {
   conversationId: string;
   startTime: string;
@@ -33,17 +28,28 @@ export type ConversationHeaderProps = {
   totalCalls: number;
   totalInputTokens: number;
   totalOutputTokens: number;
-  apiFormat: "anthropic" | "openai" | "unknown";
   expanded: boolean;
   onToggle: () => void;
-  /** 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;
   /** User-Agent string from the first log in the group. */
   userAgent?: string | null;
+  /** Process ID of the client that issued the first log in the group, used
+   * to render the session identifier. When `conversationId` is a real
+   * session id this is shown as a secondary pill; when `conversationId` is
+   * a fallback (no sessionId was emitted by the client, e.g. `PID:123|/cwd`)
+   * the PID is shown as the primary identifier instead. */
+  clientPid?: number | null;
+  /** Project folder of the client that issued the first log in the group.
+   * Only shown as a secondary label when the session lacks a real
+   * `sessionId` (the same fallback path used for `clientPid`). */
+  clientProjectFolder?: string | null;
   /** Controls whether timestamps render as compact local time or full ISO strings. */
   timeDisplayFormat: TimeDisplayFormat;
   /** Clear all logs in this group. After confirmation the parent removes them
@@ -58,12 +64,13 @@ export function ConversationHeader({
   totalCalls,
   totalInputTokens,
   totalOutputTokens,
-  apiFormat,
   expanded,
   onToggle,
-  hideApiFormat = false,
+  providers,
   isLoading = false,
   userAgent,
+  clientPid,
+  clientProjectFolder,
   timeDisplayFormat,
   onClear,
 }: ConversationHeaderProps): JSX.Element {
@@ -114,17 +121,59 @@ export function ConversationHeader({
         <ChevronRight className="size-4 text-muted-foreground shrink-0" />
       )}
 
-      {/* Conversation ID */}
-      <span
-        className="text-purple-400/90 font-mono text-xs font-semibold shrink-0"
-        title={conversationId}
-      >
-        {conversationId.startsWith("PID:") || conversationId.includes("|")
-          ? conversationId
-          : conversationId.length > 24
-            ? conversationId.slice(0, 12) + "..." + conversationId.slice(-12)
-            : conversationId}
-      </span>
+      {/* Session identifier.
+          - Real session id (e.g. `sess_abc123...`) → render the id with the
+            standard ellipsis truncation; show `PID <n>` as a secondary pill
+            when we know the originating process.
+          - Fallback id (no sessionId was emitted) → the conversationId is
+            already a synthesized `PID:<n>|<folder>` marker; render the PID
+            as the primary identifier (purple, same weight as a real id)
+            and the project folder as a secondary muted label. */}
+      {conversationId.startsWith("PID:") || conversationId.includes("|") ? (
+        <>
+          {clientPid !== null && clientPid !== undefined ? (
+            <span
+              className="text-purple-400/90 font-mono text-xs font-semibold shrink-0"
+              title={`PID ${clientPid}`}
+            >
+              PID {clientPid}
+            </span>
+          ) : (
+            <span className="text-purple-400/90 font-mono text-xs font-semibold shrink-0">
+              {conversationId}
+            </span>
+          )}
+          {clientProjectFolder !== null &&
+            clientProjectFolder !== undefined &&
+            clientProjectFolder !== "" && (
+              <span
+                className="text-muted-foreground text-xs font-mono truncate max-w-[200px] shrink-0"
+                title={clientProjectFolder}
+              >
+                {clientProjectFolder}
+              </span>
+            )}
+        </>
+      ) : (
+        <>
+          <span
+            className="text-purple-400/90 font-mono text-xs font-semibold shrink-0"
+            title={conversationId}
+          >
+            {conversationId.length > 24
+              ? conversationId.slice(0, 12) + "..." + conversationId.slice(-12)
+              : conversationId}
+          </span>
+          {clientPid !== null && clientPid !== undefined && (
+            <span
+              className="text-muted-foreground text-xs font-mono tabular-nums shrink-0 px-1.5 py-0.5 rounded border border-border bg-muted/40"
+              title={`Client process ID ${clientPid}`}
+            >
+              PID {clientPid}
+            </span>
+          )}
+        </>
+      )}
 
       {/* User-Agent */}
       {userAgent !== null && userAgent !== undefined && userAgent !== "" && (
@@ -137,19 +186,30 @@ export function ConversationHeader({
         </span>
       )}
 
-      {/* API Format Badge */}
-      {!hideApiFormat && (
-        <Badge
-          variant="outline"
-          className={cn(
-            "text-[10px] px-1.5 py-0 h-5 font-mono shrink-0",
-            apiFormat === "openai" && "border-blue-500/40 text-blue-400",
-            apiFormat === "anthropic" && "border-orange-500/40 text-orange-400",
-            apiFormat === "unknown" && "border-muted text-muted-foreground",
-          )}
-        >
-          {API_FORMAT_LABELS[apiFormat]}
-        </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 */}

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()),

package/.output/public/assets/_sessionId-BHpX8AVf.js

@@ -1 +0,0 @@
-import{R as s,j as e}from"./main-BxHXMs6B.js";import{P as i}from"./ProxyViewerContainer-BFZ1WG07.js";function t(){const{sessionId:o}=s.useParams();return e.jsx(i,{initialSessionId:o},o)}export{t as component};

package/.output/public/assets/index-BXHM9OMb.js

@@ -1 +0,0 @@
-import{P as o}from"./ProxyViewerContainer-BFZ1WG07.js";import"./main-BxHXMs6B.js";const r=o;export{r as component};