@tonyclaw/agent-inspector 3.0.1 → 3.0.3

package/.output/server/index.mjs

@@ -38,114 +38,114 @@ const assets = {
   "/assets/alibaba-TTwafVwX.svg": {
     "type": "image/svg+xml",
     "etag": '"171b-6dyV5K8QjiaY35sN9qNprh9zDIs"',
-    "mtime": "2026-07-07T00:47:56.086Z",
+    "mtime": "2026-07-07T01:44:02.393Z",
     "size": 5915,
     "path": "../public/assets/alibaba-TTwafVwX.svg"
   },
-  "/assets/CompareDrawer-BgcAk1te.js": {
+  "/assets/index-DRHfTEM5.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"4bbf-gA9nBXsloTEIMhmM3ql/4qNmhOs"',
-    "mtime": "2026-07-07T00:47:56.086Z",
-    "size": 19391,
-    "path": "../public/assets/CompareDrawer-BgcAk1te.js"
+    "etag": '"74-jyecrF7gPSmV9Dyyu+Pk06C0BLQ"',
+    "mtime": "2026-07-07T01:44:02.395Z",
+    "size": 116,
+    "path": "../public/assets/index-DRHfTEM5.js"
   },
-  "/assets/index-DXR7RB48.js": {
+  "/assets/CompareDrawer-CufpM7_P.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"1cd2c-3SEnnZb993yst8Dzg9UbKuoON3A"',
-    "mtime": "2026-07-07T00:47:56.086Z",
-    "size": 118060,
-    "path": "../public/assets/index-DXR7RB48.js"
+    "etag": '"4bbf-em8bNnyNj0hLG9FAPAh3pm1NamQ"',
+    "mtime": "2026-07-07T01:44:02.395Z",
+    "size": 19391,
+    "path": "../public/assets/CompareDrawer-CufpM7_P.js"
   },
-  "/assets/json-viewer-CiMN_9sG.js": {
+  "/assets/json-viewer-BEifdKM_.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"1ae6-uMTpz3tfSXntmUuk5MzHyqBxhWI"',
-    "mtime": "2026-07-07T00:47:56.086Z",
+    "etag": '"1ae6-hBRa+PN4SE41cHLcLLaiFotv3hw"',
+    "mtime": "2026-07-07T01:44:02.395Z",
     "size": 6886,
-    "path": "../public/assets/json-viewer-CiMN_9sG.js"
-  },
-  "/assets/index-Tq5s9NV0.css": {
-    "type": "text/css; charset=utf-8",
-    "etag": '"22408-MQKT02eqQudVEj/DozyiEJoTl6E"',
-    "mtime": "2026-07-07T00:47:56.086Z",
-    "size": 140296,
-    "path": "../public/assets/index-Tq5s9NV0.css"
+    "path": "../public/assets/json-viewer-BEifdKM_.js"
   },
   "/assets/minimax-BPMzvuL-.jpeg": {
     "type": "image/jpeg",
     "etag": '"1b06-IwivU89ko5UTMUM1/t7hn4sQK9A"',
-    "mtime": "2026-07-07T00:47:56.084Z",
+    "mtime": "2026-07-07T01:44:02.393Z",
     "size": 6918,
     "path": "../public/assets/minimax-BPMzvuL-.jpeg"
   },
-  "/assets/index-MfTE52Ty.js": {
+  "/assets/index-CpWH7b2O.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"74-xI8cgjppS3YpgGFVqBj/+DUVe/4"',
-    "mtime": "2026-07-07T00:47:56.086Z",
-    "size": 116,
-    "path": "../public/assets/index-MfTE52Ty.js"
+    "etag": '"1cd2c-aSuLfDqSevdOh9lCun2exVgUC8g"',
+    "mtime": "2026-07-07T01:44:02.395Z",
+    "size": 118060,
+    "path": "../public/assets/index-CpWH7b2O.js"
   },
-  "/assets/ReplayDialog-7Pvhjbjk.js": {
+  "/assets/ReplayDialog-ClDmxv57.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"31d6-WfysEtvfuOApCBk5olHqKk8rMfU"',
-    "mtime": "2026-07-07T00:47:56.086Z",
+    "etag": '"31d6-1qLOktXViz+VBb0ZfFD90XKgcAg"',
+    "mtime": "2026-07-07T01:44:02.395Z",
     "size": 12758,
-    "path": "../public/assets/ReplayDialog-7Pvhjbjk.js"
+    "path": "../public/assets/ReplayDialog-ClDmxv57.js"
   },
-  "/assets/main-Ba9x64uY.js": {
+  "/assets/index-BskTYcAH.css": {
+    "type": "text/css; charset=utf-8",
+    "etag": '"21f46-4U6JUUNvf584Sc99yswqBqMf3z4"',
+    "mtime": "2026-07-07T01:44:02.395Z",
+    "size": 139078,
+    "path": "../public/assets/index-BskTYcAH.css"
+  },
+  "/assets/RequestAnatomy-DcuIghmp.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"512fd-xrDcMUYYndBJtS06eXJ9QM25lz4"',
-    "mtime": "2026-07-07T00:47:56.086Z",
-    "size": 332541,
-    "path": "../public/assets/main-Ba9x64uY.js"
+    "etag": '"43f2-M8tZkzI/U1tJmMy7UUxJqYQZ0T0"',
+    "mtime": "2026-07-07T01:44:02.395Z",
+    "size": 17394,
+    "path": "../public/assets/RequestAnatomy-DcuIghmp.js"
+  },
+  "/assets/ResponseView-C7Tl47j3.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"47fa-SmStPX5iOJs5uBOW3NqjjFXAHR0"',
+    "mtime": "2026-07-07T01:44:02.395Z",
+    "size": 18426,
+    "path": "../public/assets/ResponseView-C7Tl47j3.js"
   },
