@tonyclaw/llm-inspector 1.15.1 → 1.16.0

package/.output/server/_ssr/{index-C001qcnM.mjs → index-BIOEVAzU.mjs}

@@ -1,18 +1,18 @@
 import { r as reactExports, j as jsxRuntimeExports, a as React } from "../_libs/react.mjs";
-import { C as CapturedLogSchema, R as RuntimeConfigSchema, r as requestFormatForPath, c as createPendingProviderTestResults, P as ProviderTestResultsSchema, b as createFailedProviderTestResults, d as ProviderConfigSchema, s as stripClaudeCodeBillingHeader, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, a as AnthropicRequestSchema } from "./router-D7aEu4dR.mjs";
+import { C as CapturedLogSchema, R as RuntimeConfigSchema, r as requestFormatForPath, c as createPendingProviderTestResults, P as ProviderTestResultsSchema, b as createFailedProviderTestResults, d as ProviderConfigSchema, s as stripClaudeCodeBillingHeader, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, a as AnthropicRequestSchema } from "./router-THS9ptvu.mjs";
 import { u as useSWR, a as useSWRConfig } from "../_libs/swr.mjs";
-import { u as useVirtualizer } from "../_libs/tanstack__react-virtual.mjs";
 import { c as clsx } from "../_libs/clsx.mjs";
 import { t as twMerge } from "../_libs/tailwind-merge.mjs";
 import { J as JSZip } from "../_libs/jszip.mjs";
 import { c as cva } from "../_libs/class-variance-authority.mjs";
 import { R as Root, T as Trigger$2, C as Content, a as Close, b as Title, P as Portal$2, O as Overlay } from "../_libs/radix-ui__react-dialog.mjs";
 import { d as diffJson, a as diffLines } from "../_libs/diff.mjs";
+import { u as useVirtualizer } from "../_libs/tanstack__react-virtual.mjs";
 import { R as Root2, T as Trigger, I as Icon, V as Value, P as Portal, C as Content2, a as Viewport, b as Item, c as ItemIndicator, d as ItemText, S as ScrollUpButton, e as ScrollDownButton } from "../_libs/radix-ui__react-select.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import { D as Download, S as Settings, C as ChevronDown, a as Check, X, U as Upload, b as Scan, P as Plus, c as Copy, d as CircleAlert, e as ChevronUp, L as LoaderCircle, f as ChevronRight, g as User, h as Clock, M as MessageSquare, Z as Zap, T as Trash2, R as Rows3, i as Columns2, j as Minus, k as Pencil, E as Equal, l as EyeOff, m as Eye, n as ExternalLink, o as RotateCw, G as GitCompareArrows, p as RotateCcw, q as CircleCheckBig, W as Wrench, r as Globe, F as FileTerminal, s as Radio, t as CircleQuestionMark, u as Server, v as Gauge, w as Lock, x as Wifi, y as WifiOff, A as ArrowUp, z as ArrowDown, B as TriangleAlert, H as CircleStop, I as ChevronsUp, J as ChevronsDown, K as Brain, N as Terminal } from "../_libs/lucide-react.mjs";
 import { M as Markdown } from "../_libs/react-markdown.mjs";
-import { a as array, b as string, u as union, d as object, l as literal, n as number, c as boolean, _ as _enum } from "../_libs/zod.mjs";
+import { u as union, d as object, a as array, l as literal, b as string, n as number, c as boolean, _ as _enum } from "../_libs/zod.mjs";
 import { P as Provider, R as Root3, T as Trigger$1, a as Portal$1, C as Content2$1, A as Arrow2 } from "../_libs/radix-ui__react-tooltip.mjs";
 import { R as Root2$1, L as List, T as Trigger$3, C as Content$1 } from "../_libs/radix-ui__react-tabs.mjs";
 import { S as Slot } from "../_libs/radix-ui__react-slot.mjs";
@@ -36,8 +36,9 @@ import "stream";
 import "crypto";
 import "../_libs/isbot.mjs";
 import "node:fs";
-import "node:path";
 import "node:fs/promises";
+import "node:buffer";
+import "node:path";
 import "../_libs/conf.mjs";
 import "node:util";
 import "node:process";
@@ -62,7 +63,6 @@ import "../_libs/uint8array-extras.mjs";
 import "node:child_process";
 import "../_libs/use-sync-external-store.mjs";
 import "../_libs/dequal.mjs";
-import "../_libs/tanstack__virtual-core.mjs";
 import "../_libs/readable-stream.mjs";
 import "events";
 import "node:string_decoder";
@@ -99,6 +99,7 @@ import "../_libs/get-nonce.mjs";
 import "../_libs/use-sidecar.mjs";
 import "../_libs/use-callback-ref.mjs";
 import "../_libs/aria-hidden.mjs";
+import "../_libs/tanstack__virtual-core.mjs";
 import "../_libs/radix-ui__number.mjs";
 import "../_libs/radix-ui__react-collection.mjs";
 import "../_libs/radix-ui__react-direction.mjs";
@@ -333,7 +334,7 @@ async function exportLogsAsZip(logs) {
   document.body.removeChild(anchor);
   URL.revokeObjectURL(url);
 }
-const version = "1.15.1";
+const version = "1.16.0";
 const packageJson = {
   version
 };
@@ -561,7 +562,7 @@ 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) => {
@@ -926,7 +927,7 @@ function ExpandCollapseButton({
     }
   );
 }
-function JsonNode({
+const JsonNode = reactExports.memo(function JsonNode2({
   name,
   value,
   level,
@@ -1000,7 +1001,7 @@ function JsonNode({
     ),
     expandable && expanded && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "pl-4", children: [
       getEntries(value).map(([key, childValue]) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-        JsonNode,
+        JsonNode2,
         {
           name: key,
           value: childValue,
@@ -1013,7 +1014,7 @@ function JsonNode({
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground py-0.5 px-1", children: closeBracket })
     ] }, childResetKey)
   ] });
-}
+});
 function JsonViewer({
   data,
   defaultExpandDepth = 2,
@@ -1259,7 +1260,7 @@ function kindClass(kind) {
   }
   return "text-foreground/80";
 }
-function DiffView({ result, emptyLabel }) {
+const DiffViewInner = function DiffView2({ result, emptyLabel }) {
   const [mode, setMode] = reactExports.useState("unified");
   const scrollRef = reactExports.useRef(null);
   const virtualizer = useVirtualizer({
@@ -1336,7 +1337,7 @@ function DiffView({ result, emptyLabel }) {
       }
     )
   ] });
-}
+};
 function UnifiedRows({
   virtualizer,
   lines
@@ -1494,6 +1495,7 @@ function SplitRows({ lines }) {
     idx
   )) });
 }
