@tonyclaw/agent-inspector 3.0.8 → 3.0.9

package/src/components/clients/ClientLogo.tsx

@@ -4,8 +4,15 @@ import ClaudeCodeLogoSvg from "../../assets/IDE/claudecode-color.svg";
 import CodexLogoSvg from "../../assets/IDE/codex-color.svg";
 import OpenCodeLogoSvg from "../../assets/IDE/opencode.svg";
 import MiMoCodeLogoSvg from "../../assets/IDE/xiaomimimo.svg";
+import AgentInspectorLogo from "../../assets/agent-inspector.ico";
 
-export type ClientApp = "codex" | "opencode" | "mimo-code" | "claude-code" | "unknown";
+export type ClientApp =
+  | "agent-inspector"
+  | "codex"
+  | "opencode"
+  | "mimo-code"
+  | "claude-code"
+  | "unknown";
 
 export type ClientAppDetectionInput = {
   userAgent?: string | null;
@@ -14,6 +21,7 @@ export type ClientAppDetectionInput = {
 };
 
 const CLIENT_LABELS: Record<Exclude<ClientApp, "unknown">, string> = {
+  "agent-inspector": "Inspector",
   codex: "Codex",
   opencode: "OpenCode",
   "mimo-code": "MiMo Code",
@@ -38,6 +46,9 @@ export function detectClientApp(input: ClientAppDetectionInput): ClientApp {
     normalize(input.clientProjectFolder),
   ].join(" ");
 
+  if (matchesAny(haystack, ["agent-inspector", "agent inspector", "provider-test"])) {
+    return "agent-inspector";
+  }
   if (matchesAny(haystack, ["mimocode", "mimo-code", "mimo code"])) return "mimo-code";
   if (matchesAny(haystack, ["opencode", "open-code", "open code"])) return "opencode";
   if (matchesAny(haystack, ["claude-code", "claude code", "claudecode"])) return "claude-code";
@@ -50,6 +61,7 @@ export function detectClientApp(input: ClientAppDetectionInput): ClientApp {
 
 export function clientAppLabel(client: ClientApp): string | null {
   switch (client) {
+    case "agent-inspector":
     case "codex":
     case "opencode":
     case "mimo-code":
@@ -61,6 +73,7 @@ export function clientAppLabel(client: ClientApp): string | null {
 }
 
 const CLIENT_LOGOS: Record<Exclude<ClientApp, "unknown">, string> = {
+  "agent-inspector": AgentInspectorLogo,
   codex: CodexLogoSvg,
   opencode: OpenCodeLogoSvg,
   "mimo-code": MiMoCodeLogoSvg,
@@ -68,6 +81,7 @@ const CLIENT_LOGOS: Record<Exclude<ClientApp, "unknown">, string> = {
 };
 
 const CLIENT_LOGO_FRAMES: Record<Exclude<ClientApp, "unknown">, string> = {
+  "agent-inspector": "border-orange-200/25 bg-orange-300/[0.12]",
   codex: "border-cyan-200/20 bg-cyan-300/[0.08]",
   opencode: "border-sky-200/25 bg-sky-300/[0.12]",
   "mimo-code": "border-orange-200/25 bg-orange-400/[0.12]",
@@ -75,6 +89,7 @@ const CLIENT_LOGO_FRAMES: Record<Exclude<ClientApp, "unknown">, string> = {
 };
 
 const CLIENT_LOGO_IMAGES: Record<Exclude<ClientApp, "unknown">, string> = {
+  "agent-inspector": "p-0.5 drop-shadow-[0_0_8px_rgba(251,146,60,0.35)]",
   codex: "p-0.5",
   opencode: "p-1 drop-shadow-[0_0_8px_rgba(125,211,252,0.35)]",
   "mimo-code": "p-0.5 drop-shadow-[0_0_8px_rgba(255,105,0,0.35)]",

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

@@ -217,13 +217,6 @@ export const TurnGroup = memo(function TurnGroup({
             }
           }}
         >
-          {/* Turn number */}
-          <div className="w-5 shrink-0 flex items-start pt-1.5">
-            <span className="text-[10px] text-muted-foreground/50 font-mono tabular-nums leading-none select-none">
-              {turnIndex + 1}
-            </span>
-          </div>
-
           <div className="w-6 shrink-0 flex flex-col items-center pt-1.5 pb-1.5">
             <div className="flex justify-center h-[calc(0.75rem-8px)]" />
             <CollapsedCrab
@@ -344,15 +337,6 @@ export const TurnGroup = memo(function TurnGroup({
 
           return (
             <div key={log.id} className="flex items-stretch">
-              {isTurnStart ? (
-                <div className="w-5 shrink-0 flex items-start pt-1.5">
-                  <span className="text-[10px] text-muted-foreground/50 font-mono tabular-nums leading-none select-none">
-                    {turnIndex + 1}
-                  </span>
-                </div>
-              ) : (
-                <div className="w-5 shrink-0" />
-              )}
               <ThreadConnector
                 stopReason={reason}
                 isPending={log.responseStatus === null}

package/src/components/proxy-viewer/log-formats/anthropic.ts

@@ -1,6 +1,7 @@
 import { AnthropicRequestSchema, AnthropicResponseSchema } from "../../../contracts/anthropic";
 import type { AnatomySegment } from "../anatomy/types";
 import { countCharacters, estimateTokens } from "../anatomy/tokenEstimate";
+import { parseRequestTools } from "../requestTools";
 import type { LogFormatAdapter } from "./types";
 import { emptyRequestAnalysis, EMPTY_RESPONSE_ANALYSIS } from "./types";
 
@@ -113,16 +114,15 @@ export const anthropicLogFormatAdapter: LogFormatAdapter = {
   analyzeRequest(rawBody) {
     if (rawBody === null) return emptyRequestAnalysis(rawBody);
     try {
-      const result = AnthropicRequestSchema.safeParse(JSON.parse(rawBody));
+      const parsedBody: unknown = JSON.parse(rawBody);
+      const toolCount = parseRequestTools(parsedBody)?.tools.length ?? null;
+      const result = AnthropicRequestSchema.safeParse(parsedBody);
       if (!result.success) return emptyRequestAnalysis(rawBody);
       return {
         parsed: result.data,
         comparisonValue: result.data,
         messageCount: result.data.messages.length,
-        toolCount:
-          result.data.tools !== undefined && result.data.tools.length > 0
-            ? result.data.tools.length
-            : null,
+        toolCount,
       };
     } catch {
       return emptyRequestAnalysis(rawBody);

package/src/components/proxy-viewer/log-formats/openai.ts

@@ -7,6 +7,7 @@ import {
 import { safeGetOwnProperty } from "../../../lib/objectUtils";
 import type { AnatomySegment } from "../anatomy/types";
 import { countCharacters, estimateTokens } from "../anatomy/tokenEstimate";
+import { parseRequestTools } from "../requestTools";
 import type { LogFormatAdapter } from "./types";
 import { emptyRequestAnalysis, EMPTY_RESPONSE_ANALYSIS } from "./types";
 
@@ -146,28 +147,24 @@ export const openAILogFormatAdapter: LogFormatAdapter = {
   analyzeRequest(rawBody) {
     if (rawBody === null) return emptyRequestAnalysis(rawBody);
     try {
-      const result = OpenAIRequestSchema.safeParse(JSON.parse(rawBody));
+      const parsedBody: unknown = JSON.parse(rawBody);
+      const toolCount = parseRequestTools(parsedBody)?.tools.length ?? null;
+      const result = OpenAIRequestSchema.safeParse(parsedBody);
       if (!result.success) {
-        const responsesResult = OpenAIResponsesRequestSchema.safeParse(JSON.parse(rawBody));
+        const responsesResult = OpenAIResponsesRequestSchema.safeParse(parsedBody);
         if (!responsesResult.success) return emptyRequestAnalysis(rawBody);
         return {
           parsed: responsesResult.data,
           comparisonValue: responsesResult.data,
           messageCount: countResponsesInput(responsesResult.data.input),
-          toolCount:
-            responsesResult.data.tools !== undefined && responsesResult.data.tools.length > 0
-              ? responsesResult.data.tools.length
-              : null,
+          toolCount,
         };
       }
       return {
         parsed: result.data,
         comparisonValue: result.data,
         messageCount: result.data.messages.length,
-        toolCount:
-          result.data.tools !== undefined && result.data.tools.length > 0
-            ? result.data.tools.length
-            : null,
+        toolCount,
       };
     } catch {
       return emptyRequestAnalysis(rawBody);

package/src/components/proxy-viewer/requestTools.ts

@@ -145,8 +145,11 @@ function parseAnthropicTool(tool: unknown): RequestToolDefinition | null {
 function parseOpenAITool(tool: unknown): RequestToolDefinition | null {
   const fn = safeGetOwnProperty(tool, "function");
   const toolType = safeGetOwnProperty(tool, "type");
-  if (fn === undefined && toolType !== "function") return null;
-  const name = safeGetOwnProperty(fn, "name") ?? safeGetOwnProperty(tool, "name");
+  if (fn === undefined && typeof toolType !== "string") return null;
+  const name =
+    safeGetOwnProperty(fn, "name") ??
+    safeGetOwnProperty(tool, "name") ??
+    (typeof toolType === "string" ? toolType : undefined);
   if (typeof name !== "string" || name.length === 0) return null;
   const description =
     safeGetOwnProperty(fn, "description") ?? safeGetOwnProperty(tool, "description");

package/src/routes/api/providers.$providerId.test.log.ts

@@ -1,4 +1,5 @@
 import { createFileRoute } from "@tanstack/react-router";
+import { basename } from "node:path";
 import { getProvider, getModelUsageName } from "../../proxy/providers";
 import { addTestLogEntry } from "../../proxy/store";
 import { getConfig } from "../../proxy/config";
@@ -51,6 +52,27 @@ function getResultTokensPerSecond(result: TestResult): number | null {
   );
 }
 
+function providerTestClientFields(providerName: string): {
+  userAgent: string;
+  origin: null;
+  isTest: true;
+  providerName: string;
+  clientPid: number;
+  clientCwd: string;
+  clientProjectFolder: string;
+} {
+  const cwd = process.cwd();
+  return {
+    userAgent: "Agent Inspector Provider Test",
+    origin: null,
+    isTest: true,
+    providerName,
+    clientPid: process.pid,
+    clientCwd: cwd,
+    clientProjectFolder: basename(cwd),
+  };
+}
+
 async function logModelResults(
   displayName: string,
   providerName: string,
@@ -90,11 +112,8 @@ async function logModelResults(
         totalStreamMs: null,
         tokensPerSecond: null,
         streaming: false,
-        userAgent: "provider-test",
-        origin: null,
         apiFormat: "anthropic",
-        isTest: true,
-        providerName,
+        ...providerTestClientFields(providerName),
         headers: captureFullDetails ? getResultHeaders(nonStreamingResult) : undefined,
       });
 
@@ -121,11 +140,8 @@ async function logModelResults(
         tokensPerSecond: getResultTokensPerSecond(streamingResult),
         streaming: true,
         streamingChunks: captureFullDetails ? streamingResult.streamingChunks : undefined,
-        userAgent: "provider-test",
-        origin: null,
         apiFormat: "anthropic",
-        isTest: true,
-        providerName,
+        ...providerTestClientFields(providerName),
         headers: captureFullDetails ? getResultHeaders(streamingResult) : undefined,
       });
     }
@@ -158,11 +174,8 @@ async function logModelResults(
         totalStreamMs: null,
         tokensPerSecond: null,
         streaming: false,
-        userAgent: "provider-test",
-        origin: null,
         apiFormat: "openai",
-        isTest: true,
-        providerName,
+        ...providerTestClientFields(providerName),
         headers: captureFullDetails ? getResultHeaders(nonStreamingResult) : undefined,
       });
 
@@ -189,11 +202,8 @@ async function logModelResults(
         tokensPerSecond: getResultTokensPerSecond(streamingResult),
         streaming: true,
         streamingChunks: captureFullDetails ? streamingResult.streamingChunks : undefined,
-        userAgent: "provider-test",
-        origin: null,
         apiFormat: "openai",
-        isTest: true,
-        providerName,
+        ...providerTestClientFields(providerName),
         headers: captureFullDetails ? getResultHeaders(streamingResult) : undefined,
       });
     }
@@ -228,11 +238,8 @@ async function logModelResults(
         totalStreamMs: null,
         tokensPerSecond: null,
         streaming: false,
-        userAgent: "provider-test",
-        origin: null,
         apiFormat: "openai",
-        isTest: true,
-        providerName,
+        ...providerTestClientFields(providerName),
         headers: captureFullDetails ? getResultHeaders(nonStreamingResult) : undefined,
       });
 
@@ -259,11 +266,8 @@ async function logModelResults(
         tokensPerSecond: getResultTokensPerSecond(streamingResult),
         streaming: true,
         streamingChunks: captureFullDetails ? streamingResult.streamingChunks : undefined,
-        userAgent: "provider-test",
-        origin: null,
         apiFormat: "openai",
-        isTest: true,
-        providerName,
+        ...providerTestClientFields(providerName),
         headers: captureFullDetails ? getResultHeaders(streamingResult) : undefined,
       });
     }