@tonyclaw/llm-inspector 1.16.5 → 1.17.1

package/.output/server/_libs/lucide-react.mjs

@@ -444,12 +444,12 @@ export {
   ChevronRight as f,
   User as g,
   Clock as h,
-  Eye as i,
-  ExternalLink as j,
-  Pencil as k,
-  Minus as l,
-  CircleCheckBig as m,
-  TriangleAlert as n,
+  TriangleAlert as i,
+  Eye as j,
+  ExternalLink as k,
+  Pencil as l,
+  Minus as m,
+  CircleCheckBig as n,
   Globe as o,
   Radio as p,
   ChevronsUp as q,

package/.output/server/_ssr/{CompareDrawer-ftkJxyk6.mjs → CompareDrawer-D-Nj8wmx.mjs}

@@ -1,10 +1,10 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { g as getLogFormatAdapter, r as resolveLogFormat, a as getConversationId, c as cn, B as Badge, f as formatTokens } from "./index-CDjLoMsk.mjs";
-import { JsonViewerFromString } from "./json-viewer-B-qpM5xC.mjs";
-import "./router-BrdjOUEW.mjs";
+import { g as getLogFormatAdapter, r as resolveLogFormat, a as getConversationId, c as cn, B as Badge, f as formatTokens } from "./index-nUG0H1oS.mjs";
+import { JsonViewerFromString } from "./json-viewer-DLsDT0RE.mjs";
+import "./router-DG_jmXCF.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
-import { X, B as Rows3, H as Columns2, l as Minus, P as Plus, k as Pencil, f as ChevronRight, I as Equal, C as Check, c as Copy } from "../_libs/lucide-react.mjs";
+import { X, B as Rows3, H as Columns2, m as Minus, P as Plus, l as Pencil, f as ChevronRight, I as Equal, C as Check, c as Copy } from "../_libs/lucide-react.mjs";
 import "../_libs/swr.mjs";
 import "../_libs/use-sync-external-store.mjs";
 import "../_libs/dequal.mjs";

package/.output/server/_ssr/{ReplayDialog-DcmE3lj5.mjs → ReplayDialog-DcucC22E.mjs}

@@ -1,10 +1,10 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { D as Dialog, b as DialogContent, d as DialogHeader, e as DialogTitle, T as Tabs, h as TabsList, i as TabsTrigger, j as TabsContent, k as TooltipProvider, l as Tooltip, m as TooltipTrigger, n as TooltipContent, o as Button } from "./index-CDjLoMsk.mjs";
-import { ResponseView } from "./ResponseView-CbQ4n-aJ.mjs";
-import "./router-BrdjOUEW.mjs";
+import { D as Dialog, b as DialogContent, d as DialogHeader, e as DialogTitle, T as Tabs, h as TabsList, i as TabsTrigger, j as TabsContent, k as TooltipProvider, l as Tooltip, m as TooltipTrigger, n as TooltipContent, o as Button } from "./index-nUG0H1oS.mjs";
+import { ResponseView } from "./ResponseView-BHgpoGaF.mjs";
+import "./router-DG_jmXCF.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
-import "./json-viewer-B-qpM5xC.mjs";
+import "./json-viewer-DLsDT0RE.mjs";
 import { s as RotateCcw } from "../_libs/lucide-react.mjs";
 import { d as object, c as boolean, n as number, b as string } from "../_libs/zod.mjs";
 import "../_libs/swr.mjs";

package/.output/server/_ssr/{RequestAnatomy-rK_LNMdG.mjs → RequestAnatomy-aL8GAcW2.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { k as TooltipProvider, f as formatTokens, c as cn, l as Tooltip, m as TooltipTrigger, n as TooltipContent } from "./index-CDjLoMsk.mjs";
-import "./router-BrdjOUEW.mjs";
+import { k as TooltipProvider, f as formatTokens, c as cn, l as Tooltip, m as TooltipTrigger, n as TooltipContent } from "./index-nUG0H1oS.mjs";
+import "./router-DG_jmXCF.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { J as Info } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{ResponseView-CbQ4n-aJ.mjs → ResponseView-BHgpoGaF.mjs}

@@ -1,10 +1,10 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { g as getLogFormatAdapter, f as formatTokens, c as cn, p as getStatusCategory, B as Badge, s as safeJsonValue } from "./index-CDjLoMsk.mjs";
-import { JsonViewer } from "./json-viewer-B-qpM5xC.mjs";
-import "./router-BrdjOUEW.mjs";
+import { g as getLogFormatAdapter, f as formatTokens, c as cn, p as getStatusCategory, B as Badge, s as safeJsonValue } from "./index-nUG0H1oS.mjs";
+import { JsonViewer } from "./json-viewer-DLsDT0RE.mjs";
+import "./router-DG_jmXCF.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
-import { Z as Zap, n as TriangleAlert, K as CircleStop, N as Brain, a as ChevronDown, f as ChevronRight, Q as Terminal } from "../_libs/lucide-react.mjs";
+import { Z as Zap, i as TriangleAlert, K as CircleStop, N as Brain, a as ChevronDown, f as ChevronRight, Q as Terminal } from "../_libs/lucide-react.mjs";
 import { M as Markdown } from "../_libs/react-markdown.mjs";
 import { R as Root } from "../_libs/radix-ui__react-separator.mjs";
 import { R as Root$1, C as CollapsibleTrigger$1, a as CollapsibleContent$1 } from "../_libs/radix-ui__react-collapsible.mjs";

package/.output/server/_ssr/{StreamingChunkSequence-84FZkIzv.mjs → StreamingChunkSequence-DrT7StyS.mjs}

@@ -1,7 +1,7 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { k as TooltipProvider, l as Tooltip, m as TooltipTrigger, B as Badge, n as TooltipContent } from "./index-CDjLoMsk.mjs";
-import { JsonViewer } from "./json-viewer-B-qpM5xC.mjs";
-import "./router-BrdjOUEW.mjs";
+import { k as TooltipProvider, l as Tooltip, m as TooltipTrigger, B as Badge, n as TooltipContent } from "./index-nUG0H1oS.mjs";
+import { JsonViewer } from "./json-viewer-DLsDT0RE.mjs";
+import "./router-DG_jmXCF.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { a as ChevronDown, f as ChevronRight, L as LoaderCircle } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{index-CDjLoMsk.mjs → index-nUG0H1oS.mjs}

@@ -1,5 +1,5 @@
 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-BrdjOUEW.mjs";
+import { C as CapturedLogSchema, D as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, R as RuntimeConfigSchema, r as requestFormatForPath, c as createPendingProviderTestResults, P as ProviderTestResultsSchema, b as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, d as ProviderConfigSchema, s as stripClaudeCodeBillingHeader, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, a as AnthropicRequestSchema } from "./router-DG_jmXCF.mjs";
 import { u as useSWR, a as useSWRConfig } from "../_libs/swr.mjs";
 import { J as JSZip } from "../_libs/jszip.mjs";
 import { c as clsx } from "../_libs/clsx.mjs";
@@ -9,7 +9,7 @@ import { R as Root, T as Trigger$1, C as Content, a as Close, b as Title, P as P
 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 { C as Check, X, D as Download, S as Settings, a as ChevronDown, 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, E as EyeOff, i as Eye, j as ExternalLink, R as RotateCw, k as Pencil, G as GitCompareArrows, l as Minus, m as CircleCheckBig, O as OctagonAlert, n as TriangleAlert, W as Wrench, o as Globe, F as FileTerminal, p as Radio, q as ChevronsUp, r as ChevronsDown, s as RotateCcw, 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 Rows3, H as Columns2 } from "../_libs/lucide-react.mjs";
+import { C as Check, X, D as Download, S as Settings, a as ChevronDown, 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, i as TriangleAlert, E as EyeOff, j as Eye, k as ExternalLink, R as RotateCw, l as Pencil, G as GitCompareArrows, m as Minus, n as CircleCheckBig, O as OctagonAlert, W as Wrench, o as Globe, F as FileTerminal, p as Radio, q as ChevronsUp, r as ChevronsDown, s as RotateCcw, 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 Rows3, H as Columns2 } from "../_libs/lucide-react.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 { R as Root2$1, L as List, T as Trigger$2, C as Content$1 } from "../_libs/radix-ui__react-tabs.mjs";
 import { P as Provider, R as Root3, T as Trigger$3, a as Portal$2, C as Content2$1, A as Arrow2 } from "../_libs/radix-ui__react-tooltip.mjs";
@@ -165,12 +165,30 @@ function useStripConfig() {
   );
   const { mutate: globalMutate } = useSWRConfig();
   const strip = response.data?.stripClaudeCodeBillingHeader ?? false;
+  const slowResponseThresholdSeconds = response.data?.slowResponseThresholdSeconds ?? DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS;
+  const optimisticConfig = (patch) => ({
+    stripClaudeCodeBillingHeader: response.data?.stripClaudeCodeBillingHeader ?? false,
+    hasSeenOnboarding: response.data?.hasSeenOnboarding ?? false,
+    slowResponseThresholdSeconds: response.data?.slowResponseThresholdSeconds ?? DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS,
+    ...patch
+  });
   const setStrip = async (next) => {
     await globalMutate(
       STRIP_CONFIG_SWR_KEY,
       setRuntimeConfig({ stripClaudeCodeBillingHeader: next }),
       {
-        optimisticData: { stripClaudeCodeBillingHeader: next },
+        optimisticData: optimisticConfig({ stripClaudeCodeBillingHeader: next }),
+        rollbackOnError: true,
+        revalidate: false
+      }
+    );
+  };
+  const setSlowResponseThresholdSeconds = async (next) => {
+    await globalMutate(
+      STRIP_CONFIG_SWR_KEY,
+      setRuntimeConfig({ slowResponseThresholdSeconds: next }),
+      {
+        optimisticData: optimisticConfig({ slowResponseThresholdSeconds: next }),
         rollbackOnError: true,
         revalidate: false
       }
@@ -178,9 +196,11 @@ function useStripConfig() {
   };
   return {
     strip,
+    slowResponseThresholdSeconds,
     isLoading: response.isLoading,
     isError: response.error !== void 0,
-    setStrip
+    setStrip,
+    setSlowResponseThresholdSeconds
   };
 }
 const ONBOARDING_SWR_KEY = "/api/config";
@@ -219,7 +239,8 @@ function useOnboarding() {
     await globalMutate(ONBOARDING_SWR_KEY, patchRuntimeConfig({ hasSeenOnboarding: true }), {
       optimisticData: {
         stripClaudeCodeBillingHeader: response.data?.stripClaudeCodeBillingHeader ?? false,
-        hasSeenOnboarding: true
+        hasSeenOnboarding: true,
+        slowResponseThresholdSeconds: response.data?.slowResponseThresholdSeconds ?? DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS
       },
       rollbackOnError: true,
       revalidate: false
@@ -335,10 +356,6 @@ async function exportLogsAsZip(logs) {
   document.body.removeChild(anchor);
   URL.revokeObjectURL(url);
 }
-const version = "1.16.5";
-const packageJson = {
-  version
-};
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -353,6 +370,10 @@ function getStatusCategory(status) {
   if (status >= 500) return "server_error";
   return "pending";
 }
+const version = "1.17.1";
+const packageJson = {
+  version
+};
 const badgeVariants = cva(
   "inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
@@ -1402,27 +1423,27 @@ function TabsContent({
   );
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-ftkJxyk6.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-D-Nj8wmx.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-DcmE3lj5.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-DcucC22E.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-rK_LNMdG.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-aL8GAcW2.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-CbQ4n-aJ.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-BHgpoGaF.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-84FZkIzv.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-DrT7StyS.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
 const LazyJsonViewer = reactExports.lazy(
-  () => import("./json-viewer-B-qpM5xC.mjs").then((m) => ({ default: m.JsonViewer }))
+  () => import("./json-viewer-DLsDT0RE.mjs").then((m) => ({ default: m.JsonViewer }))
 );
 const LazyJsonViewerFromString = reactExports.lazy(
-  () => import("./json-viewer-B-qpM5xC.mjs").then((m) => ({ default: m.JsonViewerFromString }))
+  () => import("./json-viewer-DLsDT0RE.mjs").then((m) => ({ default: m.JsonViewerFromString }))
 );
 const HIGHLIGHT_DURATION_MS = 1200;
 const MAX_HIGHLIGHT_ATTEMPTS = 12;
@@ -1845,9 +1866,11 @@ const LogEntryHeader = reactExports.memo(function({
   onCopyRequest,
   requestCopied = false,
   onToggleRequestExpansion,
-  requestExpansionState = null
+  requestExpansionState = null,
+  slowResponseThresholdSeconds = 0
 }) {
   const statusCategory = getStatusCategory(log.responseStatus);
+  const isSlowResponse = log.elapsedMs !== null && slowResponseThresholdSeconds > 0 && log.elapsedMs > slowResponseThresholdSeconds * 1e3;
   const hasTokens = log.inputTokens !== null || log.outputTokens !== null;
   const toolNamesJoined = reactExports.useMemo(() => responseToolNames?.join(", ") ?? null, [responseToolNames]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -1875,6 +1898,10 @@ const LogEntryHeader = reactExports.memo(function({
           "#",
           log.id
         ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs shrink-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", children: log.timestamp })
+        ] }),
         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 })
@@ -1893,9 +1920,24 @@ const LogEntryHeader = reactExports.memo(function({
             ]
           }
         ),
-        log.elapsedMs !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs shrink-0", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", children: formatElapsed$1(log.elapsedMs) })
+        log.elapsedMs !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "span",
+            {
+              className: cn(
+                "flex items-center gap-1 text-xs shrink-0",
+                isSlowResponse ? "text-amber-400" : "text-muted-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", children: formatElapsed$1(log.elapsedMs) }),
+                isSlowResponse && /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "size-3", "aria-label": "Slow response" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: isSlowResponse ? `Slow response: ${formatElapsed$1(log.elapsedMs)} exceeds ${formatElapsed$1(
+            slowResponseThresholdSeconds * 1e3
+          )}` : "Elapsed response time" })
         ] }),
         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" }),
@@ -2451,6 +2493,7 @@ const LogEntry = reactExports.memo(function({
   log,
   viewMode = "simple",
   strip,
+  slowResponseThresholdSeconds,
   cacheTrend = null,
   onCompareWithPrevious
 }) {
@@ -2510,6 +2553,7 @@ const LogEntry = reactExports.memo(function({
           onToggle: () => setExpanded(!expanded),
           responseToolNames: responseAnalysis.toolNames,
           cacheTrend,
+          slowResponseThresholdSeconds,
           onReplay: onCompareWithPrevious === void 0 ? void 0 : () => {
             setReplayOpen(true);
           },
@@ -2834,6 +2878,7 @@ const TurnGroup = reactExports.memo(function TurnGroup2({
   entries,
   viewMode,
   strip,
+  slowResponseThresholdSeconds,
   cacheTrends,
   onCompareWithPrevious,
   comparisonPredecessors,
@@ -2897,6 +2942,7 @@ const TurnGroup = reactExports.memo(function TurnGroup2({
   const StartCrab = reactExports.useMemo(() => getCrabVariant(entries[0]?.log.id ?? 0), [entries]);
   const EndCrab = reactExports.useMemo(() => getCrabVariant(entries[lastIdx]?.log.id ?? 0), [entries, lastIdx]);
   const bgClass = turnIndex % 2 === 0 ? "bg-muted/10" : "bg-muted/25";
+  const aggregateIsSlow = aggregate.hasElapsed && slowResponseThresholdSeconds > 0 && aggregate.totalElapsed > slowResponseThresholdSeconds * 1e3;
   const [layoutVersion, setLayoutVersion] = reactExports.useState(0);
   const containerRef = reactExports.useRef(null);
   reactExports.useEffect(() => {
@@ -3017,10 +3063,25 @@ const TurnGroup = reactExports.memo(function TurnGroup2({
                       entries.length > 1 ? "s" : ""
                     ] }),
                     uniqueProviders.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex items-center gap-0.5 shrink-0", children: uniqueProviders.map((p) => /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderLogo, { provider: p, className: "size-4" }, p)) }),
-                    aggregate.hasElapsed && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-muted-foreground shrink-0", children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", children: formatElapsed(aggregate.totalElapsed) })
-                    ] }),
+                    aggregate.hasElapsed && /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                        "span",
+                        {
+                          className: cn(
+                            "flex items-center gap-1 shrink-0",
+                            aggregateIsSlow ? "text-amber-400" : "text-muted-foreground"
+                          ),
+                          children: [
+                            /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
+                            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", children: formatElapsed(aggregate.totalElapsed) }),
+                            aggregateIsSlow && /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "size-3", "aria-label": "Slow response" })
+                          ]
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: aggregateIsSlow ? `Slow response: ${formatElapsed(
+                        aggregate.totalElapsed
+                      )} exceeds ${formatElapsed(slowResponseThresholdSeconds * 1e3)}` : "Total elapsed response time" })
+                    ] }) }),
                     aggregate.hasTokens && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 shrink-0", children: [
                       /* @__PURE__ */ jsxRuntimeExports.jsx(Zap, { className: "size-3 text-muted-foreground" }),
                       /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-mono tabular-nums", children: [
@@ -3069,6 +3130,7 @@ const TurnGroup = reactExports.memo(function TurnGroup2({
                 log,
                 viewMode,
                 strip,
+                slowResponseThresholdSeconds,
                 cacheTrend: cacheTrends?.get(log.id) ?? null,
                 onCompareWithPrevious: comparisonPredecessors.has(log.id) ? onCompareWithPrevious : void 0
               }
@@ -3092,6 +3154,7 @@ const ConversationGroup = reactExports.memo(function({
   group,
   viewMode = "simple",
   strip,
+  slowResponseThresholdSeconds,
   cacheTrends,
   onCompareWithPrevious,
   comparisonPredecessors,
@@ -3131,6 +3194,7 @@ const ConversationGroup = reactExports.memo(function({
         entries: tg.entries,
         viewMode,
         strip,
+        slowResponseThresholdSeconds,
         cacheTrends,
         onCompareWithPrevious,
         comparisonPredecessors,
@@ -4919,7 +4983,13 @@ function SettingsDialog() {
   ] });
 }
 function ProxySettingsTab() {
-  const { strip, isLoading, setStrip } = useStripConfig();
+  const {
+    strip,
+    slowResponseThresholdSeconds,
+    isLoading,
+    setStrip,
+    setSlowResponseThresholdSeconds
+  } = useStripConfig();
   const [error, setError] = reactExports.useState(null);
   const [pending, setPending] = reactExports.useState(false);
   const handleToggle = reactExports.useCallback(
@@ -4936,6 +5006,20 @@ function ProxySettingsTab() {
     },
     [setStrip]
   );
+  const handleThresholdChange = reactExports.useCallback(
+    async (next) => {
+      setError(null);
+      setPending(true);
+      try {
+        await setSlowResponseThresholdSeconds(next);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : String(err));
+      } finally {
+        setPending(false);
+      }
+    },
+    [setSlowResponseThresholdSeconds]
+  );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-sm font-semibold", children: "Claude Code billing header" }),
@@ -4965,6 +5049,36 @@ function ProxySettingsTab() {
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm", children: isLoading ? "Loading…" : strip ? "Stripping enabled" : "Stripping disabled" })
     ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: "slow-response-threshold", className: "text-sm font-semibold", children: "Slow response threshold" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+        "Logs whose elapsed time exceeds this many seconds show a warning icon next to the duration. Set to ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: "0" }),
+        " to disable the indicator."
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            id: "slow-response-threshold",
+            type: "number",
+            min: 0,
+            max: MAX_SLOW_RESPONSE_THRESHOLD_SECONDS,
+            step: 1,
+            value: slowResponseThresholdSeconds,
+            disabled: isLoading || pending,
+            onChange: (e) => {
+              const next = Number(e.currentTarget.value);
+              if (!Number.isInteger(next)) return;
+              if (next < 0 || next > MAX_SLOW_RESPONSE_THRESHOLD_SECONDS) return;
+              void handleThresholdChange(next);
+            },
+            className: "h-8 w-24 rounded-md border border-input bg-transparent px-2 text-sm font-mono disabled:cursor-not-allowed disabled:opacity-50"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: "seconds" })
+      ] })
+    ] }),
     error !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-destructive", children: [
       "Failed to save: ",
       error
@@ -5214,7 +5328,8 @@ function ProxyViewer({
   onClearGroup,
   viewMode,
   onViewModeChange,
-  strip
+  strip,
+  slowResponseThresholdSeconds
 }) {
   const { totalIn, totalOut } = reactExports.useMemo(() => computeTokenSummary(logs), [logs]);
   const [exporting, setExporting] = reactExports.useState(false);
@@ -5344,7 +5459,7 @@ function ProxyViewer({
         logs.length,
         " request",
         logs.length !== 1 ? "s" : "",
-        totalIn > 0 || totalOut > 0 ? ` · ${totalIn.toLocaleString()} in / ${totalOut.toLocaleString()} out` : ""
+        totalIn > 0 || totalOut > 0 ? ` · ${formatTokens(totalIn)} in / ${formatTokens(totalOut)} out` : ""
       ] }),
       logs.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
@@ -5389,6 +5504,7 @@ function ProxyViewer({
             group,
             viewMode,
             strip,
+            slowResponseThresholdSeconds,
             cacheTrends,
             onCompareWithPrevious: handleCompareWithPrevious,
             comparisonPredecessors,
@@ -5589,7 +5705,7 @@ function ProxyViewerContainer() {
       }
     })();
   }, []);