+const DiffView = reactExports.memo(DiffViewInner);
 const AnthropicLogoSvg = "data:image/svg+xml,%3csvg%20height='2500'%20viewBox='0%206.603%201192.672%201193.397'%20width='2500'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m233.96%20800.215%20234.684-131.678%203.947-11.436-3.947-6.363h-11.436l-39.221-2.416-134.094-3.624-116.296-4.832-112.67-6.04-28.35-6.04-26.577-35.035%202.738-17.477%2023.84-16.027%2034.147%202.98%2075.463%205.155%20113.235%207.812%2082.147%204.832%20121.692%2012.644h19.329l2.738-7.812-6.604-4.832-5.154-4.832-117.182-79.41-126.845-83.92-66.443-48.321-35.92-24.484-18.12-22.953-7.813-50.093%2032.618-35.92%2043.812%202.98%2011.195%202.98%2044.375%2034.147%2094.792%2073.37%20123.786%2091.167%2018.12%2015.06%207.249-5.154.886-3.624-8.135-13.61-67.329-121.692-71.838-123.785-31.974-51.302-8.456-30.765c-2.98-12.645-5.154-23.275-5.154-36.242l37.127-50.416%2020.537-6.604%2049.53%206.604%2020.86%2018.121%2030.765%2070.39%2049.852%20110.818%2077.315%20150.684%2022.631%2044.698%2012.08%2041.396%204.51%2012.645h7.813v-7.248l6.362-84.886%2011.759-104.215%2011.436-134.094%203.946-37.772%2018.685-45.262%2037.127-24.482%2028.994%2013.852%2023.839%2034.148-3.303%2022.067-14.174%2092.134-27.785%20144.323-18.121%2096.644h10.55l12.08-12.08%2048.887-64.913%2082.147-102.685%2036.242-40.752%2042.282-45.02%2027.14-21.423h51.303l37.772%2056.135-16.913%2057.986-52.832%2067.007-43.812%2056.779-62.82%2084.563-39.22%2067.651%203.623%205.396%209.343-.886%20141.906-30.201%2076.671-13.852%2091.49-15.705%2041.396%2019.329%204.51%2019.65-16.269%2040.189-97.852%2024.16-114.764%2022.954-170.9%2040.43-2.093%201.53%202.416%202.98%2076.993%207.248%2032.94%201.771h80.617l150.12%2011.195%2039.222%2025.933%2023.517%2031.732-3.946%2024.16-60.403%2030.766-81.503-19.33-190.228-45.26-65.235-16.27h-9.02v5.397l54.362%2053.154%2099.624%2089.96%20124.752%20115.973%206.362%2028.671-16.027%2022.63-16.912-2.415-109.611-82.47-42.282-37.127-95.758-80.618h-6.363v8.456l22.067%2032.296%20116.537%20175.167%206.04%2053.719-8.456%2017.476-30.201%2010.55-33.181-6.04-68.215-95.758-70.39-107.84-56.778-96.644-6.926%203.947-33.503%20360.886-15.705%2018.443-36.243%2013.852-30.201-22.953-16.027-37.127%2016.027-73.37%2019.329-95.758%2015.704-76.107%2014.175-94.55%208.456-31.41-.563-2.094-6.927.886-71.275%2097.852-108.402%20146.497-85.772%2091.812-20.537%208.134-35.597-18.443%203.301-32.94%2019.893-29.315%20118.712-151.007%2071.597-93.583%2046.228-54.04-.322-7.813h-2.738l-315.302%20204.725-56.135%207.248-24.16-22.63%202.98-37.128%2011.435-12.08%2094.792-65.236-.322.323z'%20fill='%23d97757'/%3e%3c/svg%3e";
 const OpenAILogoSvg = "data:image/svg+xml,%3csvg%20height='2500'%20viewBox='-1%20-.1%20949.1%20959.8'%20width='2474'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m925.8%20456.3c10.4%2023.2%2017%2048%2019.7%2073.3%202.6%2025.3%201.3%2050.9-4.1%2075.8-5.3%2024.9-14.5%2048.8-27.3%2070.8-8.4%2014.7-18.3%2028.5-29.7%2041.2-11.3%2012.6-23.9%2024-37.6%2034-13.8%2010-28.5%2018.4-44.1%2025.3-15.5%206.8-31.7%2012-48.3%2015.4-7.8%2024.2-19.4%2047.1-34.4%2067.7-14.9%2020.6-33%2038.7-53.6%2053.6-20.6%2015-43.4%2026.6-67.6%2034.4-24.2%207.9-49.5%2011.8-75%2011.8-16.9.1-33.9-1.7-50.5-5.1-16.5-3.5-32.7-8.8-48.2-15.7s-30.2-15.5-43.9-25.5c-13.6-10-26.2-21.5-37.4-34.2-25%205.4-50.6%206.7-75.9%204.1-25.3-2.7-50.1-9.3-73.4-19.7-23.2-10.3-44.7-24.3-63.6-41.4s-35-37.1-47.7-59.1c-8.5-14.7-15.5-30.2-20.8-46.3s-8.8-32.7-10.6-49.6c-1.8-16.8-1.7-33.8.1-50.7%201.8-16.8%205.5-33.4%2010.8-49.5-17-18.9-31-40.4-41.4-63.6-10.3-23.3-17-48-19.6-73.3-2.7-25.3-1.3-50.9%204-75.8s14.5-48.8%2027.3-70.8c8.4-14.7%2018.3-28.6%2029.6-41.2s24-24%2037.7-34%2028.5-18.5%2044-25.3c15.6-6.9%2031.8-12%2048.4-15.4%207.8-24.3%2019.4-47.1%2034.3-67.7%2015-20.6%2033.1-38.7%2053.7-53.7%2020.6-14.9%2043.4-26.5%2067.6-34.4%2024.2-7.8%2049.5-11.8%2075-11.7%2016.9-.1%2033.9%201.6%2050.5%205.1s32.8%208.7%2048.3%2015.6c15.5%207%2030.2%2015.5%2043.9%2025.5%2013.7%2010.1%2026.3%2021.5%2037.5%2034.2%2024.9-5.3%2050.5-6.6%2075.8-4s50%209.3%2073.3%2019.6c23.2%2010.4%2044.7%2024.3%2063.6%2041.4%2018.9%2017%2035%2036.9%2047.7%2059%208.5%2014.6%2015.5%2030.1%2020.8%2046.3%205.3%2016.1%208.9%2032.7%2010.6%2049.6%201.8%2016.9%201.8%2033.9-.1%2050.8-1.8%2016.9-5.5%2033.5-10.8%2049.6%2017.1%2018.9%2031%2040.3%2041.4%2063.6zm-333.2%20426.9c21.8-9%2041.6-22.3%2058.3-39s30-36.5%2039-58.4c9-21.8%2013.7-45.2%2013.7-68.8v-223q-.1-.3-.2-.7-.1-.3-.3-.6-.2-.3-.5-.5-.3-.3-.6-.4l-80.7-46.6v269.4c0%202.7-.4%205.5-1.1%208.1-.7%202.7-1.7%205.2-3.1%207.6s-3%204.6-5%206.5a32.1%2032.1%200%200%201%20-6.5%205l-191.1%20110.3c-1.6%201-4.3%202.4-5.7%203.2%207.9%206.7%2016.5%2012.6%2025.5%2017.8%209.1%205.2%2018.5%209.6%2028.3%2013.2%209.8%203.5%2019.9%206.2%2030.1%208%2010.3%201.8%2020.7%202.7%2031.1%202.7%2023.6%200%2047-4.7%2068.8-13.8zm-455.1-151.4c11.9%2020.5%2027.6%2038.3%2046.3%2052.7%2018.8%2014.4%2040.1%2024.9%2062.9%2031s46.6%207.7%2070%204.6%2045.9-10.7%2066.4-22.5l193.2-111.5.5-.5q.2-.2.3-.6.2-.3.3-.6v-94l-233.2%20134.9c-2.4%201.4-4.9%202.4-7.5%203.2-2.7.7-5.4%201-8.2%201-2.7%200-5.4-.3-8.1-1-2.6-.8-5.2-1.8-7.6-3.2l-191.1-110.4c-1.7-1-4.2-2.5-5.6-3.4-1.8%2010.3-2.7%2020.7-2.7%2031.1s1%2020.8%202.8%2031.1c1.8%2010.2%204.6%2020.3%208.1%2030.1%203.6%209.8%208%2019.2%2013.2%2028.2zm-50.2-417c-11.8%2020.5-19.4%2043.1-22.5%2066.5s-1.5%2047.1%204.6%2070c6.1%2022.8%2016.6%2044.1%2031%2062.9%2014.4%2018.7%2032.3%2034.4%2052.7%2046.2l193.1%20111.6q.3.1.7.2h.7q.4%200%20.7-.2.3-.1.6-.3l81-46.8-233.2-134.6c-2.3-1.4-4.5-3.1-6.5-5a32.1%2032.1%200%200%201%20-5-6.5c-1.3-2.4-2.4-4.9-3.1-7.6-.7-2.6-1.1-5.3-1-8.1v-227.1c-9.8%203.6-19.3%208-28.3%2013.2-9%205.3-17.5%2011.3-25.5%2018-7.9%206.7-15.3%2014.1-22%2022.1-6.7%207.9-12.6%2016.5-17.8%2025.5zm663.3%20154.4c2.4%201.4%204.6%203%206.6%205%201.9%201.9%203.6%204.1%205%206.5%201.3%202.4%202.4%205%203.1%207.6.6%202.7%201%205.4.9%208.2v227.1c32.1-11.8%2060.1-32.5%2080.8-59.7%2020.8-27.2%2033.3-59.7%2036.2-93.7s-3.9-68.2-19.7-98.5-39.9-55.5-69.5-72.5l-193.1-111.6q-.3-.1-.7-.2h-.7q-.3.1-.7.2-.3.1-.6.3l-80.6%2046.6%20233.2%20134.7zm80.5-121h-.1v.1zm-.1-.1c5.8-33.6%201.9-68.2-11.3-99.7-13.1-31.5-35-58.6-63-78.2-28-19.5-61-30.7-95.1-32.2-34.2-1.4-68%206.9-97.6%2023.9l-193.1%20111.5q-.3.2-.5.5l-.4.6q-.1.3-.2.7-.1.3-.1.7v93.2l233.2-134.7c2.4-1.4%205-2.4%207.6-3.2%202.7-.7%205.4-1%208.1-1%202.8%200%205.5.3%208.2%201%202.6.8%205.1%201.8%207.5%203.2l191.1%20110.4c1.7%201%204.2%202.4%205.6%203.3zm-505.3-103.2c0-2.7.4-5.4%201.1-8.1.7-2.6%201.7-5.2%203.1-7.6%201.4-2.3%203-4.5%205-6.5%201.9-1.9%204.1-3.6%206.5-4.9l191.1-110.3c1.8-1.1%204.3-2.5%205.7-3.2-26.2-21.9-58.2-35.9-92.1-40.2-33.9-4.4-68.3%201-99.2%2015.5-31%2014.5-57.2%2037.6-75.5%2066.4-18.3%2028.9-28%2062.3-28%2096.5v223q.1.4.2.7.1.3.3.6.2.3.5.6.2.2.6.4l80.7%2046.6zm43.8%20294.7%20103.9%2060%20103.9-60v-119.9l-103.8-60-103.9%2060z'/%3e%3c/svg%3e";
 const DeepSeekLogoSvg = "data:image/svg+xml,%3csvg%20fill='none'%20height='1320'%20viewBox='3.771%206.973%2023.993%2017.652'%20width='2500'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m27.501%208.469c-.252-.123-.36.111-.508.23-.05.04-.093.09-.135.135-.368.395-.797.652-1.358.621-.821-.045-1.521.213-2.14.842-.132-.776-.57-1.238-1.235-1.535-.349-.155-.701-.309-.944-.645-.171-.238-.217-.504-.303-.765-.054-.159-.108-.32-.29-.348-.197-.031-.274.135-.352.273-.31.567-.43%201.192-.419%201.825.028%201.421.628%202.554%201.82%203.36.136.093.17.186.128.321-.081.278-.178.547-.264.824-.054.178-.135.217-.324.14a5.448%205.448%200%200%201%20-1.719-1.169c-.848-.82-1.614-1.726-2.57-2.435-.225-.166-.449-.32-.681-.467-.976-.95.128-1.729.383-1.82.267-.096.093-.428-.77-.424s-1.653.293-2.659.677a2.782%202.782%200%200%201%20-.46.135%209.554%209.554%200%200%200%20-2.853-.1c-1.866.21-3.356%201.092-4.452%202.6-1.315%201.81-1.625%203.87-1.246%206.018.399%202.261%201.552%204.136%203.326%205.601%201.837%201.518%203.955%202.262%206.37%202.12%201.466-.085%203.1-.282%204.942-1.842.465.23.952.322%201.762.392.623.059%201.223-.031%201.687-.127.728-.154.677-.828.414-.953-2.132-.994-1.665-.59-2.09-.916%201.084-1.285%202.717-2.619%203.356-6.94.05-.343.007-.558%200-.837-.004-.168.034-.235.228-.254a4.084%204.084%200%200%200%201.529-.47c1.382-.757%201.938-1.997%202.07-3.485.02-.227-.004-.463-.243-.582zm-12.041%2013.391c-2.067-1.627-3.07-2.162-3.483-2.138-.387.021-.318.465-.233.754.089.285.205.482.368.732.113.166.19.414-.112.598-.666.414-1.823-.139-1.878-.166-1.347-.793-2.473-1.842-3.267-3.276-.765-1.38-1.21-2.861-1.284-4.441-.02-.383.093-.518.472-.586a4.692%204.692%200%200%201%201.514-.04c2.109.31%203.905%201.255%205.41%202.749.86.853%201.51%201.871%202.18%202.865.711%201.057%201.478%202.063%202.454%202.887.343.289.619.51.881.672-.792.088-2.117.107-3.022-.61zm.99-6.38a.304.304%200%201%201%20.609%200c0%20.17-.136.304-.306.304a.3.3%200%200%201%20-.303-.305zm3.077%201.581c-.197.08-.394.15-.584.159a1.246%201.246%200%200%201%20-.79-.252c-.27-.227-.463-.354-.546-.752a1.752%201.752%200%200%201%20.016-.582c.07-.324-.008-.531-.235-.72-.187-.155-.422-.196-.682-.196a.551.551%200%200%201%20-.252-.078c-.108-.055-.197-.19-.112-.356.027-.053.159-.183.19-.207.352-.201.758-.135%201.134.016.349.142.611.404.99.773.388.448.457.573.678.906.174.264.333.534.441.842.066.192-.02.35-.248.448z'%20fill='%234d6bfe'/%3e%3c/svg%3e";
