@tonyclaw/agent-inspector 2.0.36 → 2.0.38

package/.output/server/index.mjs

@@ -38,100 +38,100 @@ const assets = {
   "/assets/alibaba-TTwafVwX.svg": {
     "type": "image/svg+xml",
     "etag": '"171b-6dyV5K8QjiaY35sN9qNprh9zDIs"',
-    "mtime": "2026-07-01T04:58:19.201Z",
+    "mtime": "2026-07-01T07:15:57.121Z",
     "size": 5915,
     "path": "../public/assets/alibaba-TTwafVwX.svg"
   },
-  "/assets/CompareDrawer-Bg2mo0NZ.js": {
+  "/assets/CompareDrawer-hc5OoAls.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"49fe-RCFPReNqO+29uyWqCSboc4eRJiw"',
-    "mtime": "2026-07-01T04:58:19.202Z",
+    "etag": '"49fe-BHtwU/NjhFJzLdwy953kVTz0OMs"',
+    "mtime": "2026-07-01T07:15:57.121Z",
     "size": 18942,
-    "path": "../public/assets/CompareDrawer-Bg2mo0NZ.js"
+    "path": "../public/assets/CompareDrawer-hc5OoAls.js"
   },
-  "/assets/index-BfGJEb-2.css": {
-    "type": "text/css; charset=utf-8",
-    "etag": '"1acc9-JrjZs7fIRGuBr66cqP9miLHcLKk"',
-    "mtime": "2026-07-01T04:58:19.202Z",
-    "size": 109769,
-    "path": "../public/assets/index-BfGJEb-2.css"
+  "/assets/index-BdUTMQL6.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"74-62iPuuX47jLXNHf/ZV6ct/elkTk"',
+    "mtime": "2026-07-01T07:15:57.121Z",
+    "size": 116,
+    "path": "../public/assets/index-BdUTMQL6.js"
   },
   "/assets/minimax-BPMzvuL-.jpeg": {
     "type": "image/jpeg",
     "etag": '"1b06-IwivU89ko5UTMUM1/t7hn4sQK9A"',
-    "mtime": "2026-07-01T04:58:19.201Z",
+    "mtime": "2026-07-01T07:15:57.121Z",
     "size": 6918,
     "path": "../public/assets/minimax-BPMzvuL-.jpeg"
   },
-  "/assets/index-sGphugFR.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"74-U99mmMNtKqojd/yOIx20tXTHvv0"',
-    "mtime": "2026-07-01T04:58:19.202Z",
-    "size": 116,
-    "path": "../public/assets/index-sGphugFR.js"
-  },
-  "/assets/ReplayDialog-Bns-ayOg.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"318c-PpbkTF95foTOdbkrWMMu2juYBfw"',
-    "mtime": "2026-07-01T04:58:19.202Z",
-    "size": 12684,
-    "path": "../public/assets/ReplayDialog-Bns-ayOg.js"
-  },
-  "/assets/RequestAnatomy-BBcPAIWx.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"4485-1vjOocGpUTcM93Vi7PdBPHFM1B4"',
-    "mtime": "2026-07-01T04:58:19.203Z",
-    "size": 17541,
-    "path": "../public/assets/RequestAnatomy-BBcPAIWx.js"
+  "/assets/index-BfGJEb-2.css": {
+    "type": "text/css; charset=utf-8",
+    "etag": '"1acc9-JrjZs7fIRGuBr66cqP9miLHcLKk"',
+    "mtime": "2026-07-01T07:15:57.121Z",
+    "size": 109769,
+    "path": "../public/assets/index-BfGJEb-2.css"
   },
-  "/assets/main-BVKRHBUl.js": {
+  "/assets/main-Blykwzsn.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"517d9-JlNEG3a6o9EldCqhShuLgqml6as"',
-    "mtime": "2026-07-01T04:58:19.202Z",
+    "etag": '"517d9-1RW0upmMLsMivL5FlKjWPPFMbb8"',
+    "mtime": "2026-07-01T07:15:57.121Z",
     "size": 333785,
-    "path": "../public/assets/main-BVKRHBUl.js"
+    "path": "../public/assets/main-Blykwzsn.js"
   },