-  "/assets/StreamingChunkSequence-DzXzVtBF.js": {
+  "/assets/StreamingChunkSequence-DBK_R540.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"dd6-FSNaNigsd1X+gyqALfVxeG2s4fo"',
-    "mtime": "2026-07-07T00:47:56.086Z",
+    "etag": '"dd6-/eeU62I8t6P7rkzCj6gV8SwwUnU"',
+    "mtime": "2026-07-07T01:44:02.395Z",
     "size": 3542,
-    "path": "../public/assets/StreamingChunkSequence-DzXzVtBF.js"
+    "path": "../public/assets/StreamingChunkSequence-DBK_R540.js"
   },
   "/assets/zhipuai-BPNAnxo-.svg": {
     "type": "image/svg+xml",
     "etag": '"2bf8-hNaLCTi89nOFCsIIfWpP/jrfo0s"',
-    "mtime": "2026-07-07T00:47:56.086Z",
+    "mtime": "2026-07-07T01:44:02.393Z",
     "size": 11256,
     "path": "../public/assets/zhipuai-BPNAnxo-.svg"
   },
-  "/assets/RequestAnatomy-BX-UKYQg.js": {
+  "/assets/_sessionId-D8Ke-EcI.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"43f2-Zq3l43VsakNoYmpaf2yidbFacQg"',
-    "mtime": "2026-07-07T00:47:56.086Z",
-    "size": 17394,
-    "path": "../public/assets/RequestAnatomy-BX-UKYQg.js"
-  },
-  "/assets/ResponseView-zFxGX8xH.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"47fa-7HB1lxdpkTuo7BEzpS+JAr6zRjM"',
-    "mtime": "2026-07-07T00:47:56.086Z",
-    "size": 18426,
-    "path": "../public/assets/ResponseView-zFxGX8xH.js"
+    "etag": '"36c-bhrib21DhX/XQPRM4CpLNweOg+A"',
+    "mtime": "2026-07-07T01:44:02.395Z",
+    "size": 876,
+    "path": "../public/assets/_sessionId-D8Ke-EcI.js"
   },