@@ -1608,13 +1610,14 @@ const LogEntryHeader = reactExports.memo(function({
 }) {
   const statusCategory = getStatusCategory(log.responseStatus);
   const hasTokens = log.inputTokens !== null || log.outputTokens !== null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  const toolNamesJoined = reactExports.useMemo(() => responseToolNames?.join(", ") ?? null, [responseToolNames]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
       role: "button",
       tabIndex: 0,
       className: cn(
-        "flex items-center gap-2.5 px-3 py-2 cursor-pointer transition-colors",
+        "flex items-center gap-2 px-3 py-1 cursor-pointer transition-colors",
         "hover:bg-muted/50",
         "select-none"
       ),
@@ -1630,15 +1633,15 @@ const LogEntryHeader = reactExports.memo(function({
           "#",
           log.id
         ] }),
-        log.model !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+        log.model !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderLogo, { provider: detectProvider(log.model), className: "size-4" }) }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: log.model })
-        ] }) }),
+        ] }),
         statusCategory !== "success" && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: statusCategory === "server_error" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           Badge,
           {
             variant: "destructive",
-            className: "text-[10px] px-1.5 py-0 h-5 font-mono tabular-nums",
+            className: "text-[10px] px-1.5 py-0 h-4 font-mono tabular-nums",
             children: log.responseStatus
           }
         ) : statusCategory === "pending" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -1646,7 +1649,7 @@ const LogEntryHeader = reactExports.memo(function({
           {
             variant: "outline",
             className: cn(
-              "text-[10px] px-1.5 py-0 h-5 font-mono tabular-nums",
+              "text-[10px] px-1.5 py-0 h-4 font-mono tabular-nums",
               STATUS_BADGE_CLASSES[statusCategory]
             ),
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3 animate-spin" })
@@ -1656,7 +1659,7 @@ const LogEntryHeader = reactExports.memo(function({
           {
             variant: "outline",
             className: cn(
-              "text-[10px] px-1.5 py-0 h-5 font-mono tabular-nums",
+              "text-[10px] px-1.5 py-0 h-4 font-mono tabular-nums",
               STATUS_BADGE_CLASSES[statusCategory]
             ),
             children: log.responseStatus
@@ -1669,10 +1672,16 @@ const LogEntryHeader = reactExports.memo(function({
         hasTokens && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-xs shrink-0", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Zap, { className: "size-3 text-muted-foreground" }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: log.inputTokens !== null ? "text-blue-400" : "text-muted-foreground", children: [
-              "IN ",
-              log.inputTokens !== null ? formatTokens(log.inputTokens) : "—"
-            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "span",
+              {
+                className: log.inputTokens !== null ? "text-blue-400" : "text-muted-foreground",
+                children: [
+                  "IN ",
+                  log.inputTokens !== null ? formatTokens(log.inputTokens) : "—"
+                ]
+              }
+            ),
             " / ",
             /* @__PURE__ */ jsxRuntimeExports.jsxs(
               "span",
@@ -1686,7 +1695,7 @@ const LogEntryHeader = reactExports.memo(function({
             )
           ] })
         ] }),
-        log.cacheCreationInputTokens !== null && log.cacheCreationInputTokens > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+        log.cacheCreationInputTokens !== null && log.cacheCreationInputTokens > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-xs shrink-0", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(CacheTrendIndicator, { trend: cacheTrend?.creation ?? null }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-emerald-400", children: [
@@ -1695,8 +1704,8 @@ const LogEntryHeader = reactExports.memo(function({
             ] })
           ] }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: "Tokens cached for reuse, reducing future API cost" })
-        ] }) }),
-        log.cacheReadInputTokens !== null && log.cacheReadInputTokens > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+        ] }),
+        log.cacheReadInputTokens !== null && log.cacheReadInputTokens > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-xs shrink-0", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(CacheTrendIndicator, { trend: cacheTrend?.read ?? null }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums text-purple-400", children: [
@@ -1705,31 +1714,31 @@ const LogEntryHeader = reactExports.memo(function({
             ] })
           ] }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: "Tokens served from cache, reducing API cost" })
