@tonyclaw/llm-inspector 1.16.1 → 1.16.2

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

@@ -198,7 +198,7 @@ function getResponse() {
   return event.res;
 }
 async function getStartManifest(matchedRoutes) {
-  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-CXomfWbm.mjs");
+  const { tsrStartManifest } = await import("../_tanstack-start-manifest_v-nEbvsqrj.mjs");
   const startManifest = tsrStartManifest();
   const rootRoute = startManifest.routes[rootRouteId] = startManifest.routes[rootRouteId] || {};
   rootRoute.assets = rootRoute.assets || [];
@@ -767,7 +767,7 @@ let entriesPromise;
 let baseManifestPromise;
 let cachedFinalManifestPromise;
 async function loadEntries() {
-  const routerEntry = await import("./router-DxmdQgBG.mjs").then((n) => n.e);
+  const routerEntry = await import("./router-DEx3DlVG.mjs").then((n) => n.e);
   const startEntry = await import("./start-HYkvq4Ni.mjs");
   return { startEntry, routerEntry };
 }

package/.output/server/_ssr/{router-DxmdQgBG.mjs → router-DEx3DlVG.mjs}

@@ -46,7 +46,7 @@ import "../_libs/debounce-fn.mjs";
 import "../_libs/mimic-function.mjs";
 import "../_libs/semver.mjs";
 import "../_libs/uint8array-extras.mjs";
-const appCss = "/assets/index-DPe3eOih.css";
+const appCss = "/assets/index-DRRCmu5p.css";
 const Route$k = createRootRoute({
   head: () => ({
     meta: [
@@ -70,7 +70,7 @@ function RootDocument({ children }) {
     ] })
   ] });
 }
-const $$splitComponentImporter = () => import("./index-quoKBRYG.mjs");
+const $$splitComponentImporter = () => import("./index-BVUWpOQi.mjs");
 const Route$j = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter, "component")
 });
@@ -2159,7 +2159,8 @@ async function getClientInfo(request) {
   return promise;
 }
 const RuntimeConfigSchema = object({
-  stripClaudeCodeBillingHeader: boolean()
+  stripClaudeCodeBillingHeader: boolean(),
+  hasSeenOnboarding: boolean().default(false)
 });
 function getConfigFilePath() {
   return join(getDataDir(), "config.json");
@@ -2189,9 +2190,9 @@ function resolveInitialConfig() {
     }
   }
   if (process.env["LLM_INSPECTOR_STRIP_CLAUDE_CODE_BILLING_HEADER"] === "1") {
-    return { stripClaudeCodeBillingHeader: true };
+    return { stripClaudeCodeBillingHeader: true, hasSeenOnboarding: false };
   }
-  return { stripClaudeCodeBillingHeader: false };
+  return { stripClaudeCodeBillingHeader: false, hasSeenOnboarding: false };
 }
 function getConfig() {
   return currentConfig;
@@ -3277,7 +3278,8 @@ const Route$c = createFileRoute("/api/health")({
   }
 });
 const RuntimeConfigPatchSchema = object({
-  stripClaudeCodeBillingHeader: boolean().optional()
+  stripClaudeCodeBillingHeader: boolean().optional(),
+  hasSeenOnboarding: boolean().optional()
 }).strict().refine((v) => Object.keys(v).length > 0, {
   message: "At least one field must be provided"
 });

