@tonyclaw/llm-inspector 1.11.4 → 1.11.6

package/.output/server/_ssr/{index-BWMVJy33.mjs → index-BzG8P6B8.mjs}

@@ -1,5 +1,5 @@
 import { r as reactExports, j as jsxRuntimeExports, R as React } from "../_libs/react.mjs";
-import { C as CapturedLogSchema, R as RuntimeConfigSchema, a as parseRequest, s as stripClaudeCodeBillingHeader, p as parseOpenAIResponse, I as InspectorResponseSchema } from "./router-DRA0j7Zv.mjs";
+import { C as CapturedLogSchema, R as RuntimeConfigSchema, a as parseRequest, s as stripClaudeCodeBillingHeader, p as parseOpenAIResponse, I as InspectorResponseSchema } from "./router-BOZDxiEC.mjs";
 import { u as useSWR, a as useSWRConfig } from "../_libs/swr.mjs";
 import { u as useVirtualizer } from "../_libs/tanstack__react-virtual.mjs";
 import { J as JSZip } from "../_libs/jszip.mjs";
@@ -255,7 +255,7 @@ async function exportLogsAsZip(logs) {
   document.body.removeChild(anchor);
   URL.revokeObjectURL(url);
 }
-const version = "1.11.4";
+const version = "1.11.6";
 const packageJson = {
   version
 };
