@tonyclaw/agent-inspector 3.0.8 → 3.0.10

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/providers/ProviderCard.tsx

@@ -31,13 +31,6 @@ import {
   providerHasContextMetadata,
 } from "../../lib/providerModelMetadata";
 import { formatContextWindowTokens } from "../../lib/utils";
-import {
-  PATH_V1_CHAT_COMPLETIONS,
-  PATH_V1_MESSAGES,
-  PATH_V1_RESPONSES,
-  previewUpstreamUrl,
-  type UpstreamUrlDiagnostic,
-} from "../../lib/upstreamUrl";
 import type {
   ProviderFormatTestResults,
   ProviderTestErrorType as ErrorType,
@@ -225,51 +218,16 @@ function ProviderFormatTestStatus({
   );
 }
 
-function EndpointDiagnosticLine({
-  diagnostic,
-}: {
-  diagnostic: UpstreamUrlDiagnostic;
-}): JSX.Element {
-  return (
-    <div className={diagnostic.severity === "warning" ? "text-amber-200" : "text-muted-foreground"}>
-      {diagnostic.message}
-    </div>
-  );
-}
-
-function ProviderEndpointSummary({
+function ProviderFormatStatusBlock({
   label,
-  baseUrl,
-  endpoint,
-  providerName,
   children,
 }: {
   label: string;
-  baseUrl: string;
-  endpoint: string;
-  providerName: string;
   children?: ReactNode;
 }): JSX.Element {
-  const preview = previewUpstreamUrl(baseUrl, endpoint, { providerName });
-
   return (
-    <div className="flex min-w-0 flex-col gap-2 border-t border-border/60 pt-2 first:border-t-0 first:pt-0">
-      <div className="grid min-w-0 gap-1 text-xs sm:grid-cols-[104px_minmax(0,1fr)]">
-        <span className="font-medium text-muted-foreground">{label}</span>
-        <code className="min-w-0 break-all font-mono text-foreground/80">{baseUrl}</code>
-        <span className="text-[10px] uppercase text-muted-foreground/80">Final</span>
-        <code className="min-w-0 break-all font-mono text-foreground">{preview.finalUrl}</code>
-      </div>
-      {preview.diagnostics.length > 0 && (
-        <div className="space-y-1 text-xs">
-          {preview.diagnostics.map((diagnostic) => (
-            <EndpointDiagnosticLine
-              key={`${diagnostic.severity}:${diagnostic.message}`}
-              diagnostic={diagnostic}
-            />
-          ))}
-        </div>
-      )}
+    <div className="min-w-0 space-y-2 rounded-md border border-border/60 bg-muted/15 p-2">
+      <div className="text-xs font-medium text-foreground/80">{label}</div>
       {children}
     </div>
   );
@@ -293,9 +251,38 @@ function providerTestTargets(provider: ProviderConfig): string[] {
   return targets;
 }
 
-function ProviderTestCoverage({ provider }: { provider: ProviderConfig }): JSX.Element {
-  const targets = providerTestTargets(provider);
-  if (targets.length === 0) {
+type CapabilityChipTone = "active" | "quiet" | "response";
+
+function CapabilityChip({
+  label,
+  enabled,
+  tone,
+}: {
+  label: string;
+  enabled: boolean;
+  tone?: CapabilityChipTone;
+}): JSX.Element {
+  const resolvedTone: CapabilityChipTone = tone ?? (enabled ? "active" : "quiet");
+  const className =
+    resolvedTone === "response" && enabled
+      ? "border-sky-300/30 bg-sky-300/[0.09] text-sky-100"
+      : enabled
+        ? "border-border/70 bg-muted/25 text-foreground/80"
+        : "border-border/50 bg-transparent text-muted-foreground/70";
+  return (
+    <span className={`inline-flex items-center gap-1 rounded border px-1.5 py-0.5 ${className}`}>
+      {enabled ? <CheckCircle className="size-3" /> : <Minus className="size-3" />}
+      {label}
+    </span>
+  );
+}
+
+function ProviderCapabilitySummary({ provider }: { provider: ProviderConfig }): JSX.Element {
+  const hasAnthropic = providerHasEndpoint(provider.anthropicBaseUrl);
+  const hasChat = providerHasEndpoint(provider.openaiBaseUrl);
+  const hasResponses = providerHasEndpoint(provider.openaiResponsesBaseUrl);
+
+  if (!hasAnthropic && !hasChat && !hasResponses) {
     return (
       <div className="text-xs text-muted-foreground">
         Test requires at least one configured endpoint.
@@ -305,16 +292,15 @@ function ProviderTestCoverage({ provider }: { provider: ProviderConfig }): JSX.E
 
   return (
     <div className="flex min-w-0 flex-wrap items-center gap-1.5 text-xs text-muted-foreground">
-      <span>Test covers</span>
-      {targets.map((target) => (
-        <span
-          key={target}
-          className="rounded border border-border/70 bg-muted/25 px-1.5 py-0.5 text-foreground/80"
-        >
-          {target}
-        </span>
-      ))}
-      <span>non-stream + stream</span>
+      <span>Capabilities</span>
+      {hasAnthropic && <CapabilityChip label="Anthropic" enabled={true} />}
+      {hasChat && <CapabilityChip label="OpenAI Chat" enabled={true} />}
+      <CapabilityChip
+        label={hasResponses ? "OpenAI Responses" : "No OpenAI Responses"}
+        enabled={hasResponses}
+        tone="response"
+      />
+      <span>tested non-stream + stream</span>
     </div>
   );
 }
@@ -762,7 +748,7 @@ export function ProviderCard({
       </div>
 
       <div className="flex flex-col gap-2 text-xs text-muted-foreground sm:flex-row sm:items-center sm:justify-between">
-        <ProviderTestCoverage provider={provider} />
+        <ProviderCapabilitySummary provider={provider} />
         <div className="flex flex-wrap items-center gap-2">
           <span>Key configured</span>
           <span>{provider.authHeader === "x-api-key" ? "x-api-key" : "Bearer"}</span>
@@ -838,43 +824,49 @@ export function ProviderCard({
             </div>
           )}
 
-          {providerHasEndpoint(provider.anthropicBaseUrl) && (
-            <ProviderEndpointSummary
-              label="Anthropic"
-              baseUrl={provider.anthropicBaseUrl}
-              endpoint={PATH_V1_MESSAGES}
-              providerName={provider.name}
-            >
-              {testResults !== undefined && (
-                <ProviderFormatTestStatus results={testResults.anthropic} />
+          {(providerHasEndpoint(provider.anthropicBaseUrl) ||
+            providerHasEndpoint(provider.openaiBaseUrl) ||
+            providerHasEndpoint(provider.openaiResponsesBaseUrl)) && (
+            <div className="grid gap-2 lg:grid-cols-3">
+              {providerHasEndpoint(provider.anthropicBaseUrl) && (
+                <ProviderFormatStatusBlock label="Anthropic">
+                  {testResults !== undefined && (
+                    <ProviderFormatTestStatus results={testResults.anthropic} />
+                  )}
+                  {testResults === undefined && (
+                    <div className="text-xs text-muted-foreground">Not tested yet</div>
+                  )}
+                </ProviderFormatStatusBlock>
               )}
-            </ProviderEndpointSummary>
-          )}
 
-          {providerHasEndpoint(provider.openaiBaseUrl) && (
-            <ProviderEndpointSummary
-              label="Chat"
-              baseUrl={provider.openaiBaseUrl}
-              endpoint={PATH_V1_CHAT_COMPLETIONS}
-              providerName={provider.name}
-            >
-              {testResults !== undefined && (
-                <ProviderFormatTestStatus results={testResults.openaiChat} />
+              {providerHasEndpoint(provider.openaiBaseUrl) && (
+                <ProviderFormatStatusBlock label="OpenAI Chat">
+                  {testResults !== undefined && (
+                    <ProviderFormatTestStatus results={testResults.openaiChat} />
+                  )}
+                  {testResults === undefined && (
+                    <div className="text-xs text-muted-foreground">Not tested yet</div>
+                  )}
+                </ProviderFormatStatusBlock>
               )}
-            </ProviderEndpointSummary>
-          )}
 
-          {providerHasEndpoint(provider.openaiResponsesBaseUrl) && (
-            <ProviderEndpointSummary
-              label="Responses"
-              baseUrl={provider.openaiResponsesBaseUrl}
-              endpoint={PATH_V1_RESPONSES}
-              providerName={provider.name}
-            >
-              {testResults !== undefined && (
-                <ProviderFormatTestStatus results={testResults.openaiResponses} />
+              {providerHasEndpoint(provider.openaiResponsesBaseUrl) && (
+                <ProviderFormatStatusBlock label="OpenAI Responses">
+                  {testResults !== undefined && (
+                    <ProviderFormatTestStatus results={testResults.openaiResponses} />
+                  )}
+                  {testResults === undefined && (
+                    <div className="text-xs text-muted-foreground">Not tested yet</div>
+                  )}
+                </ProviderFormatStatusBlock>
               )}
-            </ProviderEndpointSummary>
+
+              {!providerHasEndpoint(provider.openaiResponsesBaseUrl) && (
+                <div className="min-w-0 rounded-md border border-border/50 bg-transparent p-2 text-xs text-muted-foreground/75">
+                  OpenAI Responses not configured
+                </div>
+              )}
+            </div>
           )}
 
           {testResults?.models !== undefined && Object.keys(testResults.models).length > 0 && (

package/src/components/providers/ProvidersPanel.tsx

@@ -535,7 +535,7 @@ export function ProvidersPanel({
   if (showForm || editingProvider) {
     return (
       <div className="space-y-4">
-        <div className="border border-border bg-background/95 shadow-sm sticky top-0 z-10 flex items-center justify-between rounded-[8px] px-3 py-2">
+        <div className="sticky top-0 z-10 flex items-center justify-between gap-3 rounded-[8px] bg-background/95 px-1 py-1 backdrop-blur">
           <h3 className="text-lg font-medium">
             {editingProvider ? "Edit Provider" : "Add New Provider"}
           </h3>
@@ -554,7 +554,7 @@ export function ProvidersPanel({
 
   return (
     <div className="space-y-4">
-      <div className="border border-border bg-background/95 shadow-sm sticky top-0 z-10 flex items-center justify-between rounded-[8px] px-3 py-2">
+      <div className="sticky top-0 z-10 flex items-center justify-between gap-3 rounded-[8px] bg-background/95 px-1 py-1 backdrop-blur">
         <h3 className="text-lg font-medium">Providers</h3>
         <div className="flex items-center gap-2">
           <TooltipProvider>
@@ -622,7 +622,7 @@ export function ProvidersPanel({
       </div>
 
       {configPath !== null && (
-        <div className="border border-border bg-card shadow-sm flex items-center gap-2 rounded-[8px] px-3 py-2 text-xs text-muted-foreground">
+        <div className="flex items-center gap-2 rounded-[8px] bg-muted/15 px-3 py-2 text-xs text-muted-foreground">
           <span className="shrink-0">Config:</span>
           <span className="font-mono truncate" title={configPath}>
             {configPath}
@@ -674,7 +674,7 @@ export function ProvidersPanel({
         </div>
       ) : (
         <div className="space-y-3">
-          <div className="border border-border bg-muted/40 flex gap-1 rounded-[8px] p-1">
+          <div className="inline-flex w-fit gap-1 rounded-[8px] bg-muted/20 p-1">
             {(["all", "personal", "company"] as const).map((tab) => (
               <TooltipProvider key={tab}>
                 <Tooltip>
@@ -682,10 +682,10 @@ export function ProvidersPanel({
                     <button
                       type="button"
                       onClick={() => setSourceFilter(tab)}
-                      className={`px-3 py-2 text-sm font-medium border-b-2 transition-colors ${
+                      className={`rounded-md px-3 py-1.5 text-sm font-medium transition-colors ${
                         sourceFilter === tab
-                          ? "border-primary text-primary"
-                          : "border-transparent text-muted-foreground hover:text-foreground"
+                          ? "bg-background text-foreground shadow-sm"
+                          : "text-muted-foreground hover:text-foreground"
                       }`}
                     >
                       {tab === "all" ? "All" : tab === "personal" ? "Personal" : "Company"}

package/src/components/providers/SettingsDialog.tsx

@@ -74,13 +74,13 @@ export function SettingsDialog(): JSX.Element {
           <span className="sr-only">Settings</span>
         </Button>
       </DialogTrigger>
-      <DialogContent className="max-w-2xl max-h-[80vh] overflow-hidden flex flex-col">
+      <DialogContent className="flex max-h-[80vh] max-w-2xl flex-col overflow-hidden">
         <DialogHeader>
           <DialogTitle>Settings</DialogTitle>
         </DialogHeader>
 
         <Tabs value={activeTab} onValueChange={setActiveTab} className="flex-1 overflow-hidden">
-          <TabsList>
+          <TabsList className="w-full justify-start bg-muted/35">
             <TabsTrigger value="providers">Providers</TabsTrigger>
             <TabsTrigger value="proxy">Proxy</TabsTrigger>
             <TabsTrigger value="storage">Storage</TabsTrigger>
@@ -88,7 +88,7 @@ export function SettingsDialog(): JSX.Element {
             <TabsTrigger value="onboarding">Onboarding</TabsTrigger>
           </TabsList>
 
-          <div className="mt-4 flex-1 overflow-x-hidden overflow-y-auto pr-3">
+          <div className="mt-4 flex-1 overflow-x-hidden overflow-y-auto pr-2">
             <TabsContent value="providers">
               <ProvidersPanel
                 externalProviders={providers}
@@ -198,7 +198,7 @@ function StorageSettingsTab(): JSX.Element {
   return (
     <div className="space-y-4">
       <div className="flex items-center justify-between gap-3">
-        <div>
+        <div className="min-w-0">
           <h3 className="text-sm font-semibold">Log storage</h3>
           <p className="text-xs text-muted-foreground">
             Inspect local log and streaming chunk footprint before exporting or clearing sessions.
@@ -232,25 +232,25 @@ function StorageSettingsTab(): JSX.Element {
             copiedId={copiedId}
             onCopy={handleCopy}
           />
-          <div className="border border-border bg-muted/40 rounded-md px-3 py-2">
+          <div className="rounded-md bg-muted/20 px-3 py-2">
             <div className="font-medium">In-memory logs</div>
             <div className="mt-1 font-mono text-muted-foreground">
               {stats.memoryCount.toLocaleString()} loaded
             </div>
           </div>
-          <div className="border border-border bg-muted/40 rounded-md px-3 py-2">
+          <div className="rounded-md bg-muted/20 px-3 py-2">
             <div className="font-medium">Log files</div>
             <div className="mt-1 font-mono text-muted-foreground">
               {stats.logFileCount.toLocaleString()} files / {formatBytes(stats.logBytes)}
             </div>
           </div>
-          <div className="border border-border bg-muted/40 rounded-md px-3 py-2">
+          <div className="rounded-md bg-muted/20 px-3 py-2">
             <div className="font-medium">Streaming chunks</div>
             <div className="mt-1 font-mono text-muted-foreground">
               {stats.chunkFileCount.toLocaleString()} files / {formatBytes(stats.chunkBytes)}
             </div>
           </div>
-          <div className="border border-border bg-muted/40 rounded-md px-3 py-2">
+          <div className="rounded-md 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 /{" "}
@@ -280,7 +280,7 @@ function CopyableSetupValue({
 }): JSX.Element {
   const copied = copiedId === id;
   return (
-    <div className="border border-border bg-muted/40 min-w-0 rounded-md px-3 py-2">
+    <div className="min-w-0 rounded-md border border-border/45 bg-muted/15 px-3 py-2 transition-colors hover:bg-muted/25">
       <div className="mb-1 text-xs font-medium text-muted-foreground">{label}</div>
       <div className="flex min-w-0 items-center gap-2">
         <code className="min-w-0 flex-1 truncate font-mono text-xs text-foreground">{value}</code>
@@ -383,7 +383,7 @@ function OnboardingSettingsTab(): JSX.Element {
           />
         ))}
       </div>
-      <div className="grid gap-2 rounded-md border border-border bg-background px-3 py-2 text-xs text-muted-foreground">
+      <div className="grid gap-2 rounded-md bg-muted/15 px-3 py-2 text-xs text-muted-foreground">
         <div className="flex items-center gap-2">
           <Check className="size-3.5 text-emerald-500" />
           <span>Provider test creates a traceable memory probe session.</span>
@@ -574,7 +574,7 @@ function McpSettingsTab(): JSX.Element {
         <Terminal className="size-4 text-muted-foreground" />
         <h3 className="text-sm font-semibold">MCP access</h3>
       </div>
-      <div className="grid gap-2 rounded-md border border-border bg-background px-3 py-2 text-xs text-muted-foreground">
+      <div className="grid gap-2 rounded-md bg-muted/15 px-3 py-2 text-xs text-muted-foreground">
         <div>
           Use Streamable HTTP when the client supports URL-based MCP. Use the stdio bridge only for
           stdio-only clients. Configure one entry for the same Inspector instance.
@@ -680,12 +680,8 @@ function ProxySettingsTab(): JSX.Element {
       <div className="space-y-1">
         <h3 className="text-sm font-semibold">Claude Code billing header</h3>
         <p className="text-xs text-muted-foreground">
-          When enabled, the proxy strips the synthetic <code>x-anthropic-billing-header</code> text
-          block that Claude Code prepends to the system prompt before forwarding to upstream.
-          Improves prefix-cache hit rates against third-party upstreams. The default at startup is
-          controlled by the <code>AGENT_INSPECTOR_STRIP_CLAUDE_CODE_BILLING_HEADER</code>{" "}
-          environment variable; your choice is persisted to <code>config.json</code> and overrides
-          the env var for subsequent requests.
+          Strip Claude Code's synthetic billing block before upstream forwarding. This can improve
+          prefix-cache hits with third-party providers and is persisted to <code>config.json</code>.
         </p>
       </div>
 
@@ -710,8 +706,8 @@ function ProxySettingsTab(): JSX.Element {
           Slow response threshold
         </label>
         <p className="text-xs text-muted-foreground">
-          Logs whose elapsed time exceeds this many seconds show a warning icon next to the
-          duration. Set to <code>0</code> to disable the indicator.
+          Show a slow marker when elapsed time exceeds this many seconds. Use <code>0</code> to
+          disable it.
         </p>
         <div className="flex items-center gap-2">
           <input
@@ -739,8 +735,7 @@ function ProxySettingsTab(): JSX.Element {
           Provider test timeout
         </label>
         <p className="text-xs text-muted-foreground">
-          Provider Test waits this many seconds per configured model before aborting slow probes.
-          The full test window scales with model count.
+          Abort slow Provider Test probes after this many seconds per model.
         </p>
         <div className="flex items-center gap-2">
           <input
@@ -768,7 +763,7 @@ function ProxySettingsTab(): JSX.Element {
           Time display
         </label>
         <p className="text-xs text-muted-foreground">
-          Controls timestamps in session summaries, conversation headers, and log rows.
+          Controls timestamps in session summaries, headers, and log rows.
         </p>
         <select
           id="time-display-format"

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/logs.ts

@@ -14,9 +14,9 @@ import {
   searchLogsPage,
 } from "../../proxy/logSearch";
 
-const DeleteBodySchema = z
+export const DeleteLogsBodySchema = z
   .object({
-    ids: z.array(z.number().int().positive()).optional(),
+    ids: z.array(z.number().int().nonnegative()).optional(),
   })
   .optional();
 
@@ -114,12 +114,12 @@ export const Route = createFileRoute("/api/logs")({
         );
       },
       DELETE: async ({ request }: { request: Request }) => {
-        let body: z.infer<typeof DeleteBodySchema> = undefined;
+        let body: z.infer<typeof DeleteLogsBodySchema> = undefined;
         try {
           const raw = await request.text();
           if (raw !== "") {
             const parsed: unknown = JSON.parse(raw);
-            const result = DeleteBodySchema.safeParse(parsed);
+            const result = DeleteLogsBodySchema.safeParse(parsed);
             if (!result.success) {
               return Response.json(
                 { error: "Invalid request body", details: result.error.format() },
@@ -132,7 +132,16 @@ export const Route = createFileRoute("/api/logs")({
           return Response.json({ error: "Invalid JSON body" }, { status: 400 });
         }
 
-        if (body?.ids !== undefined && body.ids.length > 0) {
+        if (body?.ids !== undefined) {
+          if (body.ids.length === 0) {
+            return Response.json({
+              success: true,
+              cleared: 0,
+              logFilesRewritten: 0,
+              chunkFilesDeleted: 0,
+              sessionArchiveLogsDeleted: 0,
+            });
+          }
           const result = await clearPersistedLogsByIds(body.ids);
           return Response.json({
             success: true,