package/.output/server/{_tanstack-start-manifest_v-CXomfWbm.mjs → _tanstack-start-manifest_v-nEbvsqrj.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/mcp", "/api/models", "/api/providers", "/api/sessions", "/proxy/$"], "preloads": ["/assets/main-BA7dEkGs.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-BhFaDZUL.js"] }, "/api/config": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/config.ts", "children": ["/api/config/paths"] }, "/api/health": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/health.ts" }, "/api/logs": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.ts", "children": ["/api/logs/$id", "/api/logs/stream"] }, "/api/mcp": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/mcp.ts" }, "/api/models": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/models.ts" }, "/api/providers": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.ts", "children": ["/api/providers/$providerId", "/api/providers/export", "/api/providers/import", "/api/providers/scan"] }, "/api/sessions": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/sessions.ts" }, "/proxy/$": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/proxy/$.ts" }, "/api/config/paths": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/config.paths.ts" }, "/api/logs/$id": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.$id.ts", "children": ["/api/logs/$id/chunks", "/api/logs/$id/replay"] }, "/api/logs/stream": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.stream.ts" }, "/api/providers/$providerId": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.$providerId.ts", "children": ["/api/providers/$providerId/test"] }, "/api/providers/export": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.export.ts" }, "/api/providers/import": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.import.ts" }, "/api/providers/scan": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.scan.ts" }, "/api/logs/$id/chunks": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.$id.chunks.ts" }, "/api/logs/$id/replay": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.$id.replay.ts" }, "/api/providers/$providerId/test": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.$providerId.test.ts", "children": ["/api/providers/$providerId/test/log"] }, "/api/providers/$providerId/test/log": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.$providerId.test.log.ts" } }, "clientEntry": "/assets/main-BA7dEkGs.js" });
+const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/__root.tsx", "children": ["/", "/api/config", "/api/health", "/api/logs", "/api/mcp", "/api/models", "/api/providers", "/api/sessions", "/proxy/$"], "preloads": ["/assets/main-pT0WLAFQ.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-BdXOO2hn.js"] }, "/api/config": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/config.ts", "children": ["/api/config/paths"] }, "/api/health": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/health.ts" }, "/api/logs": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.ts", "children": ["/api/logs/$id", "/api/logs/stream"] }, "/api/mcp": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/mcp.ts" }, "/api/models": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/models.ts" }, "/api/providers": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.ts", "children": ["/api/providers/$providerId", "/api/providers/export", "/api/providers/import", "/api/providers/scan"] }, "/api/sessions": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/sessions.ts" }, "/proxy/$": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/proxy/$.ts" }, "/api/config/paths": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/config.paths.ts" }, "/api/logs/$id": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.$id.ts", "children": ["/api/logs/$id/chunks", "/api/logs/$id/replay"] }, "/api/logs/stream": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.stream.ts" }, "/api/providers/$providerId": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.$providerId.ts", "children": ["/api/providers/$providerId/test"] }, "/api/providers/export": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.export.ts" }, "/api/providers/import": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.import.ts" }, "/api/providers/scan": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.scan.ts" }, "/api/logs/$id/chunks": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.$id.chunks.ts" }, "/api/logs/$id/replay": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/logs.$id.replay.ts" }, "/api/providers/$providerId/test": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.$providerId.test.ts", "children": ["/api/providers/$providerId/test/log"] }, "/api/providers/$providerId/test/log": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/api/providers.$providerId.test.log.ts" } }, "clientEntry": "/assets/main-pT0WLAFQ.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-13T09:20:36.489Z",
+    "mtime": "2026-06-13T12:44:57.474Z",
     "size": 5915,
     "path": "../public/assets/alibaba-TTwafVwX.svg"
   },
   "/assets/minimax-BPMzvuL-.jpeg": {
     "type": "image/jpeg",
     "etag": '"1b06-IwivU89ko5UTMUM1/t7hn4sQK9A"',
-    "mtime": "2026-06-13T09:20:36.492Z",
+    "mtime": "2026-06-13T12:44:57.474Z",
     "size": 6918,
     "path": "../public/assets/minimax-BPMzvuL-.jpeg"
   },
