@tonyclaw/agent-inspector 2.0.40 → 2.0.42

package/src/mcp/toolHandlers.ts

@@ -16,10 +16,18 @@
  */
 
 import { Buffer } from "node:buffer";
+import { existsSync, readFileSync, statSync, writeFileSync } from "node:fs";
+import { dirname, join } from "node:path";
+import JSZip from "jszip";
 import { z } from "zod";
 import { getCurrentPort } from "../lib/serverPort";
 import { LoopbackTimeoutError, type CallApiOptions } from "./loopback";
 import { extractLastUserMessagePreview, extractResponsePreview } from "./previewExtractor";
+import {
+  getCurrentContext,
+  setCurrentContext,
+  type InspectorCurrentContextPatch,
+} from "./currentContext";
 import {
   type AddInspectorGroupSessionInput,
   type CreateInspectorGroupInput,
@@ -36,6 +44,7 @@ import {
   exportInspectorGroupEvidence,
   getInspectorGroup,
   listInspectorGroups,
+  readInspectorGroupEvidence,
   updateInspectorGroup,
 } from "../services/groups";
 import {
@@ -43,6 +52,7 @@ import {
   exportInspectorRunEvidence,
   getInspectorRun,
   listInspectorRecentFailures,
+  readInspectorRunEvidence,
   updateInspectorRun,
 } from "../services/runs";
 
@@ -423,6 +433,227 @@ export async function exportGroupEvidenceImpl(args: ExportGroupEvidenceArgs): Pr
   return textJson(exported.value);
 }
 
+const SESSION_TIMELINE_DEFAULT_LIMIT = 20;
+const SESSION_TIMELINE_LIMIT_MAX = 50;
+
+export type SessionTimelineArgs = {
+  sessionId: string;
+  limit?: number;
+  offset?: number;
+};
+
+function clampTimelineLimit(input: number | undefined): number {
+  if (input === undefined) return SESSION_TIMELINE_DEFAULT_LIMIT;
+  if (!Number.isFinite(input) || input < 1) return 1;
+  return Math.min(Math.floor(input), SESSION_TIMELINE_LIMIT_MAX);
+}
+
+export function buildSessionTimeline(
+  sessionId: string,
+  logs: CapturedLog[],
+  total: number,
+  limit: number,
+): Record<string, unknown> {
+  const sortedLogs = [...logs].sort((left, right) => left.id - right.id);
+  const events = sortedLogs.map((log, index) => ({
+    sequence: index + 1,
+    kind: "request",
+    logId: log.id,
+    ...buildLogSummary(log),
+  }));
+  const first = sortedLogs[0];
+  const last = sortedLogs[sortedLogs.length - 1];
+  const errorCount = events.filter((event) => event.hasError).length;
+  const models = [...new Set(sortedLogs.map((log) => log.model).filter((model) => model !== null))];
+  const providers = [
+    ...new Set(
+      sortedLogs.map((log) => log.providerName ?? null).filter((provider) => provider !== null),
+    ),
+  ];
+
+  return {
+    sessionId,
+    logCoverage: "bounded",
+    total,
+    limit,
+    eventCount: events.length,
+    requestCount: events.length,
+    errorCount,
+    startedAt: first?.timestamp ?? null,
+    updatedAt: last?.timestamp ?? null,
+    models,
+    providers,
+    events,
+  };
+}
+
+export async function getSessionTimelineImpl(
+  callApi: CallApiFn,
+  args: SessionTimelineArgs,
+): Promise<ToolResult> {
+  const limit = clampTimelineLimit(args.limit);
+  const offset = args.offset ?? 0;
+  const params = new URLSearchParams({
+    offset: String(offset),
+    limit: String(limit),
+    compact: "1",
+    sessionId: args.sessionId,
+  });
+  const path = `/api/logs?${params.toString()}`;
+  const res = await callApi(path);
+  if (!res.ok) return toolError(`GET ${path} returned ${res.status}`);
+  const rawBody: unknown = await res.json();
+  const parsed = LogsListResponseSchema.safeParse(rawBody);
+  if (!parsed.success) return toolError("GET /api/logs returned an unparseable timeline shape");
+  const logs = parsed.data.logs ?? [];
+  return textJson(
+    buildSessionTimeline(args.sessionId, logs, parsed.data.total ?? logs.length, limit),
+  );
+}
+
+type EvidenceFileKind = "json" | "markdown" | "html" | "zip";
+
+type EvidenceFileSummary = {
+  kind: EvidenceFileKind;
+  path: string;
+  exists: boolean;
+  bytes: number | null;
+  included?: boolean;
+};
+
+type EvidencePaths = {
+  jsonPath: string;
+  markdownPath: string;
+  htmlPath: string;
+  exportedAt: string;
+};
+
+function fileBytes(path: string): number | null {
+  if (!existsSync(path)) return null;
+  try {
+    return statSync(path).size;
+  } catch {
+    return null;
+  }
+}
+
+function evidenceFileSummary(kind: EvidenceFileKind, path: string): EvidenceFileSummary {
+  return {
+    kind,
+    path,
+    exists: existsSync(path),
+    bytes: fileBytes(path),
+  };
+}
+
+function evidenceFiles(evidence: EvidencePaths): EvidenceFileSummary[] {
+  return [
+    evidenceFileSummary("json", evidence.jsonPath),
+    evidenceFileSummary("markdown", evidence.markdownPath),
+    evidenceFileSummary("html", evidence.htmlPath),
+  ];
+}
+
+function readEvidenceFile(path: string): Buffer | null {
+  if (!existsSync(path)) return null;
+  try {
+    return readFileSync(path);
+  } catch {
+    return null;
+  }
+}
+
+async function exportEvidenceZip(
+  ownerKind: "run" | "group",
+  ownerId: string,
+  evidence: EvidencePaths,
+): Promise<Record<string, unknown>> {
+  const zip = new JSZip();
+  const sourceFiles = evidenceFiles(evidence);
+  const includedFiles: EvidenceFileSummary[] = [];
+
+  for (const file of sourceFiles) {
+    const content = readEvidenceFile(file.path);
+    const included = content !== null;
+    includedFiles.push({ ...file, included });
+    if (included) {
+      zip.file(`${file.kind}.${file.kind === "markdown" ? "md" : file.kind}`, content);
+    }
+  }
+
+  zip.file(
+    "manifest.json",
+    `${JSON.stringify(
+      {
+        ownerKind,
+        ownerId,
+        exportedAt: evidence.exportedAt,
+        bundledAt: new Date().toISOString(),
+        files: includedFiles,
+      },
+      null,
+      2,
+    )}\n`,
+  );
+
+  const zipPath = join(
+    dirname(evidence.jsonPath),
+    ownerKind === "run" ? "evidence.zip" : "group-evidence.zip",
+  );
+  const buffer = await zip.generateAsync({ type: "nodebuffer" });
+  writeFileSync(zipPath, buffer);
+  const zipSummary = evidenceFileSummary("zip", zipPath);
+  return {
+    ownerKind,
+    ownerId,
+    bundlePath: zipPath,
+    bytes: zipSummary.bytes,
+    files: [...includedFiles, zipSummary],
+  };
+}
+
+export function getEvidenceFilesImpl(args: { runId: string }): ToolResult {
+  const evidence = readInspectorRunEvidence(args.runId);
+  if (!evidence.ok) return toolError(evidence.message);
+  return textJson({
+    runId: args.runId,
+    exportedAt: evidence.value.evidence.exportedAt,
+    files: evidenceFiles(evidence.value.evidence),
+  });
+}
+
+export async function exportEvidenceBundleImpl(args: { runId: string }): Promise<ToolResult> {
+  const evidence = readInspectorRunEvidence(args.runId);
+  if (!evidence.ok) return toolError(evidence.message);
+  return textJson(await exportEvidenceZip("run", args.runId, evidence.value.evidence));
+}
+
+export function getGroupEvidenceFilesImpl(args: { groupId: string }): ToolResult {
+  const evidence = readInspectorGroupEvidence(args.groupId);
+  if (!evidence.ok) return toolError(evidence.message);
+  return textJson({
+    groupId: args.groupId,
+    exportedAt: evidence.value.evidence.exportedAt,
+    files: evidenceFiles(evidence.value.evidence),
+  });
+}
+
+export async function exportGroupEvidenceBundleImpl(args: {
+  groupId: string;
+}): Promise<ToolResult> {
+  const evidence = readInspectorGroupEvidence(args.groupId);
+  if (!evidence.ok) return toolError(evidence.message);
+  return textJson(await exportEvidenceZip("group", args.groupId, evidence.value.evidence));
+}
+
+export function getCurrentContextImpl(): ToolResult {
+  return textJson(getCurrentContext());
+}
+
+export function setCurrentContextImpl(args: InspectorCurrentContextPatch): ToolResult {
+  return textJson(setCurrentContext(args));
+}
+
 export async function listModelsImpl(callApi: CallApiFn): Promise<ToolResult> {
   const res = await callApi("/api/models");
   if (!res.ok) return toolError(`GET /api/models returned ${res.status}`);
@@ -540,6 +771,147 @@ export async function testProviderImpl(callApi: CallApiFn, id: string): Promise<
   return textJson(await res.json());
 }
 
+type ProviderDiagnosticIssue = {
+  path: string;
+  status: number | null;
+  error: string | null;
+  durationMs: number | null;
+  endpoint: string | null;
+};
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+
+function stringField(record: Record<string, unknown>, key: string): string | null {
+  const value = record[key];
+  return typeof value === "string" && value.length > 0 ? value : null;
+}
+
+function numberField(record: Record<string, unknown>, key: string): number | null {
+  const value = record[key];
+  return typeof value === "number" && Number.isFinite(value) ? value : null;
+}
+
+function firstStringField(record: Record<string, unknown>, keys: string[]): string | null {
+  for (const key of keys) {
+    const value = stringField(record, key);
+    if (value !== null) return value;
+  }
+  return null;
+}
+
+function firstNumberField(record: Record<string, unknown>, keys: string[]): number | null {
+  for (const key of keys) {
+    const value = numberField(record, key);
+    if (value !== null) return value;
+  }
+  return null;
+}
+
+function collectProviderDiagnosticIssues(
+  value: unknown,
+  path: string,
+  issues: ProviderDiagnosticIssue[],
+): void {
+  if (Array.isArray(value)) {
+    value.forEach((item, index) =>
+      collectProviderDiagnosticIssues(item, `${path}[${String(index)}]`, issues),
+    );
+    return;
+  }
+  if (!isRecord(value)) return;
+
+  const success = value["success"];
+  const status = firstNumberField(value, ["status", "responseStatus", "statusCode"]);
+  const error = firstStringField(value, ["error", "message", "errorMessage"]);
+  if (success === false || error !== null || (status !== null && status >= 400)) {
+    issues.push({
+      path,
+      status,
+      error,
+      durationMs: firstNumberField(value, ["durationMs", "elapsedMs", "latencyMs"]),
+      endpoint: firstStringField(value, ["endpoint", "url", "requestUrl", "baseUrl"]),
+    });
+  }
+
+  for (const [key, child] of Object.entries(value)) {
+    if (typeof child === "object" && child !== null) {
+      collectProviderDiagnosticIssues(child, `${path}.${key}`, issues);
+    }
+  }
+}
+
+function stringifyUnknown(value: unknown): string {
+  try {
+    const text = JSON.stringify(value);
+    return text === undefined ? "" : text.toLowerCase();
+  } catch {
+    return "";
+  }
+}
+
+function providerDiagnosticHints(result: unknown): string[] {
+  const text = stringifyUnknown(result);
+  const hints: string[] = [];
+  if (text.includes("timeout") || text.includes("aborted")) {
+    hints.push(
+      "Provider test timed out or was aborted. Increase Settings > Proxy > Provider test timeout when the provider or model is slow.",
+    );
+  }
+  if (text.includes("localhost") || text.includes("127.0.0.1")) {
+    hints.push(
+      "The upstream URL contains localhost. If the agent or provider runs in another container, replace localhost with a reachable host/IP.",
+    );
+  }
+  if (text.includes("econnrefused") || text.includes("enotfound") || text.includes("network")) {
+    hints.push(
+      "This looks like a network or DNS failure. Verify the Inspector container/host can reach the provider base URL.",
+    );
+  }
+  if (
+    text.includes("401") ||
+    text.includes("403") ||
+    text.includes("unauthorized") ||
+    text.includes("forbidden")
+  ) {
+    hints.push(
+      "This looks like an authentication failure. Check the provider API key and auth header mode.",
+    );
+  }
+  if (text.includes("404") || text.includes("not found")) {
+    hints.push(
+      "This looks like a base URL or path mismatch. Check whether the provider endpoint already includes /v1 or needs a vendor-specific path.",
+    );
+  }
+  if (text.includes("nonstream") || text.includes("non-stream")) {
+    hints.push(
+      "The failure mentions non-streaming. Compare the OpenAI/Anthropic non-streaming path and payload with the streaming request.",
+    );
+  }
+  return [...new Set(hints)];
+}
+
+export async function diagnoseProviderTestImpl(
+  callApi: CallApiFn,
+  id: string,
+): Promise<ToolResult> {
+  const res = await callApi(`/api/providers/${encodeURIComponent(id)}/test`, {
+    method: "POST",
+  });
+  if (!res.ok) return toolError(`POST /api/providers/${id}/test returned ${res.status}`);
+  const result: unknown = await res.json();
+  const issues: ProviderDiagnosticIssue[] = [];
+  collectProviderDiagnosticIssues(result, "result", issues);
+  return textJson({
+    providerId: id,
+    issueCount: issues.length,
+    issues,
+    hints: providerDiagnosticHints(result),
+    result,
+  });
+}
+
 export type CreateSessionKnowledgeArgs = {
   sessionId: string;
 };

package/src/proxy/evidenceExporter.ts

@@ -48,6 +48,7 @@ function buildMarkdown(document: EvidenceDocument): string {
     "",
     `- Run ID: ${document.run.id}`,
     `- Session ID: ${document.run.sessionId}`,
+    `- Group ID: ${document.run.groupId ?? "n/a"}`,
     `- Status: ${document.run.status}`,
     `- Project: ${document.run.project ?? "n/a"}`,
     `- Agent: ${document.run.agent ?? "n/a"}`,

package/src/proxy/runStore.ts

@@ -12,6 +12,7 @@ import {
   type UpdateInspectorRunInput,
 } from "../lib/runContract";
 import { getDataDir } from "./dataDir";
+import { addGroupSession, getGroup } from "./groupStore";
 
 const RunsFileSchema = z.object({
   runs: z.array(InspectorRunSchema),
@@ -48,6 +49,51 @@ function normalizeSessionId(input: string | undefined, runId: string): string {
   return input.trim();
 }
 
+function normalizeGroupId(input: string | null | undefined): string | null {
+  if (input === undefined || input === null) return null;
+  const normalized = stableId(input);
+  return normalized.length > 0 ? normalized : null;
+}
+
+function metadataText(metadata: InspectorRun["metadata"], key: string): string | undefined {
+  const value = metadata[key];
+  if (typeof value !== "string") return undefined;
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : undefined;
+}
+
+function optionalText(value: string | null): string | undefined {
+  return value ?? undefined;
+}
+
+function autoGroupMemberId(runId: string): string {
+  return stableId(`run-${runId}`);
+}
+
+function runHasGroupMember(run: InspectorRun): boolean {
+  if (run.groupId === null) return false;
+  const group = getGroup(run.groupId);
+  if (group === null) return false;
+  return group.members.some((member) => member.id === autoGroupMemberId(run.id));
+}
+
+function syncRunGroupMember(run: InspectorRun, createIfMissing: boolean): void {
+  if (run.groupId === null) return;
+  if (!createIfMissing && !runHasGroupMember(run)) return;
+
+  addGroupSession(run.groupId, {
+    memberId: autoGroupMemberId(run.id),
+    sessionId: run.sessionId,
+    runId: run.id,
+    label: run.title,
+    agent: optionalText(run.agent),
+    provider: metadataText(run.metadata, "provider") ?? metadataText(run.metadata, "providerName"),
+    model: metadataText(run.metadata, "model") ?? metadataText(run.metadata, "modelName"),
+    status: run.status,
+    metadata: run.metadata,
+  });
+}
+
 function readRuns(): InspectorRun[] {
   const filePath = runsFilePath();
   if (!existsSync(filePath)) return [];
@@ -83,9 +129,11 @@ export function createRun(input: CreateInspectorRunInput): InspectorRun {
 
   const timestamp = nowIso();
   const sessionId = normalizeSessionId(parsed?.sessionId, runId);
+  const groupId = normalizeGroupId(parsed?.groupId);
   const run: InspectorRun = {
     id: runId,
     sessionId,
+    groupId,
     title: parsed?.title ?? `Inspector Run ${runId}`,
     task: parsed?.task ?? null,
     project: parsed?.project ?? null,
@@ -99,6 +147,7 @@ export function createRun(input: CreateInspectorRunInput): InspectorRun {
   };
 
   writeRuns([...readRuns(), run]);
+  syncRunGroupMember(run, parsed?.sessionId !== undefined);
   return run;
 }
 
@@ -125,32 +174,35 @@ export function updateRunEvidence(
 export function updateRun(runId: string, input: UpdateInspectorRunInput): InspectorRun | null {
   const parsed = UpdateInspectorRunInputSchema.parse(input);
   const runs = readRuns();
-  let updatedRun: InspectorRun | null = null;
+  const run = runs.find((candidate) => candidate.id === runId) ?? null;
   const updatedAt = nowIso();
 
-  const updatedRuns = runs.map((run) => {
-    if (run.id !== runId) return run;
-    updatedRun = {
-      ...run,
-      sessionId:
-        parsed.sessionId === undefined
-          ? run.sessionId
-          : normalizeSessionId(parsed.sessionId, run.id),
-      title: parsed.title ?? run.title,
-      task: parsed.task === undefined ? run.task : parsed.task,
-      project: parsed.project === undefined ? run.project : parsed.project,
-      agent: parsed.agent === undefined ? run.agent : parsed.agent,
-      status: parsed.status ?? run.status,
-      tags: parsed.tags ?? run.tags,
-      metadata:
-        parsed.metadata === undefined ? run.metadata : { ...run.metadata, ...parsed.metadata },
-      updatedAt,
-    };
-    return updatedRun;
-  });
+  if (run === null) return null;
+
+  const updatedRun: InspectorRun = {
+    ...run,
+    sessionId:
+      parsed.sessionId === undefined ? run.sessionId : normalizeSessionId(parsed.sessionId, run.id),
+    groupId: parsed.groupId === undefined ? run.groupId : normalizeGroupId(parsed.groupId),
+    title: parsed.title ?? run.title,
+    task: parsed.task === undefined ? run.task : parsed.task,
+    project: parsed.project === undefined ? run.project : parsed.project,
+    agent: parsed.agent === undefined ? run.agent : parsed.agent,
+    status: parsed.status ?? run.status,
+    tags: parsed.tags ?? run.tags,
+    metadata:
+      parsed.metadata === undefined ? run.metadata : { ...run.metadata, ...parsed.metadata },
+    updatedAt,
+  };
+  const updatedRuns = runs.map((candidate) => (candidate.id === runId ? updatedRun : candidate));
 
-  if (updatedRun === null) return null;
   writeRuns(updatedRuns);
+  syncRunGroupMember(
+    updatedRun,
+    parsed.sessionId !== undefined ||
+      parsed.groupId !== undefined ||
+      updatedRun.sessionId !== updatedRun.id,
+  );
   return updatedRun;
 }
 

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

@@ -1 +0,0 @@
-import{r as h,j as t}from"./main-CKYe6UUv.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}from"./ProxyViewerContainer-BGqeiYKD.js";const se=[["line",{x1:"5",x2:"19",y1:"9",y2:"9",key:"1nwqeh"}],["line",{x1:"5",x2:"19",y1:"15",y2:"15",key:"g8yjpy"}]],ae=X("equal",se),oe="";function j(e){if(e.length===0)return oe;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 de(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(de(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 ie(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 le(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:ae,accent:"text-muted-foreground/70",bg:"bg-muted/20 hover:bg-muted/30",border:"border-l-muted-foreground/20",label:"EQUAL"}};function ce({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 ue({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(me,{op:e}):null})]})}function me({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 xe({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 fe({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 ve({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 ie(u,g)},[e.apiFormat,e.path,e.rawRequestBody,r.apiFormat,r.path,r.rawRequestBody]),d=h.useMemo(()=>le(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=>{window.navigator.clipboard.writeText(l).then(()=>{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(fe,{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(xe,{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(ce,{ops:l.ops,expanded:a.has(c),onToggle:()=>i(c)},`r${c}`);const u=l.op;return t.jsx(ue,{op:u,idx:c,copiedPath:U,onCopyPath:H,expanded:f.has(c),onToggle:()=>b(c)},`o${c}`)})}):t.jsx(pe,{grouped:d,left:e,right:r})})]})]})]})}function pe({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{ve as CompareDrawer};