-        ] }) }),
-        messageCount !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+        ] }),
+        messageCount !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs shrink-0", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(MessageSquare, { className: "size-3" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", children: messageCount })
           ] }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: "Number of messages in the conversation" })
-        ] }) }),
-        toolCount !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+        ] }),
+        toolCount !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs shrink-0", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(Wrench, { className: "size-3" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", children: toolCount })
           ] }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: "Number of tools defined in the request" })
-        ] }) }),
-        responseToolNames !== null && responseToolNames.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+        ] }),
+        responseToolNames !== null && responseToolNames.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-amber-400/80 text-xs shrink-0", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(Wrench, { className: "size-3" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums truncate max-w-[160px]", children: responseToolNames.join(", ") })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums truncate max-w-[160px]", children: toolNamesJoined })
           ] }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs(TooltipContent, { children: [
             "Tools called by model: ",
-            responseToolNames.join(", ")
+            toolNamesJoined
           ] })
-        ] }) }),
+        ] }),
         log.origin !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "span",
           {
@@ -1741,7 +1750,7 @@ const LogEntryHeader = reactExports.memo(function({
             ]
           }
         ),
-        (log.clientPid !== null || log.clientProjectFolder !== null) && /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+        (log.clientPid !== null || log.clientProjectFolder !== null) && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "hidden xl:flex items-center gap-1 text-purple-400/80 text-xs shrink-0", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(FileTerminal, { className: "size-3" }),
             log.clientProjectFolder !== null ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", children: log.clientProjectFolder }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums", children: [
@@ -1750,16 +1759,16 @@ const LogEntryHeader = reactExports.memo(function({
             ] })
           ] }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: log.clientCwd !== null ? `PID: ${log.clientPid ?? "?"}  CWD: ${log.clientCwd}` : `Process ID: ${log.clientPid ?? "?"}` })