-  "/assets/index-DPe3eOih.css": {
+  "/assets/index-DRRCmu5p.css": {
     "type": "text/css; charset=utf-8",
-    "etag": '"15a32-YUlUFJPXe5WrOzMkLVz9gOyERE4"',
-    "mtime": "2026-06-13T09:20:36.492Z",
-    "size": 88626,
-    "path": "../public/assets/index-DPe3eOih.css"
+    "etag": '"15b6a-YPwntwMQpIU2AWIj8lgGWZpCwQw"',
+    "mtime": "2026-06-13T12:44:57.477Z",
+    "size": 88938,
+    "path": "../public/assets/index-DRRCmu5p.css"
   },
-  "/assets/main-BA7dEkGs.js": {
+  "/assets/qwen-CONDcHqt.png": {
+    "type": "image/png",
+    "etag": '"572c3-cdJAPaHdOvFCGzuaQjagdgOu6XE"',
+    "mtime": "2026-06-13T12:44:57.474Z",
+    "size": 357059,
+    "path": "../public/assets/qwen-CONDcHqt.png"
+  },
+  "/assets/main-pT0WLAFQ.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"50599-d29kGf+jbMQM5/PtEY4m3//tgSI"',
-    "mtime": "2026-06-13T09:20:36.492Z",
+    "etag": '"50599-82xbDaMtgdQpwvS5w+mS0iJpU3M"',
+    "mtime": "2026-06-13T12:44:57.477Z",
     "size": 329113,
-    "path": "../public/assets/main-BA7dEkGs.js"
+    "path": "../public/assets/main-pT0WLAFQ.js"
   },
   "/assets/zhipuai-BPNAnxo-.svg": {
     "type": "image/svg+xml",
     "etag": '"2bf8-hNaLCTi89nOFCsIIfWpP/jrfo0s"',
-    "mtime": "2026-06-13T09:20:36.492Z",
+    "mtime": "2026-06-13T12:44:57.475Z",
     "size": 11256,
     "path": "../public/assets/zhipuai-BPNAnxo-.svg"
   },
-  "/assets/qwen-CONDcHqt.png": {
-    "type": "image/png",
-    "etag": '"572c3-cdJAPaHdOvFCGzuaQjagdgOu6XE"',
-    "mtime": "2026-06-13T09:20:36.492Z",
-    "size": 357059,
-    "path": "../public/assets/qwen-CONDcHqt.png"
-  },
-  "/assets/index-BhFaDZUL.js": {
+  "/assets/index-BdXOO2hn.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"9ae0c-5fGvcIIENZG+TrgDz75NbqUsbWg"',
-    "mtime": "2026-06-13T09:20:36.492Z",
-    "size": 634380,
-    "path": "../public/assets/index-BhFaDZUL.js"
+    "etag": '"9be56-XbSfCtl5VqxwdRzwEGzflxc3heE"',
+    "mtime": "2026-06-13T12:44:57.477Z",
+    "size": 638550,
+    "path": "../public/assets/index-BdXOO2hn.js"
   }
 };
 function readAsset(id) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tonyclaw/llm-inspector",
-  "version": "1.16.1",
+  "version": "1.16.2",
   "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/OnboardingBanner.tsx