-  const { strip } = useStripConfig();
+  const { strip, slowResponseThresholdSeconds } = useStripConfig();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     error !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed top-4 right-4 bg-destructive text-destructive-foreground px-4 py-2 rounded-md text-sm z-50", children: error }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(OnboardingBanner, {}),
@@ -5607,7 +5723,8 @@ function ProxyViewerContainer() {
         onClearGroup: handleClearGroup,
         viewMode,
         onViewModeChange: setViewMode,
-        strip
+        strip,
+        slowResponseThresholdSeconds
       }
     )
   ] });

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

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

package/.output/server/_ssr/{json-viewer-B-qpM5xC.mjs → json-viewer-DLsDT0RE.mjs}

@@ -1,6 +1,6 @@
 import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { q as parseJsonText, c as cn, k as TooltipProvider, l as Tooltip, m as TooltipTrigger, n as TooltipContent } from "./index-CDjLoMsk.mjs";
-import "./router-BrdjOUEW.mjs";
+import { q as parseJsonText, c as cn, k as TooltipProvider, l as Tooltip, m as TooltipTrigger, n as TooltipContent } from "./index-nUG0H1oS.mjs";
+import "./router-DG_jmXCF.mjs";
 import "../_libs/modelcontextprotocol__server.mjs";
 import "../_libs/jszip.mjs";
 import { C as Check, c as Copy, a as ChevronDown, f as ChevronRight, r as ChevronsDown } from "../_libs/lucide-react.mjs";