-        ] }) }),
-        log.streaming && /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+        ] }),
+        log.streaming && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, { className: "size-3 text-muted-foreground/60 shrink-0" }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: "Request used SSE streaming" })
-        ] }) }),
+        ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 min-w-0" }),
         expanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4 text-muted-foreground shrink-0" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-4 text-muted-foreground shrink-0" })
       ]
     }
-  );
+  ) });
 });
 function Separator({
   className,
@@ -1873,7 +1882,7 @@ function extractThinkingFromContent(text) {
   const remainingText = text.replace(THINKING_TAG_REGEX, "").trim();
   return { thinking, remainingText };
 }
-function TextBlock({ text }) {
+const TextBlock = reactExports.memo(function TextBlock2({ text }) {
   if (text.includes("<system-reminder>")) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(SystemReminderBlock, { text });
   }
@@ -1883,8 +1892,10 @@ function TextBlock({ text }) {
     remainingText.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none [&_pre]:bg-muted [&_pre]:text-foreground [&_code]:text-[0.8em] [&_p]:my-1 [&_ul]:my-1 [&_ol]:my-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: remainingText }) }),
     thinking === null && remainingText.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "Empty text block" })
   ] });
-}
-function ThinkingBlock({ thinking }) {
+});
+const ThinkingBlock = reactExports.memo(function ThinkingBlock2({
+  thinking
+}) {
   const [open, setOpen] = reactExports.useState(false);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-l-2 border-purple-500/40 my-1", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(CollapsibleTrigger, { className: "flex items-center gap-1.5 px-3 py-1 w-full text-left cursor-pointer hover:bg-purple-500/5 transition-colors rounded-r-sm group", children: [
@@ -1906,8 +1917,8 @@ function ThinkingBlock({ thinking }) {
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 pb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "max-h-[60vh]", children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "text-xs text-muted-foreground whitespace-pre-wrap font-mono leading-relaxed", children: thinking }) }) }) })
   ] }) });
-}
-function ToolUseBlock({
+});
+const ToolUseBlock = reactExports.memo(function ToolUseBlock2({
   name,
   input
 }) {
@@ -1921,8 +1932,8 @@ function ToolUseBlock({
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 pb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "max-h-[60vh]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(JsonViewer, { data: safeJsonValue(input), defaultExpandDepth: 2 }) }) }) })
   ] }) });
-}
-function ResponseContentBlockRenderer({
+});
+const ResponseContentBlockRenderer = reactExports.memo(function ResponseContentBlockRenderer2({
   block
 }) {
   switch (block.type) {
@@ -1936,8 +1947,8 @@ function ResponseContentBlockRenderer({
     default:
       return assertNever();
   }
-}
-function StructuredResponseViewAnthropic({
+});
+const StructuredResponseViewAnthropic = reactExports.memo(function StructuredResponseViewAnthropic2({
   response
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
@@ -1979,7 +1990,7 @@ function StructuredResponseViewAnthropic({
       response.content.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "Empty response content" })
     ] })
   ] });
-}
+});
 function parseToolArguments(raw) {
   if (raw === void 0 || raw === "") return {};
   try {
@@ -2007,7 +2018,9 @@ function OpenAIToolCallBlock({ call }) {
     ) : /* @__PURE__ */ jsxRuntimeExports.jsx(JsonViewer, { data: safeJsonValue(parsed), defaultExpandDepth: 2 }) }) }) })
   ] }) });
 }
-function OpenAIResponseView({ response }) {
+const OpenAIResponseView = reactExports.memo(function OpenAIResponseView2({
+  response
+}) {
   const choice = response.choices[0];
   const message = choice?.message;
   const toolCalls = message?.tool_calls ?? [];
@@ -2065,7 +2078,7 @@ function OpenAIResponseView({ response }) {
       (message?.content === null || message?.content === void 0 || message.content.length === 0) && (message?.reasoning_content === null || message?.reasoning_content === void 0 || message.reasoning_content.length === 0) && (message?.function_call === null || message?.function_call === void 0) && toolCalls.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "Empty response content" })
     ] })
   ] });
-}
+});
 function isRecord(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
@@ -2208,7 +2221,7 @@ function ErrorResponseView({ text }) {
 function MarkdownFallbackView({ text }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none [&_pre]:bg-muted [&_pre]:text-foreground [&_code]:text-[0.8em] [&_p]:my-1 [&_ul]:my-1 [&_ol]:my-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Markdown, { children: text }) });
 }
-function ResponseView({
+const ResponseView = reactExports.memo(function ResponseView2({
   responseText,
   responseStatus,
   streaming,
@@ -2281,7 +2294,7 @@ function ResponseView({
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(MarkdownFallbackView, { text: responseText ?? "" })
   ] });
-}
+});
 const ReplayResultSchema = object({
   success: boolean(),
   error: string().optional(),
@@ -2431,7 +2444,7 @@ function ReplayDialog({ log, open, onOpenChange }) {
     ] })
   ] }) });
 }