@@ -2799,9 +2799,50 @@ function TestStatus({ result }) {
     ] });
   }
   if (result.success) {
+    const tokenParts = [];
+    if (result.inputTokens !== void 0) {
+      tokenParts.push(/* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+        result.inputTokens,
+        " in"
+      ] }, "in"));
+    }
+    if (result.outputTokens !== void 0) {
+      tokenParts.push(/* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+        result.outputTokens,
+        " out"
+      ] }, "out"));
+    }
+    if (result.cacheCreationInputTokens !== void 0 && result.cacheCreationInputTokens > 0) {
+      tokenParts.push(
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-emerald-400", children: [
+          "+",
+          result.cacheCreationInputTokens,
+          " cache"
+        ] }, "cache-create")
+      );
+    }
+    if (result.cacheReadInputTokens !== void 0 && result.cacheReadInputTokens > 0) {
+      tokenParts.push(
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-purple-400", children: [
+          "~",
+          result.cacheReadInputTokens,
+          " cached"
+        ] }, "cache-read")
+      );
+    }
+    const displayTokens = [];
+    for (let i = 0; i < tokenParts.length; i++) {
+      if (i > 0) displayTokens.push(", ");
+      displayTokens.push(tokenParts[i]);
+    }
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 text-xs text-green-600 shrink-0", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(CircleCheckBig, { className: "size-3" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Connected" })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Connected" }),
+      tokenParts.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground", children: [
+        "(",
+        displayTokens,
+        ")"
+      ] })
     ] });
   }
   const error = result.error;
@@ -3835,12 +3876,14 @@ function ProxyViewer({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-[1200px] mx-auto flex flex-col h-screen", style: { maxHeight: "100vh" }, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-4 mb-4 px-6 pt-6", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { className: "text-lg font-bold flex-1 flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(CrabLogo, { className: "size-10 text-amber-500" }),
-        "LLM Inspector"
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-muted-foreground text-xs font-mono", children: [
-        "v",
-        packageJson.version
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CrabLogo, { className: "size-10 text-amber-500 self-center" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-baseline gap-2", children: [
+          "LLM Inspector",
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs text-muted-foreground font-mono", children: [
+            "v",
+            packageJson.version
+          ] })
+        ] })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center border border-border rounded-md overflow-hidden", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(

package/.output/server/_ssr/index.mjs

@@ -85,7 +85,7 @@ function getResponse() {
 }
 var HEADERS = { TSS_SHELL: "X-TSS_SHELL" };
 async function getStartManifest(matchedRoutes) {
-  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-DKfW4gRz.mjs");
+  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-C_jssHYZ.mjs");
   const startManifest = tsrStartManifest();
   let routes = startManifest.routes;
   routes[rootRouteId];
@@ -1157,7 +1157,7 @@ var getBaseManifest = getProdBaseManifest;
 var createEarlyHintsForRequest = createEarlyHintsCollector;
 async function loadEntries() {
   const [routerEntry, startEntry, pluginAdapters] = await Promise.all([
-    import("./router-DRA0j7Zv.mjs").then((n) => n.r),
+    import("./router-BOZDxiEC.mjs").then((n) => n.r),
     import("./start-HYkvq4Ni.mjs"),
     import("./empty-plugin-adapters-BFgPZ6_d.mjs")
   ]);

package/.output/server/_ssr/{router-DRA0j7Zv.mjs → router-BOZDxiEC.mjs}

@@ -42,7 +42,7 @@ import "../_libs/debounce-fn.mjs";
 import "../_libs/mimic-function.mjs";
 import "../_libs/semver.mjs";
 import "../_libs/uint8array-extras.mjs";
-const appCss = "/assets/index-BpKPXEcb.css";
+const appCss = "/assets/index-BGxRftQy.css";
 const Route$h = createRootRoute({
   head: () => ({
     meta: [
@@ -66,7 +66,7 @@ function RootDocument({ children }) {
     ] })
   ] });
 }
-const $$splitComponentImporter = () => import("./index-BWMVJy33.mjs");
+const $$splitComponentImporter = () => import("./index-BzG8P6B8.mjs");
 const Route$g = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter, "component")
 });
@@ -1031,11 +1031,8 @@ class FormatRegistryImpl {
   /** Get handler matching a request path */
   getByPath(path2) {
     const messagesPath = path2.split("?")[0] ?? "";
-    if (messagesPath === PATH_V1_MESSAGES) return this.handlers.get("anthropic");
-    if (messagesPath === PATH_V1_CHAT_COMPLETIONS || messagesPath === PATH_CHAT_COMPLETIONS) {
-      return this.handlers.get("openai");
-    }
-    return void 0;
+    const format = this.pathMap.get(messagesPath);
+    return format === void 0 ? void 0 : this.handlers.get(format);
   }
   /** Detect format from request body content */
   detectFormat(rawBody) {
@@ -1652,38 +1649,13 @@ const store = new Conf({
 });
 migrateFromLegacyConfLocation(store);
 function migrateProvider(p) {
-  const currentAnthropicUrl = p.anthropicBaseUrl ?? "";
-  const currentOpenaiUrl = p.openaiBaseUrl ?? "";
-  if (currentAnthropicUrl !== "" || currentOpenaiUrl !== "") {
+  if (p.anthropicBaseUrl !== void 0 || p.openaiBaseUrl !== void 0) {
     return p;
   }
-  let format;
-  let baseUrl;
-  if (currentAnthropicUrl !== "" && currentOpenaiUrl !== "") {
-    format = p.format ?? "anthropic";
-    baseUrl = p.baseUrl !== void 0 && p.baseUrl !== "" ? p.baseUrl : currentAnthropicUrl;
-  } else if (currentOpenaiUrl !== "") {
-    format = "openai";
-    baseUrl = currentOpenaiUrl;
-  } else if (currentAnthropicUrl !== "") {
-    format = "anthropic";
-    baseUrl = currentAnthropicUrl;
-  } else if (p.format !== void 0 && p.baseUrl !== void 0 && p.baseUrl !== "") {
-    format = p.format;
-    baseUrl = p.baseUrl;
-    if (format === "openai") {
-      return { ...p, format, baseUrl, anthropicBaseUrl: "", openaiBaseUrl: p.baseUrl };
-    } else {
-      return { ...p, format, baseUrl, anthropicBaseUrl: p.baseUrl, openaiBaseUrl: "" };
-    }
+  if (p.format === void 0 || p.baseUrl === void 0 || p.baseUrl === "") {
+    return p;
   }
-  return {
-    ...p,
-    format,
-    baseUrl,
-    anthropicBaseUrl: currentAnthropicUrl,
-    openaiBaseUrl: currentOpenaiUrl
-  };
+  return p.format === "openai" ? { ...p, anthropicBaseUrl: "", openaiBaseUrl: p.baseUrl } : { ...p, anthropicBaseUrl: p.baseUrl, openaiBaseUrl: "" };
 }
 function migrateProviders() {
   const providers = store.get("providers", []);
@@ -1856,6 +1828,13 @@ function findProviderByModel(model) {
     if (provider.model !== void 0 && provider.model !== "" && modelNormalized === normalizeModelName(provider.model)) {
       return provider;
     }
+    if (provider.model !== void 0 && provider.model !== "") {
+      const modelPart = modelNormalized.replace(normalizeModelName(provider.name), "");
+      const concatenated = normalizeModelName(provider.name) + modelPart;
+      if (modelNormalized === concatenated) {
+        return provider;
+      }
+    }
   }
   return null;
 }
@@ -2130,6 +2109,52 @@ function stripClaudeCodeBillingHeader(rawBody) {
   }
   return { body: JSON.stringify(parsed), removed };
 }
+function describeApiRoute(apiPath) {
+  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;
+  return { apiPath, endpointPath, isChatCompletions, normalizedPath };
+}
+function getProxyApiPath(url) {
+  return url.pathname.replace(/^\/proxy/, "") + url.search;
+}
+function selectUpstreamBase(route, provider) {
+  if (provider === null) {
+    return route.isChatCompletions ? DEFAULT_OPENAI_UPSTREAM$1 : DEFAULT_UPSTREAM$1;
+  }
+  const formatSpecificUrl = route.isChatCompletions ? provider.openaiBaseUrl : provider.anthropicBaseUrl;
+  if (formatSpecificUrl !== void 0 && formatSpecificUrl !== "") {
+    return formatSpecificUrl;
+  }
+  if (provider.baseUrl !== void 0 && provider.baseUrl !== "") {
+    return provider.baseUrl;
+  }
+  return provider.format === "openai" ? DEFAULT_OPENAI_UPSTREAM$1 : DEFAULT_UPSTREAM$1;
+}
+function buildUpstreamUrl(upstreamBase, normalizedPath) {
+  const base = upstreamBase.endsWith("/") ? upstreamBase.slice(0, -1) : upstreamBase;
+  if (base.endsWith("/v1") && normalizedPath.startsWith("/v1/")) {
+    return base + normalizedPath.slice(3);
+  }
+  return base + normalizedPath;
+}
+function setUpstreamHost(headers, upstreamBase) {
+  try {
+    headers.set(HEADER_HOST, new URL(upstreamBase).host);
+  } catch {
+    headers.set(HEADER_HOST, "api.anthropic.com");
+  }
+}
+function injectProviderAuth(headers, provider) {
+  if (provider === null) return;
+  const apiKey = provider.apiKey.replace(/^Bearer\s+/i, "").trim();
+  if (provider.authHeader === AUTH_HEADER_X_API_KEY) {
+    headers.set(HEADER_X_API_KEY, apiKey);
+    headers.delete(HEADER_AUTHORIZATION);
+    return;
+  }
+  headers.set(HEADER_AUTHORIZATION, `Bearer ${apiKey}`);
+}
 function buildProxyHeaders(originalHeaders) {
   const rawHeaders = {};
   const headers = new Headers();
@@ -2146,14 +2171,6 @@ function buildProxyHeaders(originalHeaders) {
   }
   return { headers, rawHeaders };
 }
-function getHostFromUrl$1(urlStr) {
-  try {
-    const url = new URL(urlStr);
-    return url.host;
-  } catch {
-    return "api.anthropic.com";
-  }
-}
 function buildFileLogEntry(log, upstreamUrl) {
   return {
     timestamp: log.timestamp,
@@ -2182,55 +2199,14 @@ function buildFileLogEntry(log, upstreamUrl) {
   };
 }
 function parseRequestPath(req, url) {
-  const apiPath = url.pathname.replace(/^\/proxy/, "") + url.search;
-  const messagesPath = apiPath.split("?")[0] ?? "";
-  const isChatCompletionsV1 = messagesPath === PATH_V1_CHAT_COMPLETIONS;
-  const isChatCompletions = messagesPath === PATH_CHAT_COMPLETIONS || isChatCompletionsV1;
-  const isMessages = req.method === "POST" && (messagesPath === PATH_V1_MESSAGES || messagesPath === PATH_V1_CHAT_COMPLETIONS || messagesPath === PATH_CHAT_COMPLETIONS);
-  const normalizedPath = isChatCompletions && !apiPath.startsWith("/v1/") ? "/v1" + apiPath : apiPath;
+  const route = describeApiRoute(getProxyApiPath(url));
+  const isMessages = req.method === "POST" && (route.endpointPath === PATH_V1_MESSAGES || route.isChatCompletions);
   return {
-    apiPath,
-    messagesPath,
-    isChatCompletionsV1,
-    isChatCompletions,
+    apiPath: route.apiPath,
     isMessages,
-    normalizedPath
+    normalizedPath: route.normalizedPath
   };
 }
-function buildUpstreamUrl$1(upstreamBase, normalizedPath) {
-  const base = upstreamBase.endsWith("/") ? upstreamBase.slice(0, -1) : upstreamBase;
-  if (base.endsWith("/v1") && normalizedPath.startsWith("/v1/")) {
-    return base + normalizedPath.slice(3);
-  }
-  return base + normalizedPath;
-}
-function selectUpstreamBase$1(isChatCompletions, matchedProviderConfig) {
-  let upstreamBase;
-  if (matchedProviderConfig) {
-    if (isChatCompletions && matchedProviderConfig.openaiBaseUrl !== void 0 && matchedProviderConfig.openaiBaseUrl !== "") {
-      upstreamBase = matchedProviderConfig.openaiBaseUrl;
-    } else if (!isChatCompletions && matchedProviderConfig.anthropicBaseUrl !== void 0 && matchedProviderConfig.anthropicBaseUrl !== "") {
-      upstreamBase = matchedProviderConfig.anthropicBaseUrl;
-    } else if (matchedProviderConfig.baseUrl !== void 0 && matchedProviderConfig.baseUrl !== "") {
-      upstreamBase = matchedProviderConfig.baseUrl;
-    } else {
-      upstreamBase = matchedProviderConfig.format === "openai" ? DEFAULT_OPENAI_UPSTREAM$1 : DEFAULT_UPSTREAM$1;
-    }
-  } else {
-    upstreamBase = isChatCompletions ? DEFAULT_OPENAI_UPSTREAM$1 : DEFAULT_UPSTREAM$1;
-  }
-  return upstreamBase;
-}
-function injectAuthHeaders$1(upstreamHeaders, matchedProviderConfig) {
-  if (!matchedProviderConfig) return;
-  const apiKey = matchedProviderConfig.apiKey.replace(/^Bearer\s+/i, "").trim();
-  if (matchedProviderConfig.authHeader === AUTH_HEADER_X_API_KEY) {
-    upstreamHeaders.set(HEADER_X_API_KEY, apiKey);
-    upstreamHeaders.delete(HEADER_AUTHORIZATION);
-  } else {
-    upstreamHeaders.set(HEADER_AUTHORIZATION, `Bearer ${apiKey}`);
-  }
-}
 function handleNonStreamingResponse(upstreamRes, responseBody, startTime, formatHandler, upstreamUrl, log) {
   const elapsedMs = Date.now() - startTime;
   const tokens = formatHandler.extractTokens(responseBody);
@@ -2329,26 +2305,19 @@ async function handleProxy(req) {
   }
   const { model, sessionId } = extractRequestMetadata(requestBody, req.headers);
   const matchedProviderConfig = model !== null ? findProviderByModel(model) : null;
-  const upstreamBase = selectUpstreamBase$1(parsed.isChatCompletions, matchedProviderConfig);
-  const upstreamUrl = buildUpstreamUrl$1(upstreamBase, parsed.normalizedPath);
-  const upstreamHost = getHostFromUrl$1(upstreamBase);
+  const route = describeApiRoute(parsed.apiPath);
+  const upstreamBase = selectUpstreamBase(route, matchedProviderConfig);
+  const upstreamUrl = buildUpstreamUrl(upstreamBase, parsed.normalizedPath);
   const startTime = Date.now();
   const { headers: upstreamHeaders, rawHeaders } = buildProxyHeaders(req.headers);
-  upstreamHeaders.set(HEADER_HOST, upstreamHost);
-  injectAuthHeaders$1(upstreamHeaders, matchedProviderConfig);
+  setUpstreamHost(upstreamHeaders, upstreamBase);
+  injectProviderAuth(upstreamHeaders, matchedProviderConfig);
   const provider = model !== null ? registry.findProvider(model) : null;
   if (model === null || provider === null) {
     logger.warn(`[handler] Unsupported provider: model=${model}`);
     return new Response("Forbidden: unsupported provider", { status: STATUS_FORBIDDEN });
   }
-  let formatHandler;
-  if (parsed.isChatCompletions) {
-    formatHandler = formatRegistry.get("openai") ?? null;
-  } else if (matchedProviderConfig?.format) {
-    formatHandler = formatRegistry.get(matchedProviderConfig.format) ?? null;
-  } else {
-    formatHandler = formatForPath(parsed.apiPath);
-  }
+  const formatHandler = formatForPath(parsed.apiPath);
   if (formatHandler === null) {
     return new Response("Forbidden: unsupported format", { status: STATUS_FORBIDDEN });
   }
@@ -2837,12 +2806,15 @@ const AnthropicResponseSchema = object({
   model: string().optional(),
   usage: object({
     input_tokens: number().optional(),
-    output_tokens: number().optional()
+    output_tokens: number().optional(),
+    cache_creation_input_tokens: number().optional(),
+    cache_read_input_tokens: number().optional()
   }).optional(),
   content: array(
     discriminatedUnion("type", [
       object({ type: literal("text"), text: string() }),
-      object({ type: literal("thinking"), thinking: string() })
+      object({ type: literal("thinking"), thinking: string() }),
+      object({ type: literal("think"), thinking: string() })
     ])
   )
 });
@@ -2918,11 +2890,13 @@ async function testEndpoint(baseUrl, apiKey, path2, model, isOpenAI) {
         const responseModel = json.model ?? model;
         const inputTokens = json.usage?.input_tokens;
         const outputTokens = json.usage?.output_tokens;
+        const cacheCreationInputTokens = json.usage?.cache_creation_input_tokens;
+        const cacheReadInputTokens = json.usage?.cache_read_input_tokens;
         const content = [];
         for (const block of json.content ?? []) {
           if (block.type === "text" && block.text) {
             content.push({ type: "text", text: block.text });
-          } else if (block.type === "thinking" && block.thinking) {
+          } else if ((block.type === "thinking" || block.type === "think") && block.thinking) {
             content.push({ type: "thinking", thinking: block.thinking });
           }
         }
@@ -2931,6 +2905,8 @@ async function testEndpoint(baseUrl, apiKey, path2, model, isOpenAI) {
           model: responseModel,
           inputTokens,
           outputTokens,
+          cacheCreationInputTokens,
+          cacheReadInputTokens,
           latencyMs,
           content: content.length > 0 ? content : void 0,
           rawResponse: responseText,
@@ -3056,6 +3032,8 @@ async function testStreamingEndpoint(baseUrl, apiKey, path2, model, isOpenAI) {
       let content = [];
       let inputTokens;
       let outputTokens;
+      let cacheCreationInputTokens;
+      let cacheReadInputTokens;
       let responseModel;
       if (isOpenAI) {
         const parsed = OpenAIResponseSchema.parse(JSON.parse(reconstructedJson));
@@ -3071,10 +3049,12 @@ async function testStreamingEndpoint(baseUrl, apiKey, path2, model, isOpenAI) {
         responseModel = typeof parsed.model === "string" && parsed.model !== "" ? parsed.model : void 0;
         inputTokens = parsed.usage?.input_tokens;
         outputTokens = parsed.usage?.output_tokens;
+        cacheCreationInputTokens = parsed.usage?.cache_creation_input_tokens;
+        cacheReadInputTokens = parsed.usage?.cache_read_input_tokens;
         for (const block of parsed.content ?? []) {
           if (block.type === "text" && block.text) {
             content.push({ type: "text", text: block.text });
-          } else if (block.type === "thinking" && block.thinking) {
+          } else if ((block.type === "thinking" || block.type === "think") && block.thinking) {
             content.push({ type: "thinking", thinking: block.thinking });
           }
         }
@@ -3084,6 +3064,8 @@ async function testStreamingEndpoint(baseUrl, apiKey, path2, model, isOpenAI) {
         model: responseModel ?? model,
         inputTokens,
         outputTokens,
+        cacheCreationInputTokens,
+        cacheReadInputTokens,
         latencyMs,
         content: content.length > 0 ? content : void 0,
         rawResponse: reconstructedJson,
@@ -3178,8 +3160,8 @@ const Route$2 = createFileRoute("/api/providers/$providerId/test")({
             responseText: nonStreamingResult.rawResponse ?? JSON.stringify(nonStreamingResult),
             inputTokens: nonStreamingResult.inputTokens ?? null,
             outputTokens: nonStreamingResult.outputTokens ?? null,
-            cacheCreationInputTokens: null,
-            cacheReadInputTokens: null,
+            cacheCreationInputTokens: nonStreamingResult.cacheCreationInputTokens ?? null,
+            cacheReadInputTokens: nonStreamingResult.cacheReadInputTokens ?? null,
             elapsedMs: nonStreamingResult.latencyMs ?? 0,
             streaming: false,
             userAgent: "provider-test",
@@ -3224,8 +3206,8 @@ const Route$2 = createFileRoute("/api/providers/$providerId/test")({
             responseText: streamingResult.rawResponse ?? JSON.stringify(streamingResult),
             inputTokens: streamingResult.inputTokens ?? null,
             outputTokens: streamingResult.outputTokens ?? null,
-            cacheCreationInputTokens: null,
-            cacheReadInputTokens: null,
+            cacheCreationInputTokens: streamingResult.cacheCreationInputTokens ?? null,
+            cacheReadInputTokens: streamingResult.cacheReadInputTokens ?? null,
             elapsedMs: streamingResult.latencyMs ?? 0,
             streaming: true,
             streamingChunks: streamingResult.streamingChunks,
@@ -3350,45 +3332,6 @@ const Route$2 = createFileRoute("/api/providers/$providerId/test")({
 const ReplayRequestSchema = object({
   modifiedBody: string()
 });
-function getHostFromUrl(urlStr) {
-  try {
-    const url = new URL(urlStr);
-    return url.host;
-  } catch {
-    return "api.anthropic.com";
-  }
-}
-function buildUpstreamUrl(upstreamBase, apiPath) {
-  const base = upstreamBase.endsWith("/") ? upstreamBase.slice(0, -1) : upstreamBase;
-  return base + apiPath;
-}
-function selectUpstreamBase(isChatCompletions, matchedProviderConfig) {
-  let upstreamBase;
-  if (matchedProviderConfig) {
-    if (isChatCompletions && matchedProviderConfig.openaiBaseUrl !== void 0 && matchedProviderConfig.openaiBaseUrl !== "") {
-      upstreamBase = matchedProviderConfig.openaiBaseUrl;
-    } else if (!isChatCompletions && matchedProviderConfig.anthropicBaseUrl !== void 0 && matchedProviderConfig.anthropicBaseUrl !== "") {
-      upstreamBase = matchedProviderConfig.anthropicBaseUrl;
-    } else if (matchedProviderConfig.baseUrl !== void 0 && matchedProviderConfig.baseUrl !== "") {
-      upstreamBase = matchedProviderConfig.baseUrl;
-    } else {
-      upstreamBase = matchedProviderConfig.format === "openai" ? DEFAULT_OPENAI_UPSTREAM$1 : DEFAULT_UPSTREAM$1;
-    }
-  } else {
-    upstreamBase = isChatCompletions ? DEFAULT_OPENAI_UPSTREAM$1 : DEFAULT_UPSTREAM$1;
-  }
-  return upstreamBase;
-}
-function injectAuthHeaders(upstreamHeaders, matchedProviderConfig) {
-  if (!matchedProviderConfig) return;
-  const apiKey = matchedProviderConfig.apiKey.replace(/^Bearer\s+/i, "").trim();
-  if (matchedProviderConfig.authHeader === AUTH_HEADER_X_API_KEY) {
-    upstreamHeaders.set(HEADER_X_API_KEY, apiKey);
-    upstreamHeaders.delete(HEADER_AUTHORIZATION);
-  } else {
-    upstreamHeaders.set(HEADER_AUTHORIZATION, `Bearer ${apiKey}`);
-  }
-}
 const Route$1 = createFileRoute("/api/logs/$id/replay")({
   server: {
     handlers: {
@@ -3428,16 +3371,13 @@ const Route$1 = createFileRoute("/api/logs/$id/replay")({
             { status: STATUS_FORBIDDEN }
           );
         }
-        const apiPath = log.path;
-        const isChatCompletions = apiPath === PATH_V1_CHAT_COMPLETIONS || apiPath === PATH_CHAT_COMPLETIONS;
-        const normalizedPath = isChatCompletions && !apiPath.startsWith("/v1/") ? "/v1" + apiPath : apiPath;
-        const formatHandler = formatForPath(apiPath);
+        const route = describeApiRoute(log.path);
+        const formatHandler = formatForPath(route.apiPath);
         if (formatHandler === null) {
           return Response.json({ error: "Unsupported path" }, { status: STATUS_FORBIDDEN });
         }
-        const upstreamBase = selectUpstreamBase(isChatCompletions, matchedProviderConfig);
-        const upstreamUrl = buildUpstreamUrl(upstreamBase, normalizedPath);
-        const upstreamHost = getHostFromUrl(upstreamBase);
+        const upstreamBase = selectUpstreamBase(route, matchedProviderConfig);
+        const upstreamUrl = buildUpstreamUrl(upstreamBase, route.normalizedPath);
         const headers = new Headers();
         headers.set(HEADER_USER_AGENT, PROXY_IDENTITY);
         headers.set(HEADER_X_PROXY_IDENTITY, PROXY_IDENTITY);
@@ -3448,8 +3388,8 @@ const Route$1 = createFileRoute("/api/logs/$id/replay")({
             headers.set(name, value);
           }
         }
-        headers.set(HEADER_HOST, upstreamHost);
-        injectAuthHeaders(headers, matchedProviderConfig);
+        setUpstreamHost(headers, upstreamBase);
+        injectProviderAuth(headers, matchedProviderConfig);
         const startTime = Date.now();
         let upstreamRes;
         try {
@@ -3465,7 +3405,7 @@ const Route$1 = createFileRoute("/api/logs/$id/replay")({
           });
         }
         const elapsedMs = Date.now() - startTime;
-        const isStream = upstreamRes.headers.get(HEADER_CONTENT_TYPE)?.includes("text/event-stream") ?? false;
+        const isStream = upstreamRes.headers.get(HEADER_CONTENT_TYPE)?.includes(CONTENT_TYPE_EVENT_STREAM) ?? false;
         if (isStream) {
           const chunks = [];
           const decoder = new TextDecoder();

package/.output/server/{_tanstack-start-manifest_v-DKfW4gRz.mjs → _tanstack-start-manifest_v-C_jssHYZ.mjs}

@@ -1,4 +1,4 @@
-const tsrStartManifest = () => ({ routes: { __root__: { filePath: "C:/Users/claw/workspace/llm-inspector/src/routes/__root.tsx", children: ["/", "/api/config", "/api/health", "/api/logs", "/api/models", "/api/providers", "/api/sessions", "/proxy/$"], preloads: ["/assets/index-Do7wdaYZ.js"], scripts: [{ attrs: { type: "module", async: true, src: "/assets/index-Do7wdaYZ.js" } }] }, "/": { filePath: "C:/Users/claw/workspace/llm-inspector/src/routes/index.tsx", children: void 0, preloads: ["/assets/index-CjjXIYIt.js"] } } });
+const tsrStartManifest = () => ({ routes: { __root__: { filePath: "C:/Users/claw/workspace/llm-inspector/src/routes/__root.tsx", children: ["/", "/api/config", "/api/health", "/api/logs", "/api/models", "/api/providers", "/api/sessions", "/proxy/$"], preloads: ["/assets/index-BLz26_QE.js"], scripts: [{ attrs: { type: "module", async: true, src: "/assets/index-BLz26_QE.js" } }] }, "/": { filePath: "C:/Users/claw/workspace/llm-inspector/src/routes/index.tsx", children: void 0, preloads: ["/assets/index-BHjxAEHw.js"] } } });
 export {
   tsrStartManifest
 };

package/.output/server/index.mjs

@@ -38,51 +38,51 @@ const assets = {
   "/assets/alibaba-TTwafVwX.svg": {
     "type": "image/svg+xml",
     "etag": '"171b-6dyV5K8QjiaY35sN9qNprh9zDIs"',
-    "mtime": "2026-06-08T00:49:07.051Z",
+    "mtime": "2026-06-08T07:43:02.084Z",
     "size": 5915,
     "path": "../public/assets/alibaba-TTwafVwX.svg"
   },
   "/assets/minimax-BPMzvuL-.jpeg": {
     "type": "image/jpeg",
     "etag": '"1b06-IwivU89ko5UTMUM1/t7hn4sQK9A"',
-    "mtime": "2026-06-08T00:49:07.048Z",
+    "mtime": "2026-06-08T07:43:02.087Z",
     "size": 6918,
     "path": "../public/assets/minimax-BPMzvuL-.jpeg"
   },
-  "/assets/index-BpKPXEcb.css": {
+  "/assets/index-BGxRftQy.css": {
     "type": "text/css; charset=utf-8",
-    "etag": '"11628-5GjLelHqc7BEfGB/7qUFPt5/gyM"',
-    "mtime": "2026-06-08T00:49:07.051Z",
-    "size": 71208,
-    "path": "../public/assets/index-BpKPXEcb.css"
+    "etag": '"1166c-gg/EqTkMlOVIH7gFJHkZ+FF8BFg"',
+    "mtime": "2026-06-08T07:43:02.087Z",
+    "size": 71276,
+    "path": "../public/assets/index-BGxRftQy.css"
   },
-  "/assets/zhipuai-BPNAnxo-.svg": {
-    "type": "image/svg+xml",
-    "etag": '"2bf8-hNaLCTi89nOFCsIIfWpP/jrfo0s"',
-    "mtime": "2026-06-08T00:49:07.051Z",
-    "size": 11256,
-    "path": "../public/assets/zhipuai-BPNAnxo-.svg"
-  },
-  "/assets/index-Do7wdaYZ.js": {
+  "/assets/index-BLz26_QE.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"5103c-aaFcAP7Accy+WRst7gdyeAfO198"',
-    "mtime": "2026-06-08T00:49:07.051Z",
+    "etag": '"5103c-+JM4xmfobHv5x3cvc23X5jJh1dQ"',
+    "mtime": "2026-06-08T07:43:02.087Z",
     "size": 331836,
-    "path": "../public/assets/index-Do7wdaYZ.js"
+    "path": "../public/assets/index-BLz26_QE.js"
   },
   "/assets/qwen-CONDcHqt.png": {
     "type": "image/png",
     "etag": '"572c3-cdJAPaHdOvFCGzuaQjagdgOu6XE"',
-    "mtime": "2026-06-08T00:49:07.051Z",
+    "mtime": "2026-06-08T07:43:02.087Z",
     "size": 357059,
     "path": "../public/assets/qwen-CONDcHqt.png"
   },
-  "/assets/index-CjjXIYIt.js": {
+  "/assets/zhipuai-BPNAnxo-.svg": {
+    "type": "image/svg+xml",
+    "etag": '"2bf8-hNaLCTi89nOFCsIIfWpP/jrfo0s"',
+    "mtime": "2026-06-08T07:43:02.087Z",
+    "size": 11256,
+    "path": "../public/assets/zhipuai-BPNAnxo-.svg"
+  },
+  "/assets/index-BHjxAEHw.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"8b905-rdaof1vYelA3ENck4MON8W7NPww"',
-    "mtime": "2026-06-08T00:49:07.051Z",
-    "size": 571653,
-    "path": "../public/assets/index-CjjXIYIt.js"
+    "etag": '"8bc3c-HIRAa9iMtFjtXPHh5YlOmbmCEoQ"',
+    "mtime": "2026-06-08T07:43:02.087Z",
+    "size": 572476,
+    "path": "../public/assets/index-BHjxAEHw.js"
   }
 };
 function readAsset(id) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tonyclaw/llm-inspector",
-  "version": "1.11.4",
+  "version": "1.11.6",
   "type": "module",
   "description": "LLM API proxy inspector — captures and displays requests/responses from AI coding tools in a web UI",
   "license": "MIT",

package/src/components/ProxyViewer.tsx

@@ -147,10 +147,12 @@ export function ProxyViewer({
       {/* Header */}
       <div className="flex items-center gap-4 mb-4 px-6 pt-6">
         <h1 className="text-lg font-bold flex-1 flex items-center gap-2">
-          <CrabLogo className="size-10 text-amber-500" />
-          LLM Inspector
+          <CrabLogo className="size-10 text-amber-500 self-center" />
+          <span className="flex items-baseline gap-2">
+            LLM Inspector
+            <span className="text-xs text-muted-foreground font-mono">v{packageJson.version}</span>
+          </span>
         </h1>
-        <span className="text-muted-foreground text-xs font-mono">v{packageJson.version}</span>
         <div className="flex items-center border border-border rounded-md overflow-hidden">
           <button
             type="button"