package/.output/server/_ssr/{router-BrdjOUEW.mjs → router-DG_jmXCF.mjs}

@@ -46,7 +46,7 @@ import "../_libs/debounce-fn.mjs";
 import "../_libs/mimic-function.mjs";
 import "../_libs/semver.mjs";
 import "../_libs/uint8array-extras.mjs";
-const appCss = "/assets/index-BGzHFOEX.css";
+const appCss = "/assets/index-DoGvsnbA.css";
 const Route$k = createRootRoute({
   head: () => ({
     meta: [
@@ -70,7 +70,7 @@ function RootDocument({ children }) {
     ] })
   ] });
 }
-const $$splitComponentImporter = () => import("./index-CDjLoMsk.mjs").then((n) => n.t);
+const $$splitComponentImporter = () => import("./index-nUG0H1oS.mjs").then((n) => n.t);
 const Route$j = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter, "component")
 });
@@ -2158,9 +2158,12 @@ async function getClientInfo(request) {
   inflight.set(port, promise);
   return promise;
 }
+const DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS = 10;
+const MAX_SLOW_RESPONSE_THRESHOLD_SECONDS = 600;
 const RuntimeConfigSchema = object({
   stripClaudeCodeBillingHeader: boolean(),
-  hasSeenOnboarding: boolean().default(false)
+  hasSeenOnboarding: boolean().default(false),
+  slowResponseThresholdSeconds: number().int().min(0).max(MAX_SLOW_RESPONSE_THRESHOLD_SECONDS).default(DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS)
 });
 function getConfigFilePath() {
   return join(getDataDir(), "config.json");
@@ -2190,9 +2193,17 @@ function resolveInitialConfig() {
     }
   }
   if (process.env["LLM_INSPECTOR_STRIP_CLAUDE_CODE_BILLING_HEADER"] === "1") {
-    return { stripClaudeCodeBillingHeader: true, hasSeenOnboarding: false };
+    return {
+      stripClaudeCodeBillingHeader: true,
+      hasSeenOnboarding: false,
+      slowResponseThresholdSeconds: DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS
+    };
   }