-  "/assets/_sessionId-CmsUOEIS.js": {
+  "/assets/main-DDfExS3_.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"36c-oBFmeA36vW57pay3tX7/Tm7ZnGI"',
-    "mtime": "2026-07-07T00:47:56.086Z",
-    "size": 876,
-    "path": "../public/assets/_sessionId-CmsUOEIS.js"
+    "etag": '"512fd-0ATXdrVxw9X+97bDd2uILfeMEAs"',
+    "mtime": "2026-07-07T01:44:02.395Z",
+    "size": 332541,
+    "path": "../public/assets/main-DDfExS3_.js"
   },
   "/assets/qwen-CONDcHqt.png": {
     "type": "image/png",
     "etag": '"572c3-cdJAPaHdOvFCGzuaQjagdgOu6XE"',
-    "mtime": "2026-07-07T00:47:56.086Z",
+    "mtime": "2026-07-07T01:44:02.393Z",
     "size": 357059,
     "path": "../public/assets/qwen-CONDcHqt.png"
   },
-  "/assets/ProxyViewerContainer-7b_uwvT7.js": {
+  "/assets/ProxyViewerContainer-Dppr2zGE.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"aef11-9vtbsodrImAt3S4nrgSZgSQRdnc"',
-    "mtime": "2026-07-07T00:47:56.086Z",
-    "size": 716561,
-    "path": "../public/assets/ProxyViewerContainer-7b_uwvT7.js"
+    "etag": '"b0044-77SZ4hiJB2hNWaQZFl4OePguEv0"',
+    "mtime": "2026-07-07T01:44:02.395Z",
+    "size": 720964,
+    "path": "../public/assets/ProxyViewerContainer-Dppr2zGE.js"
   }
 };
 function readAsset(id) {

package/package.json

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

package/src/assets/IDE/claudecode-color.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Claude Code</title><path clip-rule="evenodd" d="M20.998 10.949H24v3.102h-3v3.028h-1.487V20H18v-2.921h-1.487V20H15v-2.921H9V20H7.488v-2.921H6V20H4.487v-2.921H3V14.05H0V10.95h3V5h17.998v5.949zM6 10.949h1.488V8.102H6v2.847zm10.51 0H18V8.102h-1.49v2.847z" fill="#D97757" fill-rule="evenodd"></path></svg>

package/src/assets/IDE/codex-color.svg

@@ -0,0 +1 @@
+<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Codex</title><path d="M19.503 0H4.496A4.496 4.496 0 000 4.496v15.007A4.496 4.496 0 004.496 24h15.007A4.496 4.496 0 0024 19.503V4.496A4.496 4.496 0 0019.503 0z" fill="#fff"></path><path d="M9.064 3.344a4.578 4.578 0 012.285-.312c1 .115 1.891.54 2.673 1.275.01.01.024.017.037.021a.09.09 0 00.043 0 4.55 4.55 0 013.046.275l.047.022.116.057a4.581 4.581 0 012.188 2.399c.209.51.313 1.041.315 1.595a4.24 4.24 0 01-.134 1.223.123.123 0 00.03.115c.594.607.988 1.33 1.183 2.17.289 1.425-.007 2.71-.887 3.854l-.136.166a4.548 4.548 0 01-2.201 1.388.123.123 0 00-.081.076c-.191.551-.383 1.023-.74 1.494-.9 1.187-2.222 1.846-3.711 1.838-1.187-.006-2.239-.44-3.157-1.302a.107.107 0 00-.105-.024c-.388.125-.78.143-1.204.138a4.441 4.441 0 01-1.945-.466 4.544 4.544 0 01-1.61-1.335c-.152-.202-.303-.392-.414-.617a5.81 5.81 0 01-.37-.961 4.582 4.582 0 01-.014-2.298.124.124 0 00.006-.056.085.085 0 00-.027-.048 4.467 4.467 0 01-1.034-1.651 3.896 3.896 0 01-.251-1.192 5.189 5.189 0 01.141-1.6c.337-1.112.982-1.985 1.933-2.618.212-.141.413-.251.601-.33.215-.089.43-.164.646-.227a.098.098 0 00.065-.066 4.51 4.51 0 01.829-1.615 4.535 4.535 0 011.837-1.388zm3.482 10.565a.637.637 0 000 1.272h3.636a.637.637 0 100-1.272h-3.636zM8.462 9.23a.637.637 0 00-1.106.631l1.272 2.224-1.266 2.136a.636.636 0 101.095.649l1.454-2.455a.636.636 0 00.005-.64L8.462 9.23z" fill="url(#lobe-icons-codex-_R_0_)"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id="lobe-icons-codex-_R_0_" x1="12" x2="12" y1="3" y2="21"><stop stop-color="#B1A7FF"></stop><stop offset=".5" stop-color="#7A9DFF"></stop><stop offset="1" stop-color="#3941FF"></stop></linearGradient></defs></svg>

package/src/assets/IDE/opencode.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>opencode</title><path d="M16 6H8v12h8V6zm4 16H4V2h16v20z"></path></svg>

package/src/assets/IDE/xiaomimimo.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>XiaomiMiMo</title><path d="M.958 15.936a.459.459 0 01.459.44v2.729a.46.46 0 01-.918 0v-2.729a.459.459 0 01.459-.44zm4.814-2.035a.46.46 0 01.553.45v4.754a.458.458 0 11-.918 0V15.48L3.74 17.202a.462.462 0 01-.655.016.462.462 0 01-.065-.082L.628 14.67a.459.459 0 01.658-.637l2.124 2.187 2.127-2.188a.46.46 0 01.235-.13zm2.068.004a.46.46 0 01.458.445v4.755a.46.46 0 01-.458.458.459.459 0 01-.458-.458V14.35a.459.459 0 01.458-.445zm1.973 2.014a.46.46 0 01.46.457v2.729a.46.46 0 01-.784.324.46.46 0 01-.134-.324v-2.729a.46.46 0 01.458-.458zm.002-2.045a.458.458 0 01.328.157l2.127 2.19 2.125-2.19a.459.459 0 01.784.318v4.756a.46.46 0 01-.455.458.46.46 0 01-.458-.458V15.48l-1.667 1.723a.46.46 0 01-.65.008l-.005-.005c0-.002-.002-.002-.004-.003l-2.455-2.534a.46.46 0 01-.008-.667.461.461 0 01.338-.128zm6.797 1.206a.46.46 0 01.53.651A1.966 1.966 0 0019.81 18.4a.462.462 0 01.623.18.46.46 0 01-.181.624 2.863 2.863 0 01-1.38.353l-.142-.004a2.88 2.88 0 01-2.393-4.263.461.461 0 01.274-.21zm.864-.931a2.884 2.884 0 013.915 3.914.46.46 0 01-.402.24l-.057-.004a.458.458 0 01-.164-.055.46.46 0 01-.182-.622 1.967 1.967 0 00-2.669-2.67.459.459 0 11-.441-.803zM9.59 6.368c1.481 0 1.696 1.202 1.696 1.654v2.648h-.917v-.432c-.26.346-.792.535-1.36.535-.133 0-1.289-.03-1.384-1.136-.082-.932.675-1.61 2.053-1.61h.691c0-.563-.367-.886-.983-.886-.44.013-.864.174-1.2.458l-.36-.664c.484-.379 1.012-.567 1.764-.567zm4.427.1c1.263 0 2.082.97 2.083 2.15 0 1.181-.824 2.154-2.083 2.154-1.26 0-2.084-.972-2.084-2.152 0-1.18.82-2.153 2.084-2.153zm6.801.015c.68 0 1.202.465 1.197 1.548v2.642H21.1V8.29c0-.312-.002-.98-.63-.98s-.628.667-.628.838v2.524h-.89V8.148c0-.17-.001-.838-.63-.838-.628 0-.628.668-.628.98v2.383h-.917v-4.03h.917V7a1.22 1.22 0 01.947-.516c.398 0 .76.193.982.686a1.321 1.321 0 011.195-.686zm-18.093.872l1.457-1.772H5.32L3.311 8.07l2.14 2.602H4.24L2.725 8.796 1.21 10.672H0L2.138 8.07.13 5.583h1.138l1.458 1.772zm4.149 3.317h-.916V6.644h.916v4.028zm16.99 0h-.916V6.644h.916v4.028zM9.925 8.71c-1.055 0-1.359.412-1.326.742.032.329.324.537.757.537a1.013 1.013 0 001.014-.968l.002-.31h-.447zM14.018 7.3c-.663 0-1.184.487-1.184 1.32 0 .832.52 1.32 1.184 1.32.662 0 1.182-.49 1.182-1.32 0-.832-.52-1.32-1.182-1.32zM6.417 5.001a.568.568 0 01.587.582.588.588 0 01-1.175 0A.57.57 0 016.417 5zm16.991 0a.57.57 0 01.592.582.588.588 0 01-1.174 0 .57.57 0 01.357-.542.572.572 0 01.225-.04z"></path></svg>

package/src/assets/logos/opencode.svg

@@ -1,4 +1,4 @@
-<svg fill="currentColor" fillRule="evenodd" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-  <title>OpenCode</title>
-  <path d="M16 6H8v12h8V6zm4 16H4V2h16v20z"/>
-</svg>
+<svg fill="currentColor" fillRule="evenodd" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <title>OpenCode</title>
+  <path d="M16 6H8v12h8V6zm4 16H4V2h16v20z"/>
+</svg>

package/src/components/ProxyViewerContainer.tsx

@@ -113,7 +113,6 @@ export function filterLogs(
 const DEBOUNCE_MS = 100;
 const HASH_SCROLL_ATTEMPTS = 12;
 const HASH_HIGHLIGHT_MS = 1800;
-const MAX_CLIENT_LOGS = 500;
 const SESSION_PAGE_LIMIT = 100;
 
 function buildLogsStreamUrl(sessionId: string | undefined): string {
@@ -160,9 +159,19 @@ function buildLogIndex(logs: readonly CapturedLog[]): Map<number, number> {
   return idx;
 }
 
-function trimClientLogs(logs: CapturedLog[]): CapturedLog[] {
-  if (logs.length <= MAX_CLIENT_LOGS) return logs;
-  return logs.slice(logs.length - MAX_CLIENT_LOGS);
+export function mergeLogsById(
+  previousLogs: readonly CapturedLog[],
+  incomingLogs: readonly CapturedLog[],
+): CapturedLog[] {
+  if (incomingLogs.length === 0) return [...previousLogs];
+  const byId = new Map<number, CapturedLog>();
+  for (const log of previousLogs) {
+    byId.set(log.id, log);
+  }
+  for (const log of incomingLogs) {
+    byId.set(log.id, log);
+  }
+  return [...byId.values()].sort((left, right) => left.id - right.id);
 }
 
 export function ProxyViewerContainer({
@@ -227,25 +236,9 @@ export function ProxyViewerContainer({
 
     startLogTransition(() => {
       setAllLogs((prev) => {
-        const next = [...prev];
-        for (const log of updates) {
-          const indexedPosition = logIndexRef.current.get(log.id);
-          if (indexedPosition !== undefined && next[indexedPosition]?.id === log.id) {
-            next[indexedPosition] = log;
-            continue;
-          }
-
-          const existingPosition = next.findIndex((entry) => entry.id === log.id);
-          if (existingPosition >= 0) {
-            next[existingPosition] = log;
-            continue;
-          }
-
-          next.push(log);
-        }
-        const trimmed = trimClientLogs(next);
-        logIndexRef.current = buildLogIndex(trimmed);
-        return trimmed;
+        const next = mergeLogsById(prev, updates);
+        logIndexRef.current = buildLogIndex(next);
+        return next;
       });
     });
   }, [startLogTransition]);
@@ -288,9 +281,11 @@ export function ProxyViewerContainer({
           }
           pendingUpdatesRef.current = [];
 
-          const nextLogs = trimClientLogs(update.logs);
-          logIndexRef.current = buildLogIndex(nextLogs);
-          setAllLogs(nextLogs);
+          setAllLogs((prev) => {
+            const nextLogs = mergeLogsById(prev, update.logs);
+            logIndexRef.current = buildLogIndex(nextLogs);
+            return nextLogs;
+          });
           setStreamInitialized(true);
           dismissToast();
         } else if (update.type === "update") {
@@ -517,12 +512,12 @@ export function ProxyViewerContainer({
 
       setAllLogs((prev) => {
         const importedIds = new Set(result.logs.map((log) => log.id));
-        const next = [...prev.filter((log) => !importedIds.has(log.id)), ...result.logs].sort(
-          (left, right) => left.id - right.id,
+        const next = mergeLogsById(
+          prev.filter((log) => !importedIds.has(log.id)),
+          result.logs,
         );
-        const trimmed = trimClientLogs(next);
-        logIndexRef.current = buildLogIndex(trimmed);
-        return trimmed;
+        logIndexRef.current = buildLogIndex(next);
+        return next;
       });
       setSelectedSession(result.sessionId);
       setSelectedModel("__all__");

package/src/components/clients/ClientLogo.tsx

@@ -1,5 +1,9 @@
 import type { JSX } from "react";
 import { cn } from "../../lib/utils";
+import ClaudeCodeLogoSvg from "../../assets/IDE/claudecode-color.svg";
+import CodexLogoSvg from "../../assets/IDE/codex-color.svg";
+import OpenCodeLogoSvg from "../../assets/IDE/opencode.svg";
+import MiMoCodeLogoSvg from "../../assets/IDE/xiaomimimo.svg";
 
 export type ClientApp = "codex" | "opencode" | "mimo-code" | "claude-code" | "unknown";
 
@@ -56,53 +60,12 @@ export function clientAppLabel(client: ClientApp): string | null {
   }
 }
 
-function CodexMark(): JSX.Element {
-  return (
-    <svg viewBox="0 0 24 24" className="size-full" aria-hidden="true">
-      <circle cx="12" cy="12" r="8" fill="none" stroke="currentColor" strokeWidth="2.2" />
-      <path
-        d="M14.8 8.6a4.8 4.8 0 1 0 0 6.8"
-        fill="none"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeWidth="2.2"
-      />
-    </svg>
-  );
-}
-
-function OpenCodeMark(): JSX.Element {
-  return (
-    <svg viewBox="0 0 24 24" className="size-full" aria-hidden="true">
-      <path d="M7 4h10v16H7z" fill="none" stroke="currentColor" strokeWidth="2.2" />
-      <path d="M10 8h4M10 12h4M10 16h2" stroke="currentColor" strokeLinecap="round" />
-    </svg>
-  );
-}
-
-function MiMoCodeMark(): JSX.Element {
-  return (
-    <svg viewBox="0 0 24 24" className="size-full" aria-hidden="true">
-      <path
-        d="M5 18V6h3.2l3.8 6.1L15.8 6H19v12h-3V11.3l-3.1 5h-1.8L8 11.3V18z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-}
-
-function ClaudeCodeMark(): JSX.Element {
-  return (
-    <svg viewBox="0 0 24 24" className="size-full" aria-hidden="true">
-      <path
-        fill="currentColor"
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M21 10.95h3v3.1h-3v3.03h-1.49V20H18v-2.92h-1.49V20H15v-2.92H9V20H7.49v-2.92H6V20H4.49v-2.92H3v-3.03H0v-3.1h3V5h18v5.95zM6 10.95h1.49V8.1H6v2.85zm10.51 0H18V8.1h-1.49v2.85z"
-      />
-    </svg>
-  );
-}
+const CLIENT_LOGOS: Record<Exclude<ClientApp, "unknown">, string> = {
+  codex: CodexLogoSvg,
+  opencode: OpenCodeLogoSvg,
+  "mimo-code": MiMoCodeLogoSvg,
+  "claude-code": ClaudeCodeLogoSvg,
+};
 
 export function ClientLogo({
   client,
@@ -111,22 +74,21 @@ export function ClientLogo({
   client: ClientApp;
   className?: string;
 }): JSX.Element | null {
+  if (client === "unknown") return null;
   const label = clientAppLabel(client);
   if (label === null) return null;
+  const logoSrc = CLIENT_LOGOS[client];
 
   return (
     <span
       className={cn(
-        "border border-border bg-muted/40 inline-flex size-6 shrink-0 items-center justify-center rounded-md p-1 text-cyan-100",
+        "border border-border bg-muted/40 inline-flex size-6 shrink-0 items-center justify-center rounded-md p-0.5",
         className,
       )}
       aria-label={label}
       title={label}
     >
-      {client === "codex" && <CodexMark />}
-      {client === "opencode" && <OpenCodeMark />}
-      {client === "mimo-code" && <MiMoCodeMark />}
-      {client === "claude-code" && <ClaudeCodeMark />}
+      <img src={logoSrc} alt="" className="size-full object-contain" aria-hidden="true" />
     </span>
   );
 }

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

@@ -44,24 +44,19 @@ const STATUS_CUE_CLASSES: Record<
   StatusCategory,
   {
     frame: string;
-    dot: string;
   }
 > = {
   success: {
     frame: "border-cyan-200/15 bg-white/[0.04] text-slate-100",
-    dot: "bg-cyan-200/80 shadow-[0_0_14px_rgba(125,211,252,0.65)]",
   },
   client_error: {
     frame: "border-amber-300/25 bg-amber-300/[0.08] text-amber-100",
-    dot: "bg-amber-200 shadow-[0_0_14px_rgba(252,211,77,0.8)]",
   },
   server_error: {
     frame: "border-rose-300/25 bg-rose-300/[0.08] text-rose-100",
-    dot: "bg-rose-300 shadow-[0_0_14px_rgba(253,164,175,0.8)]",
   },
   pending: {
     frame: "border-cyan-300/25 bg-cyan-300/[0.08] text-cyan-100",
-    dot: "bg-cyan-200 shadow-[0_0_14px_rgba(103,232,249,0.8)]",
   },
 };
 
@@ -247,11 +242,10 @@ export const LogEntryHeader = memo(function ({
           {/* Request ID */}
           <span
             className={cn(
-              "inline-flex h-8 shrink-0 items-center gap-2 rounded-md px-2 font-mono",
+              "inline-flex h-8 shrink-0 items-center rounded-md px-2 font-mono",
               statusCue.frame,
             )}
           >
-            <span className={cn("size-1.5 rounded-full", statusCue.dot)} aria-hidden="true" />
             <span className="text-xs font-semibold tabular-nums" title={`Log ID ${String(log.id)}`}>
               #{displayNumber}
             </span>

package/.output/public/assets/index-MfTE52Ty.js

@@ -1 +0,0 @@
-import{P as o}from"./ProxyViewerContainer-7b_uwvT7.js";import"./main-Ba9x64uY.js";const r=o;export{r as component};