-function StreamingChunkSequence({
+const StreamingChunkSequence = reactExports.memo(function StreamingChunkSequence2({
   logId,
   truncated
 }) {
@@ -2563,7 +2576,7 @@ function StreamingChunkSequence({
     ] }) }),
     containerExpanded === true ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-border bg-muted/20 overflow-auto max-h-64", children: renderBody() }) : null
   ] });
-}
+});
 function shouldShowRawRequestTab(apiFormat, viewMode, strip) {
   return apiFormat === "anthropic" && viewMode === "full" && strip;
 }
@@ -2673,6 +2686,7 @@ const LogEntry = reactExports.memo(function({
   const [replayOpen, setReplayOpen] = reactExports.useState(false);
   const [headersDiff, setHeadersDiff] = reactExports.useState(false);
   const [requestDiff, setRequestDiff] = reactExports.useState(false);
+  const [activeTab, setActiveTab] = reactExports.useState("request");
   const resolvedFormat = resolveLogFormat(log);
   const adapter = getLogFormatAdapter(resolvedFormat);
   const requestAnalysis = reactExports.useMemo(
@@ -2694,7 +2708,7 @@ const LogEntry = reactExports.memo(function({
   const rawRequestCopy = useCopyFeedback(log.rawRequestBody);
   const responseCopy = useCopyFeedback(log.responseText);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(TooltipProvider, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border border-border rounded-lg mb-1.5 overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border border-border rounded-lg mb-1 overflow-hidden", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         LogEntryHeader,
         {
@@ -2707,7 +2721,7 @@ const LogEntry = reactExports.memo(function({
           cacheTrend
         }
       ),
-      expanded && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tabs, { defaultValue: "request", children: [
+      expanded && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList, { className: "mx-4 mt-2", children: [
           viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "raw-headers", children: "Raw Headers" }) }),
@@ -2728,7 +2742,7 @@ const LogEntry = reactExports.memo(function({
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "parsed", children: "Response" })
         ] }),
-        shouldShowRawRequestTab(resolvedFormat, viewMode, strip) && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw-request", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-3", children: [
+        shouldShowRawRequestTab(resolvedFormat, viewMode, strip) && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw-request", children: activeTab === "raw-request" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-3", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-end mb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             CopyButton,
             {
@@ -2740,7 +2754,7 @@ const LogEntry = reactExports.memo(function({
           ) }),
           log.rawRequestBody !== null ? /* @__PURE__ */ jsxRuntimeExports.jsx(JsonViewerFromString, { text: log.rawRequestBody, defaultExpandDepth: 1 }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "No request body" })
         ] }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "request", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "request", children: activeTab === "request" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-3", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-end gap-2 mb-2", children: [
             shouldShowRequestDiffButton(
               resolvedFormat,
@@ -2814,7 +2828,7 @@ const LogEntry = reactExports.memo(function({
             }
           ) : displayedRequestBody !== null ? /* @__PURE__ */ jsxRuntimeExports.jsx(JsonViewerFromString, { text: displayedRequestBody, defaultExpandDepth: 1 }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "No request body" })
         ] }) }),
-        viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "headers", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-3", children: [
+        viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "headers", children: activeTab === "headers" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-3", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-end gap-2 mb-2", children: shouldShowHeadersDiffButton(
             viewMode,
             log.rawHeaders !== void 0 && Object.keys(log.rawHeaders).length > 0
@@ -2843,14 +2857,14 @@ const LogEntry = reactExports.memo(function({
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground truncate", title: value, children: value })
           ] }, key)) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "No headers captured" })
         ] }) }),
-        viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw-headers", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 py-3", children: log.rawHeaders && Object.keys(log.rawHeaders).length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-1 font-mono text-xs", children: Object.entries(log.rawHeaders).sort(([a], [b]) => a.localeCompare(b)).map(([key, value]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+        viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw-headers", children: activeTab === "raw-headers" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 py-3", children: log.rawHeaders && Object.keys(log.rawHeaders).length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-1 font-mono text-xs", children: Object.entries(log.rawHeaders).sort(([a], [b]) => a.localeCompare(b)).map(([key, value]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-blue-600 dark:text-blue-400 font-semibold shrink-0", children: [
             key,
             ":"
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground truncate", title: value, children: value })
         ] }, key)) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground italic", children: "No raw headers captured" }) }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-3 space-y-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "raw", children: activeTab === "raw" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-3 space-y-3", children: [
           log.error !== void 0 && log.error !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded border border-destructive/50 bg-destructive/10 p-3 text-xs", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-semibold text-destructive mb-1", children: "SSE Error" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-muted-foreground font-mono", children: log.error })
@@ -2873,7 +2887,7 @@ const LogEntry = reactExports.memo(function({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "parsed", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 py-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "parsed", children: activeTab === "parsed" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 py-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           ResponseView,
           {
             responseText: log.responseText,
@@ -3296,7 +3310,7 @@ function ThreadConnector({
     ) })
   ] });
 }