-  return { stripClaudeCodeBillingHeader: false, hasSeenOnboarding: false };
+  return {
+    stripClaudeCodeBillingHeader: false,
+    hasSeenOnboarding: false,
+    slowResponseThresholdSeconds: DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS
+  };
 }
 function getConfig() {
   return currentConfig;
@@ -3279,7 +3290,8 @@ const Route$c = createFileRoute("/api/health")({
 });
 const RuntimeConfigPatchSchema = object({
   stripClaudeCodeBillingHeader: boolean().optional(),
-  hasSeenOnboarding: boolean().optional()
+  hasSeenOnboarding: boolean().optional(),
+  slowResponseThresholdSeconds: number().int().min(0).max(MAX_SLOW_RESPONSE_THRESHOLD_SECONDS).optional()
 }).strict().refine((v) => Object.keys(v).length > 0, {
   message: "At least one field must be provided"
 });
@@ -5016,6 +5028,8 @@ const router = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
 export {
   AnthropicResponseSchema$1 as A,
   CapturedLogSchema as C,
+  DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS as D,
+  MAX_SLOW_RESPONSE_THRESHOLD_SECONDS as M,
   OpenAIRequestSchema as O,
   ProviderTestResultsSchema as P,
   RuntimeConfigSchema as R,

package/.output/server/{_tanstack-start-manifest_v-DmOZEcJ3.mjs → _tanstack-start-manifest_v-D0JtrQPv.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-CDMdNDY_.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-DX88k9br.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-CDMdNDY_.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-Dgme52Fp.js"], "assets": [] }, "/": { "filePath": "C:/Users/claw/workspace/llm-inspector/src/routes/index.tsx", "assets": [], "preloads": ["/assets/index-B4nxi_tZ.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-Dgme52Fp.js" });
 export {
   tsrStartManifest
 };