@@ -0,0 +1,67 @@
+import { Check, X } from "lucide-react";
+import type { JSX } from "react";
+import { useOnboarding } from "../lib/useOnboarding";
+
+/**
+ * First-launch onboarding banner. Shows once on a fresh install (or
+ * any user who hasn't yet dismissed it), explains the per-tab data
+ * shapes the proxy captures, and disappears forever on dismissal.
+ *
+ * The "seen" state lives in the server's runtime config — see
+ * `useOnboarding` — so the dismissal persists across browser sessions
+ * and devices for the same install.
+ */
+export function OnboardingBanner(): JSX.Element | null {
+  const { hasSeenOnboarding, isLoading, markSeen } = useOnboarding();
+
+  if (isLoading || hasSeenOnboarding) return null;
+
+  return (
+    <div
+      role="note"
+      aria-label="Onboarding tip"
+      className="mx-4 mt-2 mb-1 flex items-start gap-3 rounded-md border border-amber-500/30 bg-amber-500/5 px-4 py-3 text-sm"
+    >
+      <div className="flex-1 min-w-0">
+        <div className="font-medium text-amber-600 dark:text-amber-400 mb-1">
+          Quick tour of the log tabs
+        </div>
+        <ul className="space-y-0.5 text-muted-foreground text-xs leading-relaxed">
+          <li>
+            <strong>Request</strong> / <strong>Response</strong> — structured views of what the
+            proxy sent and received.
+          </li>
+          <li>
+            <strong>Headers</strong> — request and response headers after proxy processing.
+          </li>
+          <li>
+            <strong>Raw Headers</strong> / <strong>Raw Request</strong> /{" "}
+            <strong>Raw Response</strong> — exact bytes from the upstream provider (visible in Full
+            mode).
+          </li>
+        </ul>
+      </div>
+      <button
+        type="button"
+        onClick={() => {
+          void markSeen();
+        }}
+        className="inline-flex items-center gap-1.5 text-xs px-2.5 py-1.5 rounded-md border border-amber-500/40 text-amber-700 dark:text-amber-300 hover:bg-amber-500/10 transition-colors shrink-0"
+        aria-label="Dismiss onboarding tip"
+      >
+        <Check className="size-3" />
+        Got it
+      </button>
+      <button
+        type="button"
+        onClick={() => {
+          void markSeen();
+        }}
+        className="text-muted-foreground hover:text-foreground transition-colors shrink-0 p-1 -m-1"
+        aria-label="Dismiss"
+      >
+        <X className="size-3.5" />
+      </button>
+    </div>
+  );
+}

package/src/components/ProxyViewer.tsx

@@ -1,7 +1,6 @@
 import { type JSX, useCallback, useEffect, useMemo, useState } from "react";
 import { Download } from "lucide-react";
 
-import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "./ui/tooltip";
 import type { CapturedLog } from "../proxy/schemas";
 import { exportLogsAsZip } from "../lib/export-logs";
 import packageJson from "../../package.json";
@@ -245,39 +244,30 @@ export function ProxyViewer({
             ))}
           </SelectContent>
         </Select>
-        <TooltipProvider>
-          <Tooltip>
-            <TooltipTrigger asChild>
-              <div className="flex items-center border border-border rounded-md overflow-hidden">
-                <button
-                  type="button"
-                  onClick={() => onViewModeChange("simple")}
-                  className={`px-2 py-1 cursor-pointer transition-colors text-xs ${
-                    viewMode === "simple"
-                      ? "bg-muted text-foreground"
-                      : "text-muted-foreground hover:bg-muted/50"
-                  }`}
-                >
-                  Simple
-                </button>
-                <button
-                  type="button"
-                  onClick={() => onViewModeChange("full")}
-                  className={`px-2 py-1 cursor-pointer transition-colors text-xs ${
-                    viewMode === "full"
-                      ? "bg-muted text-foreground"
-                      : "text-muted-foreground hover:bg-muted/50"
-                  }`}
-                >
-                  Full
-                </button>
-              </div>
-            </TooltipTrigger>
-            <TooltipContent>
-              Simple shows parsed output; Full adds raw headers and tokens
-            </TooltipContent>
-          </Tooltip>
-        </TooltipProvider>
+        <div className="flex items-center border border-border rounded-md overflow-hidden">
+          <button
+            type="button"
+            onClick={() => onViewModeChange("simple")}
+            className={`px-2 py-1 cursor-pointer transition-colors text-xs ${
+              viewMode === "simple"
+                ? "bg-muted text-foreground"
+                : "text-muted-foreground hover:bg-muted/50"
+            }`}
+          >
+            Simple
+          </button>
+          <button
+            type="button"
+            onClick={() => onViewModeChange("full")}
+            className={`px-2 py-1 cursor-pointer transition-colors text-xs ${
+              viewMode === "full"
+                ? "bg-muted text-foreground"
+                : "text-muted-foreground hover:bg-muted/50"
+            }`}
+          >
+            Full
+          </button>
+        </div>
         <div className="flex-1" />
         <span className="text-muted-foreground text-xs font-mono">
           {logs.length} request{logs.length !== 1 ? "s" : ""}