-function TurnGroup({
+const TurnGroup = reactExports.memo(function TurnGroup2({
   entries,
   viewMode,
   strip,
@@ -3342,7 +3356,7 @@ function TurnGroup({
               onToggle: toggleCollapse
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("flex-1 min-w-0 mb-1 rounded-lg", bgClass), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("flex-1 min-w-0 mb-0.5 rounded-lg", bgClass), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             LogEntry,
             {
               log,
@@ -3356,7 +3370,7 @@ function TurnGroup({
       })
     }
   );
-}
+});
 function shouldRenderConversationContent(standalone, expanded) {
   return standalone || expanded;
 }
@@ -3411,14 +3425,14 @@ const ConversationGroup = reactExports.memo(function({
   standalone = false
 }) {
   const [expanded, setExpanded] = reactExports.useState(false);
-  const stats = computeStats(group.logs);
+  const stats = reactExports.useMemo(() => computeStats(group.logs), [group.logs]);
   const startTime = group.logs[0]?.timestamp ?? (/* @__PURE__ */ new Date()).toISOString();
   const endTime = group.logs[group.logs.length - 1]?.timestamp ?? (/* @__PURE__ */ new Date()).toISOString();
   const mixed = hasMixedApiFormat(group.logs);
   const isLoading = group.logs.some((log) => log.responseStatus === null);
   const turnGroups = reactExports.useMemo(() => buildTurnGroups(group.logs), [group.logs]);
   const displayId = group.conversationId.startsWith("PID:") || group.conversationId.includes("|") ? group.conversationId : group.conversationId.length > 24 ? group.conversationId.slice(0, 12) + "…" + group.conversationId.slice(-12) : group.conversationId;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-4", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-2", children: [
     !standalone && /* @__PURE__ */ jsxRuntimeExports.jsx(
       ConversationHeader,
       {
@@ -3437,7 +3451,7 @@ const ConversationGroup = reactExports.memo(function({
         onClear: () => onClearGroup(group.logs.map((l) => l.id))
       }
     ),
-    shouldRenderConversationContent(standalone, expanded) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: turnGroups.map((tg) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    shouldRenderConversationContent(standalone, expanded) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-h-[70vh] overflow-y-auto", children: turnGroups.map((tg) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       TurnGroup,
       {
         entries: tg.entries,
@@ -3636,6 +3650,32 @@ function OpenCodeIcon() {
     }
   );
 }
+function MiMoCodeIcon() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "svg",
+    {
+      fill: "currentColor",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: "size-6 shrink-0",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("title", { children: "MiMo Code" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "text",
+          {
+            x: "12",
+            y: "18",
+            textAnchor: "middle",
+            fontSize: "16",
+            fontWeight: "800",
+            fontFamily: "system-ui, sans-serif",
+            children: "M"
+          }
+        )
+      ]
+    }
+  );
+}
 const ExternalProviderSchema = object({
   name: string(),
   apiKey: string(),
@@ -3643,7 +3683,7 @@ const ExternalProviderSchema = object({
   anthropicBaseUrl: string(),
   openaiBaseUrl: string(),
   models: array(string()),
-  sourceTool: _enum(["claude-code", "opencode"]),
+  sourceTool: _enum(["claude-code", "opencode", "mimo-code"]),
   alreadyExists: boolean()
 });
 const ScanResponseSchema = object({
@@ -3658,7 +3698,8 @@ const ImportResponseSchema$1 = object({
 });
 const sourceLogoMap = {
   "claude-code": ClaudeCodeIcon,
-  opencode: OpenCodeIcon
+  opencode: OpenCodeIcon,
+  "mimo-code": MiMoCodeIcon
 };
 function ImportWizardDialog({
   open,
@@ -3772,7 +3813,7 @@ function ImportWizardDialog({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "max-w-xl max-h-[80vh] overflow-hidden flex flex-col", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Import from External Tools" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "Detect provider configurations from Claude Code and OpenCode." })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "Detect provider configurations from Claude Code, OpenCode, and MiMo Code." })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-y-auto space-y-3", children: [
       scanning && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center py-8 gap-2 text-muted-foreground", children: [
@@ -3786,7 +3827,7 @@ function ImportWizardDialog({
       !scanning && scanError === null && providers.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-muted-foreground py-8 text-center", children: [
         "No external provider configurations found.",
         /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs", children: "Supported tools: Claude Code (~/.claude/settings.json), OpenCode (~/.config/opencode/opencode.json)" })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs", children: "Supported tools: Claude Code (~/.claude/settings.json), OpenCode (~/.config/opencode/opencode.json), MiMo Code (~/.config/mimocode/mimocode.jsonc)" })
       ] }),
       !scanning && providers.map((p, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "label",
@@ -6232,7 +6273,7 @@ function ProxyViewer({
   onViewModeChange,
   strip
 }) {
-  const { totalIn, totalOut } = computeTokenSummary(logs);
+  const { totalIn, totalOut } = reactExports.useMemo(() => computeTokenSummary(logs), [logs]);
   const [exporting, setExporting] = reactExports.useState(false);
   const [comparePair, setComparePair] = reactExports.useState(null);
   const [crabEntrancePhase, setCrabEntrancePhase] = reactExports.useState(
@@ -6257,7 +6298,6 @@ function ProxyViewer({
       setExporting(false);
     }
   }, [logs]);
-  const parentRef = reactExports.useRef(null);
   reactExports.useEffect(() => {
     setComparePair(null);
   }, [selectedSession, selectedModel]);
@@ -6274,13 +6314,6 @@ function ProxyViewer({
     },
     [comparisonPredecessors]
   );
-  const rowVirtualizer = useVirtualizer({
-    count: groups.length,
-    getScrollElement: () => parentRef.current,
-    estimateSize: () => 150,
-    measureElement: typeof window !== "undefined" ? (element) => element.getBoundingClientRect().height : void 0,
-    overscan: 5
-  });
   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-end px-6 pt-6 pb-8 relative", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { className: "text-lg font-bold flex items-end gap-2 absolute left-1/2 -translate-x-1/2 whitespace-nowrap", children: [
@@ -6401,57 +6434,23 @@ function ProxyViewer({
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm", children: "No requests captured yet." }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs", children: "Route AI coding tools through the proxy:" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(CopyableCommand, { command: "LLM_BASE_URL=http://localhost:25947/proxy <your-tool>" })
-    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: parentRef, className: "overflow-y-auto h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "div",
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "overflow-y-auto h-full flex flex-col gap-2", children: groups.map((group) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ConversationGroup,
       {
-        style: {
-          height: `${rowVirtualizer.getTotalSize()}px`,
-          width: "100%",
-          position: "relative"
-        },
-        children: rowVirtualizer.getVirtualItems().map((virtualRow) => {
-          const group = groups[virtualRow.index];
-          if (group === void 0) return null;
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              "data-index": virtualRow.index,
-              ref: rowVirtualizer.measureElement,
-              style: {
-                position: "absolute",
-                top: 0,
-                left: 0,
-                width: "100%",
-                transform: `translateY(${virtualRow.start}px)`
-              },
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                ConversationGroup,
-                {
-                  group,
-                  viewMode,
-                  strip,
-                  cacheTrends,
-                  onCompareWithPrevious: handleCompareWithPrevious,
-                  comparisonPredecessors,
-                  onClearGroup,
-                  standalone: groups.length === 1
-                }
-              )
-            },
-            group.id
-          );
-        })
-      }
-    ) }) }),
+        group,
+        viewMode,
+        strip,
+        cacheTrends,
+        onCompareWithPrevious: handleCompareWithPrevious,
+        comparisonPredecessors,
+        onClearGroup,
+        standalone: groups.length === 1
+      },
+      group.id
+    )) }) }),
     comparePair !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(CompareDrawer, { left: comparePair[0], right: comparePair[1], onClose: closeCompare })
   ] });
 }
