@tonyclaw/llm-inspector 1.15.1 → 1.16.0

package/.output/server/{_tanstack-start-manifest_v-BXMwlSXD.mjs → _tanstack-start-manifest_v-BYhN7q_z.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-C2-qvdhC.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-TwYgzIL4.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-C2-qvdhC.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-BjnjXVBU.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-BmkN9DxE.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-BjnjXVBU.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-13T01:52:42.193Z",
+    "mtime": "2026-06-13T05:45:10.081Z",
     "size": 5915,
     "path": "../public/assets/alibaba-TTwafVwX.svg"
   },
-  "/assets/index-BIUbzgJN.css": {
+  "/assets/index-DPe3eOih.css": {
     "type": "text/css; charset=utf-8",
-    "etag": '"15a69-hayhIEDa3A+N2SY+Poyq3TNPtcE"',
-    "mtime": "2026-06-13T01:52:42.193Z",
-    "size": 88681,
-    "path": "../public/assets/index-BIUbzgJN.css"
+    "etag": '"15a32-YUlUFJPXe5WrOzMkLVz9gOyERE4"',
+    "mtime": "2026-06-13T05:45:10.081Z",
+    "size": 88626,
+    "path": "../public/assets/index-DPe3eOih.css"
+  },
+  "/assets/qwen-CONDcHqt.png": {
+    "type": "image/png",
+    "etag": '"572c3-cdJAPaHdOvFCGzuaQjagdgOu6XE"',
+    "mtime": "2026-06-13T05:45:10.081Z",
+    "size": 357059,
+    "path": "../public/assets/qwen-CONDcHqt.png"
+  },
+  "/assets/main-BjnjXVBU.js": {
+    "type": "text/javascript; charset=utf-8",
+    "etag": '"50599-TBFFt8m3KX+84o0h5FGqLcw9zvM"',
+    "mtime": "2026-06-13T05:45:10.081Z",
+    "size": 329113,
+    "path": "../public/assets/main-BjnjXVBU.js"
   },
   "/assets/minimax-BPMzvuL-.jpeg": {
     "type": "image/jpeg",
     "etag": '"1b06-IwivU89ko5UTMUM1/t7hn4sQK9A"',
-    "mtime": "2026-06-13T01:52:42.191Z",
+    "mtime": "2026-06-13T05:45:10.078Z",
     "size": 6918,
     "path": "../public/assets/minimax-BPMzvuL-.jpeg"
   },
   "/assets/zhipuai-BPNAnxo-.svg": {
     "type": "image/svg+xml",
     "etag": '"2bf8-hNaLCTi89nOFCsIIfWpP/jrfo0s"',
-    "mtime": "2026-06-13T01:52:42.193Z",
+    "mtime": "2026-06-13T05:45:10.081Z",
     "size": 11256,
     "path": "../public/assets/zhipuai-BPNAnxo-.svg"
   },
-  "/assets/qwen-CONDcHqt.png": {
-    "type": "image/png",
-    "etag": '"572c3-cdJAPaHdOvFCGzuaQjagdgOu6XE"',
-    "mtime": "2026-06-13T01:52:42.193Z",
-    "size": 357059,
-    "path": "../public/assets/qwen-CONDcHqt.png"
-  },
-  "/assets/main-C2-qvdhC.js": {
-    "type": "text/javascript; charset=utf-8",
-    "etag": '"50599-m0++N6iqOd8eV+QO9BaomZTQ8VY"',
-    "mtime": "2026-06-13T01:52:42.193Z",
-    "size": 329113,
-    "path": "../public/assets/main-C2-qvdhC.js"
-  },
-  "/assets/index-TwYgzIL4.js": {
+  "/assets/index-BmkN9DxE.js": {
     "type": "text/javascript; charset=utf-8",
-    "etag": '"9abab-Xq73HVsqEPkBjYtK8k/1UBY8SRY"',
-    "mtime": "2026-06-13T01:52:42.193Z",
-    "size": 633771,
-    "path": "../public/assets/index-TwYgzIL4.js"
+    "etag": '"9ae0c-h7IO5tRUMmZre12bMt7hEiFWLhQ"',
+    "mtime": "2026-06-13T05:45:10.081Z",
+    "size": 634380,
+    "path": "../public/assets/index-BmkN9DxE.js"
   }
 };
 function readAsset(id) {

package/package.json

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

package/src/cli.ts

@@ -126,6 +126,7 @@ console.log(``);
 console.log(`Route AI coding tools through the proxy:`);
 console.log(`   Claude Code:  ANTHROPIC_BASE_URL=${url}/proxy claude`);
 console.log(`   OpenCode:     LLM_BASE_URL=${url}/proxy opencode`);
+console.log(`   MiMo Code:    OPENAI_BASE_URL=${url}/proxy mimo`);
 console.log(`   Direct HTTP:  curl ${url}/proxy/v1/messages -d '{"model":"...","messages":[...]}'`);
 console.log(``);
 console.log(`Routing environment variables:`);

package/src/components/ProxyViewer.tsx

@@ -1,5 +1,4 @@
-import { type JSX, useCallback, useEffect, useMemo, useState, useRef } from "react";
-import { useVirtualizer } from "@tanstack/react-virtual";
+import { type JSX, useCallback, useEffect, useMemo, useState } from "react";
 import { Download } from "lucide-react";
 
 import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "./ui/tooltip";
@@ -115,7 +114,7 @@ export function ProxyViewer({
   onViewModeChange,
   strip,
 }: ProxyViewerProps): JSX.Element {
-  const { totalIn, totalOut } = computeTokenSummary(logs);
+  const { totalIn, totalOut } = useMemo(() => computeTokenSummary(logs), [logs]);
   const [exporting, setExporting] = useState(false);
   const [comparePair, setComparePair] = useState<[CapturedLog, CapturedLog] | null>(null);
   const [crabEntrancePhase, setCrabEntrancePhase] = useState<"hidden" | "playing" | "done">(
@@ -142,8 +141,6 @@ export function ProxyViewer({
       setExporting(false);
     }
   }, [logs]);
-  const parentRef = useRef<HTMLDivElement>(null);
-
   // Close the compare drawer when the user changes the session or model
   // filter, since the predecessor relationship may no longer be meaningful.
   useEffect(() => {
@@ -165,17 +162,6 @@ export function ProxyViewer({
     [comparisonPredecessors],
   );
 
-  const rowVirtualizer = useVirtualizer({
-    count: groups.length,
-    getScrollElement: () => parentRef.current,
-    estimateSize: () => 150,
-    measureElement:
-      typeof window !== "undefined"
-        ? (element) => element.getBoundingClientRect().height
-        : undefined,
-    overscan: 5,
-  });
-
   return (
     <div className="max-w-[1200px] mx-auto flex flex-col h-screen" style={{ maxHeight: "100vh" }}>
       {/* Brand row */}
@@ -338,44 +324,20 @@ export function ProxyViewer({
             <CopyableCommand command="LLM_BASE_URL=http://localhost:25947/proxy <your-tool>" />
           </div>
         ) : (
-          <div ref={parentRef} className="overflow-y-auto h-full">
-            <div
-              style={{
-                height: `${rowVirtualizer.getTotalSize()}px`,
-                width: "100%",
-                position: "relative",
-              }}
-            >
-              {rowVirtualizer.getVirtualItems().map((virtualRow) => {
-                const group = groups[virtualRow.index];
-                if (group === undefined) return null;
-                return (
-                  <div
-                    key={group.id}
-                    data-index={virtualRow.index}
-                    ref={rowVirtualizer.measureElement}
-                    style={{
-                      position: "absolute",
-                      top: 0,
-                      left: 0,
-                      width: "100%",
-                      transform: `translateY(${virtualRow.start}px)`,
-                    }}
-                  >
-                    <ConversationGroup
-                      group={group}
-                      viewMode={viewMode}
-                      strip={strip}
-                      cacheTrends={cacheTrends}
-                      onCompareWithPrevious={handleCompareWithPrevious}
-                      comparisonPredecessors={comparisonPredecessors}
-                      onClearGroup={onClearGroup}
-                      standalone={groups.length === 1}
-                    />
-                  </div>
-                );
-              })}
-            </div>
+          <div className="overflow-y-auto h-full flex flex-col gap-2">
+            {groups.map((group) => (
+              <ConversationGroup
+                key={group.id}
+                group={group}
+                viewMode={viewMode}
+                strip={strip}
+                cacheTrends={cacheTrends}
+                onCompareWithPrevious={handleCompareWithPrevious}
+                comparisonPredecessors={comparisonPredecessors}
+                onClearGroup={onClearGroup}
+                standalone={groups.length === 1}
+              />
+            ))}
           </div>
         )}
       </div>

package/src/components/ProxyViewerContainer.tsx

@@ -1,23 +1,9 @@
-import { useState, useEffect, useCallback, useRef, type JSX } from "react";
+import { useState, useEffect, useCallback, useRef, useMemo, type JSX } from "react";
 import { z } from "zod";
 import { CapturedLogSchema, type CapturedLog } from "../proxy/schemas";
 import { useStripConfig } from "../lib/useStripConfig";
 import { ProxyViewer } from "./ProxyViewer";
 
-type logsResponse = {
-  logs: CapturedLog[];
-  total: number;
-  offset: number;
-  limit: number;
-};
-
-const LogsResponseSchema = z.object({
-  logs: z.array(CapturedLogSchema),
-  total: z.number(),
-  offset: z.number(),
-  limit: z.number(),
-});
-
 type SSEUpdate =
   | {
       type: "init";
@@ -55,8 +41,31 @@ function extractModels(logs: CapturedLog[]): string[] {
   return [...set];
 }
 
+/**
+ * Filter logs by selected session/model. Both `__all__` and missing values
+ * pass through. Returns the input array reference when no log matches the
+ * filter, so referential equality is preserved for empty results.
+ */
+function filterLogs(
+  logs: CapturedLog[],
+  selectedSession: string,
+  selectedModel: string,
+): CapturedLog[] {
+  if (selectedSession === "__all__" && selectedModel === "__all__") return logs;
+  return logs.filter((l) => {
+    if (selectedSession !== "__all__" && l.sessionId !== selectedSession) return false;
+    if (selectedModel !== "__all__" && l.model !== selectedModel) return false;
+    return true;
+  });
+}
+
+const DEBOUNCE_MS = 50;
+
 export function ProxyViewerContainer(): JSX.Element {
-  const [logs, setLogs] = useState<CapturedLog[]>([]);
+  // `allLogs` is the unfiltered set populated by the SSE. The single SSE
+  // connection never re-opens on filter change — we always carry the full
+  // set and derive the displayed view with `useMemo` below.
+  const [allLogs, setAllLogs] = useState<CapturedLog[]>([]);
   const [sessions, setSessions] = useState<string[]>([]);
   const [models, setModels] = useState<string[]>([]);
   const [selectedSession, setSelectedSession] = useState("__all__");
@@ -66,24 +75,63 @@ export function ProxyViewerContainer(): JSX.Element {
   const eventSourceRef = useRef<EventSource | null>(null);
   const reconnectTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
 
-  const fetchSessionsAndModels = useCallback(async () => {
-    try {
-      const [sessionsRes, modelsRes] = await Promise.all([
-        fetch("/api/sessions"),
-        fetch("/api/models"),
-      ]);
-      if (sessionsRes.ok && modelsRes.ok) {
-        const sessionsJson: unknown = await sessionsRes.json();
-        const modelsJson: unknown = await modelsRes.json();
-        const sessionsResult = z.array(z.string()).safeParse(sessionsJson);
-        const modelsResult = z.array(z.string()).safeParse(modelsJson);
-        if (sessionsResult.success) setSessions(sessionsResult.data);
-        if (modelsResult.success) setModels(modelsResult.data);
+  // O(1) log lookup by id
+  const logIndexRef = useRef<Map<number, number>>(new Map());
+  const logsRef = useRef<CapturedLog[]>([]);
+
+  // Debounce buffer for SSE updates
+  const pendingUpdatesRef = useRef<CapturedLog[]>([]);
+  const flushTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+
+  // Derived view: the logs the user actually sees. Recomputed only when the
+  // underlying set or filter changes — never on every SSE message.
+  const logs = useMemo(
+    () => filterLogs(allLogs, selectedSession, selectedModel),
+    [allLogs, selectedSession, selectedModel],
+  );
+
+  const flushUpdates = useCallback(() => {
+    flushTimerRef.current = null;
+    const updates = pendingUpdatesRef.current;
+    pendingUpdatesRef.current = [];
+    if (updates.length === 0) return;
+
+    setAllLogs((prev) => {
+      let next = prev;
+      let sessionsChanged = false;
+      let modelsChanged = false;
+      for (const log of updates) {
+        const idx = logIndexRef.current.get(log.id);
+        if (idx !== undefined) {
+          // Replace existing entry
+          next = [...next.slice(0, idx), log, ...next.slice(idx + 1)];
+        } else {
+          logIndexRef.current.set(log.id, next.length);
+          next = [...next, log];
+        }
+        if (log.sessionId !== null && log.sessionId !== "" && !sessions.includes(log.sessionId)) {
+          sessionsChanged = true;
+        }
+        if (log.model !== null && log.model !== "" && !models.includes(log.model)) {
+          modelsChanged = true;
+        }
+      }
+      logsRef.current = next;
+      if (sessionsChanged) setSessions((s) => extractSessions(next));
+      if (modelsChanged) setModels((m) => extractModels(next));
+      return next;
+    });
+  }, [sessions, models]);
+
+  const scheduleUpdate = useCallback(
+    (log: CapturedLog) => {
+      pendingUpdatesRef.current.push(log);
+      if (flushTimerRef.current === null) {
+        flushTimerRef.current = setTimeout(flushUpdates, DEBOUNCE_MS);
       }
-    } catch {
-      // SSE already has sessions/models from init
-    }
-  }, []);
+    },
+    [flushUpdates],
+  );
 
   const connectSSE = useCallback(() => {
     // Clean up existing connection
@@ -91,11 +139,12 @@ export function ProxyViewerContainer(): JSX.Element {
       eventSourceRef.current.close();
     }
 
-    const params = new URLSearchParams();
-    if (selectedSession !== "__all__") params.set("sessionId", selectedSession);
-    if (selectedModel !== "__all__") params.set("model", selectedModel);
-
-    const es = new EventSource(`/api/logs/stream?${params}`);
+    // Stable, unfiltered connection. The frontend derives filtered views
+    // from the complete set, so the SSE never needs to reopen on filter
+    // change. If the in-memory set ever grows past what the client can
+    // handle, swap this back to a parameterized URL and reconnect on
+    // filter change.
+    const es = new EventSource("/api/logs/stream");
     eventSourceRef.current = es;
 
     es.onmessage = (event: MessageEvent) => {
@@ -109,42 +158,27 @@ export function ProxyViewerContainer(): JSX.Element {
         }
         const update = updateResult.data;
         if (update.type === "init") {
-          setLogs(update.logs);
+          // Flush any pending debounce
+          if (flushTimerRef.current !== null) {
+            clearTimeout(flushTimerRef.current);
+            flushTimerRef.current = null;
+          }
+          pendingUpdatesRef.current = [];
+
+          // Build fresh index
+          const idx = new Map<number, number>();
+          for (let i = 0; i < update.logs.length; i++) {
+            const log = update.logs[i];
+            if (log !== undefined) idx.set(log.id, i);
+          }
+          logIndexRef.current = idx;
+          logsRef.current = update.logs;
+          setAllLogs(update.logs);
           setSessions(extractSessions(update.logs));
           setModels(extractModels(update.logs));
           setError(null);
         } else if (update.type === "update") {
-          setLogs((prev) => {
-            // Filter by current selection before adding
-            const sessionMatch =
-              selectedSession === "__all__" || update.log.sessionId === selectedSession;
-            const modelMatch = selectedModel === "__all__" || update.log.model === selectedModel;
-            if (!sessionMatch || !modelMatch) return prev;
-
-            // Update existing log or add as new
-            const existsIndex = prev.findIndex((l) => l.id === update.log.id);
-            if (existsIndex >= 0) {
-              // Replace the existing log with updated data
-              return prev.map((l) => (l.id === update.log.id ? update.log : l));
-            }
-            // Add to end (newest)
-            return [...prev, update.log];
-          });
-          // Update sessions and models
-          setSessions((prev) => {
-            const sessionId = update.log.sessionId;
-            if (sessionId !== null && sessionId !== undefined && sessionId !== "") {
-              return prev.includes(sessionId) ? prev : [...prev, sessionId];
-            }
-            return prev;
-          });
-          setModels((prev) => {
-            const model = update.log.model;
-            if (model !== null && model !== undefined && model !== "") {
-              return prev.includes(model) ? prev : [...prev, model];
-            }
-            return prev;
-          });
+          scheduleUpdate(update.log);
         }
       } catch {
         setError("Failed to parse SSE data");
@@ -154,16 +188,12 @@ export function ProxyViewerContainer(): JSX.Element {
     es.onerror = () => {
       setError("SSE connection lost, reconnecting...");
       es.close();
-      // Clear any existing reconnect timeout
       if (reconnectTimeoutRef.current !== null) {
         clearTimeout(reconnectTimeoutRef.current);
       }
-      // Reconnect after 3 seconds
       reconnectTimeoutRef.current = setTimeout(connectSSE, 3000);
     };
-
-    void fetchSessionsAndModels();
-  }, [selectedSession, selectedModel, fetchSessionsAndModels]);
+  }, [scheduleUpdate]);
 
   useEffect(() => {
     connectSSE();
@@ -176,6 +206,10 @@ export function ProxyViewerContainer(): JSX.Element {
         clearTimeout(reconnectTimeoutRef.current);
         reconnectTimeoutRef.current = null;
       }
+      if (flushTimerRef.current !== null) {
+        clearTimeout(flushTimerRef.current);
+        flushTimerRef.current = null;
+      }
     };
   }, [connectSSE]);
 
@@ -187,7 +221,9 @@ export function ProxyViewerContainer(): JSX.Element {
           setError("Failed to clear logs");
           return;
         }
-        setLogs([]);
+        logIndexRef.current.clear();
+        logsRef.current = [];
+        setAllLogs([]);
         setSessions([]);
         setModels([]);
         setError(null);
@@ -211,8 +247,16 @@ export function ProxyViewerContainer(): JSX.Element {
           return;
         }
         const idSet = new Set(ids);
-        setLogs((prev) => {
+        setAllLogs((prev) => {
           const remaining = prev.filter((l) => !idSet.has(l.id));
+          // Rebuild index
+          const idx = new Map<number, number>();
+          for (let i = 0; i < remaining.length; i++) {
+            const log = remaining[i];
+            if (log !== undefined) idx.set(log.id, i);
+          }
+          logIndexRef.current = idx;
+          logsRef.current = remaining;
           setSessions(extractSessions(remaining));
           setModels(extractModels(remaining));
           return remaining;

package/src/components/providers/ImportWizardDialog.tsx

@@ -38,6 +38,29 @@ function OpenCodeIcon(): JSX.Element {
   );
 }
 
+function MiMoCodeIcon(): JSX.Element {
+  return (
+    <svg
+      fill="currentColor"
+      viewBox="0 0 24 24"
+      xmlns="http://www.w3.org/2000/svg"
+      className="size-6 shrink-0"
+    >
+      <title>MiMo Code</title>
+      <text
+        x="12"
+        y="18"
+        textAnchor="middle"
+        fontSize="16"
+        fontWeight="800"
+        fontFamily="system-ui, sans-serif"
+      >
+        M
+      </text>
+    </svg>
+  );
+}
+
 const ExternalProviderSchema = z.object({
   name: z.string(),
   apiKey: z.string(),
@@ -45,7 +68,7 @@ const ExternalProviderSchema = z.object({
   anthropicBaseUrl: z.string(),
   openaiBaseUrl: z.string(),
   models: z.array(z.string()),
-  sourceTool: z.enum(["claude-code", "opencode"]),
+  sourceTool: z.enum(["claude-code", "opencode", "mimo-code"]),
   alreadyExists: z.boolean(),
 });
 
@@ -64,6 +87,7 @@ const ImportResponseSchema = z.object({
 const sourceLogoMap: Record<string, () => JSX.Element> = {
   "claude-code": ClaudeCodeIcon,
   opencode: OpenCodeIcon,
+  "mimo-code": MiMoCodeIcon,
 };
 
 type ImportWizardDialogProps = {
@@ -213,7 +237,7 @@ export function ImportWizardDialog({
         <DialogHeader>
           <DialogTitle>Import from External Tools</DialogTitle>
           <p className="text-xs text-muted-foreground">
-            Detect provider configurations from Claude Code and OpenCode.
+            Detect provider configurations from Claude Code, OpenCode, and MiMo Code.
           </p>
         </DialogHeader>
 
@@ -238,7 +262,7 @@ export function ImportWizardDialog({
               <br />
               <span className="text-xs">
                 Supported tools: Claude Code (~/.claude/settings.json), OpenCode
-                (~/.config/opencode/opencode.json)
+                (~/.config/opencode/opencode.json), MiMo Code (~/.config/mimocode/mimocode.jsonc)
               </span>
             </p>
           )}

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

@@ -54,7 +54,7 @@ export const ConversationGroup = memo(function ({
   standalone = false,
 }: ConversationGroupProps): JSX.Element {
   const [expanded, setExpanded] = useState(false);
-  const stats = computeStats(group.logs);
+  const stats = useMemo(() => computeStats(group.logs), [group.logs]);
   const startTime = group.logs[0]?.timestamp ?? new Date().toISOString();
   const endTime = group.logs[group.logs.length - 1]?.timestamp ?? new Date().toISOString();
   const mixed = hasMixedApiFormat(group.logs);
@@ -70,7 +70,7 @@ export const ConversationGroup = memo(function ({
         : group.conversationId;
 
   return (
-    <div className="mb-4">
+    <div className="mb-2">
       {!standalone && (
         <ConversationHeader
           conversationId={displayId}
@@ -90,7 +90,7 @@ export const ConversationGroup = memo(function ({
       )}
 
       {shouldRenderConversationContent(standalone, expanded) && (
-        <div>
+        <div className="max-h-[70vh] overflow-y-auto">
           {turnGroups.map((tg) => (
             <TurnGroup
               key={tg.turnIndex}

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

@@ -82,7 +82,7 @@ export function ConversationHeader({
         "flex items-center gap-3 px-3 py-2 cursor-pointer transition-colors",
         "hover:bg-muted/50",
         "select-none",
-        "border border-border rounded-lg mb-2 bg-muted/30",
+        "border border-border rounded-lg mb-2 bg-background sticky top-0 z-10",
       )}
       onClick={onToggle}
       onKeyDown={(e) => {