package/src/components/ProxyViewerContainer.tsx

@@ -2,6 +2,7 @@ import { useState, useEffect, useCallback, useRef, useMemo, type JSX } from "rea
 import { z } from "zod";
 import { CapturedLogSchema, type CapturedLog } from "../proxy/schemas";
 import { useStripConfig } from "../lib/useStripConfig";
+import { OnboardingBanner } from "./OnboardingBanner";
 import { ProxyViewer } from "./ProxyViewer";
 
 type SSEUpdate =
@@ -279,6 +280,7 @@ export function ProxyViewerContainer(): JSX.Element {
           {error}
         </div>
       )}
+      <OnboardingBanner />
       <ProxyViewer
         logs={logs}
         sessions={sessions}

package/src/components/providers/SettingsDialog.tsx

@@ -3,7 +3,6 @@ import { Settings } from "lucide-react";
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "../ui/dialog";
 import { Tabs, TabsList, TabsTrigger, TabsContent } from "../ui/tabs";
 import { Button } from "../ui/button";
-import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "../ui/tooltip";
 import { ProvidersPanel } from "./ProvidersPanel";
 import { useProviders } from "../../lib/useProviders";
 import { useStripConfig } from "../../lib/useStripConfig";
@@ -130,30 +129,21 @@ function ProxySettingsTab(): JSX.Element {
         </p>
       </div>
 
-      <TooltipProvider>
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <label className="flex items-center gap-3">
-              <input
-                type="checkbox"
-                role="switch"
-                checked={strip}
-                disabled={isLoading || pending}
-                onChange={(e) => {
-                  void handleToggle(e.currentTarget.checked);
-                }}
-                className="size-4 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50"
-              />
-              <span className="text-sm">
-                {isLoading ? "Loading…" : strip ? "Stripping enabled" : "Stripping disabled"}
-              </span>
-            </label>
-          </TooltipTrigger>
-          <TooltipContent>
-            Strip Claude Code billing header to improve cache hit rates
-          </TooltipContent>
-        </Tooltip>
-      </TooltipProvider>
+      <label className="flex items-center gap-3">
+        <input
+          type="checkbox"
+          role="switch"
+          checked={strip}
+          disabled={isLoading || pending}
+          onChange={(e) => {
+            void handleToggle(e.currentTarget.checked);
+          }}
+          className="size-4 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50"
+        />
+        <span className="text-sm">
+          {isLoading ? "Loading…" : strip ? "Stripping enabled" : "Stripping disabled"}
+        </span>
+      </label>
 
       {error !== null && <p className="text-xs text-destructive">Failed to save: {error}</p>}
     </div>

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

@@ -248,43 +248,13 @@ export const LogEntry = memo(function ({
           <div onClick={(e) => e.stopPropagation()} onKeyDown={(e) => e.stopPropagation()}>
             <Tabs value={activeTab} onValueChange={setActiveTab}>
               <TabsList className="mx-4 mt-2">
-                {viewMode === "full" && (
-                  <Tooltip>
-                    <TooltipTrigger asChild>
-                      <TabsTrigger value="raw-headers">Raw Headers</TabsTrigger>
-                    </TooltipTrigger>
-                    <TooltipContent>
-                      HTTP headers received from the upstream provider
-                    </TooltipContent>
-                  </Tooltip>
-                )}
-                {viewMode === "full" && (
-                  <Tooltip>
-                    <TooltipTrigger asChild>
-                      <TabsTrigger value="headers">Headers</TabsTrigger>
-                    </TooltipTrigger>
-                    <TooltipContent>Request and response headers sent and received</TooltipContent>
-                  </Tooltip>
-                )}
+                {viewMode === "full" && <TabsTrigger value="raw-headers">Raw Headers</TabsTrigger>}
+                {viewMode === "full" && <TabsTrigger value="headers">Headers</TabsTrigger>}
                 {shouldShowRawRequestTab(resolvedFormat, viewMode, strip) && (
-                  <Tooltip>
-                    <TooltipTrigger asChild>
-                      <TabsTrigger value="raw-request">Raw Request</TabsTrigger>
-                    </TooltipTrigger>
-                    <TooltipContent>
-                      Exact HTTP request sent to the upstream provider
-                    </TooltipContent>
-                  </Tooltip>
+                  <TabsTrigger value="raw-request">Raw Request</TabsTrigger>
                 )}
                 <TabsTrigger value="request">Request</TabsTrigger>
-                {viewMode === "full" && (
-                  <Tooltip>
-                    <TooltipTrigger asChild>
-                      <TabsTrigger value="raw">Raw Response</TabsTrigger>
-                    </TooltipTrigger>
-                    <TooltipContent>Exact HTTP response from the upstream provider</TooltipContent>
-                  </Tooltip>
-                )}
+                {viewMode === "full" && <TabsTrigger value="raw">Raw Response</TabsTrigger>}
                 <TabsTrigger value="parsed">Response</TabsTrigger>
               </TabsList>
 

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

@@ -210,43 +210,26 @@ export const LogEntryHeader = memo(function ({
 
         {/* Message count */}
         {messageCount !== null && (
-          <Tooltip>
-            <TooltipTrigger asChild>
-              <span className="flex items-center gap-1 text-muted-foreground text-xs shrink-0">
-                <MessageSquare className="size-3" />
-                <span className="font-mono tabular-nums">{messageCount}</span>
-              </span>
-            </TooltipTrigger>
-            <TooltipContent>Number of messages in the conversation</TooltipContent>
-          </Tooltip>
+          <span className="flex items-center gap-1 text-muted-foreground text-xs shrink-0">
+            <MessageSquare className="size-3" />
+            <span className="font-mono tabular-nums">{messageCount}</span>
+          </span>
         )}
 
         {/* Tool count */}
         {toolCount !== null && (
-          <Tooltip>
-            <TooltipTrigger asChild>
-              <span className="flex items-center gap-1 text-muted-foreground text-xs shrink-0">
-                <Wrench className="size-3" />
-                <span className="font-mono tabular-nums">{toolCount}</span>
-              </span>
-            </TooltipTrigger>
-            <TooltipContent>Number of tools defined in the request</TooltipContent>
-          </Tooltip>
+          <span className="flex items-center gap-1 text-muted-foreground text-xs shrink-0">
+            <Wrench className="size-3" />
+            <span className="font-mono tabular-nums">{toolCount}</span>
+          </span>
         )}
 
         {/* Response tool calls — tool names the model requested to invoke */}
         {responseToolNames !== null && responseToolNames.length > 0 && (
-          <Tooltip>
-            <TooltipTrigger asChild>
-              <span className="flex items-center gap-1 text-amber-400/80 text-xs shrink-0">
-                <Wrench className="size-3" />
-                <span className="font-mono tabular-nums truncate max-w-[160px]">
-                  {toolNamesJoined}
-                </span>
-              </span>
-            </TooltipTrigger>
-            <TooltipContent>Tools called by model: {toolNamesJoined}</TooltipContent>
-          </Tooltip>
+          <span className="flex items-center gap-1 text-amber-400/80 text-xs shrink-0">
+            <Wrench className="size-3" />
+            <span className="font-mono tabular-nums truncate max-w-[160px]">{toolNamesJoined}</span>
+          </span>
         )}
 
         {/* Origin */}