-object({
-  logs: array(CapturedLogSchema),
-  total: number(),
-  offset: number(),
-  limit: number()
-});
 const SSEUpdateSchema = union([
   object({
     type: literal("init"),
@@ -6476,8 +6475,17 @@ function extractModels(logs) {
   }
   return [...set];
 }
+function filterLogs(logs, selectedSession, selectedModel) {
+  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;
 function ProxyViewerContainer() {
-  const [logs, setLogs] = reactExports.useState([]);
+  const [allLogs, setAllLogs] = reactExports.useState([]);
   const [sessions, setSessions] = reactExports.useState([]);
   const [models, setModels] = reactExports.useState([]);
   const [selectedSession, setSelectedSession] = reactExports.useState("__all__");
@@ -6486,31 +6494,58 @@ function ProxyViewerContainer() {
   const [error, setError] = reactExports.useState(null);
   const eventSourceRef = reactExports.useRef(null);
   const reconnectTimeoutRef = reactExports.useRef(null);
-  const fetchSessionsAndModels = reactExports.useCallback(async () => {
-    try {
-      const [sessionsRes, modelsRes] = await Promise.all([
-        fetch("/api/sessions"),
-        fetch("/api/models")
-      ]);
-      if (sessionsRes.ok && modelsRes.ok) {
-        const sessionsJson = await sessionsRes.json();
-        const modelsJson = await modelsRes.json();
-        const sessionsResult = array(string()).safeParse(sessionsJson);
-        const modelsResult = array(string()).safeParse(modelsJson);
-        if (sessionsResult.success) setSessions(sessionsResult.data);
-        if (modelsResult.success) setModels(modelsResult.data);
+  const logIndexRef = reactExports.useRef(/* @__PURE__ */ new Map());
+  const logsRef = reactExports.useRef([]);
+  const pendingUpdatesRef = reactExports.useRef([]);
+  const flushTimerRef = reactExports.useRef(null);
+  const logs = reactExports.useMemo(
+    () => filterLogs(allLogs, selectedSession, selectedModel),
+    [allLogs, selectedSession, selectedModel]
+  );
+  const flushUpdates = reactExports.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 !== void 0) {
+          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;
+        }
       }
-    } catch {
-    }
-  }, []);
+      logsRef.current = next;
+      if (sessionsChanged) setSessions((s) => extractSessions(next));
+      if (modelsChanged) setModels((m) => extractModels(next));
+      return next;
+    });
+  }, [sessions, models]);
+  const scheduleUpdate = reactExports.useCallback(
+    (log) => {
+      pendingUpdatesRef.current.push(log);
+      if (flushTimerRef.current === null) {
+        flushTimerRef.current = setTimeout(flushUpdates, DEBOUNCE_MS);
+      }
+    },
+    [flushUpdates]
+  );
   const connectSSE = reactExports.useCallback(() => {
     if (eventSourceRef.current) {
       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}`);
+    const es = new EventSource("/api/logs/stream");
     eventSourceRef.current = es;
     es.onmessage = (event) => {
       try {
@@ -6523,35 +6558,24 @@ function ProxyViewerContainer() {
         }
         const update = updateResult.data;
         if (update.type === "init") {
-          setLogs(update.logs);
+          if (flushTimerRef.current !== null) {
+            clearTimeout(flushTimerRef.current);
+            flushTimerRef.current = null;
+          }
+          pendingUpdatesRef.current = [];
+          const idx = /* @__PURE__ */ new Map();
+          for (let i = 0; i < update.logs.length; i++) {
+            const log = update.logs[i];
+            if (log !== void 0) 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) => {
-            const sessionMatch = selectedSession === "__all__" || update.log.sessionId === selectedSession;
-            const modelMatch = selectedModel === "__all__" || update.log.model === selectedModel;
-            if (!sessionMatch || !modelMatch) return prev;
-            const existsIndex = prev.findIndex((l) => l.id === update.log.id);
-            if (existsIndex >= 0) {
-              return prev.map((l) => l.id === update.log.id ? update.log : l);
-            }
-            return [...prev, update.log];
-          });
-          setSessions((prev) => {
-            const sessionId = update.log.sessionId;
-            if (sessionId !== null && sessionId !== void 0 && sessionId !== "") {
-              return prev.includes(sessionId) ? prev : [...prev, sessionId];
-            }
-            return prev;
-          });
-          setModels((prev) => {
-            const model = update.log.model;
-            if (model !== null && model !== void 0 && model !== "") {
-              return prev.includes(model) ? prev : [...prev, model];
-            }
-            return prev;
-          });
+          scheduleUpdate(update.log);
         }
       } catch {
         setError("Failed to parse SSE data");
@@ -6565,8 +6589,7 @@ function ProxyViewerContainer() {
       }
       reconnectTimeoutRef.current = setTimeout(connectSSE, 3e3);
     };
-    void fetchSessionsAndModels();
-  }, [selectedSession, selectedModel, fetchSessionsAndModels]);
+  }, [scheduleUpdate]);
   reactExports.useEffect(() => {
     connectSSE();
     return () => {
@@ -6578,6 +6601,10 @@ function ProxyViewerContainer() {
         clearTimeout(reconnectTimeoutRef.current);
         reconnectTimeoutRef.current = null;
       }
+      if (flushTimerRef.current !== null) {
+        clearTimeout(flushTimerRef.current);
+        flushTimerRef.current = null;
+      }
     };
   }, [connectSSE]);
   const handleClearAll = reactExports.useCallback(() => {
@@ -6588,7 +6615,9 @@ function ProxyViewerContainer() {
           setError("Failed to clear logs");
           return;
         }
-        setLogs([]);
+        logIndexRef.current.clear();
+        logsRef.current = [];
+        setAllLogs([]);
         setSessions([]);
         setModels([]);
         setError(null);
@@ -6611,8 +6640,15 @@ function ProxyViewerContainer() {
           return;
         }
         const idSet = new Set(ids);
-        setLogs((prev) => {
+        setAllLogs((prev) => {
           const remaining = prev.filter((l) => !idSet.has(l.id));
+          const idx = /* @__PURE__ */ new Map();
+          for (let i = 0; i < remaining.length; i++) {
+            const log = remaining[i];
+            if (log !== void 0) idx.set(log.id, i);
+          }
+          logIndexRef.current = idx;
+          logsRef.current = remaining;
           setSessions(extractSessions(remaining));
           setModels(extractModels(remaining));
           return remaining;