-  "/assets/ResponseView-DSRS3rHt.js": {
+  "/assets/ReplayDialog-CN-KM2nu.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"30d0-10JA2gOO6is7MsXilPPj6fWA4d8"',
-    "mtime": "2026-07-01T04:58:19.203Z",
-    "size": 12496,
-    "path": "../public/assets/ResponseView-DSRS3rHt.js"
+    "etag": '"318c-bHppq4F90VcBylI8MEq9phZKKYY"',
+    "mtime": "2026-07-01T07:15:57.121Z",
+    "size": 12684,
+    "path": "../public/assets/ReplayDialog-CN-KM2nu.js"
   },
-  "/assets/_sessionId-DurHDwM1.js": {
+  "/assets/StreamingChunkSequence-BQOxI9Hi.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"d2-QnuU9hk4W1Z+guk3DjKKJHPPTuo"',
-    "mtime": "2026-07-01T04:58:19.202Z",
-    "size": 210,
-    "path": "../public/assets/_sessionId-DurHDwM1.js"
+    "etag": '"d57-VudeFeolN8IfFVek6HMLmXTmPQY"',
+    "mtime": "2026-07-01T07:15:57.121Z",
+    "size": 3415,
+    "path": "../public/assets/StreamingChunkSequence-BQOxI9Hi.js"
   },
   "/assets/zhipuai-BPNAnxo-.svg": {
     "type": "image/svg+xml",
     "etag": '"2bf8-hNaLCTi89nOFCsIIfWpP/jrfo0s"',
-    "mtime": "2026-07-01T04:58:19.202Z",
+    "mtime": "2026-07-01T07:15:57.121Z",
     "size": 11256,
     "path": "../public/assets/zhipuai-BPNAnxo-.svg"
   },
+  "/assets/RequestAnatomy-B1kTlAUk.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"4485-zOrU17hrJUbuuYLZW8HdqHozpuE"',
+    "mtime": "2026-07-01T07:15:57.121Z",
+    "size": 17541,
+    "path": "../public/assets/RequestAnatomy-B1kTlAUk.js"
+  },
+  "/assets/_sessionId-CVw5e8TK.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"d2-cV8zzbK+/RUFmfT5dWvK333bSe8"',
+    "mtime": "2026-07-01T07:15:57.121Z",
+    "size": 210,
+    "path": "../public/assets/_sessionId-CVw5e8TK.js"
+  },
+  "/assets/ResponseView-BchUjKjt.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"30d0-i5IJUGuKCFfLsaiZy5PG5wFw9NM"',
+    "mtime": "2026-07-01T07:15:57.121Z",
+    "size": 12496,
+    "path": "../public/assets/ResponseView-BchUjKjt.js"
+  },
   "/assets/qwen-CONDcHqt.png": {
     "type": "image/png",
     "etag": '"572c3-cdJAPaHdOvFCGzuaQjagdgOu6XE"',
-    "mtime": "2026-07-01T04:58:19.202Z",
+    "mtime": "2026-07-01T07:15:57.121Z",
     "size": 357059,
     "path": "../public/assets/qwen-CONDcHqt.png"
   },
