@tonyclaw/agent-inspector 2.1.13 → 2.1.14

package/src/proxy/formats/registry.ts

@@ -1,6 +1,12 @@
 import type { FormatHandler } from "./handler";
 import type { ApiFormat } from "../schemas";
-import { PATH_V1_CHAT_COMPLETIONS, PATH_CHAT_COMPLETIONS, PATH_V1_MESSAGES } from "../constants";
+import {
+  PATH_V1_CHAT_COMPLETIONS,
+  PATH_CHAT_COMPLETIONS,
+  PATH_V1_RESPONSES,
+  PATH_RESPONSES,
+  PATH_V1_MESSAGES,
+} from "../constants";
 
 /**
  * API format registry maps request paths and API formats to their FormatHandler.
@@ -73,3 +79,5 @@ export const requestFormatForPath = apiFormatForPath;
 formatRegistry.registerPath(PATH_V1_MESSAGES, "anthropic");
 formatRegistry.registerPath(PATH_V1_CHAT_COMPLETIONS, "openai");
 formatRegistry.registerPath(PATH_CHAT_COMPLETIONS, "openai");
+formatRegistry.registerPath(PATH_V1_RESPONSES, "openai");
+formatRegistry.registerPath(PATH_RESPONSES, "openai");

package/src/proxy/providerImporters.ts

@@ -12,6 +12,7 @@ export type ExternalProvider = {
   format: "anthropic" | "openai";
   anthropicBaseUrl: string;
   openaiBaseUrl: string;
+  openaiResponsesBaseUrl: string;
   models: string[];
   sourceTool: "claude-code" | "opencode" | "mimo-code";
   alreadyExists: boolean;
@@ -20,6 +21,30 @@ export type ExternalProvider = {
 const ZHIPU_OPENAI_BASE_URL = "https://open.bigmodel.cn/api/paas/v4";
 const ZHIPU_CODING_OPENAI_BASE_URL = "https://open.bigmodel.cn/api/coding/paas/v4";
 const ZHIPU_CODING_ANTHROPIC_BASE_URL = "https://open.bigmodel.cn/api/anthropic";
+const MINIMAX_OPENAI_BASE_URL = "https://api.minimaxi.com";
+
+function defaultOpenAIResponsesBaseUrl(providerId: string): string {
+  const normalized = providerId.toLowerCase();
+  return normalized === "minimax" || normalized.startsWith("minimax-")
+    ? MINIMAX_OPENAI_BASE_URL
+    : "";
+}
+
+function openAIResponsesBaseUrlMatchesExisting(
+  provider: ProviderConfig,
+  externalProvider: ExternalProvider,
+): boolean {
+  const existingUrl = provider.openaiResponsesBaseUrl ?? "";
+  if (existingUrl === externalProvider.openaiResponsesBaseUrl) return true;
+
+  const defaultUrl = defaultOpenAIResponsesBaseUrl(externalProvider.name);
+  if (defaultUrl === "") return false;
+
+  return (
+    (existingUrl === "" && externalProvider.openaiResponsesBaseUrl === defaultUrl) ||
+    (existingUrl === defaultUrl && externalProvider.openaiResponsesBaseUrl === "")
+  );
+}
 
 function readJsonSafe(filePath: string): Record<string, unknown> | null {
   try {
@@ -134,6 +159,7 @@ function detectClaudeCodeProviders(): ExternalProvider[] {
     format: "anthropic",
     anthropicBaseUrl: baseUrl,
     openaiBaseUrl: "",
+    openaiResponsesBaseUrl: "",
     models,
     sourceTool: "claude-code",
     alreadyExists: false, // filled in later
@@ -210,6 +236,7 @@ function detectOpenCodeProviders(): ExternalProvider[] {
       format,
       anthropicBaseUrl: format === "anthropic" ? baseURL : "",
       openaiBaseUrl: format === "openai" ? baseURL : "",
+      openaiResponsesBaseUrl: defaultOpenAIResponsesBaseUrl(providerId),
       models,
       sourceTool: "opencode",
       alreadyExists: false,
@@ -354,6 +381,7 @@ function detectMiMoCodeProviders(): ExternalProvider[] {
       format,
       anthropicBaseUrl: format === "anthropic" ? baseURL : "",
       openaiBaseUrl: format === "openai" ? baseURL : "",
+      openaiResponsesBaseUrl: defaultOpenAIResponsesBaseUrl(providerId),
       models,
       sourceTool: "mimo-code",
       alreadyExists: false,
@@ -364,7 +392,12 @@ function detectMiMoCodeProviders(): ExternalProvider[] {
   if (isPlainRecord(auth)) {
     const knownDefaults: Record<
       string,
-      { anthropicBaseUrl: string; openaiBaseUrl: string; format: "anthropic" | "openai" }
+      {
+        anthropicBaseUrl: string;
+        openaiBaseUrl: string;
+        openaiResponsesBaseUrl?: string;
+        format: "anthropic" | "openai";
+      }
     > = {
       deepseek: {
         anthropicBaseUrl: "https://api.deepseek.com/anthropic",
@@ -373,12 +406,14 @@ function detectMiMoCodeProviders(): ExternalProvider[] {
       },
       minimax: {
         anthropicBaseUrl: "https://api.minimaxi.com/anthropic",
-        openaiBaseUrl: "https://api.minimaxi.com",
+        openaiBaseUrl: MINIMAX_OPENAI_BASE_URL,
+        openaiResponsesBaseUrl: MINIMAX_OPENAI_BASE_URL,
         format: "anthropic",
       },
       "minimax-coding-plan": {
         anthropicBaseUrl: "https://api.minimaxi.com/anthropic",
-        openaiBaseUrl: "https://api.minimaxi.com",
+        openaiBaseUrl: MINIMAX_OPENAI_BASE_URL,
+        openaiResponsesBaseUrl: MINIMAX_OPENAI_BASE_URL,
         format: "anthropic",
       },
       openai: {
@@ -471,6 +506,8 @@ function detectMiMoCodeProviders(): ExternalProvider[] {
         format: defaults.format,
         anthropicBaseUrl: defaults.anthropicBaseUrl,
         openaiBaseUrl: defaults.openaiBaseUrl,
+        openaiResponsesBaseUrl:
+          defaults.openaiResponsesBaseUrl ?? defaultOpenAIResponsesBaseUrl(key),
         models: ["default"],
         sourceTool: "mimo-code",
         alreadyExists: false,
@@ -511,7 +548,7 @@ export function scanExternalProviders(): { providers: ExternalProvider[]; warnin
 
   // Filter out providers already using the localhost proxy (already switched)
   const filteredProviders = allProviders.filter((p) => {
-    const url = p.anthropicBaseUrl || p.openaiBaseUrl;
+    const url = p.anthropicBaseUrl || p.openaiBaseUrl || p.openaiResponsesBaseUrl;
     return !/(?:localhost|127\.0\.0\.1)/.test(url);
   });
 
@@ -530,7 +567,10 @@ export function scanExternalProviders(): { providers: ExternalProvider[]; warnin
       if (ext.format === "anthropic") {
         return (p.anthropicBaseUrl ?? "") === ext.anthropicBaseUrl;
       }
-      return (p.openaiBaseUrl ?? "") === ext.openaiBaseUrl;
+      return (
+        (p.openaiBaseUrl ?? "") === ext.openaiBaseUrl &&
+        openAIResponsesBaseUrlMatchesExisting(p, ext)
+      );
     });
   }
 

package/src/proxy/providers.ts

@@ -55,6 +55,7 @@ const LegacyProviderConfigSchema = z.object({
   baseUrl: z.string().optional(),
   anthropicBaseUrl: z.string().optional(),
   openaiBaseUrl: z.string().optional(),
+  openaiResponsesBaseUrl: z.string().optional(),
   authHeader: z.enum(["bearer", "x-api-key"]).optional(),
   apiDocsUrl: z.string().optional(),
   modelMetadataUrl: z.string().optional(),
@@ -97,6 +98,7 @@ export function migrateLegacyProvider(
     provider.anthropicBaseUrl ?? (format === "anthropic" && baseUrl !== undefined ? baseUrl : "");
   const openaiBaseUrl =
     provider.openaiBaseUrl ?? (format === "openai" && baseUrl !== undefined ? baseUrl : "");
+  const openaiResponsesBaseUrl = provider.openaiResponsesBaseUrl ?? "";
 
   const candidate: ProviderConfig = {
     id: provider.id ?? randomUUID(),
@@ -108,6 +110,7 @@ export function migrateLegacyProvider(
     baseUrl,
     anthropicBaseUrl,
     openaiBaseUrl,
+    openaiResponsesBaseUrl,
     authHeader: provider.authHeader ?? "bearer",
     apiDocsUrl: provider.apiDocsUrl,
     modelMetadataUrl: provider.modelMetadataUrl,
@@ -235,7 +238,11 @@ migrateFromLegacyConfLocation(store);
  * missing counterpart means that API format was intentionally not configured.
  */
 export function migrateProvider(p: ProviderConfig): ProviderConfig {
-  if (p.anthropicBaseUrl !== undefined || p.openaiBaseUrl !== undefined) {
+  if (
+    p.anthropicBaseUrl !== undefined ||
+    p.openaiBaseUrl !== undefined ||
+    p.openaiResponsesBaseUrl !== undefined
+  ) {
     return p;
   }
   if (p.format === undefined || p.baseUrl === undefined || p.baseUrl === "") {
@@ -243,13 +250,12 @@ export function migrateProvider(p: ProviderConfig): ProviderConfig {
   }
 
   return p.format === "openai"
-    ? { ...p, anthropicBaseUrl: "", openaiBaseUrl: p.baseUrl }
-    : { ...p, anthropicBaseUrl: p.baseUrl, openaiBaseUrl: "" };
+    ? { ...p, anthropicBaseUrl: "", openaiBaseUrl: p.baseUrl, openaiResponsesBaseUrl: "" }
+    : { ...p, anthropicBaseUrl: p.baseUrl, openaiBaseUrl: "", openaiResponsesBaseUrl: "" };
 }
 
 /**
- * Migrates existing provider configs to preserve both Anthropic and OpenAI URLs.
- * Old configs had anthropicBaseUrl/openaiBaseUrl, we now keep both.
+ * Migrates existing provider configs to preserve Anthropic and OpenAI routing URLs.
  */
 function migrateProviders(): void {
   const providers = store.get("providers", []);
@@ -265,7 +271,7 @@ function migrateProviders(): void {
 migrateProviders();
 
 /**
- * Migrate: merge providers with identical (apiKey, anthropicBaseUrl, openaiBaseUrl)
+ * Migrate: merge providers with identical API key and routing URLs.
  * into multi-model providers. Existing single-model providers get their `model`
  * value promoted to `models: [model]`.
  */
@@ -282,10 +288,10 @@ function migrateMultiModel(): void {
     return { ...p, models };
   });
 
-  // Step 2: Merge providers with same (apiKey, anthropicBaseUrl, openaiBaseUrl)
+  // Step 2: Merge providers with the same API key and routing URLs.
   const groups = new Map<string, ProviderConfig[]>();
   for (const p of promoted) {
-    const key = `${p.apiKey}::${p.anthropicBaseUrl ?? ""}::${p.openaiBaseUrl ?? ""}`;
+    const key = `${p.apiKey}::${p.anthropicBaseUrl ?? ""}::${p.openaiBaseUrl ?? ""}::${p.openaiResponsesBaseUrl ?? ""}`;
     const group = groups.get(key);
     if (group !== undefined) {
       group.push(p);
@@ -412,6 +418,7 @@ export function addProvider(
   source?: "company" | "personal",
   modelMetadataUrl?: string,
   modelMetadata?: ProviderModelMetadata[],
+  openaiResponsesBaseUrl?: string,
 ): ProviderConfig {
   const providers = getProviders();
   const normalizedKey = normalizeApiKey(apiKey);
@@ -419,15 +426,17 @@ export function addProvider(
     anthropicBaseUrl ?? (format === "anthropic" && baseUrl !== undefined ? baseUrl : "");
   const resolvedOpenaiUrl =
     openaiBaseUrl ?? (format === "openai" && baseUrl !== undefined ? baseUrl : "");
+  const resolvedOpenaiResponsesUrl = openaiResponsesBaseUrl ?? "";
   const now = new Date().toISOString();
 
-  // If a provider with the same (apiKey, anthropicBaseUrl, openaiBaseUrl) already exists,
+  // If a provider with the same API key and routing URLs already exists,
   // merge the new models into it instead of creating a duplicate.
   const existing = providers.find(
     (p) =>
       p.apiKey === normalizedKey &&
       (p.anthropicBaseUrl ?? "") === (resolvedAnthropicUrl ?? "") &&
-      (p.openaiBaseUrl ?? "") === (resolvedOpenaiUrl ?? ""),
+      (p.openaiBaseUrl ?? "") === (resolvedOpenaiUrl ?? "") &&
+      (p.openaiResponsesBaseUrl ?? "") === (resolvedOpenaiResponsesUrl ?? ""),
   );
   if (existing) {
     const existingIndex = providers.findIndex((p) => p.id === existing.id);
@@ -457,7 +466,7 @@ export function addProvider(
         format ??
         (anthropicBaseUrl !== undefined
           ? "anthropic"
-          : openaiBaseUrl !== undefined
+          : openaiBaseUrl !== undefined || openaiResponsesBaseUrl !== undefined
             ? "openai"
             : undefined),
       baseUrl,
@@ -470,6 +479,7 @@ export function addProvider(
       updatedAt: now,
       anthropicBaseUrl: resolvedAnthropicUrl,
       openaiBaseUrl: resolvedOpenaiUrl,
+      openaiResponsesBaseUrl: resolvedOpenaiResponsesUrl,
       source,
     },
     now,
@@ -513,6 +523,10 @@ export function updateProvider(
           : existing.anthropicBaseUrl,
       openaiBaseUrl:
         updates.openaiBaseUrl !== undefined ? updates.openaiBaseUrl : existing.openaiBaseUrl,
+      openaiResponsesBaseUrl:
+        updates.openaiResponsesBaseUrl !== undefined
+          ? updates.openaiResponsesBaseUrl
+          : existing.openaiResponsesBaseUrl,
       source: updates.source !== undefined ? updates.source : existing.source,
     },
     updatedAt,
@@ -685,6 +699,12 @@ function providerRoutingUrls(provider: ProviderConfig): string[] {
   if (provider.openaiBaseUrl !== undefined && provider.openaiBaseUrl.trim() !== "") {
     urls.push(provider.openaiBaseUrl);
   }
+  if (
+    provider.openaiResponsesBaseUrl !== undefined &&
+    provider.openaiResponsesBaseUrl.trim() !== ""
+  ) {
+    urls.push(provider.openaiResponsesBaseUrl);
+  }
   if (provider.baseUrl !== undefined && provider.baseUrl.trim() !== "") {
     urls.push(provider.baseUrl);
   }

package/src/proxy/schemas.ts

@@ -30,10 +30,16 @@ export type {
 
 export {
   OpenAIRequestSchema,
+  OpenAIResponsesRequestSchema,
+  OpenAIResponsesResponseSchema,
+  OpenAIResponsesSSEventSchema,
+  OpenAIResponsesUsageSchema,
   OpenAIResponseSchema,
   OpenAISSERawChunkSchema,
   type OpenAIResponse,
+  type OpenAIResponsesResponse,
   type OpenAIToolCall,
+  parseOpenAIResponsesResponse,
   parseOpenAIResponse,
 } from "../contracts/openai";
 

package/src/proxy/toolSchemaWarnings.ts

@@ -342,12 +342,18 @@ function extractOpenAIToolSchemas(request: unknown): Map<string, ToolSchema> {
   const tools = new Map<string, ToolSchema>();
   for (const tool of readArray(request, "tools")) {
     const functionDefinition = readObject(tool, "function");
-    if (functionDefinition === null) continue;
-    const name = readString(functionDefinition, "name");
+    const name =
+      functionDefinition === null
+        ? readString(tool, "name")
+        : (readString(functionDefinition, "name") ?? readString(tool, "name"));
     if (name === null || name === "") continue;
+    const parameters =
+      functionDefinition === null
+        ? readObject(tool, "parameters")
+        : (readObject(functionDefinition, "parameters") ?? readObject(tool, "parameters"));
     tools.set(name, {
       name,
-      schema: readObject(functionDefinition, "parameters"),
+      schema: parameters,
     });
   }
   return tools;
@@ -431,6 +437,22 @@ function extractOpenAIToolCalls(response: unknown): ToolCall[] {
     }
     choiceIndex++;
   }
+
+  let outputIndex = 0;
+  for (const item of readArray(response, "output")) {
+    if (readString(item, "type") !== "function_call") {
+      outputIndex++;
+      continue;
+    }
+    const parsedArguments = parseOpenAIArguments(readProperty(item, "arguments"));
+    calls.push({
+      name: readString(item, "name"),
+      arguments: parsedArguments.value,
+      argumentIssue: parsedArguments.issue,
+      location: `output[${outputIndex}]`,
+    });
+    outputIndex++;
+  }
   return calls;
 }
 

package/src/proxy/upstream.ts

@@ -7,13 +7,18 @@ import {
   HEADER_HOST,
   HEADER_X_API_KEY,
   PATH_CHAT_COMPLETIONS,
+  PATH_RESPONSES,
   PATH_V1_CHAT_COMPLETIONS,
+  PATH_V1_RESPONSES,
 } from "./constants";
+export { buildUpstreamUrl } from "../lib/upstreamUrl";
 
 export type ApiRoute = {
   apiPath: string;
   endpointPath: string;
   isChatCompletions: boolean;
+  isResponses: boolean;
+  isOpenAI: boolean;
   normalizedPath: string;
 };
 
@@ -27,10 +32,11 @@ export function describeApiRoute(apiPath: string): ApiRoute {
   const endpointPath = apiPath.split("?")[0] ?? "";
   const isChatCompletions =
     endpointPath === PATH_CHAT_COMPLETIONS || endpointPath === PATH_V1_CHAT_COMPLETIONS;
-  const normalizedPath =
-    isChatCompletions && !apiPath.startsWith("/v1/") ? `/v1${apiPath}` : apiPath;
+  const isResponses = endpointPath === PATH_RESPONSES || endpointPath === PATH_V1_RESPONSES;
+  const isOpenAI = isChatCompletions || isResponses;
+  const normalizedPath = isOpenAI && !apiPath.startsWith("/v1/") ? `/v1${apiPath}` : apiPath;
 
-  return { apiPath, endpointPath, isChatCompletions, normalizedPath };
+  return { apiPath, endpointPath, isChatCompletions, isResponses, isOpenAI, normalizedPath };
 }
 
 export function getProxyApiPath(url: URL): string {
@@ -39,12 +45,10 @@ export function getProxyApiPath(url: URL): string {
 
 export function selectUpstreamBase(route: ApiRoute, provider: ProviderConfig | null): string {
   if (provider === null) {
-    return route.isChatCompletions ? DEFAULT_OPENAI_UPSTREAM : DEFAULT_UPSTREAM;
+    return route.isOpenAI ? DEFAULT_OPENAI_UPSTREAM : DEFAULT_UPSTREAM;
   }
 
-  const formatSpecificUrl = route.isChatCompletions
-    ? provider.openaiBaseUrl
-    : provider.anthropicBaseUrl;
+  const formatSpecificUrl = selectFormatSpecificUrl(route, provider);
   if (formatSpecificUrl !== undefined && formatSpecificUrl !== "") {
     return formatSpecificUrl;
   }
@@ -57,39 +61,16 @@ export function selectUpstreamBase(route: ApiRoute, provider: ProviderConfig | n
   return provider.format === "openai" ? DEFAULT_OPENAI_UPSTREAM : DEFAULT_UPSTREAM;
 }
 
-export function buildUpstreamUrl(upstreamBase: string, normalizedPath: string): string {
-  const base = upstreamBase.endsWith("/") ? upstreamBase.slice(0, -1) : upstreamBase;
-
-  if (isZhipuVersionedOpenAIBase(base) && isVersionedChatCompletionsPath(normalizedPath)) {
-    return base + normalizedPath.slice(3);
-  }
-
-  // Many OpenAI-compatible base URLs already include /v1. Avoid producing /v1/v1.
-  if (base.endsWith("/v1") && normalizedPath.startsWith("/v1/")) {
-    return base + normalizedPath.slice(3);
-  }
-  return base + normalizedPath;
+function nonEmptyUrl(value: string | undefined): string | undefined {
+  return value !== undefined && value !== "" ? value : undefined;
 }
 
-function isVersionedChatCompletionsPath(normalizedPath: string): boolean {
-  return (
-    normalizedPath === PATH_V1_CHAT_COMPLETIONS ||
-    normalizedPath.startsWith(`${PATH_V1_CHAT_COMPLETIONS}?`) ||
-    normalizedPath.startsWith(`${PATH_V1_CHAT_COMPLETIONS}/`)
-  );
-}
-
-function isZhipuVersionedOpenAIBase(base: string): boolean {
-  try {
-    const parsed = new URL(base);
-    const path = parsed.pathname.replace(/\/+$/, "");
-    return (
-      parsed.hostname === "open.bigmodel.cn" &&
-      (path === "/api/paas/v4" || path === "/api/coding/paas/v4")
-    );
-  } catch {
-    return false;
+function selectFormatSpecificUrl(route: ApiRoute, provider: ProviderConfig): string | undefined {
+  if (!route.isOpenAI) return provider.anthropicBaseUrl;
+  if (route.isResponses) {
+    return nonEmptyUrl(provider.openaiResponsesBaseUrl) ?? provider.openaiBaseUrl;
   }
+  return provider.openaiBaseUrl;
 }
 
 export function setUpstreamHost(headers: Headers, upstreamBase: string): void {

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

@@ -18,6 +18,7 @@ const ProviderUpdateSchema = z.object({
   authHeader: z.enum(["bearer", "x-api-key"]).optional(),
   anthropicBaseUrl: z.string().optional(),
   openaiBaseUrl: z.string().optional(),
+  openaiResponsesBaseUrl: z.string().optional(),
   apiDocsUrl: z.string().optional(),
   modelMetadataUrl: z.string().optional(),
   modelMetadata: z.array(ProviderModelMetadataSchema).optional(),

package/src/routes/api/providers.ts

@@ -9,6 +9,7 @@ const ProviderInputSchema = z.object({
   format: z.enum(["anthropic", "openai"]).optional(),
   anthropicBaseUrl: z.string().optional(),
   openaiBaseUrl: z.string().optional(),
+  openaiResponsesBaseUrl: z.string().optional(),
   models: z.array(z.string()).min(1, "At least one model is required"),
   model: z.string().optional(),
   authHeader: z.enum(["bearer", "x-api-key"]).optional().default("bearer"),
@@ -45,6 +46,7 @@ export const Route = createFileRoute("/api/providers")({
           parsed.data.source,
           parsed.data.modelMetadataUrl,
           parsed.data.modelMetadata,
+          parsed.data.openaiResponsesBaseUrl,
         );
         return Response.json(newProvider, { status: 201 });
       },

package/.output/public/assets/CompareDrawer-Cz_1vIpR.js

@@ -1 +0,0 @@
-import{r as h,j as t}from"./main-Dtspb4Ui.js";import{c as X,g as O,r as P,a as q,X as Y,b as x,B as Z,f as $,R as ee,C as te,M as _,d as J,e as M,h as V,J as N,i as re,j as ne,k as se}from"./ProxyViewerContainer-7QSiluMf.js";const ae=[["line",{x1:"5",x2:"19",y1:"9",y2:"9",key:"1nwqeh"}],["line",{x1:"5",x2:"19",y1:"15",y2:"15",key:"g8yjpy"}]],oe=X("equal",ae),de="";function j(e){if(e.length===0)return de;let r="";for(let n=0;n<e.length;n++){const s=e[n];s!==void 0&&(typeof s=="number"?r+=`[${s}]`:n===0?r+=s:r+=`.${s}`)}return r}function ie(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function D(e){if(typeof e=="string")try{return C(JSON.parse(e))}catch{return{kind:"primitive",value:e}}return C(e)}function C(e){if(e===null)return{kind:"primitive",value:null};if(typeof e=="string")return{kind:"primitive",value:e};if(typeof e=="number")return{kind:"primitive",value:e};if(typeof e=="boolean")return{kind:"primitive",value:e};if(Array.isArray(e))return{kind:"array",value:e.map(r=>C(r))};if(ie(e)){const r={};for(const n of Object.keys(e).sort())r[n]=C(e[n]);return{kind:"object",value:r}}return{kind:"primitive",value:null}}function le(e,r){const n=[];return R([],e,r,n),n}function R(e,r,n,s){const d=j(e);if(E(r,n)){s.push({kind:"equal",path:d,value:r});return}if(r.kind!==n.kind){s.push({kind:"changed",path:d,left:r,right:n});return}if(r.kind==="primitive"&&n.kind==="primitive"){s.push({kind:"changed",path:d,left:r,right:n});return}if(r.kind==="object"&&n.kind==="object"){const o=Object.keys(r.value),a=Object.keys(n.value),m=new Set(a);for(const i of o){const f=r.value[i];if(f!==void 0)if(!m.has(i))s.push({kind:"removed",path:j([...e,i]),value:f});else{const p=n.value[i];if(p===void 0)continue;R([...e,i],f,p,s)}}for(const i of a){if(o.includes(i))continue;const f=n.value[i];f!==void 0&&s.push({kind:"added",path:j([...e,i]),value:f})}return}if(r.kind==="array"&&n.kind==="array"){const o=Math.min(r.value.length,n.value.length);for(let a=0;a<o;a++){const m=r.value[a],i=n.value[a];m===void 0||i===void 0||R([...e,a],m,i,s)}for(let a=o;a<n.value.length;a++){const m=n.value[a];m!==void 0&&s.push({kind:"added",path:j([...e,a]),value:m})}for(let a=o;a<r.value.length;a++){const m=r.value[a];m!==void 0&&s.push({kind:"removed",path:j([...e,a]),value:m})}}}function E(e,r){if(e.kind!==r.kind)return!1;if(e.kind==="primitive"&&r.kind==="primitive")return e.value===r.value;if(e.kind==="array"&&r.kind==="array"){if(e.value.length!==r.value.length)return!1;for(let n=0;n<e.value.length;n++){const s=e.value[n],d=r.value[n];if(s===void 0||d===void 0||!E(s,d))return!1}return!0}if(e.kind==="object"&&r.kind==="object"){const n=Object.keys(e.value),s=Object.keys(r.value);if(n.length!==s.length)return!1;for(const d of n){const o=e.value[d],a=r.value[d];if(o===void 0||a===void 0||!E(o,a))return!1}return!0}return!1}function v(e,r=80){let n;switch(e.kind){case"primitive":n=e.value===null?"null":JSON.stringify(e.value);break;case"array":n=`[… ${e.value.length} items]`;break;case"object":n=`{… ${Object.keys(e.value).length} keys}`;break}return n.length>r&&(n=`${n.slice(0,r-1)}…`),n}function w(e,r=2){return JSON.stringify(S(e),null,r)}function S(e){switch(e.kind){case"primitive":return e.value;case"array":return e.value.map(S);case"object":{const r={};for(const[n,s]of Object.entries(e.value))r[n]=S(s);return r}}}function K(e){if(e==="")return"";for(let r=e.length-1;r>=0;r--){const n=e[r];if(n==="."||n==="[")return e.substring(0,r)}return""}function L(e){return e.kind==="equal"&&(e.value.kind==="object"||e.value.kind==="array")}function ce(e){const r=[];let n=0;for(;n<e.length;){const s=e[n];if(s!==void 0&&L(s)){const d=K(s.path);let o=n+1;for(;o<e.length;){const a=e[o];if(a===void 0||!L(a)||K(a.path)!==d)break;o++}if(o-n>1){const a=[];for(let m=n;m<o;m++){const i=e[m];i!==void 0&&i.kind==="equal"&&a.push(i)}r.push({kind:"equal-run",ops:a}),n=o;continue}}s!==void 0&&r.push({kind:"single",op:s}),n++}return r}const B={added:{icon:J,accent:"text-emerald-600 dark:text-emerald-400",bg:"bg-emerald-500/5 hover:bg-emerald-500/10",border:"border-l-emerald-500",label:"ADDED"},removed:{icon:_,accent:"text-rose-600 dark:text-rose-400",bg:"bg-rose-500/5 hover:bg-rose-500/10",border:"border-l-rose-500",label:"REMOVED"},changed:{icon:M,accent:"text-amber-600 dark:text-amber-400",bg:"bg-amber-500/5 hover:bg-amber-500/10",border:"border-l-amber-500",label:"CHANGED"},equal:{icon:oe,accent:"text-muted-foreground/70",bg:"bg-muted/20 hover:bg-muted/30",border:"border-l-muted-foreground/20",label:"EQUAL"}};function ue({ops:e,expanded:r,onToggle:n}){const s=e[0],d=e[e.length-1];if(s===void 0||d===void 0)return t.jsx("div",{className:"text-muted-foreground/40 text-xs",children:"—"});const o=s.path,a=d.path,m=e.length===1?o:`${o} … ${a}`,i=s.value.kind==="array"?`${e.length} equal arrays`:s.value.kind==="object"?`${e.length} equal objects`:"equal",f=B.equal;return t.jsxs("div",{className:x("border-l-4 rounded-sm",f.border,f.bg),children:[t.jsxs("button",{type:"button",onClick:n,className:"w-full text-left flex items-center gap-2 px-3 py-1.5 text-xs text-muted-foreground cursor-pointer",children:[t.jsx(V,{className:x("size-3 transition-transform shrink-0",r&&"rotate-90")}),t.jsx(f.icon,{className:x("size-3 shrink-0",f.accent)}),t.jsx("span",{className:"font-mono truncate flex-1",title:`${o} … ${a}`,children:m}),t.jsx("span",{className:x("text-[10px] uppercase tracking-wider shrink-0",f.accent),children:f.label}),t.jsxs("span",{className:"text-muted-foreground/60 shrink-0",children:["(",i,")"]})]}),r&&t.jsx("div",{className:"ml-5 mt-1 mb-2 space-y-2 pr-2",children:e.map(p=>t.jsxs("div",{className:"border border-border/50 rounded p-2 bg-muted/20",children:[t.jsx("div",{className:"font-mono text-xs text-muted-foreground mb-1",children:p.path}),t.jsx(N,{text:w(p.value),defaultExpandDepth:0})]},p.path))})]})}function me({op:e,idx:r,copiedPath:n,onCopyPath:s,expanded:d,onToggle:o}){const a=B[e.kind],m=a.icon,i=e.kind==="added"||e.kind==="removed"?e.value.kind==="object"||e.value.kind==="array":e.kind==="changed"?e.left.kind==="object"||e.left.kind==="array"||e.right.kind==="object"||e.right.kind==="array":!1,f=e.kind==="changed"?[{text:v(e.left,400),tone:"text-rose-700 dark:text-rose-300 line-through"},{text:v(e.right,400),tone:"text-emerald-700 dark:text-emerald-300"}]:e.kind==="removed"?[{text:v(e.value,400),tone:"text-rose-700 dark:text-rose-300 line-through"}]:e.kind==="added"?[{text:v(e.value,400),tone:"text-emerald-700 dark:text-emerald-300"}]:[{text:v(e.value,400),tone:"text-muted-foreground"}],p=n===e.path&&e.path!=="";return t.jsxs("div",{"data-diff-idx":r,"data-diff-kind":e.kind,className:x("border-l-4 rounded-sm px-3 py-2 my-0.5 transition-colors",a.border,a.bg),children:[t.jsxs("button",{type:"button",onClick:o,disabled:!i,className:x("w-full flex items-center gap-2 text-xs text-left rounded-sm",i?"cursor-pointer":"cursor-default"),"aria-expanded":i?d:void 0,"aria-label":i?d?`Collapse ${e.path||"root"}`:`Expand ${e.path||"root"}`:void 0,children:[i?t.jsx(V,{className:x("size-3 shrink-0 transition-transform",a.accent,d&&"rotate-90")}):t.jsx("span",{className:"size-3 shrink-0","aria-hidden":"true"}),t.jsx(m,{className:x("size-3.5 shrink-0",a.accent),strokeWidth:2.5}),t.jsx("span",{className:"font-mono truncate flex-1 min-w-0",title:e.path||"(root)",children:e.path===""?"(root)":e.path}),t.jsx("span",{className:x("text-[9px] font-bold uppercase tracking-wider shrink-0 px-1.5 py-0.5 rounded",a.accent,e.kind==="equal"?"bg-muted/40":"bg-background/60"),children:a.label}),e.path!==""&&t.jsx("span",{role:"button",tabIndex:0,onClick:b=>{b.stopPropagation(),s(e.path)},onKeyDown:b=>{(b.key==="Enter"||b.key===" ")&&(b.stopPropagation(),b.preventDefault(),s(e.path))},className:x("shrink-0 p-1 rounded transition-colors cursor-pointer inline-flex items-center justify-center",p?"text-emerald-500":"text-muted-foreground/50 hover:text-foreground hover:bg-muted"),"aria-label":p?"Copied":"Copy",title:p?"Copied!":"Copy",children:p?t.jsx(re,{className:"size-3"}):t.jsx(ne,{className:"size-3"})})]}),f.map((b,y)=>t.jsx("div",{className:x("font-mono text-xs mt-1 break-all pl-5",b.tone),children:b.text},y)),t.jsx("div",{className:"overflow-hidden transition-all duration-200",style:{maxHeight:d&&i?"2000px":"0"},"aria-hidden":!d,children:d&&i&&e.kind!=="equal"?t.jsx(xe,{op:e}):null})]})}function xe({op:e}){if(e.kind==="added"||e.kind==="removed")return t.jsx("div",{className:"pl-5 mt-2 border border-border/50 rounded p-2 bg-muted/20",children:t.jsx(N,{text:w(e.value),defaultExpandDepth:0})});const r=e.left.kind==="object"||e.left.kind==="array",n=e.right.kind==="object"||e.right.kind==="array";return!r&&!n?t.jsx("div",{className:"pl-5 mt-2 text-xs text-muted-foreground/70 italic",children:"Primitive values are shown inline above."}):t.jsxs("div",{className:"pl-5 mt-2 grid grid-cols-1 md:grid-cols-2 gap-2",children:[t.jsxs("div",{className:"border border-rose-500/30 rounded p-2 bg-rose-500/5",children:[t.jsx("div",{className:"text-[10px] uppercase tracking-wider text-rose-500 mb-1",children:"Old"}),t.jsx(N,{text:w(e.left),defaultExpandDepth:0})]}),t.jsxs("div",{className:"border border-emerald-500/30 rounded p-2 bg-emerald-500/5",children:[t.jsx("div",{className:"text-[10px] uppercase tracking-wider text-emerald-500 mb-1",children:"New"}),t.jsx(N,{text:w(e.right),defaultExpandDepth:0})]})]})}function fe({counts:e,onJumpTo:r}){const n=e.added+e.removed+e.changed;return t.jsxs("div",{className:"px-4 py-2 border-b border-border bg-muted/20 flex items-center gap-2 text-xs flex-wrap",children:[t.jsxs("span",{className:"text-muted-foreground font-medium",children:[n," ",n===1?"change":"changes"]}),t.jsxs("button",{type:"button",onClick:()=>r("removed"),disabled:e.removed===0,className:x("inline-flex items-center gap-1 px-2 py-0.5 rounded-full border cursor-pointer transition-colors",e.removed>0?"border-rose-500/40 text-rose-600 dark:text-rose-400 bg-rose-500/10 hover:bg-rose-500/20":"border-border text-muted-foreground/40 cursor-not-allowed"),title:e.removed>0?"Jump to first removed":"No removals",children:[t.jsx(_,{className:"size-3"}),e.removed," removed"]}),t.jsxs("button",{type:"button",onClick:()=>r("added"),disabled:e.added===0,className:x("inline-flex items-center gap-1 px-2 py-0.5 rounded-full border cursor-pointer transition-colors",e.added>0?"border-emerald-500/40 text-emerald-600 dark:text-emerald-400 bg-emerald-500/10 hover:bg-emerald-500/20":"border-border text-muted-foreground/40 cursor-not-allowed"),title:e.added>0?"Jump to first added":"No additions",children:[t.jsx(J,{className:"size-3"}),e.added," added"]}),t.jsxs("button",{type:"button",onClick:()=>r("changed"),disabled:e.changed===0,className:x("inline-flex items-center gap-1 px-2 py-0.5 rounded-full border cursor-pointer transition-colors",e.changed>0?"border-amber-500/40 text-amber-600 dark:text-amber-400 bg-amber-500/10 hover:bg-amber-500/20":"border-border text-muted-foreground/40 cursor-not-allowed"),title:e.changed>0?"Jump to first changed":"No changes",children:[t.jsx(M,{className:"size-3"}),e.changed," changed"]})]})}function pe({mode:e,onChange:r}){return t.jsxs("div",{className:"inline-flex rounded-md border border-border overflow-hidden",children:[t.jsxs("button",{type:"button",onClick:()=>r("unified"),"aria-pressed":e==="unified",className:x("flex items-center gap-1 px-2 py-1 text-xs transition-colors cursor-pointer",e==="unified"?"bg-muted text-foreground":"hover:bg-muted/50 text-muted-foreground"),title:"Unified view (single column, emphasized diffs)",children:[t.jsx(ee,{className:"size-3"}),"Unified"]}),t.jsxs("button",{type:"button",onClick:()=>r("split"),"aria-pressed":e==="split",className:x("flex items-center gap-1 px-2 py-1 text-xs transition-colors border-l border-border cursor-pointer",e==="split"?"bg-muted text-foreground":"hover:bg-muted/50 text-muted-foreground"),title:"Split view (path | left | right)",children:[t.jsx(te,{className:"size-3"}),"Split"]})]})}function A({log:e,side:r}){const n=q(e);return t.jsxs("div",{className:"flex-1 min-w-0 space-y-1 text-xs",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx(Z,{variant:"outline",className:x("text-[10px] px-1.5 py-0 h-5 font-mono shrink-0",r==="left"?"border-rose-500/40 text-rose-400":"border-emerald-500/40 text-emerald-400"),children:r==="left"?"← Left":"Right →"}),t.jsxs("span",{className:"font-mono text-blue-400/80",children:["#",e.id]}),e.model!==null&&t.jsx("span",{className:"font-mono text-muted-foreground truncate",children:e.model})]}),t.jsxs("div",{className:"flex items-center gap-3 text-muted-foreground font-mono",children:[e.cacheCreationInputTokens!==null&&e.cacheCreationInputTokens>0&&t.jsxs("span",{className:"text-emerald-400",children:["KV Cache +",$(e.cacheCreationInputTokens)]}),e.cacheReadInputTokens!==null&&e.cacheReadInputTokens>0&&t.jsxs("span",{className:"text-purple-400",children:["KV Cache ~",$(e.cacheReadInputTokens)]}),t.jsx("span",{className:"truncate",title:e.timestamp,children:e.timestamp})]}),t.jsxs("div",{className:"text-muted-foreground/70 font-mono truncate",title:n,children:["session: ",n]})]})}function ge({left:e,right:r,onClose:n}){const s=h.useMemo(()=>{const l=O(P(e)).analyzeRequest(e.rawRequestBody),c=O(P(r)).analyzeRequest(r.rawRequestBody),u=D(l.comparisonValue),g=D(c.comparisonValue);return le(u,g)},[e.apiFormat,e.path,e.rawRequestBody,r.apiFormat,r.path,r.rawRequestBody]),d=h.useMemo(()=>ce(s),[s]),o=h.useMemo(()=>{let l=0,c=0,u=0;for(const g of d)if(g.kind==="single")switch(g.op.kind){case"added":l++;break;case"removed":c++;break;case"changed":u++;break}return{added:l,removed:c,changed:u}},[d]),[a,m]=h.useState(new Set),i=l=>{m(c=>{const u=new Set(c);return u.has(l)?u.delete(l):u.add(l),u})},[f,p]=h.useState(new Set),b=l=>{p(c=>{const u=new Set(c);return u.has(l)?u.delete(l):u.add(l),u})};h.useEffect(()=>{p(new Set)},[e.id,r.id]);const[y,F]=h.useState("unified"),T=h.useRef(null),[U,z]=h.useState(null),k=h.useRef(null),H=l=>{se(l).then(c=>{c&&(z(l),k.current!==null&&clearTimeout(k.current),k.current=setTimeout(()=>z(null),1500))})};h.useEffect(()=>()=>{k.current!==null&&clearTimeout(k.current)},[]);const G=l=>{const c=d.findIndex(I=>I.kind==="single"&&I.op.kind===l);if(c===-1)return;const u=T.current;if(u===null)return;const g=u.querySelector(`[data-diff-idx="${c}"]`);g!==null&&g.scrollIntoView({behavior:"smooth",block:"center"})};h.useEffect(()=>{const l=u=>{u.key==="Escape"&&n()};document.addEventListener("keydown",l);const c=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",l),document.body.style.overflow=c}},[n]);const Q=q(e)===q(r),W=s.length===1&&s[0]?.kind==="equal";return t.jsxs("div",{className:"fixed inset-0 z-50 flex justify-end",role:"dialog","aria-modal":"true","aria-label":"Compare two log requests",children:[t.jsx("button",{type:"button",onClick:n,"aria-label":"Close compare drawer",className:"absolute inset-0 bg-black/40 cursor-default",tabIndex:-1}),t.jsxs("div",{className:x("relative bg-background border-l border-border shadow-xl","w-full md:w-[70vw] max-w-[1100px] flex flex-col h-full"),onClick:l=>l.stopPropagation(),onKeyDown:l=>l.stopPropagation(),children:[t.jsxs("div",{className:"flex items-start gap-4 px-4 py-3 border-b border-border",children:[t.jsxs("div",{className:"flex-1 flex gap-4 min-w-0",children:[t.jsx(A,{log:e,side:"left"}),t.jsx(A,{log:r,side:"right"})]}),t.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[t.jsx(pe,{mode:y,onChange:F}),t.jsx("button",{type:"button",onClick:n,"aria-label":"Close",className:"p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted cursor-pointer",children:t.jsx(Y,{className:"size-4"})})]})]}),!Q&&t.jsx("div",{className:"px-4 py-1.5 text-xs text-amber-400 bg-amber-500/10 border-b border-border",children:"Heads up: the two selected logs are from different sessions."}),W?t.jsx("div",{className:"flex-1 min-h-0 overflow-y-auto flex items-center justify-center text-muted-foreground text-sm",children:"The two Request payloads are identical."}):t.jsxs(t.Fragment,{children:[t.jsx(fe,{counts:o,onJumpTo:G}),t.jsx("div",{ref:T,className:"flex-1 min-h-0 overflow-y-auto",children:y==="unified"?t.jsx("div",{className:"px-3 py-2 space-y-0.5",children:d.map((l,c)=>{if(l.kind==="equal-run")return t.jsx(ue,{ops:l.ops,expanded:a.has(c),onToggle:()=>i(c)},`r${c}`);const u=l.op;return t.jsx(me,{op:u,idx:c,copiedPath:U,onCopyPath:H,expanded:f.has(c),onToggle:()=>b(c)},`o${c}`)})}):t.jsx(he,{grouped:d,left:e,right:r})})]})]})]})}function he({grouped:e,left:r,right:n}){return t.jsxs("div",{className:"grid grid-cols-[200px_1fr_1fr] gap-x-2 gap-y-0.5 px-3 py-2 text-xs",children:[t.jsxs("div",{className:"grid grid-cols-[200px_1fr_1fr] gap-x-2 col-span-3 pb-2 mb-2 border-b border-border text-[10px] uppercase tracking-wider text-muted-foreground",children:[t.jsx("span",{children:"Path"}),t.jsxs("span",{children:["Left (Log #",r.id,")"]}),t.jsxs("span",{children:["Right (Log #",n.id,")"]})]}),e.map((s,d)=>{if(s.kind==="equal-run")return t.jsxs("div",{className:"col-span-3 px-2 py-1 text-xs text-muted-foreground/60",children:[s.ops.length," equal siblings collapsed — switch to Unified to expand"]},d);const o=s.op;return o.kind==="equal"?t.jsxs("div",{className:"col-span-3 grid grid-cols-[200px_1fr_1fr] gap-x-2 px-2 py-0.5 text-muted-foreground",children:[t.jsx("span",{className:"font-mono text-xs truncate",title:o.path,children:o.path}),t.jsx("span",{className:"font-mono text-xs break-all opacity-60",children:v(o.value,200)}),t.jsx("span",{className:"font-mono text-xs break-all opacity-60",children:v(o.value,200)})]},d):o.kind==="added"?t.jsxs("div",{className:"col-span-3 px-2 py-1 rounded text-xs border-l-2 border-l-emerald-400/70 bg-emerald-500/5",children:[t.jsx("div",{className:"font-mono text-xs text-muted-foreground mb-0.5",children:o.path}),t.jsxs("div",{className:"font-mono break-all text-emerald-300/90",children:["+ ",v(o.value,400)]})]},d):o.kind==="removed"?t.jsxs("div",{className:"col-span-3 px-2 py-1 rounded text-xs border-l-2 border-l-rose-400/70 bg-rose-500/5",children:[t.jsx("div",{className:"font-mono text-xs text-muted-foreground mb-0.5",children:o.path}),t.jsxs("div",{className:"font-mono break-all text-rose-300/90 line-through",children:["− ",v(o.value,400)]})]},d):t.jsxs("div",{className:"col-span-3 px-2 py-1 rounded text-xs border-l-2 border-l-amber-400/70 bg-amber-500/5",children:[t.jsx("div",{className:"font-mono text-xs text-muted-foreground mb-1",children:o.path}),t.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[t.jsx("div",{className:"font-mono text-rose-300/90 break-all line-through",children:v(o.left,400)}),t.jsx("div",{className:"font-mono text-emerald-300/90 break-all",children:v(o.right,400)})]})]},d)})]})}export{ge as CompareDrawer};