-  "/assets/StreamingChunkSequence-CzZxKE5-.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"d57-tTBqrJv/i9tGh9Lr7MzVvOm88mA"',
-    "mtime": "2026-07-01T04:58:19.203Z",
-    "size": 3415,
-    "path": "../public/assets/StreamingChunkSequence-CzZxKE5-.js"
-  },
-  "/assets/ProxyViewerContainer-C_Lq5T5V.js": {
+  "/assets/ProxyViewerContainer-BMKBs8Qz.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"b580f-2yWjKUIWYUjOcG8rUV1CazfX92Y"',
-    "mtime": "2026-07-01T04:58:19.203Z",
-    "size": 743439,
-    "path": "../public/assets/ProxyViewerContainer-C_Lq5T5V.js"
+    "etag": '"b5a7d-eALnI6HNEToSu0yqva+VFivYgJA"',
+    "mtime": "2026-07-01T07:15:57.121Z",
+    "size": 744061,
+    "path": "../public/assets/ProxyViewerContainer-BMKBs8Qz.js"
   }
 };
 function readAsset(id) {

package/README.md

@@ -139,7 +139,7 @@ needed for the session timeline, request/response views, token usage, provider
 routing, errors, and knowledge workflows, but it does not retain raw request
 headers, upstream headers, or detailed streaming chunk artifacts.
 
-Use `full` mode when you need protocol-level diagnostics:
+Use `full` mode when you need API-format-level diagnostics:
 
 ```bash
 agent-inspector --mode full

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tonyclaw/agent-inspector",
-  "version": "2.0.36",
+  "version": "2.0.38",
   "type": "module",
   "description": "Agent observability and knowledge capture layer for AI coding tools.",
   "license": "MIT",

package/src/components/ProxyViewer.tsx

@@ -1,7 +1,17 @@
 import { type JSX, useCallback, useEffect, useMemo, useRef, useState, Suspense } from "react";
-import { ArrowDownRight, ArrowLeft, ArrowUpRight, Check, Copy, Download, Plus } from "lucide-react";
+import {
+  ArrowDownRight,
+  ArrowLeft,
+  ArrowUpRight,
+  Check,
+  Copy,
+  Download,
+  FileJson,
+  Plus,
+  Trash2,
+} from "lucide-react";
 
-import type { CapturedLog } from "../proxy/schemas";
+import type { CapturedLog } from "../contracts";
 import { exportLogsAsZip, type ExportMode } from "../lib/export-logs";
 import type { CaptureMode, TimeDisplayFormat } from "../lib/runtimeConfig";
 import { formatTimestampRange } from "../lib/timeDisplay";
@@ -43,6 +53,22 @@ export function shouldShowRawExport(captureMode: CaptureMode): boolean {
   return captureMode === "full";
 }
 
+export type ExportActionVisibility = {
+  redacted: boolean;
+  raw: boolean;
+};
+
+export function getExportActionVisibility(
+  captureMode: CaptureMode,
+  logCount: number,
+): ExportActionVisibility {
+  const hasLogs = logCount > 0;
+  return {
+    redacted: hasLogs,
+    raw: hasLogs && shouldShowRawExport(captureMode),
+  };
+}
+
 function computeTokenSummary(logs: CapturedLog[]): { totalIn: number; totalOut: number } {
   let totalIn = 0;
   let totalOut = 0;
@@ -714,7 +740,7 @@ export function ProxyViewer({
   );
   const cacheTrends = useMemo(() => computeCacheTrends(groups), [groups]);
   const comparisonPredecessors = useMemo(() => buildValidPredecessors(groups), [groups]);
-  const showRawExport = shouldShowRawExport(captureMode);
+  const exportActionVisibility = getExportActionVisibility(captureMode, logs.length);
   const handleCompareWithPrevious = useCallback(
     (log: CapturedLog) => {
       const predecessor = comparisonPredecessors.get(log.id);
@@ -881,7 +907,7 @@ export function ProxyViewer({
                 : ""}
             </span>
           )}
-          {logs.length > 0 && showRawExport && (
+          {exportActionVisibility.redacted && (
             <button
               type="button"
               onClick={() => {
@@ -901,26 +927,34 @@ export function ProxyViewer({
               )}
             </button>
           )}
-          {logs.length > 0 && (
+          {exportActionVisibility.raw && (
             <button
               type="button"
               onClick={() => {
                 void handleExport("raw");
               }}
               disabled={exporting !== null}
-              className="h-8 px-2 text-xs text-muted-foreground hover:text-foreground transition-colors cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed rounded-md hover:bg-muted"
+              className="h-8 px-2.5 text-xs text-muted-foreground hover:text-foreground transition-colors cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center gap-1.5 rounded-md hover:bg-muted"
               title="Export raw logs without redaction"
             >
-              {exporting === "raw" ? "Exporting..." : "Raw"}
+              {exporting === "raw" ? (
+                <span>Exporting...</span>
+              ) : (
+                <>
+                  <FileJson className="size-3.5" />
+                  <span>Raw</span>
+                </>
+              )}
             </button>
           )}
           <button
             type="button"
             onClick={onClearAll}
-            className="h-8 px-3 text-xs text-muted-foreground hover:text-foreground transition-colors cursor-pointer rounded-md hover:bg-muted"
+            className="h-8 px-3 text-xs text-muted-foreground hover:text-foreground transition-colors cursor-pointer inline-flex items-center gap-1.5 rounded-md hover:bg-muted"
             title="Clear all logs"
           >
-            Clear
+            <Trash2 className="size-3.5" />
+            <span>Clear</span>
           </button>
         </div>
         {exportError !== null && (

package/src/components/ProxyViewerContainer.tsx

@@ -1,6 +1,6 @@
 import { useState, useEffect, useCallback, useRef, useMemo, type JSX } from "react";
 import { z } from "zod";
-import { CapturedLogSchema, type CapturedLog } from "../proxy/schemas";
+import { CapturedLogSchema, type CapturedLog } from "../contracts";
 import { useStripConfig } from "../lib/useStripConfig";
 import { OnboardingBanner } from "./OnboardingBanner";
 import { ProxyViewer } from "./ProxyViewer";

package/src/components/providers/ProviderForm.tsx

@@ -845,7 +845,7 @@ export function ProviderForm({ provider, onSubmit, onCancel }: ProviderFormProps
                   Anthropic Format
                 </button>
               </TooltipTrigger>
-              <TooltipContent>Anthropic Messages API protocol</TooltipContent>
+              <TooltipContent>Anthropic Messages API format</TooltipContent>
             </Tooltip>
           </TooltipProvider>
           <TooltipProvider>
@@ -863,7 +863,7 @@ export function ProviderForm({ provider, onSubmit, onCancel }: ProviderFormProps
                   OpenAI Format
                 </button>
               </TooltipTrigger>
-              <TooltipContent>OpenAI Chat Completions API protocol</TooltipContent>
+              <TooltipContent>OpenAI Chat Completions API format</TooltipContent>
             </Tooltip>
           </TooltipProvider>
         </div>

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

@@ -29,7 +29,7 @@ import {
   type KnowledgeCandidate,
   type KnowledgeCandidateStatus,
 } from "../../knowledge/types";
-import type { CapturedLog } from "../../proxy/schemas";
+import type { CapturedLog } from "../../contracts";
 import { Badge } from "../ui/badge";
 import { Button } from "../ui/button";
 import { buildTraceSummary, extractToolTraceEvents, type TraceSummary } from "./viewerState";

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

@@ -13,7 +13,7 @@ import {
   X,
 } from "lucide-react";
 import { cn, formatTokens } from "../../lib/utils";
-import type { CapturedLog } from "../../proxy/schemas";
+import type { CapturedLog } from "../../contracts";
 import {
   type DiffOp,
   type JsonNode,

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

@@ -1,7 +1,7 @@
 import { useState, memo, useCallback, useEffect, useMemo } from "react";
 import type { JSX } from "react";
 import type { TimeDisplayFormat } from "../../lib/runtimeConfig";
-import type { CapturedLog } from "../../proxy/schemas";
+import type { CapturedLog } from "../../contracts";
 import {
   ConversationHeader,
   getGroupApiFormat,

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

@@ -1,6 +1,6 @@
 import { type JSX, useCallback, useEffect, useMemo, useState } from "react";
 import { useWindowVirtualizer } from "@tanstack/react-virtual";
-import type { CapturedLog } from "../../proxy/schemas";
+import type { CapturedLog } from "../../contracts";
 import { ConversationGroup, type ConversationGroupProps } from "./ConversationGroup";
 import type { ConversationGroupData } from "./ConversationHeader";
 import { LOG_FOCUS_REQUEST_EVENT, readLogFocusRequest } from "./logFocus";

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

@@ -15,9 +15,10 @@ import { getSessionPath } from "../../lib/sessionUrl";
 import type { TimeDisplayFormat } from "../../lib/runtimeConfig";
 import { formatTimestampRange } from "../../lib/timeDisplay";
 import { cn, formatTokens } from "../../lib/utils";
-import type { CapturedLog } from "../../proxy/schemas";
+import type { CapturedLog } from "../../contracts";
 import { Badge } from "../ui/badge";
 import { ConfirmDialog } from "../ui/confirm-dialog";
+import { resolveLogFormat } from "./log-formats";
 
 const API_FORMAT_LABELS: Record<"anthropic" | "openai" | "unknown", string> = {
   anthropic: "Anthropic",
@@ -231,11 +232,13 @@ export type ConversationGroupData = {
 };
 
 export function getGroupApiFormat(logs: CapturedLog[]): "anthropic" | "openai" | "unknown" {
-  const firstNonUnknown = logs.find((l) => l.apiFormat !== "unknown");
-  if (firstNonUnknown !== undefined) {
-    return firstNonUnknown.apiFormat;
+  for (const log of logs) {
+    const apiFormat = resolveLogFormat(log);
+    if (apiFormat !== "unknown") {
+      return apiFormat;
+    }
   }
-  return logs[0]?.apiFormat ?? "unknown";
+  return "unknown";
 }
 
 /**
@@ -248,8 +251,9 @@ export function hasMixedApiFormat(logs: CapturedLog[]): boolean {
   let hasAnthropic = false;
   let hasOpenai = false;
   for (const log of logs) {
-    if (log.apiFormat === "anthropic") hasAnthropic = true;
-    else if (log.apiFormat === "openai") hasOpenai = true;
+    const apiFormat = resolveLogFormat(log);
+    if (apiFormat === "anthropic") hasAnthropic = true;
+    else if (apiFormat === "openai") hasOpenai = true;
     if (hasAnthropic && hasOpenai) return true;
   }
   return false;

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

@@ -1,7 +1,7 @@
 import { GitCompareArrows } from "lucide-react";
 import { Suspense, type JSX } from "react";
 import { useEffect, useMemo, useRef, useState, memo } from "react";
-import type { CapturedLog } from "../../proxy/schemas";
+import type { CapturedLog } from "../../contracts";
 import type { TimeDisplayFormat } from "../../lib/runtimeConfig";
 import { stripClaudeCodeBillingHeader } from "../../proxy/claudeCodeStrip";
 import { Button } from "../ui/button";

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

@@ -27,7 +27,7 @@ import { memo } from "react";
 import type { TimeDisplayFormat } from "../../lib/runtimeConfig";
 import { formatTimestamp } from "../../lib/timeDisplay";
 import { cn, formatTokens, getStatusCategory, type StatusCategory } from "../../lib/utils";
-import type { CapturedLog } from "../../proxy/schemas";
+import type { CapturedLog } from "../../contracts";
 import { Badge } from "../ui/badge";
 import { Button } from "../ui/button";
 import { ProviderLogo, detectProvider } from "../providers/ProviderLogo";

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

@@ -8,7 +8,7 @@ import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "../ui/
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/dialog";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs";
 import { ResponseView } from "./ResponseView";
-import { CapturedLogSchema, type CapturedLog } from "../../proxy/schemas";
+import { CapturedLogSchema, type CapturedLog } from "../../contracts";
 import { dispatchLogFocusRequest } from "./logFocus";
 import {
   buildReplayComparisons,

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

@@ -3,7 +3,7 @@ import type { JSX } from "react";
 import { memo } from "react";
 import { useMemo } from "react";
 import { cn, formatTokens, getStatusCategory, type StatusCategory } from "../../lib/utils";
-import type { RequestFormat } from "../../proxy/schemas";
+import type { ApiFormat } from "../../contracts";
 import { AnswerMarkdown } from "./AnswerMarkdown";
 import { formatViewFor } from "./formats";
 import { getLogFormatAdapter } from "./log-formats";
@@ -16,7 +16,7 @@ export type ResponseViewProps = {
   outputTokens: number | null;
   cacheCreationInputTokens?: number | null;
   cacheReadInputTokens?: number | null;
-  apiFormat?: RequestFormat;
+  apiFormat?: ApiFormat;
   /** SSE error message from streaming response */
   error?: string | null;
 };

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

@@ -3,7 +3,7 @@ import { ChevronDown, ChevronRight, Loader2 } from "lucide-react";
 import { Badge } from "../ui/badge";
 import { JsonViewer } from "../ui/json-viewer";
 import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "../ui/tooltip";
-import type { StreamingChunk } from "../../proxy/schemas";
+import type { StreamingChunk } from "../../contracts";
 
 export type StreamingChunkSequenceProps = {
   logId: number;

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

@@ -3,7 +3,7 @@ import { AlertTriangle, ChevronRight, Clock, Zap } from "lucide-react";
 import { isTurnBoundary } from "../../lib/stopReason";
 import type { TimeDisplayFormat } from "../../lib/runtimeConfig";
 import { cn, formatTokens } from "../../lib/utils";
-import type { CapturedLog } from "../../proxy/schemas";
+import type { CapturedLog } from "../../contracts";
 import { getCrabVariant } from "../ui/crab-variants";
 import { ProviderLogo, detectProvider, type Provider } from "../providers/ProviderLogo";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../ui/tooltip";

package/src/components/proxy-viewer/anatomy/sessionContextSummary.ts

@@ -1,5 +1,5 @@
 import type { ProviderConfig } from "../../../lib/providerContract";
-import type { CapturedLog } from "../../../proxy/schemas";
+import type { CapturedLog } from "../../../contracts";
 import { getLogFormatAdapter, resolveLogFormat } from "../log-formats";
 import {
   analyzeContextIntelligence,

package/src/components/proxy-viewer/formats/anthropic/ContentBlocks.tsx

@@ -1,6 +1,6 @@
 import { Brain, ChevronDown, ChevronRight, Terminal } from "lucide-react";
 import { type JSX, memo, useState } from "react";
-import type { ResponseContentBlockType } from "../../../../proxy/schemas";
+import type { ResponseContentBlockType } from "../../../../contracts/anthropic";
 import { AnswerMarkdown } from "../../AnswerMarkdown";
 import { Badge } from "../../../ui/badge";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../ui/collapsible";

package/src/components/proxy-viewer/formats/anthropic/ResponseView.tsx

@@ -1,6 +1,6 @@
 import { StopCircle, Zap } from "lucide-react";
 import { memo, type JSX } from "react";
-import type { InspectorResponse } from "../../../../proxy/schemas";
+import type { AnthropicResponse } from "../../../../contracts/anthropic";
 import { formatTokens } from "../../../../lib/utils";
 import { Badge } from "../../../ui/badge";
 import { Separator } from "../../../ui/separator";
@@ -9,7 +9,7 @@ import { ResponseContentBlockRenderer } from "./ContentBlocks";
 export const StructuredResponseViewAnthropic = memo(function StructuredResponseViewAnthropic({
   response,
 }: {
-  response: InspectorResponse;
+  response: AnthropicResponse;
 }): JSX.Element {
   return (
     <div className="space-y-3">

package/src/components/proxy-viewer/formats/index.tsx

@@ -1,5 +1,7 @@
 import type { JSX } from "react";
-import type { InspectorResponse, OpenAIResponse, RequestFormat } from "../../../proxy/schemas";
+import type { ApiFormat } from "../../../contracts";
+import type { AnthropicResponse } from "../../../contracts/anthropic";
+import type { OpenAIResponse } from "../../../contracts/openai";
 import { StructuredResponseViewAnthropic } from "./anthropic/ResponseView";
 import { OpenAIResponseView } from "./openai/ResponseView";
 
@@ -15,12 +17,12 @@ function isOpenAIResponse(response: unknown): response is OpenAIResponse {
   return isRecord(response) && response.object === "chat.completion";
 }
 
-function isAnthropicResponse(response: unknown): response is InspectorResponse {
+function isAnthropicResponse(response: unknown): response is AnthropicResponse {
   return isRecord(response) && response.type === "message" && Array.isArray(response.content);
 }
 
 export function formatViewFor(
-  apiFormat: RequestFormat | undefined,
+  apiFormat: ApiFormat | undefined,
   response: unknown,
 ): JSX.Element | null {
   if (apiFormat === "openai" && isOpenAIResponse(response)) {

package/src/components/proxy-viewer/formats/openai/ResponseView.tsx

@@ -1,6 +1,6 @@
 import { StopCircle, Terminal, Zap } from "lucide-react";
 import { memo, useState, type JSX } from "react";
-import type { OpenAIResponse, OpenAIToolCall } from "../../../../proxy/schemas";
+import type { OpenAIResponse, OpenAIToolCall } from "../../../../contracts/openai";
 import { formatTokens } from "../../../../lib/utils";
 import { AnswerMarkdown } from "../../AnswerMarkdown";
 import { Badge } from "../../../ui/badge";

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

@@ -1,7 +1,4 @@
-import {
-  AnthropicRequestSchema,
-  AnthropicResponseSchema,
-} from "../../../proxy/formats/anthropic/schemas";
+import { AnthropicRequestSchema, AnthropicResponseSchema } from "../../../contracts/anthropic";
 import type { AnatomySegment } from "../anatomy/types";
 import { countCharacters, estimateTokens } from "../anatomy/tokenEstimate";
 import type { LogFormatAdapter } from "./types";

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

@@ -1,22 +1,22 @@
-import { requestFormatForPath } from "../../../proxy/formats";
-import type { CapturedLog, RequestFormat } from "../../../proxy/schemas";
+import { apiFormatForPath } from "../../../proxy/formats";
+import type { ApiFormat, CapturedLog } from "../../../contracts";
 import { anthropicLogFormatAdapter } from "./anthropic";
 import { openAILogFormatAdapter } from "./openai";
 import type { LogFormatAdapter } from "./types";
 import { unknownLogFormatAdapter } from "./unknown";
 
-const ADAPTERS: Record<RequestFormat, LogFormatAdapter> = {
+const ADAPTERS: Record<ApiFormat, LogFormatAdapter> = {
   anthropic: anthropicLogFormatAdapter,
   openai: openAILogFormatAdapter,
   unknown: unknownLogFormatAdapter,
 };
 
-export function getLogFormatAdapter(format: RequestFormat): LogFormatAdapter {
+export function getLogFormatAdapter(format: ApiFormat): LogFormatAdapter {
   return ADAPTERS[format];
 }
 
-export function resolveLogFormat(log: Pick<CapturedLog, "path" | "apiFormat">): RequestFormat {
-  const pathFormat = requestFormatForPath(log.path);
+export function resolveLogFormat(log: Pick<CapturedLog, "path" | "apiFormat">): ApiFormat {
+  const pathFormat = apiFormatForPath(log.path);
   return pathFormat === "unknown" ? log.apiFormat : pathFormat;
 }
 

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

@@ -1,4 +1,4 @@
-import { OpenAIRequestSchema, parseOpenAIResponse } from "../../../proxy/formats/openai/schemas";
+import { OpenAIRequestSchema, parseOpenAIResponse } from "../../../contracts/openai";
 import type { AnatomySegment } from "../anatomy/types";
 import { countCharacters, estimateTokens } from "../anatomy/tokenEstimate";
 import type { LogFormatAdapter } from "./types";

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

@@ -1,4 +1,4 @@
-import type { RequestFormat } from "../../../proxy/schemas";
+import type { ApiFormat } from "../../../contracts";
 import type { AnatomySegment } from "../anatomy/types";
 
 export type RequestAnalysis = {
@@ -14,7 +14,7 @@ export type ResponseAnalysis = {
 };
 
 export type LogFormatAdapter = {
-  readonly format: RequestFormat;
+  readonly format: ApiFormat;
   analyzeRequest(rawBody: string | null): RequestAnalysis;
   analyzeResponse(responseText: string | null): ResponseAnalysis;
   /**

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

@@ -1,6 +1,6 @@
 import { extractStopReason, isTurnBoundary, type StopReason } from "../../lib/stopReason";
 import { safeGetOwnProperty } from "../../lib/objectUtils";
-import type { CapturedLog } from "../../proxy/schemas";
+import type { CapturedLog } from "../../contracts";
 import { resolveLogFormat } from "./log-formats";
 
 export type TurnEntry = {